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

/* contents ======================================= */
#contents {
	max-width:100%;
	background:#ffffff;
	padding:0 !important;
}
#main {
	width:100%;
}
#contents .lead {
	width:900px;
	margin:0 auto;
	padding:56px 0 70px;
	position: relative;
}
#contents .lead h2 {
	width:662px;
	margin:0 0 85px 140px;
}
#contents .lead p.text {
	width:480px;
	line-height:1.63;
	font-size:19px;
	position: absolute;
	left:40px;
	top:325px;
	letter-spacing: -0.03em;
}
#contents .movie {
	clear:both;
    position: relative;
    padding-bottom: 495px;
    height: 0;
    overflow: hidden;
    margin:20px auto 67px;
    width:880px;
}
 #contents .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#contents .items {
	margin-bottom: 0;
	position: relative;
	padding:50px 0 40px;
}
#contents .items .inner {
	width:940px;
	margin:0 auto;
	background: #ffffff;
	position:relative;
	padding-bottom:60px;
}
#contents .items .inner .deco01 {
	position: absolute;
	top:-50px;
	left:-204px;
	width:1345px;
	height:803px;
	z-index:2;
}
#contents .items .inner .deco02 {
	position: absolute;
	bottom:-76px;
	left:-162px;
	width:1296px;
	height:847px;
	z-index:2;
}
#contents .items .inner .title01 {
	padding:28px 0 30px;
}
#contents .items .inner .item01 {
	float:left;
	margin-left:79px;
	margin-bottom:60px;
	padding-top:52px;
}
#contents .items .inner .item02 {
	float:right;
	margin-right:79px;
}
#contents .items .inner .point {
	margin:0 0 70px;
	text-align: center;
}
#contents .items .inner .title02 {
	padding:0 0 50px;
	text-align: center;
}
#contents .items .inner .anchor_link {
	overflow: hidden;
	width:790px;
	margin:0 auto;
}
#contents .items .inner .anchor_link li:nth-of-type(2n+1) {
	clear:both;
	float:left;
	margin-bottom:20px;
}
#contents .items .inner .anchor_link li:nth-of-type(2n) {
	float:right;
	margin-bottom:20px;
}
#contents #sp1 {
	background:url(../img/seat/sp1_bg_pc.png) no-repeat center top #d80612;
}
#contents #sp2 {
	background:url(../img/seat/sp2_bg_pc.png) no-repeat center top #d80612;
}
#contents #sp3 {
	background:url(../img/seat/sp3_bg_pc.png) no-repeat center top #d80612;
}
#contents #sp4 {
	background:url(../img/seat/sp4_bg_pc.png) no-repeat center top #d80612;
}
#contents #sp5 {
	background:url(../img/seat/sp5_bg_pc.png) no-repeat center top #d80612;
}
#contents #sp6 {
	background:url(../img/seat/sp6_bg_pc.png) no-repeat center top #054eca;
}
#contents #sp7 {
	background:url(../img/seat/sp7_bg_pc.png) no-repeat center top #054eca;
}
#contents #sp8 {
	background:url(../img/seat/sp8_bg_pc.png) no-repeat center top #fbf1de;
}
#contents #sp9 {
	background:url(../img/seat/sp9_bg_pc.png) no-repeat center top #fbf1de;
}
#contents #sp10 {
	background:url(../img/seat/sp10_bg_pc.png) no-repeat center top #fbf1de;
}
#contents #sp11 {
	background:url(../img/seat/sp11_bg_pc.png) no-repeat center top #fbf1de;
}
#contents .typeinfo {
	padding:40px 0;
}
#contents .typeinfo .inner {
	width:940px;
	margin:0 auto;
}
#contents .typeinfo .inner .ttl {
	margin:0 0 40px 373px;
	height:408px;
}
#contents #green .inner .ttl {
	height:430px;
}
#contents .typeinfo .inner .more {
	margin:0 0 0 630px;
	cursor: pointer;
}
#contents .typeinfo .inner .more:hover {
	opacity: 0.7;
}
#contents .typeinfo .inner .moreinfo {
	padding-top:70px;
	display: none;
}
#contents .typeinfo .inner .moreinfo .close:hover {
	opacity: 0.7;
	cursor: pointer;
}
#contents .howto {
	background:url(../img/seat/howto_bg.jpg) repeat left top;
	height:524px;
	position: relative;
	margin-bottom:50px;
}
#contents .howto p {
	position: absolute;
	left:50%;
	margin-left:-565px;
	top:50px;
	width:1080px;
}
#contents .bnrarea p {
	left:50%;
	top:50px;
	padding-bottom:30px;
	color: #3f2825;
    font-size: 26px;
    line-height: 1.6;
	font-family: Noto Sans Japanese;
}
#contents .chart {
	height:853px;
	position: relative;
}
#contents .chart p {
	position: absolute;
	left:50%;
	margin-left:-407px;
	top:30px;
}
#contents .info .title01 {
	text-align: center;
	margin-bottom:45px;
}
#contents .info ul {
	overflow: hidden;
	width:840px;
	margin:0 auto 50px;
}
#contents .info ul li {
	width:180px;
	margin-right:40px;
	float:left;
}
#contents .info ul li:last-of-type {
	margin-right: 0;
}
#contents .info ul li img {
	width:100%;
}
#contents .info .title02 {
	text-align: center;
	margin-bottom:45px;
}
#contents .bnrarea .title02 {
	text-align: center;
	margin-bottom:45px;
	color: #221815;
    font-size: 24px;
}
#contents .info .btn {
	width:882px;
	margin:0 auto 80px;
}
#contents .bnrarea {
	padding:50px 0 68px;
	border-top:1px solid #f5f9fa;
}
#contents .bnrarea ul {
	width:1040px;
	margin:0 auto 40px;
	overflow: hidden;
}
#contents .bnrarea ul li {
	margin-left:10px;
	float:left;
	width:165px;
}
#contents .bnrarea ul li:first-child {
	margin-left: 0;
}
#contents .bnrarea p {
	text-align: center;
}

