@charset "UTF-8";
/*=======================================
 	             SMACSS  base
 ========================================*/

/*=======================================
	         SMACSS  layout　　　　　　　       ( style.scss ) ( header.scss / main.scss / footer.scss ...) 
========================================*/
/*=======================================
 	        animation
 ========================================*/
 .delay-time01{
	animation-delay: .2s;
	}
.delay-time02{
	animation-delay: .5s;
	}
	.delay-time04{
	animation-delay:  .8s;
	}
	.box{
		opacity: 0;
	}
	.inview.active {
		animation-name:fadeUpAnime;
		animation-duration: 1s;
		animation-fill-mode:forwards;
		opacity: 0;
		}
		@keyframes fadeUpAnime{
			from {
				opacity: 0;
			}
		
			to {
				opacity: 1;
			}
		}
		
		.fadeup {
			transition: all 1s;
			visibility: hidden;
			opacity: 0;
			-webkit-transform: translateY(10%);
			transform: translateY(10%);
		}
		.fadeup.active {
			visibility: visible;
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		.zoom {
			transform: scale(1.1);
			opacity: 0;
		}
		.zoom.active {
			transform: scale(1);
			transition-delay: 1s;
			transition: all 1.5s;
			opacity: 1;
		}

.slick-dots li button{
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 0;
}
.slick-dots li {
	margin: 0 0.6rem;
}
.slick-dots{
	position: absolute;
	bottom: -2.8rem;
	right: -0.6rem;
}

/*=======================================
                  PC   
========================================*/
/* ===================
	　　 General
=================== */
html {
  font-size: 62.5%;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#breadcrumb.edit_lp .cateList {
	margin: 0 auto 30px 120px;
}

#mainLP_Contents{
	/* background-image: url(../img/pc.jpg);
	background-repeat: no-repeat;
	background-size: 140rem; 
	background-position-x: center; 
	background-position-y: 1.4rem; */
	overflow: hidden;
}
/* #mainLP_Contents::before{
	content: "";
	position: absolute;
	background-image: url(../img/pc2.jpg);
	background-size: cover;
	z-index: -1; 
	width: 140rem;
	height: 816.5rem;
	top: 1389.4rem;
	left: 0;
	right: 0;
	margin: auto;
} */
#wrapper {
  width: 140rem;
  margin: 2rem auto 12rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
	color: #000;
}

/* ===================
	　　  common
=================== */
#wrapper img{
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
.sp_only{
	display: none;
}
.pc_only{
	display: block;
}
.yumincho{
	font-family: "游明朝体", YuMincho, "Yu Mincho", "游明朝";
	line-height: 2.15;
	letter-spacing: 0.015em;
	font-feature-settings: "palt";
	color: #333333;
	font-size: 1.5rem;
	font-weight: 800;
}
.Crimson_Text{
	font-family: 'Crimson Text', serif;
	letter-spacing: 0.025em;
	font-feature-settings: "palt";
}
.KudryashevDisplay{
font-family: kudryashev-d-contrast, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.075em;
color: #310D00;
}
.price{
	font-family: 'Crimson Text', serif;
	font-size: 1.3rem;
	letter-spacing: -0.02em;
	font-feature-settings: "palt";
	margin-top: 2.9rem;
}
.price li{
	margin-bottom: 1.1rem;
}
.price span{
	border-bottom: 0.1rem solid #cccccc;
}
.ml13{
	margin-left: 1.3rem;
}
#wrapper .flex{
	display: flex;
}
.row-reverse{
  flex-direction: row-reverse;
  justify-content: flex-end;
}

@media screen and (max-device-width: 767px) {
  #breadcrumb .cateList {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/* ===================
	　 mainview
=================== */
#mainview{
	text-align: center;
	position: relative;
	margin-bottom: 10.6rem;
}
#mainview::before{
	content: "";
	position: absolute;
	background: #F8F6F2;
	background-size: cover;
	z-index: -1; 
	width: 150vw;
	height: 205.6rem;
	top: 0;
	left: -50vw;
}
.mv-img{
	width: 120rem;
	text-align: center;
	overflow: hidden;
	margin: 0 auto 6.3rem;
}
.mv-img a{
	width: 100%;
	height: 100%;
	display: block;
}
.title{
	
}
.txt01{
	font-size: 3rem;
	line-height: 1.67;
	letter-spacing: 0.075em;
	margin-bottom: 2.9rem;
}
.txt02{
	font-size: 8rem;
}

