@charset "utf-8";
/* CSS Document */

/*
#link_list ul li:nth-of-type(3) h3{
	opacity:0.5;
	}
*/

.tablet .slider_1{
	display:none!important;
	}
.slider_2{
	display:block!important;
	margin-top: 70px;
	margin-bottom:150px;
	}
	.swiper-slide img{
		width:100%;
		height:auto;
		}
	
	
	
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 47px !important;
    height: 92px !important;
    margin-top: -46px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 47px 92px !important;
    -webkit-background-size: 47px 92px !important;
    background-size: 47px 92px !important;
    background-position: center;
    background-repeat: no-repeat;
}		
		
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
	background-image:url("../../news/wp-content/themes/stinger8/images/room/next_l.png") !important;
	right:50px !important;
	left:auto;
}		
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image:url("../../news/wp-content/themes/stinger8/images/room/prev_l.png") !important;
    left: 50px !important;
    right: auto;
}


.filter_off{
	transition:800ms;
	}
.filter{
	-webkit-filter: blur(9px);
	-moz-filter: blur(9px);
	-ms-filter: blur(9px);
	filter: blur(9px);
	transition:600ms;
	}
	
body{
	background-color:#000;
	}

body.white_bg,
body.white_bg #contents_top{
	background-color:#fff;
	}

	
		#room .more .sp_land,
		.main .video_s.sp_land{
			display:none;
			}
			
			
#cboxClose{
	opacity:0;
	transition:500ms;
	-webkit-transition:500ms;
	}
#cboxClose.on{ 
	opacity:1;
	transition:800ms;
	-webkit-transition:800ms;
	}


		h2 span.border_anime{
			color:#494949;
			font-weight: normal;
			}

		/* タイトル */
		#concept h2  span.border_anime{
			position:relative;
			padding:40px 0;
			font-size: 18px;
			line-height: 2em;
			letter-spacing: 0.1em;
			}
		#concept h2  span.border_anime::before{left:50%;top:0;margin-left:-2px;}
		#concept h2  span.border_anime::after{left:50%;bottom:0;margin-left:-2px;}
		#concept h2  span.border_anime::before,
		#concept h2  span.border_anime::after{
			content:"";
			position:absolute;
			width:1px;
			height:30px;
			-webkit-transform: scaleY(0);
			background-color:#CFCFCF;
			}
		#concept h2  span.border_anime img.scrollin{
			opacity:1;
			transition:4000ms;
			}
		#concept h2  span.border_anime.scrollin::before,
		#concept h2  span.border_anime.scrollin::after{
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			transition:2000ms;
			}

		/* タイトル */
		#room h2  span.border_anime{
			position:relative;
			padding:40px 0;
			font-size: 18px;
			line-height: 2em;
			letter-spacing: 0.1em;
			}
		#room h2  span.border_anime::before{left:50%;top:0;}
		#room h2  span.border_anime::after{left:50%;bottom:0;}
		#room h2  span.border_anime::before,
		#room h2  span.border_anime::after{
			content:"";
			position:absolute;
			width:1px;
			height:30px;
			-webkit-transform: scaleY(0);
			background-color:#CFCFCF;
			}
		#room h2  span.border_anime img.scrollin{
			opacity:1;
			transition:4000ms;
			}
		#room h2  span.border_anime.scrollin::before,
		#room h2  span.border_anime.scrollin::after{
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			transition:2000ms;
			}

		/* タイトル */
		#food h2  span.border_anime{
			position:relative;
			padding:40px 0;
			font-size: 18px;
			line-height: 2em;
			letter-spacing: 0.1em;
			}
		#food h2  span.border_anime::before{left:50%;top:0;}
		#food h2  span.border_anime::after{left:50%;bottom:0;}
		#food h2  span.border_anime::before,
		#food h2  span.border_anime::after{
			content:"";
			position:absolute;
			width:1px;
			height:30px;
			-webkit-transform: scaleY(0);
			background-color:#CFCFCF;
			}
		#food h2  span.border_anime img.scrollin{
			opacity:1;
			transition:4000ms;
			}
		#food h2  span.border_anime.scrollin::before,
		#food h2  span.border_anime.scrollin::after{
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			transition:2000ms;
			}

		/* タイトル */
		#how h2  span.border_anime{
			position:relative;
			padding:40px 0;
			font-size: 18px;
			line-height: 2em;
			letter-spacing: 0.1em;
			}
		#how h2  span.border_anime::before{left:50%;top:0;}
		#how h2  span.border_anime::after{left:50%;bottom:0;}
		#how h2  span.border_anime::before,
		#how h2  span.border_anime::after{
			content:"";
			position:absolute;
			width:1px;
			height:30px;
			-webkit-transform: scaleY(0);
			background-color:#CFCFCF;
			}
		#how h2  span.border_anime img.scrollin{
			opacity:1;
			transition:4000ms;
			}
		#how h2  span.border_anime.scrollin::before,
		#how h2  span.border_anime.scrollin::after{
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			transition:2000ms;
			}

		/* タイトル */
		#guide h2  span.border_anime{
			position:relative;
			padding:40px 0;
			font-size: 18px;
			line-height: 2em;
			letter-spacing: 0.1em;
			}
		#guide h2  span.border_anime::before{left:50%;top:0;}
		#guide h2  span.border_anime::after{left:50%;bottom:0;}
		#guide h2  span.border_anime::before,
		#guide h2  span.border_anime::after{
			content:"";
			position:absolute;
			width:1px;
			height:30px;
			-webkit-transform: scaleY(0);
			background-color:#CFCFCF;
			}
		#guide h2  span.border_anime img.scrollin{
			opacity:1;
			transition:4000ms;
			}
		#guide h2  span.border_anime.scrollin::before,
		#guide h2  span.border_anime.scrollin::after{
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			transition:2000ms;
			}


		#room .table > div div{
			will-change: opacity,background-image;
			transform: translate3d(0,0,0);
			}

#news ul li a {
	word-break:break-all;
	}




/* pc */
@media screen and (min-width: 801px),screen and (orientation: landscape), print {
		
#topcontrol{
	right:60px!important;
	}
	
