@charset "UTF-8";


/*hotel-lunch.css*/

.pc-view{display:block;}
.sp-view{display:none;}
@media(max-width:640px){
	.pc-view{display:none;}
	.sp-view{display:block;}
}

.pcbr{display:block;}
.spbr{display:none;}
@media(max-width:640px){
	 .pcbr{display:none;}
	 .spbr{display:block;}
}




main{
	padding:0;
}

#header{
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/header-bg.jpg) 0 0 repeat;
	position:relative;
	overflow:hidden;
}

	.top-read{
		background:url(/wp-content/themes/shuttle/special/hotel-lunch/top-read-bg-dot-pc.png) 50% 0 repeat-y;
	}
	.content-outer-leaf{
		background:url(/wp-content/themes/shuttle/special/hotel-lunch/content-outer-reaf.png) 50% 50% no-repeat;
		background-size:contain;
		filter: drop-shadow(0px 0px 5px rgba(255,255,255,.8));
	}
	.top-read .inner-1200{
		padding-bottom:0px;
	}
	@media(max-width:1200px){
		.top-read .inner-1200{padding-left:0;padding-right:0;}
	}

	#top-read-inhead{margin-top:80px;}
	@media(max-width:767px){
		#top-read-inhead{margin-top:50px;}
	}

	.top-read-content{
		padding-top:3em;
		padding-bottom:0em;
	}

	.top-read-content h1{
		font-size:18px;
		color:#333;
		letter-spacing: 0.05em;
		line-height:1.7em;
		max-width:800px;
		margin:0 auto 4em auto;
	}
	.top-read-content h5{
			background:url(/wp-content/themes/shuttle/special/hotel-lunch/bg-pink.png) 50% 50% repeat;
			background-size:50% 100%;
			color:#FFF;
			padding:1em;
		margin-bottom:4em;
		line-height:1.5em;
		font-weight:400;
	}
	.top-read-content h5 span{display:block;font-weight:600;}
	.top-read-content h5 small{display:block;font-weight:500;font-size:0.9em;}

    @media(max-width:480px){
    	.top-read-content{padding-top:1em;}
    	.top-read-content h1{margin:1em 0 3em 0;font-size:4vmin;}
    }

	.lunch-images{
		position:relative;
	}

	.img-box{
		position:relative;
		max-width:870px;
		margin:0 auto;
		display: -webkit-flex; display: -ms-flexbox; display: flex;
		-ms-flex-flow:row nowrap; flex-flow:row nowrap;
		align-items: flex-start;
		-webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between;
		margin-top:2.89%;
	}
	.img-box img{display:block;}
	.img-box img.img-box-001{width:31.37%;border-radius:100px 0 0 0;}
	.img-box img.img-box-002{width:65.74%;border-radius:0 100px 0 0;}
	.img-box img.img-box-003{width:65.74%;}
	.img-box img.img-box-004{width:31.37%;}
	.img-box img.img-box-005{width:31.37%;border-radius:0 0 0 100px;}
	.img-box img.img-box-006{width:65.74%;border-radius:0 0 100px 0;}

	@media(max-width:640px){
		.img-box img.img-box-001{width:31.37%;border-radius:10vmin 0 0 0;}
		.img-box img.img-box-002{width:65.74%;border-radius:0 10vmin 0 0;}
		.img-box img.img-box-003{width:65.74%;}
		.img-box img.img-box-004{width:31.37%;}
		.img-box img.img-box-005{width:31.37%;border-radius:0 0 0 10vmin;}
		.img-box img.img-box-006{width:65.74%;border-radius:0 0 10vmin 0;}	
	}

	.fukidashi00{position:absolute;top:0;left:31%;width:31.37%;  }	
	.fukidashi01{position:absolute;top:-25%;left:0;width:32.52%;}
	.fukidashi02{position:absolute;top: -15%;left: -6%;width: 37.47%;}
	@media(max-width:1000px){
		.fukidashi02{top: -15%;left: 0;}
	}
	.fukidashi03{position:absolute;top:-10%;right:-10%;width:37.586%;}
	.fukidashi04{position:absolute;bottom:-20%;left:50%;width:35.977%;z-index:9;}
	@media(max-width:1000px){
		.fukidashi03{top:-2%;right: 0;width:30%;}
	}
	@media(max-width:640px){
		.fukidashi00{position:absolute;width:31.37%;  }	
		.fukidashi01{position:absolute;width:40%;top:-40%;left:-5%;}
		.fukidashi02{position:absolute;width:50%;top:-40%;left:-5%;}
		.fukidashi03{position:absolute;width:45%;top:-40%;right:-10%;}
		.fukidashi04{position:absolute;width:40%;left:28%;z-index:9;}		
	}




    .resort-lunch-selection{
    	padding-top:4em;
    }
    .resort-lunch-selection h2{
    	max-width:450px;
    	margin:0 auto;
    }
    @media(max-width:480px){
    	.resort-lunch-selection{padding-top:2em;}
    	.resort-lunch-selection h2{width:80%;}
    }
    .resort-lunch-selection ul{
    	list-style:none;
    	margin:3em 0;
    	display: -webkit-flex; display: -ms-flexbox; display: flex;
    	-ms-flex-flow:row wrap;flex-flow:row wrap;
    	-webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between;
    }
    	.resort-lunch-selection ul li{
				width:24%;
				 display: -webkit-flex; display: -ms-flexbox; display: flex;
				-webkit-align-items: stretch; -ms-flex-align:stretch; align-items: stretch;
    	}

	     	.resort-lunch-selection ul li a{
	    		border:1px solid #f4e621;
	    		padding:1em 0.3em;
				display: -webkit-flex; display: -ms-flexbox; display: flex;
				 -ms-flex-flow:row nowrap; flex-flow:row nowrap;
				-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
				-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
				margin-bottom:0.5em;
				background:#FFF;
				color:#4d4d4d;
				font-size:14px;
				height:5em;
				width:100%;
				font-weight:600;
				text-align:center;
				line-height:1.4em;
	    	}   
    
	     	.resort-lunch-selection ul li a:hover{
	     		background:rgba(244,230,33,0.2);
	     	}

     @media(max-width:1000px){
    	.resort-lunch-selection ul li{
				width:33%;
    	}
     }

     @media(max-width:767px){
     	.resort-lunch-selection ul{
     		margin:1em 0 0 0;
     	}
    	.resort-lunch-selection ul li a{
				font-size:12px;
				padding:0.5em 0.1em;
				height:3.5em;
    	}
     }
     @media(max-width:640px){
    	.resort-lunch-selection ul li{
				width:100%;
    	}
     }






