/* ===================
	　　 section01
=================== */
#sec01{
	margin-left: 18rem;
	margin-bottom: 15rem;
}
h3{
	font-size: 3.2rem;
}
.discription{
	margin-top: 18.3rem;
}
.discription p{
	margin-bottom: 1.7rem;
}
.img01{
	width: 54rem;
	margin-left: 7rem;
}
.img01 a{
	display: inline-block!important;
}
.underline{
	width: 1043rem;
	border-bottom: solid 0.1rem #310D00;
	margin-left: -1008.3rem;
	margin-bottom: 4.1rem;
}
.ls009{
	letter-spacing: 0.09em;
}
.ls011{
	letter-spacing: 0.11em;
}
.ls0055{
	letter-spacing: 0.115em;
	font-weight: 800;
}
.ls01{
	font-weight: 800;
	letter-spacing: 0.075em;
}
.img02{
	width: 42rem;
	margin-top: -17.9rem;
}
#sec01 video{
	width: 36rem;
	height: 64rem;
	margin-top: 11.8rem;
  margin-left: 3rem;
}

/* ===================
	　　 section02
=================== */
#sec02{
	margin-bottom: 2.1rem;
}
.img03{
	width: 58rem;
	margin-left: 20rem;
}
.img03 .price{
	text-align: right;
}
.img04{
	width: 42rem;
	margin-top: 33rem;
	margin-bottom: 6rem;
	margin-left: 10rem;
}
.img05{
	margin-left: 13.7rem;
	height: 100%;
}
.img05-img{
	width: 50rem;
	margin-left: 3.1rem;
}
.img05 .price{
	text-align: right;
	margin-top: 63.5rem;
}
.img05 .slick-dots{
	bottom: -2.3rem;
}
.img05 a{
	display: inline-block;
}
.img06{
	height: 100%;
	margin-top: 22.4rem;
	margin-left: 14rem;
}
.img06-img{
	width: 46rem;
}
.img06 .price{
	text-align: right;
	margin-top: 5.7rem;
}
.img06 a{
	display: inline-block;
}
/* ===================
	　　 section03
=================== */
#sec03{
	margin-bottom: 15rem;
}
.img07{
	height: 100%;
	position: relative;
	margin-left: 13.9rem;
}
.img07-img{
	width: 58rem;
}
.img07::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk01.jpg);
	background-size: cover;
	z-index: -1; 
	width: 48rem;
	height: 72rem;
	top: 37.2rem;
	left: -6rem;
}
.img07 .price{
	margin-top: 5.7rem;
}
.img07 .slick-dots{
	left: -55.7rem;
}
.img07 a{
	display: inline-block;
}
#sec03 video{
	width: 36rem;
	height: 64rem;
	margin-top: 15rem;
	margin-left: 24rem;
}
.img08{
	width: 46rem;
	margin-top: -25.1rem;
	margin-left: 80rem;
}

/* ===================
	　　  section04
=================== */
#sec04{
	margin-bottom: 15.2rem;
}
.img09{
	height: 100%;
	position: relative;
	margin-left: 30.9rem;
	margin-bottom: 23.8rem;
}
.img09-img{
	width: 70rem;
	margin-right: 3rem;
}
.img09-img::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk02.jpg);
	background-size: cover;
	z-index: -1; 
	width: 50rem;
	height: 75rem;
	top: 38.8rem;
	left: -5.9rem;
}
.img09 .price{
	margin-top: 86rem;
}
.img09 .slick-dots{
	left: -67.7rem;
}
.img09 a{
	display: inline-block;
}
.img10-all{
	width: 40rem;
	margin-left: 18rem;
}
.img10{
	width: 40rem;
	height: 50rem;
	overflow: hidden;
}
.img10 a{
	display: block;
	width: 100%;
	height: 100%;
}
.img10-all .price{
	text-align: right;
}
.img11{
	width: 58rem;
	margin-top: 15rem;
	margin-left: 12rem;
}
.img12{
	width: 46rem;
	height: 100%;
	margin-top: -40.1rem;
	margin-left: 76rem;
}
.img12 .price{
	text-align: right;
	margin-top: 5.7rem;
}
.img12 a{
	display: inline-block;
}

