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



@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');
/*
font-family: 'Zen Kaku Gothic New', sans-serif;
Regular 400
*/

@font-face {
font-family: "DINPro-Regular";
src: url('font/DINPro-Regular.woff2') format('woff2'), url('font/DINPro-Regular.woff') format('woff');
font-weight: 400;
}
@font-face {
font-family: "DINPro-Medium";
src: url('font/DINPro-Medium.woff2') format('woff2'), url('font/DINPro-Medium.woff') format('woff');
font-weight: 500;
}



/* ---------- RESET ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, b, u, i, center, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {margin:0;padding:0;border:0;font-size: 100%;font:inherit;vertical-align: baseline;text-decoration:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea, button{-webkit-apparence:none;border:none;background: none;outline: none;}
input:focus, textarea:focus{-webkit-apparence:none;outline: none;border:none;}
img{border:none;outline:none;vertical-align:top;font-size:0;line-height:0;}
img a{border:none;outline: none;}
a:focus{outline:none;}
hr {height:0;margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration:none;}
input, textarea, button{-webkit-apparence:none;border:none;background: none;outline: none;}

img{width:100%;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);}

*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;   outline:none;box-sizing:border-box;margin:0;padding:0;}
/*----------------------------------*/


html,body{width: 100%;height: 100%;}

body{
	-webkit-text-size-adjust: 100%;
	font-size: 12px;
	font-style: normal;
	color:#1D1D1D;
	line-height: 1;
	font-weight: 400;
	background: #DEDEDE;
	font-family: "DINPro-Regular", "Zen Kaku Gothic New", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "verdana", sans-serif;
}

#loader-bg{
    display:block;
    position:fixed;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    z-index:10000;
	background: #EAEAEA;
}


.inView{
	position: relative;
	top: 2em;
	opacity: 0;
	-webkit-transition: top 1.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.0s;
	transition: top 1.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.0s;
}
.inView.view{opacity: 1;top: 0;}


.pcview{display: block;}
.spview{display: none;}


.wrapper{
	width: 100%;
	height: 100%;
	position: relative;
}




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