.content-blue{
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/content-blue-bg.jpg) 50% 100% repeat;
	/*background:#def1fb;*/
}
.content-pink{
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/content-pink-bg.jpg) 50% 100% repeat;
	/*background:#def1fb;*/
}

.content-area-dot{
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/top-read-bg-dot-pc.png) 50% 0% repeat-y;
	background-size:2000px auto;
	position:relative;
	z-index:2;
}
.content-outer{
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/content-outer-reaf.png) 50% 50% no-repeat;
	background-size:100% auto;
	filter: drop-shadow(0px 0px 5px rgba(255,255,255,.8));
}



/*
ARTICLE
*********************************/
.content-outer article{
	max-width:1000px;
	margin:0 auto;
	padding:6em 0;
	filter: drop-shadow(0px 0px 5px rgba(255,255,255,.4));
}

.content-outer article h1{
	margin-bottom:2em;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row nowrap; flex-flow:row nowrap;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
}
.content-outer article h1 > img{
	margin:0 1em;
	width:12%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
}
.content-outer article h1 > span{
	display: -webkit-flex; display: -ms-flexbox; display: flex; 
	-ms-flex-flow:column nowrap; flex-flow:column nowrap;
}
.content-outer article h1 > span > span:nth-of-type(1){
	font-size:2em;
	letter-spacing: 0.1em;
	color:#2f2f2f;
	line-height:1.6em;
}
.content-outer article h1 > span > span:nth-of-type(2){
	font-size:1.4em;
	letter-spacing: 0.1em;
	color:#2f2f2f;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row nowrap; flex-flow:row nowrap;
	-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
}