/* ===================
	　　  section05
=================== */
#sec05{
	margin-bottom: 24.2rem;
}
.img13{
	width: 124rem;
	position: relative;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}
.img13 img{
	width: 40rem;
}
.img13::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk03-02.jpg);
	background-size: cover;
	z-index: -1; 
	width: 300rem;
	height: 57rem;
	top: 20rem;
	left: -88rem;
}
.img13::after{
	content: "";
	position: absolute;
	background-color: #e6e1e2;
	z-index: -2; 
	width: 1000rem;
	height: 57rem;
	top: 20rem;
	left: -188rem;
}
#sec05 .price{
	text-align: center;
}

/* ===================
	　　  section06
=================== */
#sec06{
	margin-bottom: 19.8rem;
}
.img14{
	width: 58rem;
	margin-top: 24rem;
	margin-left: 10rem;
}
.img15{
	width: 46rem;
	position: relative;
	margin-left: -3rem;
}
.img15::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk04.jpg);
	background-size: cover;
	z-index: -1; 
	width: 40rem;
	height: 60rem;
	top: -6rem;
	left: 15rem;
}
.sec06-video{
	width: 36rem;
	position: relative;
	margin-top: -45.5rem;
	margin-left: 20rem;
}
#sec06 video{
	width: 36rem;
	height: 64rem;
}
.img16-all{
	width: 40rem;
	margin-top: 14.1rem;
	margin-bottom: 15.2rem;
	margin-left: 34rem;
}
.img16{
	width: 40rem;
	height: 50rem;
	overflow: hidden;
}
.img16 a{
	display: block;
	width: 100%;
	height: 100%;
}
.img17{
	margin-left: 38rem;
}
.img17-img{
	width: 70rem;
	position: relative;
	margin-left: 3.1rem;
}
.img17 .price{
	text-align: right;
	margin-top: 93.3rem;
}
.img17-img::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk05.jpg);
	background-size: cover;
	z-index: -1; 
	width: 50rem;
	height: 75rem;
	top: -6rem;
	left: 39rem;
}
.img17 a{
	display: inline-block;
}

/* ===================
	　　  section07
=================== */
#sec07{
	margin-bottom: 15rem;
}
.img18{
	width: 75rem;
	margin-left: 8rem;
}
.img19{
	width: 36rem;
	z-index: 2;
	margin-top: 30rem;
	margin-left: 13rem;
}
.img20{
	margin-top: -16rem;
	margin-left: 36rem;
}
.img20-img{
	width: 50rem;
	margin-left: 3.1rem;
}
.img20 .price{
	text-align: right;
	margin-top: 63.3rem;
}

/* ===================
	　　  section08
=================== */
#sec08{
	margin-bottom: 22.8rem;
}
.img21{
	width: 50rem;
	margin-left: 12.5rem;
}
.img22{
	width: 50rem;
	position: relative;
	margin-top: 30rem;
	margin-left: 6rem;
}
.img22::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk06.jpg);
	background-size: cover;
	z-index: -1; 
	width: 42rem;
	height: 63rem;
	top: -9rem;
	left: 17rem;
}
.img22 a{
	display: inline-block;
}

/* ===================
	　　  section09
=================== */
#sec09{
	margin-bottom: 18.2rem;
}
.img23{
	width: 124rem;
	position: relative;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}
.img23 img{
	width: 40rem;
}
.img23::before{
	content: "";
	position: absolute;
	background: #F8F6F2;
	z-index: -1; 
	width: 150vw;
	height: 59.4rem;
	top: 20rem;
	left: -50vw;
}
#sec09 .price{
	text-align: center;
}

