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

/*  Reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	border		: 0;
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

p {
	word-break	: break-all;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
}

submit	{ -webkit-appearance : none;}

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: 'Noto Serif JP', serif;
	font-size	: 2.0rem;
	font-size	: 20px;
	font-weight: 600;
	line-height	: 1.8;
	text-align	: center;
	color		: #222131;
	-webkit-text-size-adjust	: 100%;
	font-smoothing	: auto;
}

@media screen and (max-width: 768px) {
	body {
		font-size	: 1.8rem;
		font-size	: 18px;
	}
}
@media screen and (max-width: 480px) {
	body {
		font-size	: 1.5rem;
		font-size	: 15px;
		line-height	: 1.5;
	}
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
	background-color: #d8dbe3;
}

body > #wrap { height : auto;}


/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity: 0.85;
}

a:link	{
	text-decoration	: none;
}

a:visited	{
	text-decoration	: none;
}

a:hover	{
	text-decoration	: underline;
}


.mv_txt{
	color: #fff;
}

.mv_countdown{
}
.mv_countdown p,
.mv_countdown span{
	font-weight: 600;
	color: #222131;
	line-height: 1;
	margin-bottom: 10px;
    z-index: 99999;
}
.mv_countdown > p:first-of-type{
	margin-bottom: 17px;
}
.mv_countdown > div:first-of-type{
	margin-bottom: 40px;
}
.mv_countdown > div:first-of-type p:first-child{
	margin-right: 10px;
}
.mv_countdown p span.countDownText{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 252px;
	color: #000000;
	background-color: #fff;
	border-radius: 6px;
    display: inline-block;
	line-height: 1;
	margin-bottom: 0;
    padding: 0 18px 30px;
	height: 215px;
}
.mv_countdown div{
	margin: 10px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.mv_countdown .txt_sp{
	display: none;
}
.mv_countdown div .vertical{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.txt45{
	font-size: 45px;
}
.txt68{
	font-size: 68px;
}
.txt128{
	font-size: 128px;
}

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

#MV{
}

header a {
	display: block;
	transition: .4s;
}
header a:hover {
	opacity: 0.9;
}

@media screen and (max-width: 1100px) {
	header {
		box-sizing: border-box;
	}
}
@media screen and (max-width: 768px) {
	#MV{
		background-position: top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
}

@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(2.4);
		transform: scale(2.4);
	}
}
@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(2.4);
		transform: scale(2.4);
	}
}
@-webkit-keyframes scrollUp {
	0% {
		transform: translateY(-300px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes scrollUp {
	0% {
		transform: translateY(-300px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes zoomOut {
	0% {
		-webkit-transform: scale(2.2);
		transform: scale(2.2);
	}
	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@keyframes zoomOut {
	0% {
		-webkit-transform: scale(2.2);
		transform: scale(2.2);
	}
	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.swiper-slide-active .slide-img.up,
.swiper-slide-duplicate-active .slide-img.up,
.swiper-slide-prev .slide-img.up {
	-webkit-animation: zoomUp 3.8s linear 0s;
	animation: zoomUp 3.8s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.swiper-slide-active .slide-img.scroll,
.swiper-slide-duplicate-active .slide-img.scroll,
.swiper-slide-prev .slide-img.scroll {
	-webkit-animation: scrollUp 10s linear 0s;
	animation: scrollUp 10s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.swiper-slide-active .slide-img.out,
.swiper-slide-duplicate-active .slide-img.out,
.swiper-slide-prev .slide-img.out {
	-webkit-animation: zoomOut 3.0s linear 0s;
	animation: zoomOut 3.0s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*#drawer-navigation{ 
	opacity: 0;
}*/
.swiper-container{
	height: 100%;
}
.swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.slide-img {
	background-size: cover;
	height: 100vh;
}

.slide01 .slide-img {
	background-position: center center;
}

.slide02 .slide-img {
	background-position: center center;
}

.slide03 .slide-img {
	background-position: top center;
}