body{
	position:relative;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
header{
	position:fixed;
	z-index:9999;
	width: 100%;
	padding: 15px 35px 13px;
	box-sizing: border-box;
	top:-93px;
	background:rgba(255,255,255,0.9);
	min-width:1040px;
	transition:top 500ms!important;
	}
header.top{
	position:absolute;
	margin-top:93px;
	transition:top 0ms!important;
	background-color:transparent;
	}
header.menu_fixed{
	transition:top 800ms!important;
	}
	header nav{
		position:relative;
		text-align:center;
		}
		header nav h1 img{
			width: 116px;
			}
		header nav .sns{
			position:absolute;
			right:170px;
			top:50%;
			margin-top: -6px;
			line-height: 1;
			}
			header nav .sns a{
				margin-right:25px;
				}
			header nav .sns a img{
				width:15px;
				}
		header nav .lang{
			position:absolute;
			right: 70px;
			top: 18px;
			}
			header nav .lang > div{
				float:left;
				}
				header nav .lang > div img{
					height: 12px;
					padding: 10px 15px;
					}
					header nav .lang > div:nth-of-type(2){
						border-left:1px solid rgba(0,0,0,0.2);
						}
					header.top nav .lang > div:nth-of-type(2){
						border-left:1px solid rgba(255,255,255,0.2);
						}
						
		
		header.top h1{
			opacity:0;
			}
		header h1{
			opacity:1;
			}	
		header.top .sns{
			display:none;
			}	
		header .sns{
			display:block;
			}	
		header .lang_b{
			display:block;
			}
		header.top .lang_b{
			display:none;
			}
		header .lang_w{
			display:none;
			}
		header.top .lang_w{
			display:block;
			}
			
		header.top .hamburger_menu_btn p{
			color:#fff;
			}
		header.top .hamburger_menu_btn > span .line,
		header.top .hamburger_menu_btn > span:before,
		header.top .hamburger_menu_btn > span:after{
			background-color:#fff;
			}


/*============================ top_nav */
#top_nav{
	position:fixed;
	top:50%;
	right:28px;
	margin-top:-230px;
	display:none;
	z-index: 1;
	}
	#top_nav li{
		line-height: 0;
		font-size:12px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
		}

	#top_nav li a{
		display:block;
		position:relative;
		color:#9D9D9D;
		}
	#top_nav li.active a,
	#top_nav li:hover a{
		color:#000;
		}
		
	#top_nav li:not(:last-child){
		padding-bottom:25px;
		position:relative;
		}
	#top_nav li:not(:last-child)::after{
		content:"";
		width:1px;
		height:10px;
		background-color:#9E9E9E;
		position:absolute;
		bottom:7px;
		left:50%;
		opacity:0.7;
		margin-left:-1px;
		}
		
/* ieハック */
_:-ms-input-placeholder, :root #top_nav {
	width:10px;
}
_:-ms-input-placeholder, :root #top_nav li {
		line-height: 0.5;
		display:inline-block;
}
_:-ms-input-placeholder, :root #top_nav li a{
		display:inline-block;
}
_:-ms-input-placeholder, :root #top_nav li:not(:last-child)::after{
		margin-left:1px;
}
/*============================ top_nav end */


/*============================ main */
.main_wrap{
	height:100vh;
	overflow:hidden;
	}
.main{
	height:calc( 100vh - 79px );
	width:100%;
	/*background-image:url(../images/main.jpg);*/
	background-size:cover;
	background-position:center;
	position:relative;
	display:table;
	z-index: 1;
	}
	.main::after{
		content:"";
		width:100%;
		height:100%;
		background-color:#000;
		position:absolute;
		z-index: 1;
		display: block;
		top: 0;
		left: 0;
		}
	.main.on::after{
		opacity:0;
		transition:2000ms;
		}
	.main .video_wrap{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		overflow:hidden;
		}
	.main video{
		position:absolute;
		min-width:100%;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		}
	.main .h_wrap{
		display:table-cell;
		width:100%;
		height:100%;
		text-align:center;
		vertical-align:middle;
		position:relative;
		z-index: 2;
		}
		.main .h_1 > div{
			display:inline-block;
			}
			.main .h_1 > div >  div{
				display:block;
				position:relative;
				}
			.main .h_1 .relative{
				opacity:0;
				}
			.main .h_1 .blur,
			.main .h_1 .origin{
				position:absolute;
				width:100%;
				left:0;
				top:0;
				height:100%;
				background-size:cover;
				}
		.main .h_1.balancer{
			padding-bottom:8%;
			}
		.main .h_wrap .logo_text_wrap{
			margin-top:80px;
			}
		.main .h_1.balancer .logo_text_wrap{
			margin-top:1%;
			}
	.main .kensaku{
		position:absolute;
		display:block;
		background-color:#000;
		color:#fff;
		font-size:15px;
		right:0;
		line-height:1.5em;
		text-align:center;
		padding: 10px 8px 9px 13px;
		letter-spacing:0.3em;
		top:15px;
		}
	.main .scroll{
		position: absolute;
		left: 50%;
		bottom: 20px;
		z-index: 2;
		display: inline-block;
		margin-left:-5px;
		}
	.main .video_s{
		position:absolute;
		right:70px;
		bottom:-64px;
		z-index: 2;
		opacity:0;
		}
		.main .video_s a{
			display: inline-block;
			text-align: right;
			font-size: 10px;
			}
			.main .video_s a img{
				width:162px;
				}
		.main .video_s a:nth-of-type(2){
			margin-left:34px;
			}
		.main .video_s a:nth-of-type(3){
			margin-left:17px;
			}
		.video_s.on{
			opacity:1;
			transition:800ms;
			}
	.main .lang{
		position:absolute;
		right: 80px;
		top: 32px;
		z-index: 2;
		}
		.main .lang > div{
			float:left;
			}
			.main .lang > div img{
				height: 12px;
				padding: 10px 15px;
				}
		.main .lang > div:nth-of-type(2){
			border-left:1px solid rgba(255,255,255,0.2);
			}

#movie_full video,
#movie_full2 video{
	width:100%;
	height:100%;
	}
/*============================ main end */


/*============================ concept */
#contents_top{
	padding-top:130px;
	margin-top:-5px;
	}