.content-outer article h1 > span > span:nth-of-type(2)::before{
	content:"";
	width:1em;
	height:1em;
	display:inline-block;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/article-dot.png) 50% 50% no-repeat;
	background-size:contain;
	margin-right:0.3em;
}

img.article-img-main{
	width:100%;
}
img.article-img-main + span{
	display:block;
	text-align:right;
	line-height:1.6em;
	font-size:0.8em;
	letter-spacing: 0.1em;
	margin-top:0.7em;
}

@media(max-width:767px){
	img.article-img-main + span{
		padding-right:12px;padding-left:12px;
		line-height:1.3em;
		text-align:left;
		margin-top:0.3em;
	}
}

@media(max-width:767px){

	.content-outer article{padding:60px 0;}

	.content-outer article h1{margin-bottom:0.8em;}

	.content-outer article h1 > img{
		width:15%;
		margin:0 0.6em;
	}
	.content-outer article h1 > span > span:nth-of-type(1){
		font-size:1.1em;
		letter-spacing: 0.05em;
	}
	.content-outer article h1 > span > span:nth-of-type(2){
		font-size:2.5vmin;
		line-height:1.2em;
	}

	img.article-img-main + span{
		font-size:13px;
	}



}








article .sub-content{
	margin-top:1em;
	display: -webkit-flex; display: -ms-flexbox; display: flex; 
	-ms-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between;
	-webkit-align-items: stretch; -ms-flex-align:stretch; align-items: stretch;
}
article .sub-content > *{
	width:47%;
	margin-bottom:2%;
}
@media(max-width:1000px){
	article .sub-content{padding-left:12px;padding-right:12px;}
	article .sub-content > *{width:49%;}
}


article .sub-content > p{
	padding:0.5em;
	line-height:1.5em;
	text-align:justify;
	letter-spacing: 0.1em;
	font-weight:400;
	filter: drop-shadow(1px 1px 1px rgba(255,255,255,.9));
	font-size:1.2em;
	color:#222;
}
@media(max-width:1000px){
	article .sub-content > p{font-size:0.9em;}
}
@media(max-width:850px){
	article .sub-content > p{font-size:0.85em;}
}
@media(max-width:800px){
	article .sub-content > p{font-size:0.80em;}
}
@media(max-width:767px){
	article .sub-content > p{font-size:0.80em;padding:0;}
}
@media(max-width:767px){
	article .sub-content > p{font-size:0.85em;line-height:1.6em;}
}


.drop-shadow{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
}
article .sub-content > span > span{
	display:block;
	font-size:0.8em;
	line-height:1.6em;
	letter-spacing: 0.1em;
	margin-top:0.7em;
}



@media(max-width:640px){
	article .sub-content > p{width:100%;margin-bottom:1em;}
	article .sub-content > p + span{display:none;}
	article .sub-content > * > img{width:100%;}
	article .sub-content > span > span{
		letter-spacing: 0.05em;
		font-size:13px;line-height:1.3em;margin-top:0.3em;text-align:justify;
		padding:0.1em 0.3em;
	}
	.sp-map{margin-top:2em;}
}



/* buffet
************************/
.buffet{
	background:rgba(255,255,255,0.95);
	max-width:880px;
	margin:2em auto 1em auto;
	position:relative;
}
.buffet,.buffet > *{
	filter:none;
	-webkit-filter:none;
	-moz-filter:none;
	-o-filter:none;
	-ms-filter:none;
}