/* ===================
	　　  section10
=================== */
#sec10{
	margin-bottom: 21rem;
}
.img24-all{
	width: 40rem;
	margin-left: 22rem;
}
.img24{
	width: 40rem;
	height: 50rem;
	overflow: hidden;
}
.img24 a{
	display: block;
	width: 100%;
	height: 100%;
}
.img24-all .price{
	text-align: right;
}
.img25{
	width: 58rem;
	margin-top: 15rem;
	margin-left: 10rem;
}
.img25 .price{
	margin-top: 5.7rem;
}
.img25 .slick-dots{
	left: -55.8rem;
}
.img25 a{
	display: inline-block;
}
.img26{
	width: 48rem;
	margin-top: -47.7rem;
	margin-bottom: 8.8rem;
	margin-left: 74rem;
}
.img26 a{
	display: inline-block;
}
.img27{
	margin-left: 26rem;
}
.img27-img{
	width: 81rem;
	position: relative;
	margin-right: 3rem;
}
.img27-img::before{
	content: "";
	position: absolute;
	background-image: url(/Page/PRE_ORDER/211006/img/bk07.jpg);
	background-size: cover;
	z-index: -1; 
	width: 24rem;
	height: 47rem;
	top: 13rem;
	left: -6rem;
}
.img27 .price{
	margin-top: 39.9rem;
}

/* ===================
	　　  section11
=================== */
	.img28{
		width: 58rem;
		margin-left: -3rem;
		z-index: 1;
	}
	.img28 .price{
		text-align: right;
		margin-top: 5.7rem;
	}
	.img28 a{
		display: inline-block;
	}
	.img29{
		width: 46rem;
		margin-top: 51rem;
		margin-left: 19.5rem;
	}

/* ===================
	　　  button
=================== */
.m-btn {
  width: 60rem;
  margin: 12rem auto 2.1rem;
	position: relative;
	z-index: 2;
}
.m-btn a {
  width: 60rem;
  height: 6.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid #000;
  background-color: #fff;
  font-family: "Crimson Text", serif;
  font-size: 1.1rem;
  line-height: 1.54;
  letter-spacing: 0.002em;
  text-align: center;
}

#dvUserBox table {
	background-color: #fff;
}



/*=======================================
               Responsive   
========================================*/
@media screen and (max-device-width: 767px){
	#wrapper .sp_only{
		display: block!important;
	}
}
/* for SP */
@media screen and (max-width: 767px){
  

  /*=======================================
                    SP    
  ========================================*/

/* ===================
	　　 General
=================== */
#breadcrumb{
	background: #F8F6F2;
}
#breadcrumb .cateList {
	margin: 0 auto!important;
}

.main-area{
	/* background-image: url(/Page/PRE_ORDER/211006/img/sp.jpg);
	background-repeat: no-repeat;
	background-size: calc(750* (100vw / 750)); 
	background-position-x: center; 
	background-position-y: calc(21* (100vw / 750)); */
	overflow: hidden;
	position: relative;
}
/* .main-area::before{
	position: absolute;
	content: "";
	background-image: url(/Page/PRE_ORDER/211006/img/sp2.jpg);
	background-repeat: no-repeat;
	width: calc(750* (100vw / 750)); 
	height: calc(14045* (100vw / 750)) ;
	background-position-x: center; 
	top: calc(14603* (100vw / 750));
	overflow: hidden;
	background-size: inherit;
	z-index: -1;
} */
/* .main-area::after{
	position: absolute;
	content: "";
	background-image: url(/Page/PRE_ORDER/211006/img/sp3.jpg);
	background-repeat: no-repeat;
	width: calc(750* (100vw / 750)); 
	height: calc(14045* (100vw / 750)) ;
	background-position-x: center; 
	top: calc(28637* (100vw / 750));
	overflow: hidden;
	background-size: inherit;
	z-index: -1;
} */

.main-area .main-inner{
	width: 100%;
}
#wrapper {
  width: calc(750* (100vw / 750));
  margin: 0 auto;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


.slick-dots li button{
	width: calc(12* (100vw / 750));
	height: calc(12* (100vw / 750));
}
.slick-dots li {
	margin: 0 calc(9* (100vw / 750));
}
.slick-dots{
	position: absolute;
	bottom: calc(-42* (100vw / 750));
	right: calc(-8* (100vw / 750));
}
  /* ===================
  　　  common
  =================== */