#concept{
	background-repeat:no-repeat;
	position:relative;
	}
	#concept h2{
		text-align:center;
		}
		#concept h2 div{
			display:inline-block;
			}
		#concept h2  span{
			display:block;
			}
		#concept h2 img{
			width:300px;
			}
	#concept .text{
		margin-top:70px;
		text-align:center;
		position: relative;
		z-index: 1
		}
		#concept .text p{
			line-height:2.5em;
			}
		#concept .text p:not(:first-child){
			margin-top:40px;
			}
		#concept .text p:last-child{
			margin-top:60px;
			}
		#concept .text p span{
			font-size:80%;
			letter-spacing: -0.01em;
			}
	#concept .gif_anime{
		position:absolute;
		bottom:70px;
		right:0;
		z-index:0;
		display:inline-block;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		opacity:0;
		}

		#concept .new_so{
			position:absolute;
			right:5%;
			top:80%;
			z-index:1;
			}
			
		.slide_concept1,
		.slide_concept2,
		.slide_concept3{
			position:absolute;
			}
		.slide_concept1 > img,
		.slide_concept2 > img,
		.slide_concept3 > img{
			position:absolute;
			left:0;
			top:0;
			}
		.slide_concept1 img,
		.slide_concept2 img,
		.slide_concept3 img{
			height:auto;
			width:100%;
			}
		
		.slide_concept1{
			max-width: 409px;
			width: 30%;
			left:0;
			top:-10px;
			}
		.slide_concept2{
			width:23%;
			max-width:334px;
			right:0;
			top:160px;
			}
		.slide_concept3{
			left:5%;
			top:930px;
			width:15%;
			max-width:265px;
			}
iframe#parentframe{
	width: 100%;
	height: 100vh;
	}
.land iframe#parentframe {
  width: 100vw;
  height: 100vh;
}
/*============================ concept end */


/*============================ news */
#news{
	visibility: hidden;
	height: 0px;
}

#news{
	padding-top:20px;
	position:relative;
	}
	#news .wrap{
		width:448px;
		margin:auto;
		position:relative;
		background-color:#3D3D3D;
		padding:48px 35px;
		box-sizing:border-box;
		height:448px;
		display:table;
		}
	#news .wrap h2{
		position:absolute;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		left:-30px;
		top:-20px;
		line-height:1;
		font-size:16px;
		font-weight:normal;
		}
	#news .wrap ul{
		height:100%;
		display:table-cell;
		vertical-align:middle;
		}
/*
#news .wrap ul::-webkit-scrollbar {
    width: 5px;
}
#news .wrap ul::-webkit-scrollbar-track {
  border-radius: 20px;
  background: #ccc;
}
#news .wrap ul::-webkit-scrollbar-thumb {
  border-radius: 20px;
	background:#9E9E9E;
}
*/
		#news .wrap ul li:not(:first-child){
			margin-top:25px;
			padding-top:25px;
			position:relative;
			}
		#news .wrap ul li:not(:first-child)::before{
			content:"";
			width:42px;
			height:1px;
			background-color:#6E6E6E;
			position:absolute;
			top:0;
			left:0;
			}
			#news .wrap ul li span,
			#news .wrap ul li a{
				color:#fff;
				}
			#news .wrap ul li h3{
				font-weight:normal;
				font-size:14px;
				}
			#news .wrap ul li div{
				font-size:12px;
				margin-top:15px;
				}
	#news .wrap .more{
		position:absolute;
		right: -82px;
		bottom: -82px;
		}
		#news .wrap .more img{
			width:82px;
			}
		#news .new_so{
			position:absolute;
			right:5%;
			top:30%;
			z-index:1;
			}
/*============================ news end */



/*============================ room */
#room{
	margin-top:168px;
	position:relative;
	overflow:hidden;
	padding-bottom:100px;
	z-index: 1;
	}
	#room h2{
		position: absolute;
		display: inline-block;
		z-index: 1;
		left: 50%;
		top: 50%;
		margin-top: -227px;
		margin-left: -172px;
		width: 344px;
		height: 344px;
		/*background-image:url(../images/room_title_circle.png);*/
		box-sizing: border-box;
		padding-top: 80px;
		text-align: center;
		background-color: #fff;
		border-radius: 100%;
		}
		#room h2 div{
			display:inline-block;
			}
			
		#room h2  span p{
			font-size: 13px;
			font-weight: normal;
			margin-bottom:10px;
			}
		#room h2  span{
			display:block;
			}
		#room h2  span.border_anime{
			font-size:14px;
			}
		#room h2 span.sub{
			margin-bottom:10px;
			font-size:20px;
			}
		#room h2 img{
			width:175px;
			}
	#room .table{
		display:table;
		width:100%;
		height:498px;
		}
	#room .table > div{
		display:table-cell;
		width:50%;
		height:498px;
		position:relative;
		}
	#room .table div.img_wrap{
		position:relative;
		height:100%;
		width:100%;
		overflow:hidden;
		background-position:center;
		background-size:cover;
		}
	#room .table div.img_wrap.room1{
		background-image:url(../../images/room/room_img01.jpg);
		}
	#room .table div.img_wrap.room2{
		background-image:url(../../images/room_new/room202_1.jpg);
		}
	#room .table div > div{
		}
	#room .table div > div::after{
		content:"";
		background-size:cover;
		background-position:center;
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transition:800ms;
		transition:800ms;
		}
	#room .table div:nth-of-type(1) > div::after{
		}
	#room .table div:nth-of-type(2) > div::after{
		}
	#room .table div.img_wrap img{
		display:none;
		}
	#room .table div > a{
		position:absolute;
		bottom:-72px;
		left:50%;
		z-index:1;
		margin-left:-73px;
		}
	#room .table div > a:hover + div::after{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition:800ms;
		transition:800ms;
		}
	#room .more img{
		width:146px;
		}
/*============================ room end */



