@charset "utf-8";


@media screen and (min-width:641px){
	/*現在地*/
	#siteheader nav ul li:nth-child(7) a:after {display:block;}
	
	main {padding:0 0 80px;}
	#wrap{background-image:url(../images/pre-order/bg.jpg);}
	h1.title img {width:170px; height:auto; margin-top:2px;}
	
	.section01 {padding-top:10px;}
	
	main section div{position:relative; clear:both; zoom:1; padding:88px 0 0 0;}
	main section div:after{content:''; clear:both; display:block;}
	main section div + div {margin-top:164px;}
	main section div + div:before{content:''; background:url(../images/pre-order/hr.png) center top no-repeat; width:1100px; height:24px; position:absolute; left:50%; top:-95px; margin-left:-550px; z-index:20;}
	
	main section h2{font-size:0; line-height:1; position:absolute; left:480px; top:-108px; z-index:0;}
	main section h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:100px; height:42px; position:absolute; right:40px; top:50px; background-size:100% auto;}
	main section p {letter-spacing:0.15em; position:relative; z-index:10; font-size:16px; line-height:30px;}
	main section p.img {font-size:0; line-height:1; position:relative; z-index:10; float:left; padding-right:50px; margin-top:-88px;}
	main section p.img2 {font-size:0; line-height:1; position:relative; z-index:10; float:left; padding-right:50px; margin-top:-88px;}
	main section p.img img {width:550px; height:auto;}
	main section p.img2 img {width:1000px; height:auto;}
	main section ul.list {letter-spacing:0.15em; zoom:1; overflow:hidden; font-size:15px; line-height:30px; position:relative; z-index:10; min-width:300px; }
	main section ul.list li {position:relative; padding-left:1em;}
	main section ul.list li:before{content:'・'; position:absolute; left:0; top:0;}
	main section ul.list li strong {color:#e83f73; font-weight:normal;}
	main section p.reserve {zoom:1; overflow:hidden; margin:15px 0 0 0; position:relative; left:-3px;}
	main section p.reserve a {transition:0.5s;}
	main section p.reserve a:hover {opacity:.7;}
	main section p.price {color: #e83f73; font-size: 13px; line-height:21px; position:absolute; left:600px; top:65px; z-index:0;}
	
	main section div:nth-child(2) {padding-top:76px;}
	main section div:nth-child(2) p.modal {margin-top:-76px; width:600px; float:left; }
	main section div:nth-child(2) p.img2 {margin-top:10px; padding-top:20px; }
	main section div:nth-child(2) p.note {margin-top:50px;}
	
	main section div p.modal a.imgmodal{display:block; font-size:0; line-height:1; position:relative; width:551px;}
	main section div p.modal a.imgmodal:before{content:''; width:100%; height:100%; position:absolute; left:0; top:0; transition:0.5s; z-index:5;}
	main section div p.modal a.imgmodal:hover:before{background-color:rgba(255,255,255,0.3);}
	main section div p.modal a.imgmodal:after{content:''; background:url(../images/common/icon-zoom.png) left top no-repeat; width:94px; height:90px; position:absolute; right:1px; bottom:1px; z-index:10;}
	
	main section div p.modal + p.modal{ padding-top:20px; margin-top:0;}
	
	main section#order-list	{
		margin: 40px auto 0 auto;
		width: 1054px;
		}
		
	main section ul.tab {
	    list-style: none;
	    text-align: center;
	    font-size: 0;
	}

	main section ul.tab li {
		margin: 0 4px;
		display: inline-block;
		width: 144px;
		height: 96px;
		cursor: pointer;
	}

	main section ul.tab li.active {
	    
	   
	}
	
	main section ul.tab li#tab01 img,
	main section ul.tab li#tab02 img,
	main section ul.tab li#tab03 img,
	main section ul.tab li#tab04 img,
	main section ul.tab li#tab05 img {
		visibility: hidden;
	}
	
	main section ul.tab li#tab01.active img,
	main section ul.tab li#tab02.active img,
	main section ul.tab li#tab03.active img,
	main section ul.tab li#tab04.active img,
	main section ul.tab li#tab05.active img {
		visibility: visible;
	}
	
	main section ul.tab li#tab01 {
		background: url(../images/pre-order/tab01-on.png) 0 15px no-repeat;
	}
	main section ul.tab li#tab02 {
		background: url(../images/pre-order/tab02-on.png) 0 15px no-repeat;
	}
	main section ul.tab li#tab03 {
		background: url(../images/pre-order/tab03-on.png) 0 15px no-repeat;
	}
	main section ul.tab li#tab04 {
		background: url(../images/pre-order/tab04-on.png) 0 15px no-repeat;
	}
	main section ul.tab li#tab05 {
		background: url(../images/pre-order/tab05-on.png) 0 15px no-repeat;
	}
		
	
		
	main section div.tabContent {
		margin: -20px 0 0 0;
	    padding: 20px 15px;
	    display: none;
	}
	main section div.tabContent.active {
	    display: block;
		background: #fff;
	}
	main section div.tabContent.active ul {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 0;
	}
	main section div.tabContent.active ul li {
		margin: 0 4px;
		padding: 0;
		display: inline-block;
	}
	main section div.tabContent.active ul li img {
		vertical-align: bottom;
	}
	
	.p-img{
	width:auto;
	margin:0 auto;
		 padding-top: 30px;
}