#wrapper .sp_only{
	display: block!important;
}
.pc_only{
	display: none;
}
.yugothic{
	font-size: calc(28* (100vw / 750));
}
.yumincho{
	font-size: calc(26* (100vw / 750));
	font-weight: 600;
	line-height: 1.95;
}
.Crimson_Text{
	letter-spacing: 0.025em;
}
.KudryashevDisplay{
font-weight: normal;
font-style: normal;
letter-spacing: 0.075em;
}

.price{
	font-size: calc(24* (100vw / 750));
	line-height: 1.3;
	letter-spacing: 0.01em;
}
.price span{
	border-bottom: calc(2* (100vw / 750)) solid #cccccc;
}
.ml13{
	margin-left: calc(20* (100vw / 750));
}
#wrapper .flex{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
  /* ===================
  　　　 mainview
  =================== */
	#mainview{
		text-align: center;
		margin-bottom: calc(95* (100vw / 750));
	}
	#mainview::before{
		width: 100%;
		height: calc(3820* (100vw / 750));
		top: 0;
		left: 0;
	}
	.mv-img{
		width: calc(720* (100vw / 750));
		text-align: center;
		margin: 0 auto;
	}
	.mv-img a{
		width: 100%;
		height: 100%;
		display: block;
	}
	.title{
		margin-bottom: calc(75* (100vw / 750));
	}
	.txt01{
		font-size: calc(36* (100vw / 750));
		line-height: 1.75;
		letter-spacing: 0.075em;
		margin-bottom: calc(35* (100vw / 750));
	}
	.txt02{
		font-size: calc(86* (100vw / 750));
	}
	
	/* ===================
		　　 section01
	=================== */
	#sec01{
		text-align: center;
		position: relative;
		margin-left: 0;
		margin-bottom: calc(150* (100vw / 750));
	}
	h3{
		font-size: calc(50* (100vw / 750));
		font-weight: normal!important;
	}
	.discription{
		margin-top: 0;
	}
	.discription p{
		margin-bottom: calc(35* (100vw / 750));
	}
	.img01{
		width: calc(540* (100vw / 750));
		margin-top: calc(46* (100vw / 750));
		margin-left: calc(180* (100vw / 750));
	}
	.underline{
		width: calc(542* (100vw / 750));
		border-bottom: solid calc(2* (100vw / 750)) #310D00;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: calc(50* (100vw / 750));
	}
	.ls009{
		letter-spacing: 0.08em;
	}
	.ls011{
		letter-spacing: 0.08em;
	}
	.ls0055{
		letter-spacing: 0.07em;
		font-weight: 600;
	}
	.ls01{
		font-weight: 600;
		letter-spacing: 0.09em;
	}
	.img02{
		width: calc(420* (100vw / 750));
		margin-top: calc(132* (100vw / 750));
		margin-left: calc(30* (100vw / 750));
	}
	#sec01 video{
		width: calc(432* (100vw / 750));
		height: calc(768* (100vw / 750));
		margin-top: calc(60* (100vw / 750));
		margin-left: calc(288* (100vw / 750));
	}
	#sec01 .price{
		position: absolute;
    text-align: right;
    bottom: calc(-20* (100vw / 750));
    left: calc(40* (100vw / 750));
    margin-top: 0;
	}