.slide01.swiper-slide-active .slide-img {
	background-position: center center;
}

.slide02.swiper-slide-active .slide-img {
	background-position: center center;
}

.slide03.swiper-slide-active .slide-img {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 100%;
	min-height: 1430px;
}


.slide-img.scroll {
	height: 1100px;
}
.swiper-wrapper .swiper-slide.slide01 .slide-text{
	position: absolute;
	z-index: 10;
	font-size: 40px;
	color: #2e1e11;
	width: 100%;
	top: 50%;
	transform: translateY( -50% );
	text-align: center;
}
.swiper-wrapper .swiper-slide.slide01 .slide-text p span{
	font-size: 32px;
}
.swiper-wrapper .swiper-slide.slide02 .slide-text{
    position: absolute;
    z-index: 10;
    font-size: 40px;
    min-width: 430px;
    color: #fff;
    text-align: left;
    top: 50%;
    left: 60%;
    transform: translateY(-50%) translateX(-40%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.swiper-wrapper .swiper-slide.slide03 .slide-text{
	position: absolute;
	z-index: 10;
	font-size: 55px;
	color: #2e1e11;
	width: 100%;
	top: 50%;
	transform: translateY( -50% );
	text-align: center;
}
.swiper-wrapper .swiper-slide.slide03 .slide-text p span{
	font-size: 40px;
}
.swiper-wrapper .swiper-slide .slide-note{
	position: absolute;
	z-index: 10;
	font-size: 13px;
	color: #fff;
	bottom: 10px;
	right: 10px;
}
.swiper-wrapper .swiper-slide .slide-sale{
    position: absolute;
    display: block;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    font-size: 28px;
    color: #2e1e11;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 7px 50px 15px;
    box-sizing: border-box;
}
.swiper-wrapper .swiper-slide .slide-sale p{
	line-height: 1.3;
}
.swiper-wrapper .swiper-slide .slide-sale p span.txt36{
	font-size: 40px;
}
.swiper-wrapper .swiper-slide .slide-sale p span.txt30{
	font-size: 34px;
}
.slide-img.sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.slide-img.sp {
		display: block;
	}
	.slide-img.pc {
		display: none;
	}
	.swiper-container{
		/*height: 100vh;*/
	}
	.slide-img {
		height: 100vh;
	}
	
	.slide03 .slide-img {
		height: 80vh;
	}
	
	.slide-img.scroll {
		height: 1207px;
	}
	.swiper-wrapper .swiper-slide.slide02 .slide-text{
		font-size: 30px;
		left: 80%;
	}
}
@media screen and (max-width: 480px) {
	@keyframes scrollUp {
		0% {
			transform: translateY(-180px);
		}
		100% {
			transform: translateY(80px);
		}
	}
	
	.slide01 .slide-img {
	background-position: bottom -50px right;
	}

	.slide02 .slide-img {
		background-position: bottom 20px right -50px;
	}
	
	.slide01.swiper-slide-active .slide-img {
		background-position: bottom -50px right;
	}

	.slide02.swiper-slide-active .slide-img {
		background-position: bottom 20px right -50px;
	}

	
	.slide-img.scroll {
		height: 120vh;
	}
	.swiper-wrapper .swiper-slide.slide01 .slide-text{
		font-size: 8vw;
	}
	.swiper-wrapper .swiper-slide.slide01 .slide-text p span{
		font-size: 6vw;
	}
	.swiper-wrapper .swiper-slide.slide02 .slide-text{
		font-size: 5vw;
		left: 80%;
		min-width: auto;
		width: 300px;
	}
	.swiper-wrapper .swiper-slide.slide03 .slide-text{
		font-size: 8vw;
	}
	.swiper-wrapper .swiper-slide.slide03 .slide-text p span{
		font-size: 6vw;
	}
	.swiper-wrapper .swiper-slide .slide-note{
		font-size: 10px;
		bottom: 5px;
		right: 5px;
	}
	.swiper-wrapper .swiper-slide .slide-sale{
		bottom: 5px;
		left: 5px;
		font-size: 5vw;
		padding: 1.5vw 8vw 4vw;
	}
	.swiper-wrapper .swiper-slide .slide-sale p{
		line-height: 1.3;
	}
	.swiper-wrapper .swiper-slide .slide-sale p span.txt36{
		font-size: 9vw;
	}
	.swiper-wrapper .swiper-slide .slide-sale p span.txt30{
		font-size: 5vw;
	}
}



@media screen and (max-width: 1100px) {
	header {
		box-sizing: border-box;
	}
}
@media screen and (max-width: 950px) {
	#Fade02 p{
		font-size: 9.5vw;
	}
	#Fade02 p span.txt45{
		font-size: 5.4vw;
	}
	#Fade02 p span.txt65{
		font-size: 8vw;
	}
	#Fade02 p span.txt59{
		font-size: 7.4vw;
	}
	#Fade02 p br{
		display: none;
	}

	.txt45{
		font-size: 5.4vw;
	}
	.txt68{
		font-size: 7vw;
	}
	.txt128{
		font-size: 10vw;
	}
	.mv_countdown p span.countDownText {
		font-size: 26vw;
		height: 23vw;
	}
}
@media screen and (max-width: 768px) {
	#wrap{
		background: #f7f3f4;
	}
	
	#MV{
		background-image: url('../../img/teaser_img_mv_sp.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
	}
	/*header {
		padding: 10px 15px 0;
	}
	header h1 a {
		max-width: 50vw;
		width: 100%;
	}
	header > a {
		max-width: 25vw;
		width: 100%;
	}*/
	.mv_countdown {
	}
	#Fade01{
		top: 50%;
	}
	#Fade02 p{
		font-size: 7vw;
	}
	
	.mv_countdown > p:first-of-type {
		margin-bottom: 3vw;
	}
	.txt73{
		font-size: 4.8vw;
	}
	.mv_countdown p span.countDownText {
		font-size: 33vw;
		padding: 0 2vw 25px;
		height: 29vw;
	}
	.mv_countdown p span.countDownText:first-of-type {
		margin: 0 1vw;
	}
	.txt128{

		font-size: 18vw;
	}
	.mv_countdown > div:first-of-type p:first-child {
		margin-right: 2vw;
	}
	.mv_countdown > div:first-of-type {
		margin-bottom: 2vw;
	}
	.mv_countdown div.txt_sp.flex{
		display: flex;
	}
	.mv_countdown div.txt_sp.list{
		margin: 10px auto;
		padding-right: 15px;
		text-align: right;
		display: block;
	}
	.mv_countdown div.txt_sp.list ul{
		padding-left: 0;
		display: inline-block;
	}
	.mv_countdown div.txt_sp.list ul li{
		text-align: left;
	}
	.mv_countdown div .vertical {
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	#Fade01 {
		width: 70%;
	}
}
@media screen and (max-width: 480px) {
	#MV{
		background-size: 120%;
		height: 80vh;
	}
	#MV:before{
		height: 80%;
	}
	#Fade01{
		top: 35%;
	}
	#Fade02{
		bottom: 20%;
	}
	#Fade02 p {
		font-size: 11vw;
	}
	#Fade02 p span.txt80 {
		font-size: 10vw;
	}
	#Fade02 p span.txt74 {
		font-size: 9vw;
	}
	#Fade02 p br{
		display: block;
	}
	.mv_countdown p span.countDownText {
		font-size: 30vw;
		padding: 0 2vw 1vw;
	}
}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

nav {}


/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock {
	clear : both;
	padding: 0 20px;
	margin-top: 80px;
}

@media screen and (max-width: 768px) {
	#mainBlock {
		padding: 0 15px;
	}
}
@media screen and (max-width: 480px) {
	#mainBlock {
		margin-top: 0;
	}
}

/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	clear : both;
	font-size: 14px;
	color: #fff;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #604462;
}

@media screen a