.p-img h2{
	text-align: center;
	position:static;
}

.p-img img{
	 margin: 0 auto 30px;
}
	


}


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

main {padding-bottom:56.25vw;}

#wrap {background-image:url(../images/pre-order/bg-sp.png); background-position:left top; background-size:100 auto;}
main:before  {content:''; /*background-image:url(../images/pre-order/bg-sp-bottom.png);*/ background-position:left bottom; background-size:100% auto; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1; background-repeat:no-repeat;}

main section {margin-bottom: -3vm;}
main section div{position:relative; padding:0 3.125vw 6.75vw; background:url(../images/pre-order/hr-sp.png) center bottom no-repeat; background-size:100% auto; margin-bottom:4.6875vw;}

main section h2{font-size:0; line-height:1; margin-bottom:-12.5vw;}
main section div:nth-child(3) h2 {margin-bottom:-1vw;}
main section div:nth-child(4) h2  {margin-bottom:-14vw;}

main section h2.check:before{content:''; background:url(../images/common/icon-check.png) left top no-repeat; width:27.5vw; height:12.1875vw; position:absolute; right:3.125vw; top:0vw; background-size:100% auto;}

main section h2 img {width:100%; height:auto;}
main section p {letter-spacing:0.05em; position:relative; z-index:10; font-size:4.6875vw; line-height:6.875vw;}
main section p.img {font-size:0; line-height:1; margin-bottom:3.6875vw;}
main section p.img img {width:100%; height:auto;}
main section p.img2 img {width:100%; height:auto;}
main section p.modal img {width:100%; height:auto; padding-top:5vw;}
main section p.note {font-size:4.0625vw;}
main section p.price {color: #e83f73; font-size: 3.125vw; line-height:4.6875vw; text-align: center; margin-top: -3.125vw;}
	
main div h2.img {font-size:0; line-height:1; margin-bottom:3.6875vw;}
main div h2.img img {width:100%; height:auto;}

main section ul.list {font-size:4.6875vw; line-height:6.875vw;}
main section ul.list li {position:relative; padding-left:1em;}
main section ul.list li:before{content:'・'; position:absolute; left:0; top:0;}
main section ul.list li strong {color:#e83f73; font-weight:normal;}
	
ul.shoplist{  margin: 0 auto;
    padding: 5% 0;
    text-align: center;
    width: 100%;}
.shoplist li{display: inline-block;
    margin: 0.2rem 0.1rem;
    padding: 0 0.2rem 0 0;
    position: relative;
    width: 46%;}
	.shoplist li img{width: 100%;}
	
	
.section01 {margin-bottom:-3.3125vw;}

main section p.reserve {margin-top:4.25vw;}
main section p.reserve a{display:block; width:51.875vw; height:10.9375vw; background:url(../images/pre-order/btn-reserve-sp.png) center center no-repeat; background-size:cover; text-indent:200%; overflow:hidden; margin:0 auto;}

	
main section div:nth-child(4) p.img{padding-top:5vw;}

main section .shoplist:nth-child(5) {background:none; margin-bottom:0; padding-bottom:0;}
main section .shoplist:nth-child(5) ul {font-size:0; line-height:1; clear:both; zoom:1;}
main section .shoplist:nth-child(5) ul:after{content:''; clear:both; display:block;}
main section .shoplist:nth-child(5) ul li {font-size:3.4375vw; width:44.6875vw; line-height:1.2; position:relative; list-style:none; vertical-align:top; float:left; text-align:center;}

	
main section .shoplist:nth-child(5) ul li:nth-child(n+3) {margin-top:8.59375vw;}
main section .shoplist:nth-child(5) ul li:nth-child(odd) {clear:both;}
main section .shoplist:nth-child(5) ul li:nth-child(even) {float:right;}
main section .shoplist:nth-child(5) ul li img {width:100%; height:auto;}
main section .shoplist:nth-child(5) ul li a{display:block; font-size:0; line-height:1; position:relative;}
main section .shoplist:nth-child(5) ul li h3 {font-size:3.4375vw; margin-bottom:1.5625vw;}
main section .shoplist:nth-child(5) ul li h4 {font-size:2.5vw; padding:1.5625vw 0;}
main section .shoplist:nth-child(5) p.note {clear:both; display:block; text-align:center; color:#e83f73; font-size:3.125vw; line-height:5.46875vw; padding:9.375vw 0 0;}

main div{
	margin-top: 15vw;
	margin-bottom: 4.6875vw;
    padding: 0.4vw 6.75vw;
    position: relative;
    }
    
    
    
    
    main section#order-list	{
		margin: 6.875vw auto 0 auto;
		width: 93.75vw;
		margin-left: -3.5vw;
		}
		
	main section ul.tab {
	    list-style: none;
	    text-align: center;
	    font-size: 0;
	}

	main section ul.tab li {
		margin: 0 0.3125vw;
		display: inline-block;
		width: 17.1875vw;
		height: 11.40625vw;
	}
	main section ul.tab li img {
		width: 100%;
	}

	main section ul.tab li.active {
	    
	   
	}
	
	main section ul.tab li#tab01 img,
	main section ul.tab li#tab02 img,
	main section ul.tab li#tab03 img,
	main section ul.tab li#tab04 img,
	main section ul.tab li#tab05 img {
		visibility: hidden;
	}
	
	main section ul.tab li#tab01.active img,
	main section ul.tab li#tab02.active img,
	main section ul.tab li#tab03.active img,
	main section ul.tab li#tab04.active img,
	main section ul.tab li#tab05.active img {
		visibility: visible;
	}
	
	main section ul.tab li {
		background-repeat: no-repeat;
		background-position: 0 2.1875vw;
		background-size: 100% auto;
	}
	main section ul.tab li#tab01 {
		background-image: url(../images/pre-order/tab01-on.png);
	}
	main section ul.tab li#tab02 {
		background-image: url(../images/pre-order/tab02-on.png);
	}
	main section ul.tab li#tab03 {
		background-image: url(../images/pre-order/tab03-on.png);
	}
	main section ul.tab li#tab04 {
		background-image: url(../images/pre-order/tab04-on.png);
	}
	main section ul.tab li#tab05 {
		background-image: url(../images/pre-order/tab05-on.png);
	}
		
	
		
	main section div.tabContent {
		margin: -4.6875vw 0 0 0;
	    padding: 4.375vw 0 0 0;
	    display: none;
	}
	main section div.tabContent.active {
	    display: block;
		background: #fff;
	}
	main section div.tabContent.active ul {
		 margin: 20vw 0 5vw;
		padding: 0;
		text-align: center;
		font-size: 0;
	}
	main section div.tabContent.active ul li {
		margin: 0 2.5vw 4.375vw 2.5vw;
		width: 38.125vw;
		height: auto;
		padding: 0;
		display: inline-block;
	}
	main section div.tabContent.active ul li img {
		width: 100%;
		vertical-align: bottom;
	}
	
		.p-img{
	width:auto;
	margin: 30px 0 auto;
}

.p-img h2{
	text-align: center;
	position:static;
}

.p-img img{
	 margin: 0 auto;
}
	
}