/* ===================
	　　 section02
=================== */
#sec02{
	margin-bottom: calc(140* (100vw / 750));
}
.img03{
	width: calc(580* (100vw / 750));
	margin-left: calc(85* (100vw / 750));
}
.img03 .price{
	margin-top: calc(35* (100vw / 750));
}
.img04{
	width: calc(420* (100vw / 750));
	position: relative;
	margin-top: calc(154* (100vw / 750));
	margin-bottom: calc(60* (100vw / 750));
	margin-left: calc(290* (100vw / 750));
}
.img04 .price{
	position: absolute;
	bottom: calc(-19* (100vw / 750));
	left: calc(-250* (100vw / 750));
}
.img05{
	margin-left: calc(40* (100vw / 750));
	height: 100%;
}
.img05-img{
	width: calc(500* (100vw / 750));
	margin-left: calc(0* (100vw / 750));
}
.img05 .slick-dots{
	left: calc(-465* (100vw / 750));
	bottom: calc(-40* (100vw / 750));
}
.img06{
	height: 100%;
	margin-top: calc(191* (100vw / 750));
	margin-left: 0;
}
.img06-img{
	width: calc(750* (100vw / 750));
}
.img06-img li{
	width: calc(560* (100vw / 750));
	padding-left :calc(10* (100vw / 750));
	padding-right : calc(10* (100vw / 750));
}
.img06-img .slick-dots{
	right: calc(327* (100vw / 750));
}
.img06-img .slick-dots li {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0 calc(0* (100vw / 750));
}
.img06 .price{
	text-align: center;
	margin-top: calc(65* (100vw / 750));
}
.img06 .price a{
	line-height: 2.3;
}
.ml{
	margin-left: calc(22* (100vw / 750));
}

/* ===================
	　　 section03
=================== */
#sec03{
	margin-bottom: calc(148* (100vw / 750));
}
.img07{
	height: 100%;
	margin-left: 0;
}
.img07-img{
	width: calc(580* (100vw / 750));
	margin-left: calc(85* (100vw / 750));
}
.img07::before{
	width: calc(480* (100vw / 750));
	height: calc(720* (100vw / 750));
	top: calc(372* (100vw / 750));
	left: calc(24* (100vw / 750));
}
.img07 .price{
	margin-top: 5.7rem;
}
.img07 .slick-dots{
	left: calc(-545* (100vw / 750));
}
.sec03-video{
	width: 100%;
	margin-top: calc(102* (100vw / 750));
	margin-left: calc(60* (100vw / 750));
}
#sec03 video{
	width: calc(432* (100vw / 750));
	height: calc(768* (100vw / 750));
	margin-top: 0;
	margin-left: calc(60* (100vw / 750));
}
.sec03-video .price{
	margin-top: calc(475* (100vw / 750));
}
#sec03 .flex{
	flex-direction: initial;
}
.img08{
	width: calc(460* (100vw / 750));
	margin-top: calc(44* (100vw / 750));
	margin-left: calc(60* (100vw / 750));
}

/* ===================
	　　  section04
=================== */
#sec04{
	margin-bottom: calc(179* (100vw / 750));
}
.img09{
	height: 100%;
	position: relative;
	margin-left: calc(35* (100vw / 750));
	margin-bottom: calc(138* (100vw / 750));
}
.img09-img{
	width: calc(680* (100vw / 750));
	margin-right: 0;
}
.img09-img::before{
	width: calc(500* (100vw / 750));
	height: calc(750* (100vw / 750));
	top: calc(352* (100vw / 750));
	left: calc(-35* (100vw / 750));
	z-index: -2;
}
.img09 .price{
	margin-top: calc(105* (100vw / 750));
}
.img09 .slick-dots{
	left: calc(-645* (100vw / 750));
}
.img09 .price a{
	line-height: 2.25;
}
.img10-all{
	width: calc(400* (100vw / 750));
	margin-left: calc(315* (100vw / 750));
}
.img10{
	width: calc(400* (100vw / 750));
	height: calc(500* (100vw / 750));
}
.img10-all .price{
	text-align: right;
	margin-top: calc(37* (100vw / 750));
	letter-spacing: 0.02em;
}
.img11{
	width: calc(580* (100vw / 750));
	margin-top: calc(151* (100vw / 750));
	margin-left: calc(35* (100vw / 750));
}
.img11 .price{
	line-height: 2.3;
	margin-top: calc(25* (100vw / 750));
}
.img12{
	width: calc(460* (100vw / 750));
	height: 100%;
	margin-top: calc(151* (100vw / 750));
	margin-left: calc(145* (100vw / 750));
}
.img12 .slick-dots{
	right: calc(200* (100vw / 750));
}
.img12 .price{
	text-align: center;
	margin-top: calc(66* (100vw / 750));
	line-height: 2.3;
}