/*============================ food */
#food{
	margin-top:280px;
	position:relative;
	}
	#food .wrap{
		width:1040px;
		box-sizing:border-box;
		padding-left:170px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		z-index:2;
		}
	#food h2{
		float:left;
		margin-left: -85px;
		margin-top: 0px;
		/*
		margin-left: -47px;
		*/
		}
		#food h2 > span{
			margin-top:17px;
			text-align:center;
			display:inline-block;
			}
		#food h2 > span span{
			display:block;
			}
			#food h2  span.border_anime{
				font-size:14px;
				}
			#food h2 .sub{
				font-size: 20px;
				line-height: 1.2em;
				margin-bottom:15px;
				}
			#food h2 .sub span{
				font-size:15px;
				}
	#food .img_wrap{
		float:right;
		position:relative;
		}
		#food .img_wrap .img2{
			position:absolute;
			bottom:-150px;
			left:-80px;
			}
	#food .more_wrap{
		clear:both;
		position:relative;
		}
		#food .more_wrap .more{
			display:inline-block;
			position: absolute;
			top: -170px;
			left: 50px;
			}
		#food .more_wrap .more img{
			width:146px;
			}
	#food .food_wa{
		position:absolute;
		top:-260px;
		left:0;
		z-index:1;
		}
/*============================ food end */


/*============================ how */
#how{
	margin-top:280px;
	position:relative;
	}
	#how .wrap{
		width:1040px;
		box-sizing:border-box;
		padding-right:170px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		z-index:2;
		}
	#how h2{
		position: absolute;
		right: 100px;
		top: 20px;
		/*
		right: 50px;
		*/
		}
		#how h2 > span{
			margin-top:17px;
			text-align:center;
			display:inline-block;
			font-size:16px;
			}
		#how h2  span.border_anime{
			font-size:14px;
			}
		#how h2 > span span{
			display:block;
			}
			#how h2 .sub{
				font-size:20px;
				line-height: 1.8em;
				margin-bottom:8px;
				}
			#how h2 .sub span{
				font-size:10px;
				}
	#how .img_wrap{
		float:left;
		position:relative;
		}
		#how .img_wrap .img2{
			position:absolute;
			bottom:-150px;
			right:-80px;
			}
	#how .more_wrap{
		clear:both;
		text-align:right;
		position:relative;
		}
		#how .more_wrap .more{
			position: absolute;
			display: inline-block;
			bottom: 80px;
			right: -11px;
			}
		#how .more_wrap .more img{
			width:146px;
			}
	#how .how_ka{
		position:absolute;
		bottom:-230px;
		right:0;
		z-index:1;
		}
/*============================ how end */



/*============================ guide */
#guide{
	margin-top:365px;
	position:relative;
	}
	#guide .wrap{
		width:1040px;
		box-sizing:border-box;
		padding-left:170px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		z-index:2;
		}
	#guide h2{
		float:left;
		margin-left: -55px;
		/*
		margin-left: -90px;
		*/
		}
		#guide h2 > span{
			margin-top:17px;
			text-align:center;
			display:inline-block;
			}
		#guide h2  span.border_anime{
			font-size:14px;
			}
		#guide h2 > span span{
			display:block;
			}
			#guide h2 .sub{
				font-size: 20px;
				line-height: 1.8em;
				margin-bottom:8px;
				}
	#guide .img_wrap{
		float:right;
		position:relative;
		}
		#guide .img_wrap > div{
			display:inline-block;
			vertical-align:top;
			}
			#guide .img_wrap > div span{
				display:block;
				text-align:center;
				font-size:10px;
				margin-top:10px;
				letter-spacing:0.2em;
				line-height: 1.5em;
				}
		#guide .img_wrap .img2{
			padding-top:70px;
			}
	#guide .more_wrap{
		clear:both;
		position:relative;
		}
		#guide .more_wrap .more{
			position:absolute;
			display: inline-block;
			top: -150px;
			Left: -16px;
			}
		#guide .more_wrap .more img{
			width:146px;
			}
/*============================ guide end */



/*============================ link_list */
#link_list{
	margin-top:200px;
	position:relative;
	}
	#link_list .wrap{
		max-width:1200px;
		min-width:1040px;
		margin-left:auto;
		margin-right:auto;
		}
	#link_list ul{
		margin-left:-1%;
		}
		#link_list ul li{
			display:inline-block;
			width:24%;
			margin-left:1%;
			vertical-align:top;
			}
		#link_list ul li img{
			width:100%;
			}
			#link_list ul li h3{
				margin-top:15px;
				font-size:14px;
				text-align:center;
				color:#494949;
				font-weight: normal;
				}
			#link_list ul li h3 + p{
				margin-top:10px;
				font-size:12px;
				text-align:center;
				}
/*============================ link_list end */



/*============================ 各アニメーション */
#concept{
	opacity:0;
	background-position: -30px 200px;
	}
	#concept.scrollin{
		opacity:1;
		transition:opacity 2000ms;
		}
	/* 建物画像 */
	#concept .gif_anime.on{
		opacity:1;
		transition:2000ms;
		}
	
	/* スライド */
	#concept .slide_concept1,
	#concept .slide_concept2,
	#concept .slide_concept3{
		transform:translateY(-30px);
		opacity:0;
		}
	#concept .slide_concept1.scrollin,
	#concept .slide_concept2.scrollin,
	#concept .slide_concept3.scrollin{
		transform:translateX(0px);
		opacity:1;
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		
	
#news{
	opacity:0;
	position:relative;
	}
	#news .wrap{
		position:relative;
		z-index:2;
		}
	#news::after{
		content:"";
		width:460px;
		height:301px;
		background-image:url(../images/logo_wa.png);
		background-repeat:no-repeat;
		position:absolute;
		right: 0px;
		bottom:-200px;
		opacity:0;
		}
	#news.room_scrollin::after{
		bottom:-300px;
		opacity:1;
		transition:1500ms;
		}
	#news.scrollin{
		opacity:1;
		transition:2000ms;
		}
		#news .wrap{
			opacity:0;
			box-shadow: 0 0 15px 15px #3D3D3D;
			}
		#news.scrollin .wrap{
			opacity:1;
			box-shadow: 0 0 0px 0px #3D3D3D;
			transition:1000ms;
			}
		#news .more{
			opacity:0;
			}
		#news .more.scrollin{
			opacity:1;
			transition:1500ms;
			}
	
#room{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	}
	#room.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
	#room h2{
		transform:scale(0.9);
		-webkit-transform:scale(0.9);
		opacity:0;
		}
	#room h2.scrollin{
		opacity:1;
		transform:scale(1);
		transition:1000ms;
		-webkit-transition:1000ms;
		}
	#room .more{
		opacity:0;
		will-change: opacity;
		}
	#room .more.scrollin{
		opacity:1;
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		