.buffet::before{
	content:"";
	display:inline-block;
	width:150px;
	height:100px;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/buffet-flag.png) 50% 50% no-repeat;
	background-size:cover;
	z-index:9;
	position:absolute;
	margin-top:-4%;
	margin-left:-5%;
	filter: none;
}
@media(max-width:830px){
	.buffet::before{
		width:120px;
		height:80px;
	}
}
@media(max-width:480px){
	.buffet::before{
	    width: 30vmin;
	    height: 20vmin;
	    margin-top:-8%;
	}
}


.buffet .buffet-inner{
	padding:2em 3em;
}

.buffet-inner h2{
	font-size:22px;
	margin-bottom:1em;
	position:relative;
	z-index:10;
	line-height:1.3em;
}


.buffet-inner dl{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row nowrap; flex-flow:row nowrap;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	 -webkit-align-items: flex-start; align-items: flex-start;
	 line-height:2em;
}

.buffet-inner dl dt{
	font-weight:600;
	white-space: nowrap;
	color:#222;
}

.buffet-inner dl dt:after{
	content:":";
	display:inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
}

.buffet-inner dl dd{
	font-weight:400;
	text-align:justify;
	color:#4E4E56;
}

.buffet-inner a{
	/*color:#4d4ddd;*/
}


.buffet-inner a{
	color:#29a2d9;
}
.buffet-inner a:hover{
	text-decoration: underline;
}
.buffet-inner a[target="_blank"]::after{
	content:"";
	display:inline-block;
	margin-left:0.5em;
	position:relative;
	top:0.1em;
	width:1em;
	height:1em;
	background:url(/wp-content/themes/jtb20/images/outerlink_r.svg) 50% 50% no-repeat;
	background-size:cover;
}






/* gifts
********************/
.gifts{
	max-width:880px;
	margin:2em auto 1em auto;
}


.gifts dl{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:row nowrap; flex-flow:row nowrap;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;

-webkit-align-items: stretch; -ms-flex-align:stretch; align-items: stretch;

	width:100%;

}

.gifts dl dt{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-align-items: center;  -ms-flex-align: center; align-items: center;
	font-weight:600;
	white-space: nowrap;
	color:#FFF;
	padding:1em 1em 1em 3em;
	position:relative;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/bg-pink.png) 50% 50% repeat;
}
.gifts dl dt:before{
	content:"";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/hitode.png) 50% 50% no-repeat;
	background-size:cover;
	position:absolute;
	left:1em;
}

.gifts dl dd{
	padding:1em;
	width:100%;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/bg-yellow.png) 50% 50% repeat;
	line-height:1.3em;
}


main{
	position:relative;
}

hr.b2p{
	margin:0 auto;
	display:block;
	max-width:1000px;
	height:100px;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/hr-b2p.png) 50% 50% no-repeat;
	border:none;
	margin-top:-50px;
	margin-bottom:-50px;
	position:relative;
}
hr.p2b{
	margin:0 auto;
	display:block;
	max-width:1000px;
	height:100px;
	background:url(/wp-content/themes/shuttle/special/hotel-lunch/hr-p2b.png) 50% 50% no-repeat;
	border:none;
	margin-top:-50px;
	margin-bottom:-50px;
	position:relative;
}



@media(max-width:640px){
	.buffet .buffet-inner{padding:2em 1.5em;}
	.buffet-inner h2{font-size:4vmin;line-height:1.3em;}
	.buffet-inner dl{font-size:13px;}
	.gifts dl dd{font-size:13px;line-height:1.4em;}
}

@media(max-width:480px){
	.buffet-inner h2{font-size:4.3vmin;line-height:1.3em;}
}








/*footer 調整*/

@media(max-width: 767px){
	main section:nth-last-child(1){
		padding-bottom:44px;
	}
	.out-links{
		margin-top: -88px;
		margin-bottom: 44px;
	}
	.goto-top{
		margin-top: -44px !important;
	}
}