.fixdElement{
	width: calc(50% - 290px);
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}
.fixdElement .fixInner{
	position: absolute;
	top: 50%;
	left:50%;
	width: 80%;
	max-width: 225px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.fixdElement .fixInner .link{width: 100%;margin-top: 2em;}
.fixdElement .fixInner .link a{
	color: #FFF;
	display: block;
	border: 1px solid #FFF;
	text-align: center;
	font-size: min(1.3vw, 1.45em);
	padding: 0.5em 0;
	-webkit-transition: border 0.4s ,color 0.4s;
	transition: border 0.4s, color 0.4s;
}
.fixdElement .fixInner .link a:hover{
	border-color: #424242;
	color: #424242;
}

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



.header{
	position: relative;
	z-index: 50;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.header .headerInner{
	position: relative;
	z-index: 100;
	width: 100%;
	height: 100%;
	max-width: 580px;
	margin: 0 auto;
}
.header .headerInner .noteBK{
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: #F8F8F8;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-image: url("../images/header_line.svg");
	background-size: 100%;
	background-position: top center;
}


.header .headerInner .noteBK .mainImage{
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 20;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background: url("../images/main_pc.webp") center center no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 66%;
}





.header .headerInner .noteBK .title{
	position: absolute;
	left: 6.5%;
	top: calc(50% - 250px);
	width: 34%;
	z-index: 30;
	opacity: 0;
	-webkit-transform:translateY(-50%) rotate(-5deg);
	transform:translateY(-50%) rotate(-5deg);
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
}
.header.start .headerInner .noteBK .title{opacity: 1;}
.header .headerInner .noteBK .season{
	position: absolute;
	right: 6.5%;
	top: calc(50% + 230px);
	z-index: 30;
	width: 35%;
	opacity: 0;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
}
.header.start .headerInner .noteBK .season{opacity: 1;}
.header .headerInner .noteBK .deco{
	position: absolute;
	right: 6.5%;
	top: calc(50% - 220px);
	width: 40%;
	z-index: 35;
	opacity: 0;
	-webkit-transform:scale(1.15);
	transform:scale(1.15);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header.start .headerInner .noteBK .deco{opacity: 0.92;-webkit-transform:scale(1);transform:scale(1);}

.header .headerInner .noteShadow{
	position: absolute;
	top: calc(10% - 10px);
	left: calc(0% - 10px);
	z-index: 5;
	width: 80%;
}


.header .headerInner .notePage{
	position: absolute;
	z-index: 1;
	width: 95%;
	height: 90%;
	top: 9%;
	left: -7.2%;
	border-radius: 20px;
	transform-origin: left top;
	-webkit-transform:rotate(-4deg);
	transform:rotate(-4deg);
	background-color: #F8F8F8;
	background-image: url("../images/header_line.svg");
	background-size: 100%;
	background-position: top center;
}


.header .headerDeco{
	position: absolute;
	top: calc(50% - 70px);
	right: calc(50% + 420px);
	width: 180px;
}




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



.main{
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
	position: relative;
}

.main section.note{
	position: relative;
	z-index: 5;
	width: 100%;
	background: #F8F8F8;
	overflow: hidden;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-bottom: 10em;
}


.main .noteFooter{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	height: 100px;
	width: 100%;
	background: #999;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .6);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.main .noteFooter::after{
	content: '';
	z-index: 4;
	display: block;
	position: absolute;
	top: -5px;
	left: -10px;
	right: -10px;
	bottom: 0;
	background: linear-gradient(0deg, rgba(222,222,222,0), rgba(222,222,222,1));
}
.main .noteFooter figure{
	position: absolute;
	z-index: 2;
	top: 100%;
	left: 5%;
	width: 50%;
}

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

.item{position: relative;}
.item .photo{position: relative;z-index: 20;}

.item figure{position: relative;z-index: 10;}
.item figure.sh01{box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .6);}
.item figure.sh02{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);}
.item figure.sh03{box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .4);}
.item figure.edge{background: #FFF;padding: 2.5%;}
.item figure.edgemin{background: #FFF;padding: 1.8%;}


.item .shadow{
	position: absolute;
	z-index: 1;
	bottom: -7%;
	left: -9%;
	width: 60%;
	opacity: 0.9;
}
.item .shadow span{
	display: block;
	width: 100%;
	padding-top: 60%;
	background: url("../images/shadow.webp")  center center no-repeat;
	background-size: cover;
}
.item .shadow.re{left: auto;right: -9%;}
.item .shadow.re span{background-image: url("../images/shadow_re.webp");}

.item .photo .deco{position: absolute;z-index: 100;}
.item .partten{position: absolute;z-index: 1;}

.item .bkPaper{position: absolute;z-index: 3;}


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

.specAll{
	position: relative;
	width: 88%;
	margin: 0 auto;
	z-index: 100;
}


.spec{display: inline-block;}
.spec a{
	display: flex;
	position: relative;
	margin-top: 0.87em;
	font-family: "DINPro-Regular";
	color: #1D1D1D;
	text-align: left;
}
.spec div:nth-child(1){display: flex;justify-content: space-between;}
.spec div:nth-child(2){padding-left: 1em;display: flex;justify-content: space-between;align-items: center;}

.spec a.noLink{pointer-events: none;}
.spec .soon{font-size: 0.85em;font-family: 'Zen Kaku Gothic New', sans-serif;font-weight: 400;color: #C30003;white-space: nowrap;}


.spec br.res{display: none;}
.spec .gender{font-family: "DINPro-Medium";font-size: 1.15em;text-align: left;}

@media(min-width:769px) {
.spec a::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0.5em;
	mix-blend-mode: multiply;
	background: rgba(255,254,0,0.5);
	-webkit-transition: width 0.5s cubic-bezier(0.45, 0, 0.55, 1);
	transition: width 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}
.spec a:hover::after{width: 100%;}
}




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


.set01{margin-top: 5em;}
.set01 .photo{width: 78%;margin: 0 auto;}
.set01 .photo .deco{width: 35%;top: -3.5%;left: 6%;opacity: 0.9;}

.set02{margin-top: 5em;padding-top: 3em;}
.set02 .photo.p01{width: 52%;margin: 0 0 0 3%;}
.set02 .photo.p02{width: 52%;margin: -20% 0 0 49.5%;}
.set02 .partten{top: 0;right: 0;width: 92%;}
.set02 .specAll{margin-top: 2em;text-align: right;}
.set02 .spec div:nth-child(1){width: 8.5em;}
.set02 .spec div:nth-child(2){width: 18.5em;}

.set03{margin-top: 7em;}
.set03 .photo{width: 78%;margin: 0 auto;}
.set03 .photo .deco{width: 20%;top: -7.5%;left: -3%;}
.set03 .bkPaper{width: 84%;top: -1%;left: -3%;-webkit-transform:rotate(3deg);transform:rotate(3deg);}

.set04{margin-top: 10em;}/*card*/

.set05{margin-top: 3em;}
.set05 .specAll{text-align: center;}
.set05 .spec div:nth-child(1){width: 10.5em;}
/*.set05 .spec div:nth-child(2){width: 19.5em;}*/.set05 .spec div:nth-child(2){width: 20.5em;}
.set05 .partten{bottom: -2.3em;right: -5%;width: 100%;}

.set06{margin-top: 8em;}
.set06 .photo{width: 78%;margin: 0 auto;}
.set06 .photo .deco{width: 35%;top: -3%;left: 10%;opacity: 0.85;}

.set07{margin-top: 5em;}
.set07 .photo{width: 60%;margin-left:7%;}
.set07 .photo .deco{width: 37%;top: -1%;left: -12%;opacity: 0.9;-webkit-transform:rotate(-32deg);transform:rotate(-32deg);}

.set08{margin-top: 16em;}
.set08 .specAll{text-align: center;text-align: right;margin-top: 1em;}
.set08 .spec div:nth-child(1){width: 10em;}
/*.set08 .spec div:nth-child(2){width: 16.5em;}*/.set08 .spec div:nth-child(2){width: 17.5em;}
.set08 .partten{top: -11em;right: -5%;width: 100%;height: 15em;overflow: hidden;}


.set09{margin-top: 8em;}
.set09 .photo{width: 78%;margin: 0 auto;}

.set10{margin-top: 8em;}
.set10 .swiper{padding: 0 5%;z-index: 100;overflow: visible;position: relative;}
.set10 .swiper-slide{width: 70%;position: relative;}
.set10 .swiper-slide:nth-child(1) figure{padding-right: 2.5%;}
.set10 .swiper-slide:nth-child(2) figure{padding-left: 2.5%;}
.set10 .s01 .deco{position: absolute; width: 32%;top: -5%;right:0;opacity: 0.93;z-index: 20;}
.set10 .s02 .deco{position: absolute; width: 32%;top: -5%;left:0;opacity: 0.93;z-index: 20;}
.set10 .specAll{margin-top: 4.6em;}
.set10 .spec div:nth-child(1){width: 10.5em;}
/*.set10 .spec div:nth-child(2){width: 19.5em;}*/.set10 .spec div:nth-child(2){width: 20.5em;}
.set10 .partten{bottom: -6.2em;right: -5%;width: 100%;}
.set10 .arrow{position: absolute;bottom: -10%;right: 2%;z-index: 100;width: 12%;}



.set11{margin-top: 10em;}
.set11 .photo{width: 78%;margin: 0 auto;}

.set12{margin-top: 5em;}/*card*/

.set13{margin-top: 2em;}
.set13 .specAll{text-align: center;}
.set13 .spec div:nth-child(1){width: 8.5em;}
.set13 .spec div:nth-child(2){width: 18.5em;}

.set14{margin-top: 6em;}
.set14 .photo{width: 78%;margin-left: -2%;}
.set14 .photo .deco{width: 18%;top: 5%;right: -13%;}

.set15{margin-top: 8em;}
.set15 .swiper{padding: 0 5%;z-index: 100;overflow: visible;position: relative;}
.set15 .swiper-slide{width: 65%;padding: 0 1.5%;}
.set15 .specAll{margin-top: 3em;}
.set15 .spec div:nth-child(1){width: 8.5em;}
/*.set15 .spec div:nth-child(2){width: 19.5em;}*/.set15 .spec div:nth-child(2){width: 20.5em;}
.set15 .partten.top{bottom: 24.7em;right: -6%;width: 100%;}
.set15 .partten.bottom{bottom: -2.3em;right: -6%;width: 100%;}
.set15 .arrow{position: absolute;bottom: -10%;right: 2%;z-index: 100;width: 12%;}


.set16{margin-top: 8em;}
.set16 .photo{width: 78%;margin: 0 auto;}
.set16 .specAll{margin-top: 3em;text-align: right;padding-right: 2.3em;}
.set16 .spec div:nth-child(1){width: 8.5em;}
.set16 .spec div:nth-child(2){width: 16em;}

.set17{margin-top: 10em;}
.set17 .photo{width: 78%;margin: 0 auto;}
.set17 .photo .deco{width: 15%;top: -9%;left: 2%;}
.set17 .photo .null{position: absolute;z-index: 1;top: -0.8%;left: -1.5%;}

.set18{margin-top: 8em;}
.set18 .photo{width: 55%;margin: 0 auto;}
.set18 .photo .deco.top{width: 35%;top: -0%;left: -10%;opacity: 0.92; -webkit-transform:rotate(-40deg);transform:rotate(-40deg);}
.set18 .photo .deco.bottom{width: 35%;bottom: -0%;right: -10%;opacity: 0.92; -webkit-transform:rotate(-40deg);transform:rotate(-40deg);}
.set18 .specAll{margin-top: 6em;}
.set18 .spec div:nth-child(1){width: 10.5em;}
/*.set18 .spec div:nth-child(2){width: 15.5em;}*/.set18 .spec div:nth-child(2){width: 16em;}
.set18 .partten{top: -17em;right: -5%;width: 100%;}

.set19{margin-top: 7em;}
.set19 .photo{width: 78%;margin: 0 auto;}
.set19 .partten{top: 25em;right: -30%;width: 100%;}

.set20{margin-top: 5em;}
.set20 .photo{width: 96%;margin: 0 auto;}
.set20 .specAll{margin-top: 2em;}
.set20 .spec div:nth-child(1){width: 8.5em;}
/*.set20 .spec div:nth-child(2){width: 18em;}*/.set20 .spec div:nth-child(2){width: 18.5em;}

.set21{margin-top: 8em;}
.set21 .photo{width: 78%;margin-left: -2%;}
.set21 .photo .deco{width: 20%;top: -7%;right: 2%;}
.set21 .bkPaper{width: 55%;top: 0;right: 13%;-webkit-transform:rotate(-6deg);transform:rotate(-6deg);}
.set21 .bkPaper .shadow.re{bottom: -13%;right: -10%;opacity: 0.5;}

.set22{margin-top: 5em;}
.set22 .photo{width: 62%;margin-left:40%;}
.set22 .specAll{margin-top: 2em;text-align: right;}
.set22 .spec div:nth-child(1){width: 10.5em;}
/*.set22 .spec div:nth-child(2){width: 23em;}*/.set22 .spec div:nth-child(2){width: 24em;}
.set22 .partten{bottom: -2.3em; right: -5%;width: 100%;}

.set23{margin-top: 8em;}
.set23 .swiper{padding: 0 2%;z-index: 100;overflow: visible;position: relative;}
.set23 .swiper-slide{width: 88%;padding: 0 1.5%;}
.set23 .specAll{margin-top: 2em;}
.set23 .spec div:nth-child(1){width: 8.5em;}
/*.set23 .spec div:nth-child(2){width: 13em;}*/.set23 .spec div:nth-child(2){width: 14em;}
.set23 .arrow{position: absolute;bottom: -8%;right: 2%;z-index: 100;width: 12%;}


.set24{margin-top: 5em;}
.set24 .photo{width: 64%;margin-left:30%;}
.set24 .specAll{margin-top: 2em;text-align: right;}
.set24 .spec div:nth-child(1){width: 10.5em;}
.set24 .spec div:nth-child(2){width: 15.5em;}

.set25{margin-top: 7em;}
.set25 .photo{width: 78%;margin: 0 auto;}
.set25 .photo .deco{width: 20%;top: -7.5%;left: -3%;}
.set25 .bkPaper{width: 84%;top: -1%;left: -3%;-webkit-transform:rotate(3deg);transform:rotate(3deg);}

.set26{margin-top: 10em;}/*card*/

.set27 .specAll{margin-top: 2em;padding-left: 12%;}
.set27 .spec div:nth-child(1){width: 8.5em;}
.set27 .spec div:nth-child(2){width: 14.5em;}

.set28{margin-top: 7em;}
.set28 .photo{width: 78%;margin: 0 auto;}
.set28 .specAll{margin-top: 3em;text-align: center;}
.set28 .spec div:nth-child(1){width: 8.5em;}
.set28 .spec div:nth-child(2){width: 18.5em;}

.set30{margin-top: 8em;}
.set30 .photo{width: 78%;margin: 0 auto;}
.set30 .photo .deco{width: 35%;top: -4%;left: 10%;opacity: 0.9;}

.set31{margin-top: 5em;}
.set31 .photo{width: 53%;margin-left: 11%;}
.set31 .photo .deco{width: 26%;top: -9%;right: -2%;}
.set31 .bkPaper{width: 45%;top: 0;right: 25%;-webkit-transform:rotate(-6deg);transform:rotate(-6deg);}
.set31 .bkPaper .shadow.re{bottom: -13%;right: -10%;opacity: 0.5;}

.set32{margin-top: 3em;}
.set32 .specAll{padding-left: 5%;}
.set32 .spec div:nth-child(1){width: 8.5em;}
/*.set32 .spec div:nth-child(2){width: 18.5em;}*/.set32 .spec div:nth-child(2){width: 19em;}

.set33{margin-top: 5em;margin-bottom: 5em;}
.set33 .photo{width: 55%;margin-left:39%;}
.set33 .specAll{margin-top: 3em;text-align: right;}
.set33 .spec div:nth-child(1){width: 10.5em;}
.set33 .spec div:nth-child(2){width: 14em;}
.set33 .partten{bottom: -8.9em;right: -5%;width: 100%;}


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


.item.cardBox{
	width:65%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 101%;
	transform: translate3d(0, 0, 0);
	z-index: 100;
	
}


.card{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.card div{position: relative;}
.card span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
}
.card span.front{transform:translate(0%, 0) rotate(-4deg) scale(1.0);}
.card.play span.front{
	animation: cardFront 1.4s ease-in-out normal forwards;
	transform-origin: center;
	transition: 1.4s ease-out;
}
@keyframes cardFront {
0% {transform:translate(0%, 0) rotate(-4deg);}
50% {transform:translate(-50%, 0) rotate(-4deg);}
100% {transform:translate(0%, 0) rotate(-0deg);}
}

.card span.back{transform:translate(0%, 0) rotate(0deg);}
.card.play span.back{
	animation: cardBack 1.4s ease-in-out normal forwards;
	transform-origin: center;
	transition: 1.4s ease-out;
}
@keyframes cardBack {
0% {transform:translate(0%, 0) rotate(0deg);}
50% {transform:translate(50%, 0) rotate(4deg);}
100% {transform:translate(0%, 0) rotate(-4deg);}
}


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


.footer{
	width: 100%;
	max-width: 580px;
	margin: 16em auto 0;
	padding-bottom: 5em;
	position: relative;
}

.footer .store{
	text-align: center;
}

.footer .store a{
	border: 1px solid #FFF;
	color: #FFF;
	display: inline-block;
	font-family: "DINPro-Medium";
	font-size: 1.9em;
	padding: 0.6em 2em;
	-webkit-transition: border 0.4s ,color 0.4s;
	transition: border 0.4s, color 0.4s;
}
@media(min-width:769px) {
.footer .store a:hover{color:#424242;border-color: #424242;}
}

.footer .store a em{
	display: block;
	font-size: 1.16em;
	margin-top: 0.2em;
}
.footer h2{
	width: 15em;
	margin: 10em auto;
}
.footer .copyright{
	color: #FFF;
	text-align: center;
	font-size: 1.13em;
}






@media(max-width:1280px) {
.header .headerDeco{right: calc(50% + 32vw);width: 170px;}
}

@media(max-width:1000px) {
.fixdElement{display: none;}
.header .headerDeco{display: none;}
}

@media(max-width:768px) {
.wide{display:none;}
.fixdElement{display: none;}
.header .headerDeco{display: none;}
}

@media(max-width:610px) {

body{font-size: 2.5vw;}

.header .headerInner{max-width: none;}
.header .headerInner .noteShadow{display: none;}
.header .headerInner .notePage{display: none;}
.header .headerInner .noteBK{top: 3svh;}

.header .headerInner .noteBK .mainImage{background-image: url("../images/main_sp.webp");top: 54%;padding-top:68svh;}

.header .headerInner .noteBK .title{top: calc(54% - 42svh);width: 40%;}
.header .headerInner .noteBK .season{top: calc(54% + 37svh);width: 40%;}
.header .headerInner .noteBK .deco{top: calc(54% - 38svh);}

.main{overflow: hidden;padding-bottom: 25vw;max-width: none;}
.main .noteFooter{bottom: 25vw;height: 20vw;}
.main .noteFooter figure{width: 70%;left: 1%;}

.set01{margin-top: 10em;}
.set05 .partten{right: -25%;width: 120%;}
.set10 .partten{right: -25%;width: 120%;}
.set15 .partten.bottom{right: -26%;width: 120%;}
.set22 .partten{right: -25%;width: 120%;}
.set33 .partten{right: 3%;width: 120%;}



.footer{margin-top:22vw;}
.footer .store a{font-size: 1.8em;}

}


@media(max-width:460px) {
body{font-size: 3.0vw;}
.item figure.sh01{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);}
.item figure.sh02{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .4);}
.item figure.sh03{box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .3);}

.header .headerInner .noteBK .title{top: calc(54% - 40.5svh);width: 50%;}
.header .headerInner .noteBK .season{width: 50%;}
.header .headerInner .noteBK{background-image: url("../images/header_line_sp.svg");}
.header .headerInner .noteBK .deco{top: calc(54% - 36.5svh);}

.set02 .partten{top: 0;right: -11%;width: 105%;}

.set05 .partten{right: -50%;width: 145%;}
.set08 .partten{top: -10.5em;right: -15%;width: 108%;height: 15em;}

.set10 .partten{right: -50%;width: 145%;}
.set15 .partten.bottom{right: -51%;width: 145%;}

.set18 .partten{top: -16em;right: -15%;width: 110%;}
.set19 .partten{top: 15em;right: -35%;width: 110%;}

.set22 .partten{right: -50%;width: 145%;}
.set22 .spec div:nth-child(2){width: 16em;}

.set33 .partten{right: 3%;width: 145%;}

.spec br.res{display: block;}


.footer .store a{font-size: 1.5em;}
.footer h2{width: 13em;}
.footer .copyright{font-size: 1em;}




/*coming soon終わったら消す*/

.set05 .specAll{width: 97%;}
.set05 .spec div:nth-child(2){width: 20em;padding-left: 0.8em;}

.set10 .specAll{width: 97%;text-align: center;}
.set10 .specAll .spec{text-align: left;}




}