#food{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	position:relative;
	}
	#food.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		#food .img_wrap .img1{
			position:relative;
			overflow:hidden;
			}
		#food .img_wrap .img2{
			overflow:hidden;
			}
			#food .img_wrap .img1 img.nomove,
			#food .img_wrap .img2 img.nomove{
				visibility:hidden;
				pointer-events:none;
				}
			#food .img_wrap .img1 img.move,
			#food .img_wrap .img2 img.move{
				position:absolute;
				right:100%;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
			#food .img_wrap .img1.scrollin img.move,
			#food .img_wrap .img2.scrollin img.move{
				right:0;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
	#food .more{
		opacity:0;
		}
	#food .more.scrollin{
		opacity:1;
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		

#how{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	position:relative;
	}
	#how.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		#how .img_wrap .img1{
			position:relative;
			overflow:hidden;
			}
		#how .img_wrap .img2{
			overflow:hidden;
			}
			#how .img_wrap .img1 img.nomove,
			#how .img_wrap .img2 img.nomove{
				visibility:hidden;
				pointer-events:none;
				}
			#how .img_wrap .img1 img.move,
			#how .img_wrap .img2 img.move{
				position:absolute;
				left:100%;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
			#how .img_wrap .img1.scrollin img.move,
			#how .img_wrap .img2.scrollin img.move{
				left:0;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
	#how .more{
		opacity:0;
		}
	#how .more.scrollin{
		opacity:1;
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		
		
		
#guide{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	position:relative;
	}
	#guide.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		#guide .img_wrap .img1,
		#guide .img_wrap .img2,
		#guide .img_wrap .img3,
		#guide .more{
			opacity:0;
			will-change: opacity;
			}
		#guide .img_wrap .img1.scrollin,
		#guide .img_wrap .img2.scrollin,
		#guide .img_wrap .img3.scrollin,
		#guide .more.scrollin{
			opacity:1;
			transition:2000ms;
			-webkit-transition:2000ms;
			}
/*============================ 各アニメーション end */

	
	
#newBtn {
	display: none;
}
	
.ttBox {
	width: 900px;
	margin: 0 auto;
	background: #FFF;
	padding: 50px;
	position: relative;
	
}
.ttBox .btnClose {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 22px;
	height: 22px;
}

/*============================ 2021年9月5日追加 by北斗@Gion Mori House */
.ttBox #COVID-notice{
	text-align: center;
}

.ttBox #Popup-message{
	text-align: justify;
	font-size: small;
}

.ttBox #link-to-pdf{
	color: rgba(255, 0, 0, 1.0);
}
/*============================ 2021年9月5日追加 by北斗@Gion Mori House end */	
	
.ttBox p {
	margin-bottom: 20px;
}
	


	

}




	.android.land .main video{
		transform: translate(-50%,-50%) scale(2);
		-ms-transform: translate(-50%,-50%) scale(2);
		-webkit-transform: translate(-50%,-50%) scale(2);
	}
		.land #room .more .pc,
		.land .main .video_s.pc{
			display:none!important;
			}
		.land #room .more .sp_land,
		.land .main .video_s.sp_land{
			display:block!important;
			}
		.land .main .video_s{
			bottom:40px;
			}
			
			
			


