@charset "utf-8";

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

/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


/*
 * defaut style
 */
html { height:100%; overflow-y:scroll;  font-size:2.65vw; letter-spacing:-0.03rem; }
body { color:#564b6d;  word-wrap:break-word; background:#fff;}
body { font-family:'Noto Sans JP',	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
table { word-break:break-word; } 
img,input[type=image],video { max-width:100%; height:auto; width:auto; vertical-align:bottom; border:none; }
li { list-style-type:none; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; }
p { margin-bottom:1.5em; line-height:150%; }
p:last-child { margin-bottom:0; }
a { color: inherit; text-decoration: none; }
sup { position:relative; font-size:100%; top:-5px; }
sub { position:relative; font-size:100%; bottom:-5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.pc { display:none!important; }
.sp { display:block; }
img.sp { display:inline-block; }
.center { text-align:center; }
.right { text-align:right; } 
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
* { box-sizing:border-box; }
.container iframe {/*  max-width:100%; height:200px; */ }
iframe[name=google_conversion_frame] { display:none; }


#loader-bg {
  display:flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
  justify-content: center;
  align-items: center;
}
.loader {
  text-align: center;
}
.loader a {
	display:inline-block;
}
.loader a img {
	width:70%;
}
.loader a:hover {
	cursor:pointer;
}
.loader #soundon {
	margin-right:3%;
}




/*
 * header & footer
 */
#container { position:relative; z-index:2; }
body.loading #container { visibility:hidden; }


#header .header-gnav { /* display:none; */ position:absolute; z-index:3; width:100%; background:#fe216d; top:0; padding-top:0px; height:calc(0px); overflow: auto; -webkit-overflow-scrolling: touch; transition:0.5s ease-in-out; }
#header .header-gnav.isopen { height:calc(100vh - 40px); padding-top:40px; /* display:block; */ }
#header .header-gnav > ul { margin:0 9.375%; }
#header .header-gnav > ul > li > a { line-height:140%; display:block; color:#fff; border-bottom:1px solid #fff; padding:2rem 0; font-weight:bold; text-align:center; }
#header .header-gnav > ul > li > a span { position:absolute;}
	#header .header-gnav > ul > li > a span img {width:10.5vw;}
#header .header-gnav > ul > li > a > img {  width:100%; }
#header .header-gnav > ul > li .sub { display:block!important; }
#header .header-gnav > ul > li .sub > ul > li > a { line-height:140%; display:block; color:#fff; background:#3c3c3c; border-bottom:1px solid #444; padding:8px 20px 8px 30px; font-size:12px; }
#header #sp-menu .btn { display:block!important; z-index:4; cursor:pointer; width:9.0625%; position:absolute; right:5px; top:5px; transition:0.3s ease-in-out; }
#header #sp-menu.isopen .btn { background:url(../img/sp/btn_sp_menu_close.png) no-repeat!important; background-size:cover!important; }
#header #sp-menu.isopen .btn img { opacity:0; }
.timer{position:absolute;opacity:0;top:103vw;left:3vw;height:23vw;background-image:url(../img/timer-sp.png);background-repeat:no-repeat;font-size:0; background-size:95%; background-position:5% top;}
.timer li{display: inline-block; background-color: #fff; margin-right: 6vw; width: 19vw; height: 19vw; font-size: 4rem; line-height: 19vw; border-radius: 15px; font-family: 'Quicksand', sans-serif; text-align: center; color: #564b6d;
}

.timer li:last-child{margin-right:0}
@media only screen and (max-width: 480px) {
.timer li {margin-right: 6vw; width: 19vw; height: 19vw; font-size: 40px; line-height: 19vw;
}
}

#footer { position:relative; padding-bottom:6rem; }
#footer .pagetop { position:fixed; z-index:99; right:10px; bottom:9rem; max-width:90px; transform:translateY(360%); transition:0.5s ease-in-out; width:10.9375%; }
#footer .pagetop.show { transform:translateY(0%); }
#footer .pagetop img { width:100%; }
#footer .app-footer { background:#7acf66; padding:1.5rem 0; color:#fff;}
#footer .app-footer > .inner { max-width:1100px; margin:0 auto; }
#footer .app-footer .box { position:relative; max-width:59.84375%; margin:0 auto; }
#footer .app-footer .app-icon { width:21.80851063829787%; position:absolute; left:0; top:0; }
#footer .app-footer .app-spec { padding-left:27.65957446808511%; }
#footer .app-footer .app-dl { position:relative; margin-top:0.5rem; }
#footer .app-footer .app-dl li:nth-child(1) { width:46.54255319148936%; }
#footer .app-footer .app-dl li:nth-child(2) { width:49.20212765957447%; position:absolute; right:0; top:0; }
#footer .copy-footer > .inner { max-width:1100px; margin:0 auto; }
#footer .sns { text-align:center; margin:2.5rem 0 1.5rem; }
#footer .sns li { width:10%; margin-right:3.90625%; }
#footer .sns li:last-child { margin-right:0; }
#footer .corp-logo { display:block; margin:1.5rem auto; text-align:center; width:28%;}
#footer .corp-logo li { display:inline-block; }
#footer .corp-logo li:nth-child(1) { width:28.75%; margin-right:4%; }
#footer .corp-logo li:nth-child(2) { width:37.65625%; }
#footer .copyright { text-align:center; margin-bottom:3rem; }
#footer .footer_btn {width:95%; margin:0 auto;}

/*
 * contents
 */
.contents { }
.content-wrapper { }
.main-content { overflow-x: hidden; }
.main-content:before {content:""; display:block; position:fixed; top:0; right:0; z-index:-1; width:100%; height:100vh; background:url(../img/bg_fix.png) no-repeat; background-size:cover;   background-position: top -20vw left;}



/* anime */
@keyframes move-x {
    0% { transform:translateX( -60.5%); }
  100% { transform:translateX(  0px); }
}

@keyframes move-x2 {
    0% { transform:translateX( 7.5%); }
  100% { transform:translateX(  0px); }
}


@keyframes baunce-ex {
	
  0% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  20% {
    transform:  scaleX(1.08) scaleY(1.08) ;
  }
  26% {
    transform:  scaleX(0.90) scaleY(0.90) ;
  }
  35% {
    transform:  scaleX(1.05) scaleY(1.05) ;
  }
  42% {
    transform:  scaleX(0.95) scaleY(0.95) ;
  }
  49% {
    transform:  scaleX(1.03) scaleY(1.03) ;
  }
  55% {
    transform:  scaleX(0.98) scaleY(0.98) ;
  }
	60% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
}



/* 汎用 */
.red { color:#e71f19; }
.green { color:#009d42; }
.blue { color:#0099ff; }
.note { line-height:140%; }
.underline { text-decoration:underline; }
.underline:hover { text-decoration:none; }
.btn01 a { display:block; width:62.2%; margin:0rem auto 1.8rem; border:2px solid #76491b; background:#fff; color:#76491b; border-radius:50px; font-size:1.875rem; padding:2rem; position:relative; text-align:center; }
.btn01 a:after { display:block; content:""; background:url(../img/ico_arrow01.png) no-repeat left top; background-size:cover; width:20px; height:22px; position:absolute; right:3.89408099688474%; top:50%; transform:translateY(-50%);	}
.btn01 a:hover { text-decoration:none; opacity:0.7; }

body > .canvas {
    position: fixed;
		z-index:1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		opacity:0.5;
}

.special-area > .canvas2 {
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:1;
}

canvas {
    display: block;
}

/* content */
.sns {position: absolute;top: 15px;right: 0;z-index: 3;}
.sns ul {font-size: 0;}
.sns ul li {display: inline-block;}
.sns ul li:not(:last-of-type) {margin-right: 10px;}
#footer .sns {position: static; }


.visual-area { position:relative; height: 117vw;}
.visual-area > .inner { max-width:1020px; margin:0 auto; padding-top:1px; }
.visual-area .bg-sp { position: absolute; bottom: 4%; left: 0; opacity:0;}
.visual-area .video-wrapper { position: absolute; left:0; top:0; width:100%; height:82%; overflow:hidden; padding:3% 3% 17%;}
.visual-area .video-wrapper #videoSP{display:none;
  height: 117vw; object-fit: cover;}
.visual-area h1{ position: absolute; top: 34.6875vw; left: 0; text-align:center; } 
.visual-area h1 img {width:91%;}
.visual-area .ball{ position: absolute; top: 27%; left: 83%; width: 8.3%; z-index: 2;} 
.visual-area .note{ position: absolute; top: 22.5%; left: 81%; width: 16.4%}
.visual-area .train { position: absolute; top: 23.5%; left: 0;}
.visual-area .load { position: absolute; top: 38.5%; left: 0;}
.visual-area .catch { position: absolute; top: 71.5%; text-align:left;}
.visual-area .catch img { width100%;}
.visual-area .pop { position: absolute; top: 43%; right: 0; width: 23.6%; text-align:center;}
.visual-area .notes { width:20.3125%; position:absolute; left:78.901961%; top:0%; margin-top:26rem; }
.visual-area .notes:hover { opacity:0.7; }
.count { position:absolute; top:64%; left:1%; text-align:center;}
.count img { width:97%;}

.visual-area .title01,
.visual-area .title02,
.visual-area .title03,
.visual-area .title04,
.visual-area .title05,
.visual-area .catch,
.visual-area .pop,
.visual-area .notes, .count { opacity:0; }


.menu-area { display:none; }

.btn-ticket { /*position:relative; width:100%; margin:0 auto; z-index:20;*/ }
.btn-ticket > .btn { /*position:absolute; right:50px; top:0; width:20%;*/ }
.btn-ticket .btn { position:fixed; right:0px; bottom:10px; z-index:20; transform:translate(-50%,120%); transition:0.5s ease-in-out; width:93.75%; left:50%;  }
.btn-ticket .btn.show { transform:translate(-50%,0%); }


.notice-area {}
.notice-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:0 0 2rem; }
.notice-area .box { background:#ffc3e3; font-size:1.125rem; margin:1.9rem 1.81818181818182%; padding:2rem 1.81818181818182%; }
.notice-area .box p { line-height:180%; }

.notice{
	position: relative;
	padding-top: 7.8%;
	margin-bottom: 8%;
}
.notice .inner{
	width: 94%;
	margin: 0 auto;
}
.notice h2{
	margin-bottom: 30px;
	font-size: 4.2vw;
	text-align: center;
	line-height: 1.4;
}
.notice dl {
	text-align: center;
}
.notice dl dt{
	margin-bottom: 1.2rem;
	font-weight: bold;
}
.notice dl dd{
	margin-bottom: 1.2rem;
	line-height: 1.5;
}
.notice dl dd a{
	text-decoration: underline;
	color:#fe216d;
}
.notice dl dd a:hover{
	text-decoration: none;
}

.live-area {background-color: #fca518; }
.live-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:3rem 0; }
.live-area h2 { width:90%; margin:0 auto 3rem; }
.live-area .bnr { width:93%; margin:0 auto 1.8rem; }
.live-area ul { width:77.5%; margin:0 auto 3rem; }
.live-area ul li:nth-child(1) {margin-bottom: 1.5rem;}
.live-area .note { width: 90%; margin: 0 auto; color: #fff;}
.live-area h3 { font-size: 4vw; font-weight: bold; margin-bottom: 1rem; padding-bottom: 0.5rem; cursor: pointer; border-bottom: 2px dotted #fff;}
.live-area h3 span {position: relative;}
.live-area h3 span::after { content: "▼"; font-size:3.5vw; position: absolute; top: 0; right: -7%;}
.live-area h3.active span::after { content: "▲"; font-size: 20px; position: absolute; top: 0; right: -7%;}
.live-area .box {display: none;}
.live-area dl dt { font-weight: bold; padding-top: 0.5rem; line-height: 1.2; margin-bottom: 0.5rem;}
.live-area dl dd { line-height: 1.8; }

.cast-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding: 9.6875vw 0 15.15625vw; }
.cast-area h2 { width:83%; margin:0 auto 3.28125vw; }
.cast-area ul { font-size: 0; text-align: center;}
.cast-area ul li {display: inline-block;}
.cast-area ul li .name { font-size: 6.57vw;; text-align: center; line-height: 1.2; color: #fe216d; white-space:nowrap;}
.cast-area ul li .name span { display: block; font-size: 2.82vw; line-height: 1.5; letter-spacing:1px;}
.cast-area .list02 ul li .name { font-size: 5.79vw;}
.cast-area .list02 ul li .name span { font-size: 3.29vw;}
.cast-area ul.cast { width: 98%; margin: 0 auto;}
.cast-area .list01 { margin:0 auto 5.5%;}
.cast-area .list01 .catch {color: #ff79c6; font-size: 1.53rem; margin-bottom:0.8rem; text-align:center;}
.cast-area .list01 h3 { width: 23.2%;margin: 0 auto 1.4rem; text-align: center;}
.cast-area .list01 ul.character {margin-bottom: 4%;}
.cast-area .list01 ul.character li {vertical-align: bottom;}
.cast-area .list01 ul.character li:nth-child(1) { width:17.5%; margin-right: 3.9%;}
.cast-area .list01 ul.character li:nth-child(2) {  width: 20%; margin-right: 6.3%; transform: translateY(-0.5rem);}
.cast-area .list01 ul.character li:nth-child(3) { width: 16.5%; margin-right: 2.4%; transform: translateY(-0.5rem);}
.cast-area .list01 ul.character li:nth-child(4) { width: 19.9%; transform: translateY(-1rem); }
.cast-area .list01 ul.cast li { width: 42.1%; margin-bottom: 3.5%;}
.cast-area .list01 ul.cast li .img { width: 66.3%; margin: 0 auto;}
.cast-area .list01 ul.cast li:nth-child(2n){ margin-right: 0;}
.cast-area .list02 { margin:-3% 0 3.2rem;}
.cast-area .list02 .name { font-size:5.5vw;}
.cast-area .list02 .catch {color: #e83417; font-size: 1.2rem; margin-bottom:0.5rem; text-align:center;}
.cast-area .list02 h3 { width: 26.8%;margin: 0 auto 3%; text-align: center;}
.cast-area .list02 ul.character {margin-bottom: 1.5625vw;}
.cast-area .list02 ul.character li .chara {margin: 0 5%;}
.cast-area .list02 ul.character li:nth-child(1) { width: 18.2%;}
.cast-area .list02 ul.character li:nth-child(2) { width: 15.5%;}
.cast-area .list02 ul.character li:nth-child(3) { width: 13.8%;}
.cast-area .list02 ul.character li:nth-child(4) { width: 16%;}
.cast-area .list02 ul.character li:nth-child(4) .chara {	margin:0 0 0 19%;}
.cast-area .list02 ul.character li:nth-child(5) { width: 17%;}
.cast-area .list02 ul.character li:nth-child(5) .chara { margin: 0 0 0 12%;}
.cast-area .list02 ul.character li:nth-child(6) { width: 17.8%;}
.cast-area .list02 ul.character li:nth-child(6) .chara { margin-left: -5%;}
.cast-area .list02 ul.cast li { width: 29%;  margin-right: 5%; margin-bottom: 1.71875vw;}
.cast-area .list02 ul.cast li .img { width: 96%; margin: 0 auto;}
.cast-area .list02 ul.cast li .img img { width:100%;}
.cast-area .list02 ul.cast li:nth-child(3){ margin-right: 0;}
.cast-area .list02 ul.cast li:last-child{ margin-right: 0;}
.cast-area .list03 { margin: 0 auto 3.75vw; position:relative;}
.cast-area .list03 .name { font-size:5.5vw;}	
.cast-area .list03 .catch {color: #02cdda; font-size: 1.25rem; text-align:center; margin-bottom:0;}
.cast-area .list03 h3 { width: 24.21875vw; margin: 0 auto 3.28125vw; text-align: center;}

.cast-area .list03 ul.character { width:93.75%;margin:0 auto 1.9rem;}
.cast-area .list03 ul.character li .chara {margin: 0 5%;}

.cast-area .list03 ul.character li:nth-child(1) { width:19.5%; margin-right:2.16%;}
.cast-area .list03 ul.character li:nth-child(2) { width: 18.5%; margin-right:3.66%; transform: translateY(0.7rem);}
.cast-area .list03 ul.character li:nth-child(3) { width: 16.4%; margin-right:2.33%;}
.cast-area .list03 ul.character li:nth-child(4) { width: 17.3%; margin-right:3.66%; transform: translateY(0.4rem);}
.cast-area .list03 ul.character li:nth-child(5) { width: 15.7%; transform: translateY(0.6rem);}

.cast-area .list03 ul.cast li {width: 31%; margin-right:2%;margin-bottom:2.8125vw; }

.cast-area .list03 ul.cast li:nth-child(3n) {margin-right:0; }
.cast-area .list03 ul.cast li .img {width: 89%; margin: 0 auto; }
.cast-area .text {margin-bottom: 9.4%;}
.cast-area .list03 ul.cast li .img img {width: 100%;}
	.cast-area #more-text {position: relative; height: 8vw; width: 60.5%; margin: 0 auto 5%;}
.cast-area #more-text p { position: absolute;}
.cast-area #more-text p.text1 {width:20%; top: 20%; left: -1.5%;}
.cast-area #more-text p.text2 {width:18%; top: 0; left: 13%;}
.cast-area #more-text p.text3 {width:17%; top: 0; left: 24%;}
.cast-area #more-text p.text4 { width: 18%; top:-15%; left: 34%;}
.cast-area #more-text p.text5 {width: 21%; top: 0; left: 48%;}
.cast-area #more-text p.text6 { width: 18%; top: 0; left: 62%}
.cast-area #more-text p.text7 { width:15%; top: 0; left: 73%}
.cast-area #more-text p.text8 { width: 18%; top: 0; left: 79%}
	
.crowdfunding-area { }
.crowdfunding-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:4rem 0; }
.crowdfunding-area h2 { width:92%; margin:0 auto 2rem; }
.crowdfunding-area .bnr { width:93%; margin:0 auto 1.8rem; }
.crowdfunding-area p { font-size: 2.8vw; margin-bottom: 2rem; text-align: center;}
.crowdfunding-area ul { width: 93.8%; margin: 0 auto 1rem; }
.crowdfunding-area ul li { margin-bottom: 2rem; }
.crowdfunding-area ul li:last-child { margin-bottom: 0; }
	
.ticket-area { }
.ticket-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:1.25vw 0 0rem; }
.ticket-area h2 { width:37%; margin:0 auto 12.03125vw; }
.ticket-area h3 { width:67.8125%; margin:0.7rem auto 0; }
.ticket-area .btn_wrapper { width:93.75%; display:flex; justify-content: space-around; margin:0 auto; }
.ticket-area .btn { width:47.6%; margin:0 11px; }
.ticket-area .btn:hover { opacity:0.7; }

.ticket-area .btn { width:48%; margin:3.125vw auto 2.8125vw; }
.ticket-area .btn:hover { opacity:0.7; }
.ticket-area .zei {
	width:64.375vw;
	margin:0 auto;
}
.ticket-area .txt01 p:first-child { width:84.5%; margin:7.34375vw auto 6.40625vw;}
.ticket-area .txt01 p:last-child { width:87.5vw; margin:0 auto 6vw;}
.ticket-area .txt02 p:first-child { width:84.5%; margin:8.59375vw auto 6.4vw;}
.ticket-area .txt02 p:last-child { width:87.5vw; margin:0 auto 2rem;}
.ticket-area .txt03 { width:84.5%; margin:6.3vw auto 2rem;}
.ticket-area .txt04 { width:72%; margin:7.5vw auto 6.875vw; }
.ticket-area .txt05 { width:88%; margin:0 auto 4rem;}
.ticket-area .attention01 {width: 94%; margin: 0 auto 7.91vw;}
.ticket-area .attention02 {width: 93.75vw; margin: 0 auto 1rem; text-align: center; background:url(../img/attention02_bg.png) repeat; padding:1.5625vw;}
.attention02 .inner{ width: auto; font-size:0px; margin:0 auto; background: #fe216d; max-width:980px;}
.attention02 .inner label{ width: auto; font-size: 16px; font-weight: bold; background: #fe216d; position: relative; display: block; padding:2rem 4.7rem 2.2rem 1.6rem; cursor: pointer; color: #fff;}
.attention02 .inner label:hover{ background: #fe216d;}
.attention02 .inner input{ display: none;}
.attention02 .inner label:after{ color: #fff;
  content:"〉"; position: absolute; bottom:0; right: calc(50% - 2.5vw); transform: rotate(90deg); font-size:5vw; font-weight:normal;}
.attention02 .inner input:checked ~ label::after { transform: rotate(90deg) scale(-1,1); bottom:2.5vw;}
.attention02 .inner div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s;}
.attention02 .inner input:checked ~ div{ height: auto; padding: 3vw 3vw 6vw; border-radius: 0px; background: #fe216d; opacity: 1;}
.attention02 .inner input:checked ~ label { background: #fe216d;}
.attention02 .accordion_content{ font-size: 1.2rem; color: #fff; text-align:left; line-height:1.6;}
.attention02 .accordion_content dl > dt { font-size:1.8rem; line-height:1.7; letter-spacing:0.02em; margin-bottom:0.1em;font-weight:600;}
.attention02 .accordion_content dl > dd { margin-bottom:3em;}
.attention02 .accordion_content dl dd dl > dt {font-size:1.7rem; line-height:1.86; color:#ffff00; letter-spacing:0.02em;font-weight:600;}
.attention02 .accordion_content > dl > dt:nth-of-type(3) { margin-bottom:1em;}
.attention02 .accordion_content > dl > dd:nth-of-type(3) {margin-bottom:1em;}
.attention02 .accordion_content > dl > dd:nth-of-type(4) {margin-bottom:1em;}
.attention02 .accordion_content dl dd dl > dd {
margin-bottom:1.5em;}
.attention02 .accordion_content dl dd dl > dd:nth-of-type(2) {margin-bottom:3.2em;}
.attention02 .accordion_content dl dd dl > dd:nth-of-type(3) {margin-bottom:0;}
.attention02 .accordion_content dl dd dl > dd a {
color:#fff;}
.attention02 .accordion_content p {font-size:1.7rem; line-height:1.86;}
.ticket-area .attention04 {width: 93.75vw; margin: 0 auto 11.194vw; text-align: center; background:url(../img/attention02_bg.png) repeat; padding:1.5625vw;}
.attention04 .inner{ width: auto; font-size:0px; margin:0 auto; background: #fe216d; max-width:980px;}
.attention04 .inner label{ width: auto; font-size: 16px; font-weight: bold; background: #fe216d; position: relative; display: block; padding:2rem 4.7rem 2.2rem 1.6rem; cursor: pointer; color: #fff;}
.attention04 .inner label:hover{ background: #fe216d;}
.attention04 .inner input{ display: none;}
.attention04 .inner label:after{ color: #fff;
  content:"〉"; position: absolute; bottom:0; right: calc(50% - 2.5vw); transform: rotate(90deg); font-size:5vw; font-weight:normal;}
.attention04 .inner input:checked ~ label::after { transform: rotate(90deg) scale(-1,1); bottom:2.5vw;}
.attention04 .inner div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s;}
.attention04 .inner input:checked ~ div{ height: auto; padding: 3vw 3vw 6vw; border-radius: 0px; background: #fe216d; opacity: 1;}
.attention04 .inner input:checked ~ label { background: #fe216d;}
.attention04 .accordion_content{ font-size: 1.2rem; color: #fff; text-align:left; line-height:1.6;}
.attention04 .accordion_content p { margin-bottom:3em;}
.attention04 .accordion_content h3 {font-size:1.7rem; line-height:1.86; color:#ffff00; letter-spacing:0.02em;font-weight:600;}
.attention04 .accordion_content dl dt {font-size:1.7rem; line-height:1.86; color:#ffff00; letter-spacing:0.02em;font-weight:600; text-align:center;}
.attention04 .accordion_content dl dd {
margin-bottom:1.5em;}
.attention05{
	position: relative;
	padding-top: 7.8%;
	margin-bottom: 8%;
}
.attention05 .inner{
	width: 94%;
	margin: 0 auto;
}
.attention05 h2{
	margin-bottom: 30px;
	font-size: 4.2vw;
	text-align: center;
	line-height: 1.4;
	width:100%;
	background:#ffff00;
	color:#fe216d;
	padding:0.5em 0;
}
.attention05 dl {
	text-align: center;
}
.attention05 dl dt{
	margin-bottom: 1.2rem;
	font-weight: bold;
}
.attention05 dl dd{
	margin-bottom: 1.2rem;
	line-height: 1.5;
}
.attention05 dl dd a{
	text-decoration: underline;
	color:#ff43d9;
}
.attention05 dl dd a:hover{
	text-decoration: none;
}

.ticket-area .notes { width:20.3125%; position:absolute; left:75%; top:-4%; }
.ticket-area .notes:hover { opacity:0.7; }
.cd-info { background:#f5f4f6; width:93.75%; margin:0 auto; padding:1.8vw 3.125% 4.5vw; position:relative; }
.cd-info.last {margin-bottom:0;}
.cd-info .thumb { width:28%; display:inline-block; vertical-align:top;}
.cd-info .thumb img {width:100%;}
.cd-info .texts { width:69%; display:inline-block; padding-top: 1.3vw; margin-left:1.5%;}
.ticket-caption { font-size:0.875rem; margin:2rem 0 0; }
.crowdfunding-area ul li { margin-bottom: 2rem; }
.crowdfunding-area ul li:last-child { margin-bottom: 0; }

.music-area {padding: 9.53125vw 0 2rem;  background:rgba(108,187,90,0.3); text-align:center;}
.music-area h2 { width:36%; margin:0 auto 2rem; }
.music-area h3 { font-size:5.3125vw; text-align: center; font-weight: normal; line-height: 1.7;border-bottom: 0.46875vw solid #564b6d; display:inline;}
.music-area h3.img01 { width: 60%; margin: 3.1rem auto 0; border-bottom: 0.46875vw solid #564b6d; display:block;padding-bottom: 0.6rem;}
.music-area h3.img02 { width: 65%; margin: 0 auto 6.5625vw;border-bottom: 0.46875vw solid #564b6d; display:block;padding-bottom: 0.6rem;}
.music-area ul {font-size:0;}
.music-area ul li { display:inline-block; margin: 0 3% 6.25vw 4%; vertical-align:top; width:37.5vw;}
.music-area .video { width: 93.75%; height: 20rem; margin: 2.4rem auto 0; position: relative; z-index: 2;}
.l-container { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; }
.m_video { position: relative; padding: 2.5rem 0 3.5rem; background:url(../img/bg_music.png) repeat-x; background-position: center center; background-size: 119%;}
.m_video_inner { position: relative; }
.m_video_cont { position: relative; }
.m_video_wrapper { position: relative; }
.m_video_player { position: absolute; top: 0; left: 0; z-index: 100; background-color: #000; padding-top: 56.25%; width: 100%; }
.m_video_player-inner { position: absolute !important; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.m_video_player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m_video_slide { position: relative; max-width: 450px;
width: 59%; margin: 0 auto;}
.m_video_slide-container { overflow: visible; }
.m_video_slide_item { position: relative; cursor: pointer;}
.m_video_slide_item:hover .mv_thumb figure { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); transition: -webkit-transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-next .mv_inner { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-prev .mv_inner { -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-active .mv_inner, .m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-duplicate-active .mv_inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-active .mv_title p, .m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-duplicate-active .mv_title p { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; }
.m_video_slide_item .mv_inner { position: relative; -webkit-transition: all 1s; transition: all 1s; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item .mv_inner { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }
.m_video_slide_item .mv_thumb { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding-top: 56.8%; overflow: hidden; }
.m_video_slide_item .mv_thumb:before {  background-size: 80px auto; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6); transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);  transition: opacity 0.5s, transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6), -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6); background: url(../img/play.png) no-repeat center center;  background-size: 50px auto; width: 100%; height: 100%; pointer-events: none; content: "";}
.m_video_slide_item .mv_thumb figure { position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); transition: -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
.m_video_slide_item .mv_swipe { position: absolute; top: 27%; left: 0; z-index: 8; background-color: transparent; width: 33%; height: 37%; }
.m_video_slide_item .mv_swipe:nth-of-type(2) { right: 0; left: auto; }
.m_video_slide_item .mv_title { font-size: 1rem; letter-spacing: normal; background:#fff;}
.m_video_slide_item .mv_title p { position: relative; z-index: 1; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item .mv_title p { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item .mv_title::before { position: absolute; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ffffff; width: 100%; height: 100%; content: ""; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item .mv_title:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}  .m_video_slide-container.swiper-container-initialized .m_video_slide_item .mv_title:after { position: absolute; top: 0; left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; background-color: #000000; width: 100%; height: 100%; content: ""; }

#youtubePlayer_ui { display: none; }
@media screen and (min-width: 768px) {
.m_video { padding: 2.7rem 0 3.5rem; margin-bottom:4rem; }
.m_video_slide { margin: 0 auto; width: 72%; max-width: 813px; }
.m_video_slide_item.is-playing .mv_title { display: none; }
.m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-active .mv_title::before, .m_video_slide-container.swiper-container-initialized .m_video_slide_item.swiper-slide-duplicate-active .mv_title::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1) 0.55s; transition: -webkit-transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1) 0.55s; transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1) 0.55s; transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1) 0.55s, -webkit-transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1) 0.55s; }
.m_video_slide_item .mv_swipe { top: 15%; height: 37.5%; }
.m_video_slide_item .mv_title { position: absolute; bottom: 0; left: 0; margin-top: 0; padding: 12px 11px; width: 100%; font-size: 14px; letter-spacing: 0.04em; }
.m_video_slide_item .mv_title::before { position: absolute; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ffffff; width: 100%; height: 100%; content: ""; }  .m_video_slide-container.swiper-container-initialized .m_video_slide_item .mv_title p { -webkit-transition: opacity 1s; transition: opacity 1s; }
}

.goods-area { }
.goods-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:15vw 0; }
.goods-area h2 { width:45.8%; margin:0 auto 13vw; }
.goods-list { position:relative; margin:1.5rem 0 3.125vw; display:flex; flex-wrap: wrap; }
.goods-list:last-child { margin-bottom:0; }
.goods-list .item { position:relative; margin-left:3.90625%; margin-bottom:2rem; width:43.75vw; height:46vw; }
.goods-list .item:nth-child(2n+1) { margin:0 2.5vw 5.5vw 3vw; }
.goods-list .item:before { display:block; content:""; position:absolute; left:0; top:0; background:url(../img/img_good_lt.png) no-repeat; background-size:auto; width:20px; height:20px; z-index:2; transition:0.1s ease-in-out;}
.goods-list .item:after { display:block; content:""; position:absolute; right:0; top:0; background:url(../img/img_good_rt.png) no-repeat; background-size:auto; width:20px; height:20px; z-index:2; transition:0.1s ease-in-out;}
.goods-list .item .img { position:relative; background:#fff; }
.goods-list .item .img:before { display:block; content:""; position:absolute; left:0; bottom:0; background:url(../img/img_good_lb.png) no-repeat; background-size:auto; width:20px; height:20px; z-index:2; transition:0.1s ease-in-out;}
.goods-list .item .img:after { display:block; content:""; position:absolute; right:0; bottom:0; background:url(../img/img_good_rb.png) no-repeat; background-size:auto; width:20px; height:20px; z-index:2; transition:0.1s ease-in-out;}
.goods-list a.item:hover:before { left:-5px; top:-5px; background:url(../img/img_good_lt_on.png) no-repeat; }
.goods-list a.item:hover:after { right:-5px; top:-5px; background:url(../img/img_good_rt_on.png) no-repeat; }
.goods-list a.item:hover .img:before { left:-5px; bottom:-5px; background:url(../img/img_good_lb_on.png) no-repeat; }
.goods-list a.item:hover .img:after { right:-5px; bottom:-5px; background:url(../img/img_good_rb_on.png) no-repeat; }
.goods-list .item .text { position:absolute; bottom:2vw; width:100%; }
.goods-list .item .name { font-size:2.83125vw; text-align:center; margin-bottom:0.15rem; font-weight:600; line-height:100%; }
.goods-list .item .name span { font-size:0.9rem;}
.goods-list .item .detail {text-align: center}
.goods-list .item .detail p{ font-size:1.98125vw; display: inline-block; text-align:center; margin-bottom:0.1rem; font-weight:300; line-height:120%; }
.goods-list .item .detail span { font-size:0.75rem; }
.goods-list .item .note {text-align: center; margin-bottom:0.3rem; }
.goods-list .item .note p{ font-size:0.7rem; display: inline; padding: 0.25rem 1rem; color: #fff; border-radius: 10px;  margin-bottom:1rem; font-weight:300; letter-spacing:1px; line-height:120%; background-color: #564b6d; }
.goods-list .item .price { font-size:1.45rem; text-align:center; display:block; margin:0 0 0.2rem;  }
.goods-list .item .price span { font-size:1rem; }
.good-caption { margin-top:-10px; }
.goods-list .coming-soon {width: 93.5%; margin: 0 auto;}
.goods-area .btn {width: 75%; margin: 0 auto;}
.goods-list .item.item15 .text{  bottom: -0.4vw;}
.goods-list .item.item15 .name{ margin-bottom: 0; line-height: 0.9;}
.goods-list .item.item15 .detail p{  margin-bottom: 0rem;}

.attention03 .inner{ width: auto; font-size:0px; margin:0 auto; max-width:980px;}
.attention03 .inner label{ width: auto; font-size: 16px; font-weight: bold; position: relative; display: block; padding:4.6875vw 3.125vw 0; cursor: pointer;}
.attention03 .inner input{ display: none;}
.attention03 .inner input:checked ~ label::after { transform: rotate(90deg) scale(-1,1); bottom:2.5vw;}
.attention03 .inner div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s; padding: 3vw 3vw 6vw; }
.attention03 .inner input:checked ~ div{ height: auto;border-radius: 0px;opacity: 1;}
.attention03 .accordion_content{ font-size: 1.2rem; text-align:left; }
.attention03 .accordion_content p {font-size:3.4375vw; line-height:1.36;}
.attention03 .accordion_content dd {font-size:3.4375vw; line-height:1.36;}




.modal {
  position:fixed;
  width:100vw;
  height:100vh;
  top:0;
  left:0;
  display:none;
  z-index:100;
}
.modal img {
	 border:1px solid #564b6d; background:#fff;
}
 
/* オーバーレイのスタイル */
.overLay {
  position:absolute;
  top:0;
  left:0;
  background:rgba(255,255,255,0.9);
  width:100vw;
  height:100%;
  z-index:10;
}
 
/* モーダルウィンドウの中身のスタイル */
.modal_content {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    width: 90%;
}

.closebtn {
    color: #564b6d;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: -1rem;
    top: -40px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.closebtn:hover {
    opacity: 1;
	text-decoration:none;
    filter: alpha(opacity=100);
}




.onetime_popup_wrap {
	position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 100;
}
.bg_onetime_popup {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.9);
    width: 100vw;
    height: 100%;
    z-index: 10;
}
.onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 95vw;
    max-width: 600px;
	z-index:11;
}
.onetime_popup_close {
	color: #564b6d;
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: -1rem;
	top: -40px;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.onetime_popup_content {
    padding: 4.477vw 1.492vw 1.492vw;
    text-align: center;
	z-index:102;
	position:relative;
	background:#fff;
	border:solid 1.492vw #ff006a;
	color:#ff006a;
}
.onetime_popup_content h2 {
	font-size:5.373vw;
	padding: 1.492vw 0 3.731vw;
	text-decoration:underline;
	line-height:1.2;
}
.onetime_popup_content p {
	font-size:3.283vw;
	margin-bottom:5.223vw;
}
.onetime_popup_content p strong {
	font-weight:bold;
	
}







.goods-area .cd {margin-bottom: 3.5rem;}
.goods-area .cd .text {width: 66.5%; margin: 0 auto 2rem;}
.goods-area .cd .box { width: 93.8%; margin: 0 auto 2rem; font-size: 0; padding: 32px 24px; background-color: #f5f4f6;}
.goods-area .cd .box .image {display: inline-block; width: 25%; margin-right: 3%; vertical-align: top;}
.goods-area .cd .box p {display: inline-block; width: 72%;  vertical-align: top;}

.goodsbtn {
	text-align:center;
}
.goodsbtn img {
	width:75.9375vw;
	max-width:486px;
}

	
.special-area { background:#ff9f36; position:relative; overflow:hidden; }
.special-area .wrapper { background:#fdcee6; overflow:hidden; position:relative; }
.special-area .wrapper > .inner { max-width:1100px; margin:0 auto; position:relative; padding:3rem 0; z-index:2; }
.special-area h2 { width:47%; margin:0 auto 2rem; }
.special-area h3 { font-size:1.3rem; color:#564b6d; text-align:center; font-weight:normal; line-height: 1.2; }
.special-area .video { width:93.75%; height:20rem; margin:1.5rem auto 0rem; position:relative; z-index:2; }

.access-area {margin-bottom:2rem;}
.access-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:0 0 1.5rem; }
.access-area h2 { width:47%; margin:0 auto 3rem; }
.access-area .address { text-align:center; line-height:220%; }
.access-area .addr01 { font-size:2.025rem; margin-bottom:0.4rem; font-weight:bold; }
.access-area .addr02 { font-size:1.56rem; }
.access-area .addr03 { font-size:1.3rem; }
.access-area .map iframe { width:93.75%; height:30rem; margin:0 auto; display:block; }

.notes-area { }
.notes-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:2rem 0 4rem; }
.notes-area h2 { width:48.72727272727273%; margin:0 auto 2rem; }
.notes-area p { margin:0 3.63636363636364%; line-height:200%; font-size:1.3rem; }
.notes-area h3 { font-size:1.75rem; color:#fe216d; font-weight:400; margin:2rem 3.63636363636364% 0.6rem; cursor: pointer;border-bottom: 2px dotted; padding-bottom: 16px;}
.notes-area h3 span {position: relative;}
.notes-area h3 span::after { content: "▼";font-size: 20px; position: absolute; top: 4px; right: -30px;}
.notes-area h3.active span::after { content: "▲"; font-size: 20px; position: absolute; top: 4px; right: -30px; }
.notes-area ul {margin: 0 38px; padding-left: 1rem;}
.notes-area ul li { line-height: 2;}
.notes-area a { color:#fe216d;}
.notes-area .box {  display: none;}


.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
}