/* ===================
	　　  section05
=================== */
#sec05{
	margin-bottom: calc(179* (100vw / 750));
}
.img13{
	width: calc(750* (100vw / 750));
	height: 100%;
	margin-left: 0;
}
.img13 li{
	width: calc(560* (100vw / 750));
	padding-left :calc(10* (100vw / 750));
	padding-right : calc(10* (100vw / 750));
}
.img13 .slick-dots{
	right: calc(327* (100vw / 750));
}
.img13 .slick-dots li {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0 calc(0* (100vw / 750));
}
.img13::before{
	background-image: url(/Page/PRE_ORDER/211006/img/sp_bk03.jpg);
	width: calc(750* (100vw / 750));
	height: calc(1106* (100vw / 750));
	top: calc(-40* (100vw / 750));
	left: calc(0* (100vw / 750));
}
.img13::after{
	display: none;
}
#sec05 .price{
	text-align: center;
	line-height: 2.3;
	margin-top: calc(65* (100vw / 750));
}

/* ===================
	　　  section06
=================== */
#sec06{
	margin-bottom: calc(140* (100vw / 750));
}
.img14{
	width: calc(580* (100vw / 750));
	margin-top: 0;
	margin-bottom: calc(119* (100vw / 750));
	margin-left: calc(30* (100vw / 750));
}
.img15{
	width: calc(460* (100vw / 750));
	margin-left: calc(198* (100vw / 750));
}
.img15::before{
	width: calc(400* (100vw / 750));
	height: calc(600* (100vw / 750));
	top: calc(-60* (100vw / 750));
	left: calc(151* (100vw / 750));
}
.sec06-video{
	width: 100%;
	margin-top: calc(60* (100vw / 750));
	margin-left: calc(30* (100vw / 750));
}
.sec06-video .price{
	margin-top: calc(580* (100vw / 750));
	margin-left: calc(40* (100vw / 750));
}
#sec06 video{
	width: calc(432* (100vw / 750));
	height: calc(768* (100vw / 750));
}
#sec06 .flex{
	flex-direction: initial;
}
.img16-all{
	width: calc(400* (100vw / 750));
	margin-top: calc(131* (100vw / 750));
	margin-bottom: calc(212* (100vw / 750));
	margin-left: calc(290* (100vw / 750));
	margin-right: calc(59* (100vw / 750));
}
.img16{
	width: calc(400* (100vw / 750));
	height: calc(500* (100vw / 750));
}
.img16-all .price{
	text-align: right;
	margin-top: calc(36* (100vw / 750));
}
.img17{
	margin-left: 0;
	margin-right: calc(35* (100vw / 750));
}
.img17-img{
	width: calc(680* (100vw / 750));
	margin-left: 0;
}
.img17 .price{
	text-align: center;
	line-height: 2.3;
	margin-top: calc(65* (100vw / 750));
	margin-right: calc(150* (100vw / 750));
}
.img17-img::before{
	width: calc(500* (100vw / 750));
	height: calc(750* (100vw / 750));
	top: calc(-60* (100vw / 750));
	left: calc(-35* (100vw / 750));
}
.img17 .slick-dots{
	left: calc(-10* (100vw / 750));
}

/* ===================
	　　  section07
=================== */
#sec07{
	margin-bottom: calc(149* (100vw / 750));
}
.img18{
	width: 100%;
	margin-left: 0;
}
.img19{
	width: calc(360* (100vw / 750));
	position: relative;
	margin-top: calc(60* (100vw / 750));
	margin-left: calc(80* (100vw / 750));
}
.img19 .price{
	position: absolute;
	bottom: calc(-18* (100vw / 750));
	right: calc(-238* (100vw / 750));
}
.img20{
	margin-top: calc(60* (100vw / 750));
	margin-left: calc(168* (100vw / 750));
}
.img20-img{
	width: calc(500* (100vw / 750));
	margin-left: 0;
}
.img20 .price{
	text-align: right;
	margin-top: calc(30* (100vw / 750));
}