/*===================================================== sp =====================================================*/
@media screen and (max-width: 800px) and (orientation: portrait)  {

#contents_top{
	overflow:hidden;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
header{
	position:fixed;
	z-index:9999;
	width: 100%;
	top:-50px;
	background: rgba(255, 255, 255, 0.9);
	transition:top 500ms!important;
	height: 50px;
	}
		header .pos_wrap{
			background-color:transparent;
			}
header.menu_fixed{
	top:0;
	transition:top 800ms!important;
	}
header.top{
	position:absolute;
	margin-top:50px;
	transition:top 0ms!important;
	background-color:transparent;
	}
	header nav{
		position:relative;
		text-align:left;
		}
		header .pos_wrap{
			height: 50px;
			position: relative;
			z-index: 9999;
			padding: 15px 15px 13px;
			margin-right: 60px;
			box-sizing: border-box;
			}
		header h1 img{
				height: 35px;
				}
		header nav .sns{
			position:absolute;
			right:95px;
			top:50%;
			margin-top:-7px;
			line-height: 0;
			}
			header nav .sns img{
				width:15px;
				}
			header nav .sns a{
				margin-right:10px;
				}
		header nav .lang{
			position:absolute;
			right: 0;
			top: 50%;
			margin-top:-15px;
			}
			header nav .lang > div{
				float:left;
				}
				header nav .lang > div img{
					height: 10px;
					padding: 10px 15px;
					}
					header nav .lang > div:nth-of-type(2){
						border-left:1px solid rgba(0,0,0,0.2);
						}
					header.top nav .lang > div:nth-of-type(2){
						border-left:1px solid rgba(255,255,255,0.2);
						}
						
		header .search_box{
			/*top:-110vh;
			position: absolute;
			*/
			top:53px;
			}
		header .search_box.show{
			top:53px;
			height: 100vh;
			}
						
		
		header.top h1{
			opacity:0;
			}
		header h1{
			opacity:1;
			}
		header.top .text{
			display:none;
			}	
		header .text{
			display:block;
			}	
		header.top .sns{
			display:none;
			}	
		header .sns{
			display:block;
			}	
		header .lang_b{
			display:block;
			}
		header.top .lang_b{
			display:none;
			}
		header .lang_w{
			display:none;
			}
		header.top .lang_w{
			display:block;
			}
			
		header.top .hamburger_menu_btn p{
			color:#fff;
			}
		header.top .hamburger_menu_btn > span .line,
		header.top .hamburger_menu_btn > span:before,
		header.top .hamburger_menu_btn > span:after{
			background-color:#fff;
			}


		
		
		/* menu */
			.menu_btn{
				cursor:pointer;
				position:absolute;
				right: 20px;
				top:15px;
				}
			.fat-nav .menu_btn{
				right: 15px;
				}
				.menu_btn .line{
					display:inline-block;
					width: 20px;
					height: 1px;
					margin: 0 0 0 0;
					background: #fff;
					/*
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;
					*/
					position: relative;
					}
				.menu_btn .line:before,.menu_btn .line:after{
					content: "";
					width: 20px;
					height: 1px;
					display: block;
					background: #fff;
					position: absolute;
					/*
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;
					*/
					}
				.menu_btn .line:before{
					top:-6px;
					}
				.menu_btn .line:after{
					top:6px;
					}
				.fat-nav .menu_btn .line:before{
					top:0px!important;
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-mo-transform: rotate(45deg);
					transform: rotate(45deg);
					}
				.fat-nav .menu_btn .line:after{
					top:0px!important;
					-webkit-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
					-mo-transform: rotate(135deg);
					transform: rotate(135deg);
					}
				.menu_fixed .menu_btn .line,.menu_fixed .menu_btn .line:before,.menu_fixed .menu_btn .line:after,
				.fat-nav .menu_btn .line:before,
				.fat-nav .menu_btn .line:after,
				.fat-nav .menu_btn .line
				{
					background: #000;
					}
				.fat-nav .menu_btn .line{
					background-color:transparent;
					}
		/* menu */


/*============================ main sp */
.main{
	height:100vh;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	/*background-image:url(../images/main.jpg);*/
	background-size:cover;
	background-position:center;
	position:relative;
	display:table;
	box-sizing:border-box;
	}
	.main::after{
		content:"";
		width:100%;
		height:100%;
		background-color:#000;
		position:absolute;
		z-index: 1;
		display: block;
		top: 0;
		left: 0;
		}
	.main.on::after{
		opacity:0;
		transition:2000ms;
		}
	.main .video_wrap{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		overflow:hidden;
		}
	.main video{
		position:absolute;
		min-width:100%;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%) scale(1.3);
		-ms-transform: translate(-50%,-50%) scale(1.3);
		-webkit-transform: translate(-50%,-50%) scale(1.3);
		}
	
	.main .h_wrap{
		display:table-cell;
		width:100%;
		height:100%;
		text-align:center;
		vertical-align:middle;
		z-index: 9999;
		padding: 0 20px;
		position:relative;
		z-index:2;
		margin-top:-10px;
		}
		.main .h_wrap img{
			max-width:100%;
			margin-top:10px;
			}
		.main .h_1 > div{
			display:inline-block;
			padding:0 15%;
			box-sizing:border-box;
			}
			.main .h_1 > div >  div{
				display:block;
				position:relative;
				}
			.main .h_1 .relative{
				opacity:0;
				}
			.main .h_1 .blur,
			.main .h_1 .origin{
				position:absolute;
				width:100%;
				left:0;
				top:0;
				height:100%;
				background-size:cover;
				}
		.video_s{
			margin-top:8%;
			max-width:100%;
			opacity:0;
			font-size: 12px;
			}
		.video_s.on{
			opacity:1;
			transition:800ms;
			}
		.video_s.sp{
			text-align:center;
			}
		.video_s.sp a{
			max-width: 40%;
			display:inline-block;
			margin:0 2%;
			color:#fff;
			vertical-align: top;
			font-size: 10px;
			}
		.video_s.sp a:last-child{
			margin-top: 10px;
			}
		.video_s.sp a img{
			width:100%;
			margin-bottom:5px;
			}
	.main .kensaku{
		position:absolute;
		display:block;
		background-color:#000;
		color:#fff;
		font-size:15px;
		right:0;
		line-height:1.5em;
		text-align:center;
		padding: 10px 8px 9px 13px;
		letter-spacing:0.3em;
		top:0px;
		z-index: 9999;
		}
	.scroll{
		}
	.main .logo_s{
		position:absolute;
		left:15px;
		top:15px;
		max-width:80px;
		z-index: 9999;
		}
	.main .lang{
		position:absolute;
		right: 70px;
		top: 18px;
		z-index: 9999;
		}
		.main .lang > div{
			float:left;
			}
			.main .lang > div img{
				height: 12px;
				padding: 10px 15px;
				}
		.main .lang > div:nth-of-type(2){
			border-left:1px solid rgba(255,255,255,0.2);
			}


#movie_full video,
#movie_full2 video{
	width:100%;
	height:100%;
	}
/*============================ main sp end */


#contents_top{
	padding-top:65px;
	}

/*============================ concept sp */
#concept{
	padding-bottom:50px;
	position:relative;
	}
	#concept .wrap{
		padding-left: 30px;
		padding-right: 30px;
		}
	#concept h2{
		text-align:center;
		}
		#concept h2 > span{
			width:80%;
			display:inline-block;
			}
			#concept h2 > span span{
				display:block;
				}
		#concept h2 img{
			width:100%;
			}
	#concept .text{
		margin-top:35px;
		}
		#concept .text p{
			line-height:2em;
			}
		#concept .text p:not(:first-child){
			margin-top:12px;
			}
		#concept .text p:last-child{
			margin-top:20px;
			line-height:1.4em;
			}
		#concept .text p span{
			font-size:80%;
			}

		#concept .new_so{
			display:none;
			}
	
	#concept .concept_abs_img{
		display:none;
		}
	#concept .gif_anime{
		/*position:absolute;
		top:-3em;
		right:-10%;
		z-index:-1;*/
		display:block;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		opacity:0;
		width: 90%;
		max-width: 450px;
		margin: auto;
		margin-top: 30px;
		}
		#concept .gif_anime img{
			width:100%;
			}
	#concept .gif_anime.on{
		top:-2em;
		opacity:1;
		transition:2000ms;
		}
		#concept .slide_concept1,
		#concept .slide_concept2,
		#concept .slide_concept3{
			display:none;
			}
#parentframe + div{
	margin-top:40px;
	}
.swiper-container img{
	width: 100%;
	height: auto;
	}
/*============================ concept sp end */


