@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

/*===============================================
●headermenu
===============================================*/
 .head li a {
	width:auto;
	font-weight:bold;
 }

 .drawer-navbar {
	/*border-bottom: solid 9px rgba(255,255,255,0.8);*/
	background: #fff;
	border-top: solid 4px #1C8A43;
 }


/*===============================================
○PC
===============================================*/
@media screen and (min-width: 1201px){ 

 .head.menu1 {
	width: 1200px;
 }

 .head.menu2 {
	display: none;
 }

}


@media screen and (min-width: 781px) and (max-width: 1200px){

 .drawer-navbar .drawer-nav{
	height: 7.5rem;
 }
	
 .head {
	width: 100%;
 }

 .head.menu2 {
	display: table;
	padding: 0px;
	margin: 0 auto;
	list-style-type: none;
	table-layout: fixed;
 }

 .head.menu2 li {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	padding: 0px;
	margin: 0;
	text-align:center;
 }

 .head.menu2 li.index, .head.menu2 li.information {
	display: none;
 }

 .head.menu2 li .drawer-menu-item {
	font-size: 14px;
	padding: 19.5px 0;
	border-left: 1px solid #006990;
 }

 .head.menu2 li a.active, 
 .head.menu2 li a.active-main, 
 .head.menu2 li a:hover {
	background:#045184;
	background: linear-gradient(#033A5E, #045184, #0568AA);
	box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.15),
				inset 0px 0px 0px 0px rgba(255,255,255,0.15);
 }

 .head.menu2 li .drawer-menu-item {
	background:#006990;
	background: linear-gradient(#0086B7, #006990, #004C69);
	box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.15);
 }

 .head.menu2 li .drawer-menu-item {
	color:#ffffff;
 }

}


@media screen and (min-width: 781px){ 

 .drawer-brand {
	display: none
 }

 .drawer-navbar {
	/*border-bottom: solid 9px rgba(255,255,255,0.8);*/
	border-bottom: solid 9px #fff;
 }

 .drawer-nav {
	width: 100%;
	height: 0px;
	text-align: left;
	margin: 0px auto;
	/*border-top: solid 50px #006990;
	border-bottom: solid 9px rgba(255,255,255,0.8);*/
	background: #006990;
	/*border-bottom: solid 9px rgba(255,255,255,0.8);*/
 }

 .head.language {
	display: none;
 }

 .head.menu1 {
	display: table;
	padding: 0px;
	margin: 0 auto;
	list-style-type: none;
 }

 .head.menu1 li {
	display: table-cell;
	/*vertical-align: middle;*/
	height: 50px;
	padding: 0px;
	margin: 0;
	text-align:center;
 }

 .head.menu1 li.index {
	display: none;
 }

 .head.menu1 li .drawer-menu-item {
	font-size: 14px;
	padding: 19.5px 0;
	border-left: 1px solid #006990;
 }

 .head.menu1 li a.active, 
 .head.menu1 li a.active-main, 
 .head.menu1 li a:hover {
	background:#045184;
	background: linear-gradient(#033A5E, #045184, #0568AA);
	box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.15),
				inset 0px 2px 0px 0px rgba(255,255,255,0.15);
 }

 .head.menu1 li .drawer-menu-item {
	background:#006990;
	background: linear-gradient(#0086B7, #006990, #004C69);
	box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.15);
 }

 .head.menu1 li .drawer-menu-item {
	color:#ffffff;
 }

 .drawer-dropdown-menu {
	display: none;
 }

 nav.long {
	padding: 0 0 100px 0;
 }

}


/*===============================================
○タブレット
===============================================*/
@media screen and (min-width: 481px) and (max-width: 780px){

 .drawer-open .drawer-brand {
	top: 13px;
}

 .drawer-open .drawer-brand img {
	width: 140px;
	height: auto;
}

 .drawer-open .head-rogo {
	top: 10px;
 }

 .head {
	font-size: 2.5vw;
 }

 .drawer-menu-item {
	font-size: 14px;
	/*padding: 3%;*/
 }

 .drawer-dropdown-menu-item {
	font-size: 12px;
	/*padding: 3%;*/
 }

}