/* ===================
	　　  section08
=================== */
#sec08{
	margin-bottom: calc(140* (100vw / 750));
}
.img21{
	width: calc(500* (100vw / 750));
	margin-left: calc(30* (100vw / 750));
}
.img22{
	width: calc(500* (100vw / 750));
	margin-top: calc(60* (100vw / 750));
	margin-left: calc(220* (100vw / 750));
}
.img22 .slick-dots{
	left: calc(-465* (100vw / 750));
}
.img22::before{
	background-image: url(/Page/PRE_ORDER/211006/img/sp_bk06.jpg);
	width: calc(420* (100vw / 750));
	height: calc(630* (100vw / 750));
	top: calc(-180* (100vw / 750));
	left: calc(110* (100vw / 750));
}
#sec08 .price{
	line-height: 2.3;
	margin-top: calc(65* (100vw / 750));
	margin-left: calc(220* (100vw / 750));
}

/* ===================
	　　  section09
=================== */
#sec09{
	margin-bottom: calc(180* (100vw / 750));
}
.img23{
	width: calc(750* (100vw / 750));
	height: 100%;
	margin-left: 0;
}
.img23 li{
	width: calc(560* (100vw / 750));
	padding-left :calc(10* (100vw / 750));
	padding-right : calc(10* (100vw / 750));
}
.img23 .slick-dots{
	right: calc(327* (100vw / 750));
}
.img23 .slick-dots li {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0 calc(0* (100vw / 750));
}
.img23::before{
	z-index: -2; 
	width: 100%;
	height: calc(608* (100vw / 750));
	top: calc(405* (100vw / 750));
	left: 0;
}
#sec09 .price{
	text-align: center;
	line-height: 2.3;
	margin-top: calc(66* (100vw / 750));
}

/* ===================
	　　  section10
=================== */
#sec10{
	margin-bottom: calc(139* (100vw / 750));
}
.img24-all{
	width: calc(400* (100vw / 750));
	margin-left: calc(320* (100vw / 750));
}
.img24{
	width: calc(400* (100vw / 750));
	height: calc(500* (100vw / 750));
}
.img24-all .price{
	margin-top: calc(36* (100vw / 750));
}
.img25{
	width: calc(580* (100vw / 750));
	margin-top: calc(150* (100vw / 750));
	margin-left: calc(30* (100vw / 750));
}
.img25 .price{
	line-height: 2.3;
	margin-top: calc(66* (100vw / 750));
}
.img25 .slick-dots{
	left: calc(-550* (100vw / 750));
}
.img26{
	width: calc(480* (100vw / 750));
	margin-top: calc(150* (100vw / 750));
	margin-bottom: calc(100* (100vw / 750));
	margin-left: calc(240* (100vw / 750));
}
.img27{
	margin-left: 0;
}
.img27-img{
	width: 100%;
	margin-right: 0;
}
.img27-img::before{
	display: none;
}
.img27 .price{
	margin-top: calc(26* (100vw / 750));
	line-height: 2.3;
	text-align: center;
}

/* ===================
	　　  section11
=================== */
	.img28{
		width: calc(580* (100vw / 750));
		margin-left: calc(140* (100vw / 750));
	}
	.img29{
		width: calc(460* (100vw / 750));
		margin-top: calc(100* (100vw / 750));
		margin-left: calc(30* (100vw / 750));
		position: relative;
	}
.img29 .price{
	position: absolute;
	bottom: calc(21* (100vw / 750));
	right: calc(-200* (100vw / 750));
	line-height: 1;
}

  /* ===================
  　　  button
  =================== */
	.m-btn {
    width: calc(600 *(100vw / 750));
	margin: calc(123 *(100vw / 750)) auto calc(38* (100vw / 750));
  }
  .m-btn a {
    width: calc(600 *(100vw / 750));
    height: calc(124 *(100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #000;
    background-color: #fff;
    font-family: "Crimson Text", serif;
    font-size: calc(22 *(100vw / 750));
    line-height: 1.54;
    letter-spacing: 0.002em;
    text-align: center;
  }

}



/* for Tablet */
@media screen and (min-width: 768px) and  (max-width: 1400px) {

  /*=======================================
                    Tablet    
  ========================================*/
/* ===================
	　　 General
=================== */
html {
    font-size: calc(10* (100vw / 1400))!important;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* #wrapper {
  width: calc(1200 *(100vw / 1200));
  margin: calc(0 *(100vw / 1200)) ;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
} */

}


/*# sourceMappingURL=style.css.map */