/*============================ news sp */
#news{
	/*padding-bottom:140px;
	padding-top:20px;*/
	position:relative;
	padding-left: 20px;
	padding-right: 20px;

	visibility: hidden;
	height: 0px;
	}

	#news .wrap{
		width:calc( 100% - 42px );
		position:relative;
		background-color:#3D3D3D;
		padding:28px 25px;
		box-sizing:border-box;
		}
	#news .wrap h2{
		position:absolute;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		letter-spacing:0.4em;
		right:-38px;
		top:-20px;
		line-height:1;
		font-size:16px;
		font-weight:normal;
		}
	#news .wrap ul{
		height:100%;
		}
		#news .wrap ul li:not(:first-child){
			margin-top:25px;
			padding-top:25px;
			position:relative;
			}
		#news .wrap ul li:not(:first-child)::before{
			content:"";
			width:42px;
			height:1px;
			background-color:#6E6E6E;
			position:absolute;
			top:0;
			left:0;
			}
			#news .wrap ul li span,
			#news .wrap ul li a{
				color:#fff;
				}
			#news .wrap ul li h3{
				font-weight:normal;
				font-size:14px;
				}
			#news .wrap ul li div{
				font-size:12px;
				margin-top:15px;
				line-height: 1.6em;
				}
	#news .wrap .more{
		position:absolute;
		right: -62px;
		bottom: -62px;
		}
		#news .wrap .more img{
			width:62px;
			}
		#news .new_so{
			display:none;
			}
/*============================ news sp end */



/*============================ room sp */
#room{
	}
	
	#room h2{
		text-align:center;
		}
	#room h2  span.border_anime{
		font-size:15px;
		}
	#room h2 span.sub{
		display: block;
		font-size: 20px;
		margin-bottom: 10px;
		}
		#room h2 div{
			display:inline-block;
			}
		#room h2  span{
			display:inline-block;
			padding: 0 20px;
			}
		#room h2 img{
			width:175px;
			}
	#room .table{
		margin-top:50px;
		}
		#room .table > div{
			position:relative;
			}
			
	#room .table div.img_wrap{
		overflow:hidden;
		background-position:center;
		background-size:cover;
		height:300px;
		}
	#room .table div.img_wrap.room1{
		background-image:url(../../images/room/room_img01.jpg);
		}
	#room .table div.img_wrap.room2{
		background-image:url(../../images/room_new/room202_1.jpg);
		}
		#room .table div.img_wrap img{
			width:100%;
			opacity:0.9;
			}
		#room .table div a{
			position:absolute;
			left:50%;
			transform:translateX(-50%) translateY(-50%);
			-webkit-transform:translateX(-50%) translateY(-50%);
			display:block;
			max-width:133px;
			width:40%;
			top:50%;
			z-index:1;
			}
			#room .table div a img{
				width:100%;
				}
/*============================ room sp end */

	
	

	
	
	
/*============================ food */
#food{
	margin-top:140px;
	position:relative;
	}
	#food .wrap{
		padding-left: 20px;
		padding-right: 20px;
		}
	#food h2{
		text-align:center;
		}
	#food h2  span.border_anime{
		font-size:15px;
		}
	#food h2 span.sub{
		display: block;
		font-size: 20px;
		margin-bottom: 15px;
		}
		#food h2 span.sub span{
			font-size:0.75em;
			}
		#food h2 > span{
			display:inline-block;
			}
			#food h2 > span span{
				display:block;
				margin-bottom:-0.5em;
				}
		#food h2 img{
			max-width:180px;
			width:100%;
			}
	#food .img_wrap{
		margin-top:50px;
		position:relative;
		}
		#food .img_wrap .img1{
			margin:auto;
			display:block;
			max-width:520px;
			width:80%;
			}
			#food .img_wrap .img1 img{
				width:100%;
				}
		#food .img_wrap .img2{
			position:relative;
			width: 30%;
			max-width:240px;
			margin-top: -20%;
			}
			#food .img_wrap .img2 img{
				width:100%;
				}
	#food .more_wrap{
		margin-top:0%;
		text-align:center;
		}
		#food .more_wrap .more{
			display:inline-block;
			}
		#food .more_wrap .more img{
			width:133px;
			}
	#food .food_wa{
		display:none;
		}
/*============================ food end */


/*============================ how */
#how{
	margin-top:140px;
	position:relative;
	}
	#how .wrap{
		padding-left: 20px;
		padding-right: 20px;
		}
	#how h2{
		text-align:center;
		}
	#how h2  span.border_anime{
		font-size:15px;
		}
	#how h2 span.sub{
		display: block;
		font-size: 20px;
		margin-bottom: 15px;
		}
		#how h2 > span{
			display:inline-block;
			}
			#how h2 > span span{
				display:block;
				padding: 0 20px;
				font-size:15px;
				}
		#how h2 img{
			width:100%;
			max-width:180px;
			}
	#how .img_wrap{
		margin-top:50px;
		position:relative;
		}
		#how .img_wrap .img1{
			margin:auto;
			display:block;
			max-width:520px;
			width:80%;
			}
			#how .img_wrap .img1 img{
				width:100%;
				}
		#how .img_wrap .img2{
			position:relative;
			width: 30%;
			max-width:240px;
			margin-top: -20%;
			float:right;
			}
			#how .img_wrap .img2 img{
				width:100%;
				}
	#how .more_wrap{
		margin-top:0%;
		text-align:center;
		clear: both ;
		}
		#how .more_wrap .more{
			display:inline-block;
			}
		#how .more_wrap .more img{
			width:133px;
			}
	#how .how_ka{
		display:none;
		}
/*============================ how end */


/*============================ guide */
#guide{
	margin-top:140px;
	position:relative;
	}
	#guide .wrap{
		padding-left: 20px;
		padding-right: 20px;
		}
	#guide h2{
		text-align:center;
		}
	#guide h2  span.border_anime{
		font-size:15px;
		padding: 45px 0 40px;
		}
	#guide h2 span.sub{
		display: block;
		font-size: 20px;
		margin-bottom: 10px;
		}
		#guide h2 > span{
			width:80%;
			display:inline-block;
			}
		#guide h2 > span img{
			max-width:180px;
			width:100%;
			}
			#guide h2 > span span{
				display:block;
				padding: 0 20px;
				font-size: 12px;
				}
		#how h2 img{
			width:100%;
			}
	#guide .img_wrap{
		margin-top:50px;
		position:relative;
		max-width:500px;
		margin-left: auto;
		margin-right: auto;
		}
		#guide .img_wrap > div{
			width:100%;
			}
			#guide .img_wrap > div img{
				width:100%;
				margin-bottom:10px;
				}
			#guide .img_wrap > div > a > span{
				display:block;
				text-align:center;
				font-size:12px;
				}
		#guide .img_wrap .img1{
			}
		#guide .img_wrap .img2{
			margin-top:25px;
			}
		#guide .img_wrap .img3{
			margin-top:25px;
			}
	#guide .more_wrap{
		padding-top:20px;
		text-align:center;
		clear: both ;
		}
		#guide .more_wrap .more{
			display:inline-block;
			}
		#guide .more_wrap .more img{
			width:133px;
			}
