@charset "utf-8";

html,body 				{ margin: 0; width: 100%; height: 100%; color:#fff; }

body					{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/* font-family: 'MS UI Gothic',sans-serif ; */
	line-height: 1;
	color:#fff !important;
}
img 					{ vertical-align: bottom; max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.serif 					{ font-family: Georgia,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


.--center {
	text-align: center;
}
.detail {
	width: min(98%, 800px);
	margin: 0 auto 6.2rem;


	font-size: min(3.8vw, 34px);
	line-height: 2.1;
	text-align: left;
	font-family: 'MS UI Gothic',sans-serif ;
}

.schedule {
	width: min(98%, 1080px);
	margin: 0 auto 0;
	padding: 0;
}
.schedule h2 {
	margin: 4rem auto;
	font-size: min(6vw,62px);
}
.commonText {
	font-size: min(2.8vw, 34px);
}
.catchText {
	font-size: min(2.8vw, 30px);
	font-weight: bold;
}
.salesPriod dl {

	display: flex;
	flex-flow: wrap;
	justify-content: center;

	font-size: min(4.2vw,44px);
	text-align: left;
	line-height: 1.4;

	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 300;
}
.salesPriod dt,
.salesPriod dd {
	font-weight: bold;
}
.--yellow {
	color: #ff0;
}
.--red {
	color: #f00;
}
.whiteWrap {
	margin: 4rem auto;
	border: 3px solid #fff;
}
.bg-white {
	background-color: #fff;
	color: #000;
}
.whiteWrap h3 {
	padding: .4rem 0;
}
.salesTable {
	width: 100%;
	margin: 2.4rem 0;
	table-layout: fixed;
}
.salesTable th {
	padding-bottom: 1.8rem;
	font-family: serif;
}
.salesTable td {
	font-size: min(2.6vw,21px);
	line-height: 1.4;
}
.--arrowDown {
	padding: 3rem 0;
}
.CloseOfSales {
	padding: 0.3rem;
}
.upright {
	writing-mode: vertical-lr;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}
.attention {
	width: min(90vw,820px);
	margin: 0 auto 2.4rem;
	list-style: none;
	text-align: left;
}
.mt3rem {
	margin-top: 3rem;
}
.mb5rem {
	margin-bottom: 5rem;
}
.attention li {
	font-size: min(3.6vw,27px);
	line-height: 1.4;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: .4em;
	font-weight: bold;
}
.priceArea {
	/* width: min(80vw,750px); */
	margin: 0 auto 9rem;
	display: inline-block;

	font-size: min(6.6vw,60px);
	text-align: left;
	line-height: 1.4;
	font-weight: bold;
}
.priceArea h5 {
	font-size: min(6.6vw,40px);
}
.border-b-w {
	border-bottom: 3px solid #fff;
}
.text-small {
	font-size: 40%;
}
.text-tax {
	font-size: 60%;
}

@media print, screen and (min-width: 769px) {
	.detail {
		margin-top: 27rem !important;
		padding: 0 1em;
		letter-spacing: .3rem;
	}
	.schedule h2 {
		margin: 9rem auto 4rem;
	}
	.salesPriod dl {
		margin: 4rem auto;
	}
.sp 					{ display: none!important; }
body 					{ width: 100%; /*max-width: 1500px;*/ margin: 0 auto; font-size: 14px; }
a 						{ -webkit-transition: .2s; transition: .2s; }
/*a:hover 				{ opacity: .6; }*/


.slick-prev:before,.slick-next:before{ color: #000; }
.slick-next 			{ right: 10px; z-index: 99; }
.slick-prev 			{ left: 10px; z-index: 99; }
/* .slick-dots li.slick-active button:before,.slick-dots li button:before{ color: #fff; } */
.slick-dots 			{ bottom: 0; }
.slick-dots li 			{ margin: 0 2px; }
.slick-dots li button:before{ font-size: 10px; }

section 				{ margin-bottom: 100px; text-align: center; }
section p 				{ padding: 0 5%; }
section .btn 			{
	/* margin-top: 100px; */
	width: min(60vw,460px);
	margin: 8rem auto 5rem;
}
.slider 				{ width: 100%; max-width: 1000px; margin: 0 auto; }
}


@media screen and (min-width: 1351px) {

}


@media screen and (max-width: 768px) {
	.detail {
		margin-top: 8rem !important;
		padding: 0 2.2em;
		letter-spacing: .13rem;
	}
	.schedule h2 {
		margin: 4.5rem auto 2rem;
	}
	.salesPriod dl {
		margin: 2rem auto;
	}
	.priceArea {
		margin-bottom: 0 !important;
	}
	_::-webkit-full-page-media, _:future, :root .border-b-w {
		padding-bottom: 0.3em;
	}


.pc 					{ display: none!important; }


.slick-prev:before,.slick-next:before{ color: #000; }
.slick-next 			{ right: 10px; z-index: 99; }
.slick-prev 			{ left: 10px; z-index: 99; }
/* .slick-dots li.slick-active button:before,.slick-dots li button:before{ color: #fff; } */
.slick-dots 			{ bottom: 0; }
.slick-dots li 			{ margin: 0; }
.slick-dots li button:before{ font-size: 10px; }

section 				{ padding-bottom: 80px; text-align: center; }
section p 				{ padding: 0 5%; }
section .btn 			{ width: 198px; margin: 80px auto 0; padding: 0; }
.slider 				{ width: 100%; max-width: 1400px; margin: 0 auto; }
}