/* CSS Document */
/*----- last up date 20180321 -----*/

/*---==============================---*/
/*---======== header構成 ==========---*/
/*---==============================---*/


header{
	width:100%;
	position:relative;
	}

header nav{
	width:1000px;
	margin:0 auto;
	}

header nav > ul{
	position:relative;
	}

header nav > ul:after{
	content:"";
	display:inline-block;
	margin:10px auto;
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo/images/common/h-nav_bg.png) no-repeat center top;
	position:absolute;
	z-index:900;
	width:1000px;
	height:63px;
	left:0;
	top:0;
	}
	

header nav > ul > li > a{
	text-align:left;
	display:inline-block;
	white-space:nowrap;
	z-index:901;
	position:relative;
	line-height:10px;
	padding:40px 20px 30px 32px;
	}

header nav > ul > li:first-child > a{margin:0 7px 0 170px;}
header nav > ul > li:last-child{padding-top:17px; position:relative; left:-10px;}


header nav > ul > li > form input#searchsubmit{
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo/images/common/h-nav_search.png) no-repeat center center;
	height:22px;
	width:27px;
	font-size:0px;
	position:absolute;
	right:0;
	}

header nav > ul > li > form lavel.screen-reader-text{text-indent:-9999px;}

header nav > ul > li > a span{
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	}

header nav > ul > li:hover > a span{
	border-bottom:#bbd392 3px solid;
	padding-bottom:3px;
	}

header nav > ul > li:nth-child(1) > a{width:77px;}
header nav > ul > li:nth-child(2) > a{width:147px;}
header nav > ul > li:nth-child(3) > a{width:73px;}
header nav > ul > li:nth-child(4) > a{width:53px;}
header nav > ul > li:nth-child(5) > a{width:224px;}

header nav > ul > li:nth-last-child(n+2) > a:before{
	content:"";
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo/images/common/h-nav_sprite.png) no-repeat;
	width:27px;
	height:29px;
	display:inline-block;
	margin:0px 5px 0 0;
	z-index:901;
	position:absolute;
	top:35%;
	left:0;
	}

header nav > ul > li:nth-child(1) > a:before{background-position:0 0;}
header nav > ul > li:nth-child(2) > a:before{background-position:0 -28px;}
header nav > ul > li:nth-child(3) > a:before{background-position:0 -57px;}
header nav > ul > li:nth-child(4) > a:before{background-position:0 -86px;}

header nav > ul > li > form{
	width:224px;
	z-index:901;
	position:relative;
	border:solid 2px #b8b4aa;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
	border-radius:30px;
	padding:4px 10px;
	background:#ebe8e0;
	position:relative;
	text-align:left;
	}

header nav > ul > li > form input{
	border:none;
	background:none;
	}

header nav > ul > li > form input[type="image"]{
	width:27px;
	height:auto;
	position:absolute;
	right:5px;
	top:5px;
	text-indent:-9999px;
	}

header nav > ul > li > a{
	color:#79766f;
	}

header nav > ul > li ul{
	position:absolute;
	left:7px;
	top:50px;
	z-index:900;
	background:#ebe8e0;
	padding:20px;
	border-radius:15px;
	width:986px;
	padding-top:50px;
	text-align:left;
	}

header nav > ul > li ul > li{min-width:147px; margin-right:7px;}
header nav > ul > li:nth-child(2) ul > li{text-align:center;}
header nav > ul > li ul > li:last-child{margin-right:0;}

header nav > ul > li:nth-child(n+3) ul > li{
	padding-left:50px;
	margin-bottom:10px;
	}

header nav > ul > li:nth-child(2) ul > li a img{
	border:solid 2px #ebe8e0;
	}

header nav > ul > li:nth-child(2) ul > li a:hover img{
	border:solid 2px #bbd392;
	}

header nav > ul > li:nth-child(n+3) ul > li a:hover{
	text-decoration:underline;
	}

header nav > ul > li:nth-child(n+3) ul > li:before{
	content:"・";
	width:15px;
	height:5px;
	margin-top:0px;
	display:inline-block;
	}

nav.rightNav,
nav.leftNav{
	width:80px;
	position:absolute;
	top:0;
	}


nav.leftNav{left:0px;}
nav.rightNav{right:-5px;}
nav.leftNav ul > li{
	width:230px;
	position:absolute;
	left:-100px;
	top:200px;
	z-index:901;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	}

nav.leftNav.leftNav02 ul > li{left:-60px;}
nav.leftNav.leftNav02 ul > li:nth-child(2){top:300px;}
nav.leftNav ul > li:hover{left:-5px;}
nav.leftNav.leftNav02 ul > li:hover{left:10px;}

nav.rightNav:before{
	content:"";
	width:80px;
	height:80px;
	display:inline-block;
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo/images/common/r-text.png) no-repeat center top;
	position:absolute;
	top:7px;
	left:-30px;
	z-index:999;
	}

nav.rightNav ul{
	padding-top:57px;
	}

nav.rightNav a{position:relative;}
nav.rightNav a:hover img{width:110%;}

nav.rightNav ul > li:nth-child(1) > a{z-index:901;}
nav.rightNav ul > li:nth-child(2) > a{z-index:902; top:-20px;}
nav.rightNav ul > li:nth-child(3) > a{z-index:903; top:-40px;}
nav.rightNav ul > li:nth-child(4) > a{z-index:904; top:-60px;}
nav.rightNav ul > li:nth-child(5) > a{z-index:905; top:-80px;}
nav.rightNav ul > li:nth-child(6) > a{z-index:906; top:-100px;}




/*---==============================---*/
/*---========= foot構成 ===========---*/
/*---==============================---*/

footer{
	width:100%;
	position:relative;
	padding:50px 0;
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo/images/common/f-bg.jpg) center center;
	}

footer ul{
	width:1000px;
	margin:0 auto 70px;
	}

footer ul > li{
	width:480px;
	}

footer .sns{
	text-align:center;
	position:relative;
	width:100%;
	}

footer .sns h3{
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo/images/common/f-line_insta.png) no-repeat center center;
	text-indent:-9999px;
	width:100%;
	height:50px;
	}
	

footer .sns .pc iframe{
	width:100%;
	min-height:39vw;
	}

/*------ new insta css 1910 ---------------*/

footer .wp-my-instagram{width:100%;}

footer .wp-my-instagram ul.wpmi-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom:0;
	}

footer .wp-my-instagram ul.wpmi-list > li{width:calc(100% / 6);}
footer .wp-my-instagram ul.wpmi-list > li img{width:100%; height:auto;}


footer p.toLink{
	position:fixed;
	right:5%;
	bottom:5%;
	z-index:9999;
	}

.wp-my-instagram .wpmi-me{display:none;}



nav.fNav{
	width:850px;
	margin:25px auto 10px;
	text-align:center;
	}

nav.fNav ul{
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}

nav.fNav ul > li{
	font-size:13px;
	text-align:center;
	line-height:15px;
	}

nav.fNav ul > li a{
	line-height:10px;
	}

nav.fNav ul > li:after{
	content:"|";
	display:inline-block;
	width:15px;
	margin:0 5px;
	right:0;
	}

nav.fNav ul > li:last-child:after{
	content:"";
	}






small{
	margin:5px auto;
	display:block;
	font-size:11px;
	}



@media only screen and (max-width:840px){

nav.rightNav,
nav.leftNav{
	display:none;
	}

}