/*============================ guide end */



/*============================ link_list */
#link_list{
	margin-top:90px;
	}
	#link_list .wrap{
		padding-right:20px;
		padding-left:20px;
		}
	#link_list ul{
		margin-top:-30px;
		}
		#link_list ul li{
			width:48%;
			margin-top:30px;
			}
		#link_list ul li:nth-of-type(odd){
			float:left;
			clear:both;
			}
		#link_list ul li:nth-of-type(even){
			float:right;
			}
		#link_list ul li img{
			width:100%;
			}
			#link_list ul li h3{
				margin-top:10px;
				font-size:13px;
				text-align:center;
				color:#494949;
				line-height: 1.5em;
				font-weight: normal;
				}
			#link_list ul li h3 + p{
				margin-top:8px;
				font-size:12px;
				text-align:center;
				}
/*============================ link_list end */




/*============================ 各アニメーション */
#concept{
	opacity:0;
	}
	#concept.scrollin{
		opacity:1;
		transition:2000ms;
		}
	
#news{
	opacity:0;
	}	
	#news.scrollin{
		opacity:1;
		transition:2000ms;
		}
		#news .wrap{
			border-radius:0.5px;
			box-shadow: 0 0 15px 15px #3D3D3D;
			}
		#news.scrollin .wrap{
			box-shadow: 0 0 0px 0px #3D3D3D;
			transition:1000ms;
			}
		#news .more{
			opacity:0;
			}
		#news .more.scrollin{
			bottom: -62px!important;
			opacity:1;
			transition:1500ms;
			}
			


h2 span.border_anime{
	font-size:16px;
	line-height:2em;
	letter-spacing:0.2em;
	}

#room{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	}
	#room.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
	#room .more{
		opacity:0;
		}
	#room .more.scrollin{
		opacity:1;
		transition:1500ms;
		-webkit-transition:1500ms;
		}

#food{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	}
	#food.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		#food .img_wrap .img1{
			position:relative;
			overflow:hidden;
			}
		#food .img_wrap .img2{
			overflow:hidden;
			}
			#food .img_wrap .img1 img.nomove,
			#food .img_wrap .img2 img.nomove{
				visibility:hidden;
				}
			#food .img_wrap .img1 img.move,
			#food .img_wrap .img2 img.move{
				position:absolute;
				left:100%;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
			#food .img_wrap .img1.scrollin img.move,
			#food .img_wrap .img2.scrollin img.move{
				left:0;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
	#food .more{
		opacity:0;
		}
	#food .more.scrollin{
		opacity:1;
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		

#how{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	}
	#how.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		#how .img_wrap .img1{
			position:relative;
			overflow:hidden;
			}
		#how .img_wrap .img2{
			overflow:hidden;
			}
			#how .img_wrap .img1 img.nomove,
			#how .img_wrap .img2 img.nomove{
				visibility:hidden;
				}
			#how .img_wrap .img1 img.move,
			#how .img_wrap .img2 img.move{
				position:absolute;
				right:100%;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
			#how .img_wrap .img1.scrollin img.move,
			#how .img_wrap .img2.scrollin img.move{
				right:0;
				transition:1000ms;
				-webkit-transition:1000ms;
				}
	#how .more{
		opacity:0;
		}
	#how .more.scrollin{
		opacity:1;
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		
		
#guide{
	opacity:0;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	position:relative;
	}
	#guide.scrollin{
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		transition:2000ms;
		-webkit-transition:2000ms;
		}
		#guide .img_wrap .img1,
		#guide .img_wrap .img2,
		#guide .img_wrap .img3,
		#guide .more{
			opacity:0;
			}
		#guide .img_wrap .img1.scrollin,
		#guide .img_wrap .img2.scrollin,
		#guide .img_wrap .img3.scrollin,
		#guide .more.scrollin{
			opacity:1;
			transition:2000ms;
			-webkit-transition:2000ms;
			}
/*============================ 各アニメーション end */
	
	
	

#newBtn {
	display: none;
}
	
.ttBox {
	background: #FFF;
	padding: 10% 5%;
	position: relative;
	
}
.ttBox .btnClose {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 22px;
	height: 22px;
}
	
	
.ttBox p {
	margin-bottom: 5%;
}
	
	
	
	
	
	
}





	/* アニメーション用共通CSS */
	.logo1 > div{
		}
		.logo_wrap{
			opacity:0;
			transform:scale(0.95);
			z-index:1;
			}
		.logo_wrap.on{
			opacity:1;
			transform:scale(1);
			transition:2000ms;
			-webkit-transition: 2000ms;
			}
			
		.logo_wrap .origin{
			opacity:0;
			}
		.logo_wrap .origin.on{
			opacity:1;
			transition:1500ms;
			-webkit-transition: 1500ms;
			}
			
		.logo_wrap .blur{
			opacity:1;
			}
		.logo_wrap .blur.off{
			opacity:0;
			transition:1000ms;
			-webkit-transition: 1000ms;
			}
			
			
		.logo_text_wrap{
			opacity:0;
			}
		.logo_text_wrap.on{
			opacity:1;
			transition:2500ms;
			-webkit-transition: 2500ms;
			}
			
		.logo_text_wrap .origin{
			opacity:0;
			}
		.logo_text_wrap .origin.on{
			opacity:1;
			transition:2500ms;
			-webkit-transition: 2500ms;
			}
			
		.logo_text_wrap .blur{
			opacity:1;
			}
		.logo_text_wrap .blur.off{
			opacity:0;
			transition:2500ms;
			-webkit-transition: 2500ms;
			}












/* ieハック */
@media screen\0 {
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
}
_:-ms-input-placeholder, :root h2 span::before {
}