/**
/*	Header
/* ==========================================*/
header{
	background:rgba(0,139,203,0.85);
	position:fixed;
	width: 100vw;
	z-index:9999;
}
.site-content{
	padding-top:135px;
}

/*#navigation {
	background-color:#141B4D;
}*/

#header_logo{
	float:left;
	margin-left:20px;
}

@media all and (max-width: 767px) {
	.site-content {
    padding-top: 50px;
		margin-bottom:20px;
	}
	main > section{
	padding:30px 0;
	}
	#header_logo{
		float:left;
		margin-left:15px;
		width:250px;
		margin-bottom: 10px;
	}

}

#header_right{
	float:right;
}
@media all and (max-width:1100px) {
#header_right{
	float:none;
}
}

@media all and (max-width: 767px) {
	#header_right{
		display:none;
	}
}

.clear_header{
	clear:both;
/*border-bottom:1px #FFFFFF solid;*/
}


/**
/*	navigation
/* ==========================================*/

#navigation{
width:100%;
z-index:1500;
}
.navbar-collapse ul{
    margin-top:0px;
	display: inline-block;
	width:100%;
}
/*@media all and (max-width:880px) {
.navbar-collapse ul{
	margin-left:5px;
	}
}*/
.navbar-collapse ul::after {
  display: block;
  clear: both;
  content: "";
}
.navbar-collapse ul li{
line-height:100%;
width:20%;
text-align:center;
}
@media all and (max-width:767px) {
.navbar-collapse ul li{
width:100%;
border-bottom: rgba(0,0,0,.3) dotted 1px;
}
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
z-index:1500;
}

/*================ドロップダウン===============*/
@media all and (min-width:768px) {

/* 親メニュー */
nav ul li {
    position: relative;
}
/* 子メニュー */
nav ul li ul{
    position: absolute;
    z-index: 100;
    left: 0;
    width: 350%;
	top:100%;
	margin:0;
font-weight:bold;
}
nav ul li ul.list100{width: 100%;padding: 0;}
nav ul li ul.list200{width: 200%;padding: 0;}

nav ul li ul li {
    overflow: hidden;
    width: 100% !important;
    height: 0;
	list-style:none;
	font-size:85%;
margin: 10px 0;
}
nav ul li ul li a {
    display: block;
    color: #111;
}
/* ホバーで子メニュー表示 */
nav > ul > li:hover{
	background:#333;
}
nav > ul > li:hover > a {
    height: 40px;
    color: #fff;
}
nav > ul > li:hover li:hover{
	background:rgba(0,0,0,0.1);
}
nav ul li:hover > ul{
	border:solid #333 10px;
	top:100%;
	background:rgba(255,255,255,0.8);
}

nav ul li:hover > ul >li {
    overflow: visible;
    height: 25px;
	padding-top:5px;
    color: #fff;
}

nav ul li ul.list100:before {left:50%;}
nav ul li ul.list200:before {left:23%;}

nav ul li:hover ul:before {
border: 5px solid transparent;
    top:-15px;
	opacity:0.5;
    left:13%;
/*    border-top-color: #fff;*/
}
nav ul li:hover ul.list100:before {left:50%;}
nav ul li:hover ul.list200:before {left:23%;}

}

@media all and (max-width:767px) {
	nav ul li ul {display:none !important;}
	nav ul li{padding-left:15px;}
	nav ul li a{border-right: none !important;}
}


/**
/*	Header
/* ==========================================*/


#navigation.animated-header {
    padding:0;
}
.navbar-inverse{
		background:rgba(255,255,255,0.85)
}
.navbar-inverse .navbar-nav > li > a {
    font-size:17px;
	font-weight: 600;
padding: 15px;}

@media all and (max-width:1200px) {
.navbar-inverse .navbar-nav > li > a {
    font-size:14.5px;
}}
@media all and (max-width:1100px) {
.navbar-inverse .navbar-nav > li > a {
    font-size:14px;
}
}
@media all and (max-width:992px) {
.navbar-inverse .navbar-nav > li > a {
    font-size:13px;
}
}
@media all and (max-width:880px) {
.navbar-inverse .navbar-nav > li > a {
    font-size:12px;
padding: 10px;}
}
@media all and (max-width:780px) {
.navbar-inverse .navbar-nav > li > a {
    font-size:12px;
}
}

/**
/*	ページタイトル
/* ==========================================*/

#pagetitle{
	clear:both;
	text-align:center;
	background-color:#5da8d3;
}

#pagetitle p{
	color:#FFFFFF;
	padding:35px 0;
	font-size:32px;
}





@media all and (max-width: 767px) {
	#pagetitle p{
	color:#FFFFFF;
	padding:30px 0;
	font-size:28px;
}
	  .navbar-origin .navbar-brand {
        padding: 0 15px 0 0;
        line-height: 60px;
        height: 50px;
        font-size: 18px;
        font-weight: 100;
      }

      .navbar-origin .navbar-brand span{
        line-height: 60px;
        height: 50px;
        font-size: 12px;
        font-weight: 100;
      }

}
      .navbar-origin .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 70px;
		font-size:15px;
        font-weight: 200;
        color: #ffffff;
      }
      .navbar-origin .navbar-nav>li>a:hover{
        color: #509931;
        border-bottom: 1px solid #509931;
        line-height:69px;
      }
      .navbar-origin .navbar-nav>.open>a,
      .navbar-origin .navbar-nav>.open>a:hover,
      .navbar-origin .navbar-nav>.open>a:focus {
        background: none;
        color: #E42121;
      }

      .controls input{
        margin-bottom: 10px;
      }



/**
/*	middle
/* ==========================================*/
#header_middle{
	float:right;
	}
@media all and (max-width:1100px) {
#header_middle{
top: 0;
right: 20px;
position: absolute;
}
}

/**
/*	言語切替
/* ==========================================*/
#header_langage{
	margin-bottom:5px;
}
#header_langage p{
	list-style:none;
	float:left;
	font-size:11px;
	}

#header_langage a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

/**
/*	ツイッターフェイスブック
/* ==========================================*/
.footer-midcol{
	position:fixed;
	top:0;right:0;
	padding:0;
	z-index:1;}

.footer-midcol li {
    list-style: none;
    margin:5px;
}
.twitter-icon {
    background: url(../img/twitter-icon.png);
    height: 34px;
    width: 35px;
    display: block;
    text-indent: -9999px;
}
.facebook-icon {
    background: url(../img/facebook-icon.png);
    height: 34px;
    width: 35px;
    display: block;
    text-indent: -9999px;
}
.insta-icon {
    background: url(../img/insta-icon.png);
    height: 35px;
    width: 35px;
    display: block;
    text-indent: -9999px;
}



/**
/*	スマホ言語選択
/* ==========================================*/


@media only screen and (max-width: 767px) {
	#sp_lang{
	display:inline-block !important;
		margin-bottom: -8px;
		margin-left: -20px;
		width: 100%;
	}

	#sp_lang ul li{
	width: 20%;
	float: left;
	text-align: center;
	list-style: none;
	background: #0E5F83;
	color: #FFFFFF;
	padding: 5px;
	font-size: 12px;
	}
	#sp_lang ul li a{
		color: #FFFFFF;
	}
}

#sp_lang{
	display: none;
}