/*===============================================
○タブレット・スマホ
===============================================*/
@media screen and (max-width: 780px){ 

 .drawer-open .head-text, 
 .drawer-open .head-btn-tbsp, 
 .drawer-open slider {
	display: none;
}

 .drawer-open .head-rogo {
	width: 100%;
	text-align : left;
	/*padding: 13px 5px 5px;*/
	padding: 0;
	left: 5px;
 }

 .drawer-open .head-rogo a.rg {
	font-size: 16px;
	padding: 0 0 5px 15px;

 }

 .drawer-open .head-rogo span {
	font-size: 14px;
 }

 .drawer-open .rg-img {
	margin-top: 5px;
 }

 .drawer-open .rg-img .icon-okada_mark, 
 .drawer-open .rg-img .icon-rogo {
	font-size: 26px;
 }

 .head {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	bottom: 0;
 }

 .head li {
	float: none;
	position: static;
	/*border-bottom: 1px solid #555;*/
	/*border-bottom: 1px solid #555;*/
	border-bottom: 1px solid rgba(85, 85, 85, 0.5);
 }

 .head.menu2 li.sitemap {
	display: none;
 }

 .head.language {
	background: rgba(104, 176, 77, 0.5);
	padding: 20px;
 }

 .head.language span.lang {
	float: right;
	clear: both;
 }

 .head.language li, .head.language li a {
	border-radius: 10px;
 }

 .head.language li.open {
	border-bottom: none;
 }

 .head.language li.open,
 .head.language li.open a.active {
	border-radius: 10px 10px 0 0;
 }

 .head.language li.open ul li:first-child {
	border-top: 1px solid rgba(85, 85, 85, 0.5);
 }

 .head.language li.open ul li:first-child, 
 .head.language li.open ul li:first-child a,
 .head.language li.open ul li:first-child a:hover {
	border-radius: 0;
 }

 .head.language li.open ul.drawer-dropdown-menu,
 .head.language li.open ul li:last-child, 
 .head.language li.open ul li:last-child a, 
 .head.language li.open ul li:last-child a:hover {
	border-radius: 0 0 10px 10px;
 }

 .head.language li .drawer-menu-item.active, 
 .head.language li .drawer-menu-item.active-main, 
 .head.language li .drawer-menu-item:hover {
	/*background: #045184;*/
	background: rgba(28,138,67,0.8);
	color: #FFF;
 }
 
 .head.language li .drawer-menu-item {
	/*background:#006990;*/
	background: rgba(28,138,67,0.1);
	color: #222;
 }
 
 .head.menu1 li .drawer-menu-item.active, 
 .head.menu1 li .drawer-menu-item.active-main, 
 .head.menu1 li .drawer-menu-item:hover {
	/*background: #045184;*/
	background-color: rgba(4, 81, 132, 1);
	color: #FFF;
 }
 
 .head.menu1 li .drawer-menu-item {
	/*background:#006990;*/
	background-color: rgba(0, 105, 144, 0.2);
	color: #222;
 }
 
 .head.menu2 li .drawer-menu-item.active, 
 .head.menu2 li .drawer-menu-item.active-main, 
 .head.menu2 li .drawer-menu-item:hover {
	/*background: #048424;*/
	background-color: rgba(4, 132, 36, 0.9);
	color: #FFF;
 }

 .head.menu2 li .drawer-menu-item {
	/*background:#009073;*/
	background-color: rgba(0, 144, 115, 0.2);
	color: #222;
 }

 .head.language .drawer-dropdown-menu li .drawer-dropdown-menu-item.active, 
 .head.language .drawer-dropdown-menu li .drawer-dropdown-menu-item:hover {
	/*background: #045184;*/
	background: rgba(28,138,67,0.8);
	color: #FFF;
 }
 
 .head.language .drawer-dropdown-menu li .drawer-dropdown-menu-item {
	/*background:#006990;*/
	background: rgba(28,138,67,0.1);
	color: #444;
 }

 .head.menu1 .drawer-dropdown-menu li .drawer-dropdown-menu-item.active, 
 .head.menu1 .drawer-dropdown-menu li .drawer-dropdown-menu-item:hover {
	/*background: #045184;*/
	background-color: rgba(4, 81, 132, 0.7);
	color: #FFF;
 }
 
 .head.menu1 .drawer-dropdown-menu li .drawer-dropdown-menu-item {
	/*background:#006990;*/
	background-color: rgba(0, 105, 144, 0.1);
	color: #444;
 }

 .head.menu2 .drawer-dropdown-menu li .drawer-dropdown-menu-item.active, 
 .head.menu2 .drawer-dropdown-menu li .drawer-dropdown-menu-item:hover {
	/*background: #048424;*/
	background-color: rgba(4, 132, 36, 0.7);
	color: #FFF;
 }

 .head.menu2 .drawer-dropdown-menu li .drawer-dropdown-menu-item {
	/*background:#009073;*/
	background-color: rgba(0, 144, 115, 0.1);
	color: #222;
 }

}


/*===============================================
○スマホ
===============================================*/
@media screen and (max-width: 480px){ 

 .drawer-open .drawer-brand {
	top: 15px;
}

 .drawer-open .drawer-brand img {
	width: 130px;
	height: auto;
}

 /*.drawer-open .head-rogo {
	top: 5px;
 }*/

 .head {
	font-size:12px;
	/*font-size: 3vw;*/
 }

 .drawer-menu-item {
	font-size:12px;
 }

 .drawer-dropdown-menu-item {
	font-size:11px;
 }


}