/* MEDIA QUERY ======================================= */

@media screen and (max-width:767px) {
	
	body {
		-webkit-text-size-adjust: none;
	}
	
	#main {
		width:100%;
	}
	
	#contents {
		padding: 0 !important;
	}
	
	img {
		width:100%;
		height:auto;
	}

	p,li {
		font-size:14px;
	}
	
	
	
	/*-----------  contents -------------*/
	
	.contents {
		padding:0!important;
	}
	#contents .lead {
		width:90%;
		margin:0 auto;
		padding:0 0 7.81vw;
		background:none;
	}
	#contents .lead h2 {
		width:64.53vw;
		margin:0 auto 7.81vw;
	}
	#contents .lead p.text {
		width:87.5vw;
		line-height:1.71;
		font-size:14px;
		position: static;
		text-align: center;
		margin-bottom:14.06vw;
	}
	#contents .lead p.btn {
		width:89.22vw;
		margin:0 auto;
	}
	#contents .movie {
		clear:both;
	    position: relative;
	    padding-bottom: 52.25%;
	    height: 0;
	    overflow: hidden;
	    margin:0 auto 8.75vw;
	    width:89.69vw;
	}
	 #contents .movie iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	#contents .items {
		margin-bottom: 0;
		position: relative;
		padding:0;
	}
	#contents .items .inner {
		width:100%;
		background: #ffffff;
		position:relative;
		padding-bottom:0;
	}
	#contents .items .inner .deco01 {
		display: none;
	}
	#contents .items .inner .deco02 {
		display: none;
	}
	#contents .items .inner .title01 {
		padding:0;
		width:100vw;
	}
	#contents .items .inner .point {
		width:100%;
		margin:0;
		height: 146vw;
		overflow: hidden;
	}
	#contents .items .inner .more_point {
		width:25.31vw;
		margin:0 auto;
		cursor: pointer;
		padding-top:8vw;
	}
	#contents .items .inner .title02 {
		padding:15.63vw 0 0 0;
		width:79.69%;
		margin:0 auto 7.81vw;
	}
	#contents #wheretobuy .title02 {
		padding:15.63vw 0 0 0;
		width:35.69%;
		margin:0 auto 7.81vw;
	}
	#contents .items .inner .anchor_link {
		overflow: hidden;
		width:93.44%;
		margin:0 auto 7.81vw;
	}
	#contents .items .inner .anchor_link li:nth-of-type(2n+1) {
		clear:both;
		float:left;
		margin-bottom:10px;
		width:48%;
	}
	#contents .items .inner .anchor_link li:nth-of-type(2n) {
		float:right;
		margin-bottom:10px;
		width:48%;
	}
	#contents #yellow {
		background:url(../img/seat/yellow_bg_sp.png) no-repeat center top #fcf2a9;
		background-size:100% auto;
	}
	#contents #pink {
		background:url(../img/seat/pink_bg_sp.png) no-repeat center top #f9b2d3;
		background-size:100% auto;
	}
	#contents #green {
		background:url(../img/seat/green_bg_sp.png) no-repeat center top #b8e4e5;
		background-size:100% auto;
	}
	#contents #white {
		background:url(../img/seat/white_bg_sp.png) no-repeat center top #edeeee;
		background-size:100% auto;
	}
	#contents #night {
		background:url(../img/seat/night_bg_sp.png) no-repeat center top #edeeee;
		background-size:100% auto;
	}
	#contents #daugoi {
		background:url(../img/seat/Shampoo_bg_sp.png) no-repeat center top #edeeee;
		background-size:100% auto;
	}
	#contents #xitchongnang {
		background:url(../img/seat/UV_spray_bg_sp.png) no-repeat center top #edeeee;
		background-size:100% auto;
	}
	#contents .typeinfo {
		padding:58.75vw 0 5.63vw;
	}
	#contents .typeinfo .inner {
		width:87.5vw;
		margin:0 auto;
	}
	#contents .typeinfo .inner .ttl {
		margin:0 auto 8.13vw;
		width:100%;
		height: 250px !important;
	}
	#contents #green .inner .ttl {
		margin:0 auto 8.13vw;
		width:100%;
		height: 250px !important;
	}
	#contents #white .inner .ttl {
		margin:0 auto 8.13vw;
		width:100%;
		height: 225px !important;
	}
	#contents #night .inner .ttl {
		margin:0 auto 8.13vw;
		width:100%;
		height: 272px !important;
	}
	#contents #daugoi .inner .ttl {
		margin:0 auto 8.13vw;
		width:100%;
		height: 440px !important;
	}
	#contents #xitchongnang .inner .ttl {
		margin:0 auto 8.13vw;
		width:100%;
		height: 200px !important;
	}
	#contents .typeinfo .inner .more {
		width:25vw;
		margin:0 auto;
	}
	#contents .typeinfo .inner .moreinfo {
		padding-top:70px;
	}
	#contents .howto {
		background:none;
		height:auto;
		position: relative;
		margin-bottom: 0;
	}
	#contents .howto p {
		position: static;
		margin-left:0;
		width:100%;
	}
	#contents .chart {
		height:auto;
		position: relative;
		margin-top:-3vw;
		margin-bottom:11.56vw;
	}
	#contents .chart p {
		position: static;
		margin-left:0;
		width:100%;
	}
	#contents .info .title01 {
		width:73.59vw;
		margin:0 auto 9.38vw;
	}
	#contents .info ul {
		overflow: hidden;
		width:87.5vw;
		margin:0 auto 6.25vw;
	}
	#contents .info ul li {
		width:41.25vw;
		margin-right:0;
		margin-bottom:4.69vw;
		float:left;
	}
	#contents .info ul li:nth-of-type(2) {
		float:right;
	}
	#contents .info ul li:nth-of-type(3) {
		clear:both;
	}
	#contents .info ul li:last-of-type {
		float:right;
	}
	#contents .info ul li img {
		width:100%;
	}
	#contents .info .title02 {
		width:73.59vw;
		margin:0 auto 9.38vw;
	}
	#contents .info .btn {
		width:87.5vw;
		margin:0 auto;
	}
	#contents .bnrarea {
		background:#ffffff;
		padding:5.94% 4.69% 8.13%;
		border-top:none;
	}
	#contents .bnrarea ul {
		width:100%;
		margin:0 auto 25px;
		overflow: hidden;
	}
	#contents .bnrarea ul li {
		margin-left:0;
		float:none;
		width:100%;
		margin-top:10px;
	}
	#contents .bnrarea ul li:first-child {
		margin-top: 0;
	}
	#contents .bnrarea p {
		text-align: center;
		width:62.34%;
		margin:0 auto;
	}
}
#header_top .topnav {
    background: #FFF url(../img/tab-01.png) repeat-x center top;
    padding: 0;
	background-size: auto 42px;
}
#header_top .topnav a.logo{
    top: 40px;
    position: fixed;
    left: 41.5%;
}