@charset "utf-8"; @import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); @media screen and (min-width: 671px) { /* 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:1.55vw; letter-spacing:-0.03rem; }
body { /* min-height:100%; */  font-size: 100%; color: #564b6d; /* min-width: 1000px; */ overflow: hidden; word-wrap: break-word;min-width: 1000px; }
body { font-family:'Noto Sans JP',	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
table { word-break: break-word; }
img { max-width: 100%; height: auto; width: auto; vertical-align: bottom; border: none; }
li { list-style-type: none; }
ol { margin-bottom:1.5em; }
ol li { margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; }
p { margin-bottom: 2em; line-height:160%; }
p:last-child { margin-bottom:0; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
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; }
.sp { display: none!important; }
.center { text-align:center; }
.pc-center { text-align:center; }
.right { text-align:right; } 
.pc-right { text-align:right; } 
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
* { box-sizing:border-box; }


#loader-bg { position: fixed; display:flex; 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:hover { cursor:pointer; }
.loader #soundon { margin-right:30px; }
/*
 * header & footer
 */
#container { position:relative; z-index:2; }
body.loading #container { visibility:hidden; }

#header { display:none; }

#footer { position:relative; padding-bottom:3rem; }
#footer .pagetop { position:fixed; z-index:99; right:50px; bottom:20px; max-width:90px; transform:translateY(150%); transition:0.5s ease-in-out; }
#footer .pagetop.show { transform:translateY(0%); }
#footer .pagetop img { width:100%; }
#footer .pagetop a:hover { opacity:0.7; }
#footer .app-footer { background:#7acf66; padding:1.5rem 0; }
#footer .app-footer > .inner { max-width:1100px; margin:0 auto; }
#footer .app-footer .box { position:relative; max-width:34.18181818181818%; 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%; color:#fff; }
#footer .app-footer .app-dl { position:relative; margin-top:0.9rem; }
#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.7rem 0 2rem; }
#footer .sns li { width:4.27272727272727%; margin-right:1.5%; }
#footer .sns li:last-child { margin-right:0; }
#footer .corp-logo { display:block; margin:1.5rem 0 0; text-align:center; }
#footer .corp-logo p { margin-bottom:0;}
#footer .corp-logo li { display:inline-block; }
#footer .corp-logo li:nth-child(1) { width:13.18181818181818%; margin-right:2%; }
#footer .corp-logo li:nth-child(2) { width:17.45454545454545%; }

#footer .copyright { text-align:center; }


/*
 * contents
 */
.contents { }
.content-wrapper { }
.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 -900px 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 { padding-bottom:2rem; position:relative; height: 778px; width: calc(100% - 100px); max-width:1880px; margin: 60px auto 183px; }
.visual-area > .inner { max-width:1020px; margin:0 auto; position:relative; padding-top:1px; }
.visual-area .video-wrapper { position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.visual-area .video-wrapper video { max-width:none; opacity:0.8; }
.visual-area .video-wrapper #video { display: none; position: absolute; left: 0; top: -100px; min-width: 100%; min-height: 100%; width: auto; height: auto; }
.visual-area h1{ opacity: 0; position: absolute; top: 245px; left: calc(50% - 411.5px); }
.visual-area .ball{ position: absolute; z-index: 1; top: 162px; left: 786px; }
.visual-area .note{ position: absolute; top: 85px; left: 708px; }
.visual-area .train{ width: 750px; position: absolute; top: 238px; left: 164px; }
.visual-area .load { width: 750px; position: absolute; top: 314px; left: 165px; }
.visual-area .catch {position: absolute; top: 663px; left:-36px; }
.visual-area .pop {position: absolute; top: 515px; right: -52px; }
.visual-area .count {position: absolute; top: 663px; left: 73px; }
.visual-area .notes { width:12.94117647058824%; position:absolute; left:76.901961%; top:0%; margin-top:20rem; }
.visual-area .notes a:hover { opacity:0.7; }

.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.pc {height: 82px; }
#gnav { position: relative; background:#fe216d; transition:0.5s ease-in-out; }
#gnav.show { transform:translateY(0%); position:fixed; left:0; top:0; width:100%; z-index:15; }

#gnav ul { position:relative; max-width:907px; width:97.64705882352941%; margin:0 auto; padding:1.8rem 0; text-align: center; }
#gnav li { float:left; position:relative; text-align:center; }
#gnav li:before { content:""; background:#fff; width:1px; height:100%; display:block; position:absolute; left:0; top:0; z-index:2; }
#gnav li:nth-child(1) { width:15.6%; }
#gnav li:nth-child(2) { width:16.2%; }
#gnav li:nth-child(3) { width:14.6%; }
#gnav li:nth-child(4) { width:16.3%; }
#gnav li:nth-child(5) { width:18%; }
#gnav li:nth-child(6) { width:17.7%; }
#gnav li:nth-child(6):after { content:""; background:#fff; width:1px; height:100%; display:block; position:absolute; right:0; top:0; z-index:2; }
#gnav li span {	position: absolute; width: 100%; transform: translateY(-22px);}
#gnav img { position:relative; z-index:1; }
#gnav a:hover { opacity:0.7; }
.inner .timer{position:absolute;opacity:0;top:740px;left:187px;height:170px;background-image:url(../img/timer.png);background-repeat:no-repeat;font-size:0}.inner .timer li{display:inline-block;margin-right:47px;background-color:#fff;width:126px;height:126px;border-radius:15px;box-shadow:0px 0px 6px 3px rgba(0,0,0,0.2);font-size:86px;font-family:'Quicksand', sans-serif;line-height:126px;text-align:center;color:#564b6d}.inner .timer li:last-child{margin-right:0}


.btn-ticket { /*position:relative; width:100%; margin:0 auto; z-index:20; */ }
.btn-ticket > .btn {width:20%; }
.btn-ticket .btn { position:fixed; right:50px; bottom:90px; margin-top:0; z-index:20; transform:translateY(160%); transition:0.5s ease-in-out; }
.btn-ticket .btn.show { transform:translateY(0%); }
.btn-ticket .btn a:hover { opacity:0.7; }


.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; z-index: 10; padding-top: 50px; background-color: #fff; margin-bottom: 70px; }
.notice .inner { width: 759px; margin: 0 auto; }
.notice h2{ margin-bottom: 30px; font-size: 24px; text-align: center; line-height: 1.5; }
.notice dl { text-align: center; }
.notice dl dt{ margin-bottom: 1rem; font-weight: bold; }
.notice dl dd{ margin-bottom: 1rem; line-height: 1.5; }
.notice dl dd a{ text-decoration: underline; color:#ff43d9; }
.notice dl dd a:hover{ text-decoration: none; }
		
.live-area { position: relative; padding:75px 0 65px; background-color: #fca518; z-index: 5; }
.live-area > .inner { max-width:1100px; margin:0 auto; position:relative; }
.live-area h2 { width:67.8%; margin:0 auto 3rem; }
.live-area .bnr { width:92.8%; margin:0 auto 2.4rem; }
.live-area ul { font-size: 0; text-align: center; margin-bottom: 3rem; }
.live-area ul li {display: inline-block; margin: 0 14px; }
.live-area ul li a:hover { opacity: 0.7; }
.live-area .note { width: 1020px; margin: 0 auto; color: #fff; }
.live-area h3 { font-size: 25px; 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: 20px; position: absolute; top: 2px; right: -30px; }
.live-area h3.active span::after { content: "▲"; font-size: 20px; position: absolute; top: 2px; right: -30px; }
.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 { padding-top: 50px; margin-top: -50px;  margin-bottom: 5.5rem; }
.cast-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:5.8vw 0 0; }
.cast-area h2 { width:48.72727272727273%; margin:0 auto; }
.cast-area ul { font-size: 0; text-align: center; }
.cast-area ul li {display: inline-block; }
.cast-area ul li .name { font-size: 29.5px; text-align: center; line-height: 1.09; color: #fe216e; }
.cast-area ul li .name span { display: block; font-size: 16px; line-height: 1.5; letter-spacing:1px; }
.cast-area .list01 { margin: 0.5rem 0 3.7rem;text-align:center; }
.cast-area .list01 ul.cast .name {font-size:32px;line-height: 1.4; }
.cast-area .list01 .catch {color: #ff79c6; font-size: 1.5rem; margin-bottom:0.5rem; }
.cast-area .list01 ul.character {margin-bottom: 10px; }
.cast-area .list01 ul.character li {vertical-align: middle; }
.cast-area .list01 ul.character li:nth-child(1) { margin: 0 0 0 24px; }
.cast-area .list01 ul.character li:nth-child(2) { margin: 0 0 0 107px; }
.cast-area .list01 ul.character li:nth-child(3) { margin: 0 0 0 110px; }
.cast-area .list01 ul.character li:nth-child(4) { margin: 0 0 0 105px; }
.cast-area .list01 ul.cast li {margin-right: 85px; }
.cast-area .list01 ul.cast li:last-child{ margin-right: 0; }
.cast-area h3 { margin-bottom: 0.9rem; text-align: center; }
.cast-area .list02 { margin-bottom: 5.8rem; text-align:center; }
.cast-area .list02 h3 { margin-bottom: 1.3rem; } 
.cast-area .list02 .catch {color: #e83417; font-size: 1.4rem; margin-bottom:0.5rem; }
.cast-area .list02 ul.character {margin-bottom: 15px; }
.cast-area .list02 ul.character li:nth-child(1) { margin-right: 20px; }
.cast-area .list02 ul.character li:nth-child(2) { margin-right: 40px; }
.cast-area .list02 ul.character li:nth-child(3) { margin-right: 30px; }
.cast-area .list02 ul.character li:nth-child(4) { margin-right: 25px; }
.cast-area .list02 ul.character li:last-child { margin-left: -2px; }
.cast-area .list02 ul.cast li {margin-right: 20px; }
.cast-area .list02 ul.cast li:last-child{ margin-right: 0; }
.cast-area .list03 { text-align:center; position:relative}
.cast-area .list03 h3 { margin-bottom: 1rem; }
.cast-area .list03 .catch {color: #02cdda; font-size: 1.47rem; margin-bottom:0.7rem; }
.cast-area .list03 .soon { position:absolute; width:100%; text-align:center; top:185px; }
.cast-area .list03 ul.character {margin-bottom: 22px; }
.cast-area .list03 ul.character li:nth-child(1) { margin-right: 41px;}
.cast-area .list03 ul.character li:nth-child(2) { margin-right: 41px;
transform:translateY(11px);}
.cast-area .list03 ul.character li:nth-child(3) { margin-right: 55px; }
.cast-area .list03 ul.character li:nth-child(4) { margin-right: 56px; }

.cast-area .list03 ul.cast li { margin-right: 42px; }
.cast-area .list03 ul.cast li:last-child{ margin-right: 0; }
.cast-list { position:relative; margin-bottom: 2.4rem; }
.cast-area #more-text { position: relative; width: 400px; height: 50px; margin: 0 auto; }
.cast-area #more-text p { position: absolute; }
.cast-area #more-text p.text1 {bottom: 10px; left: -20px; }
.cast-area #more-text p.text2 {bottom: 0; left: 60px; }
.cast-area #more-text p.text3 {bottom: 0; left: 105px; }
.cast-area #more-text p.text4 {bottom: 0; left: 143px; }
.cast-area #more-text p.text5 {bottom: 0; left: 200px; }
.cast-area #more-text p.text6 {bottom: 0; left: 260px; }
.cast-area #more-text p.text7 {bottom: 0; left: 305px; }
.cast-area #more-text p.text8 {bottom: 30px; left: 326px; }
.cast-area .cast-caption { font-size:14px; }
	
.crowdfunding-area { padding-top:128px; margin-top: -50px; }
.crowdfunding-area > .inner { max-width:1100px; margin:0 auto; position:relative; }
.crowdfunding-area h2 { width:57.55%; margin:0 auto 5rem; }
.crowdfunding-area .bnr { width:54.6%; margin:0 auto 2rem; }
.crowdfunding-area .bnr a:hover { opacity: 0.7; }
.crowdfunding-area p { margin-bottom: 2rem; text-align: center; }
.crowdfunding-area ul { width: 54.6%; margin: 0 auto 5rem; }
.crowdfunding-area ul li { margin-bottom: 2rem; }
.crowdfunding-area ul li:last-child { margin-bottom: 0; }

.ticket-area { padding-top:43px; }
.ticket-area > .inner { max-width:1100px; margin:0 auto; position:relative; }
.ticket-area h2 { width:48.72727272727273%; margin:0 auto 5.85rem; }
.ticket-area h3 { width:39%; margin:2rem auto 1.1rem; }
.ticket-area .btn_wrapper { width:920px; display:flex; justify-content: space-between; margin:0 auto 25px; }
.ticket-area .btn { width:47.6%; margin:0 11px; }
.ticket-area .btn:hover { opacity:0.7; }
.ticket-area .txt01 { padding-top:3rem; margin-bottom:2.5rem; }
.ticket-area .txt02 { padding-top:2.5vw; margin-bottom:2.24vw; }
.ticket-area .txt03 { padding-top: 0; margin-bottom: 2.3vw; }

.ticket-area .txt04 { padding-top: 50px; margin-bottom: 2.8vw; }
.ticket-area .txt05 { padding-top: 1rem; margin-bottom: 0; }
.ticket-area .notes { width:12.90909090909091%; position:absolute; left:83.36363636363636%; top:9rem; }
.ticket-area .notes:hover { opacity:0.7; }
.cd-info { background:#f5f4f6; width:800px; margin:0 auto; padding:2.18181818181818%; position:relative; }
.cd-info .thumb { width:150px; margin-right:8px; display: inline-block; vertical-align: top; }
.cd-info .texts { width:570px; display: inline-block; margin-top:-10px; }
.ticket-caption { font-size:0.875rem; margin:2rem 0 0; }

.attention01 {text-align: center; margin: 20px auto 46px; }
.attention02 { margin: 0 auto 2.4rem; background:url(../img/attention02_bg.png) repeat; padding:11px; width:1000px;}
.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:8px; cursor: pointer; color: #fff;}
.attention02 .inner label:hover{ background: #fe216d;}
.attention02 .inner input{ display: none;}
.attention02 .inner label:after{ color: #fff;
  content:"〉"; position: absolute; top:48%; right: 28px; transform: rotate(90deg); font-size:30px; font-weight:normal;}
.attention02 .inner input:checked ~ label::after { transform: rotate(90deg) scale(-1,1); top: calc(48% - 15px);}
.attention02 .inner div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s;}
.attention02 .inner input:checked ~ div{ height: auto; padding: 33px 36px 60px; border-radius: 0px; background: #fe216d; opacity: 1;}
.attention02 .inner input:checked ~ label { background: #fe216d;}
.attention02 .accordion_content{ font-size: 18px; color: #fff; text-align:left; line-height:1.6;}
.attention02 .accordion_content dl > dt { font-size:24px; 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:22px; 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 a {
color:#fff;}
.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 p {font-size:22px; line-height:1.86;}

.attention04 { margin: 0 auto 100px; background:url(../img/attention02_bg.png) repeat; padding:11px; width:1000px;}
.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:8px; cursor: pointer; color: #fff;}
.attention04 .inner label:hover{ background: #fe216d;}
.attention04 .inner input{ display: none;}
.attention04 .inner label:after{ color: #fff;
  content:"〉"; position: absolute; top:48%; right: 28px; transform: rotate(90deg); font-size:30px; font-weight:normal;}
.attention04 .inner input:checked ~ label::after { transform: rotate(90deg) scale(-1,1); top: calc(48% - 15px);}
.attention04 .inner div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s;}
.attention04 .inner input:checked ~ div{ height: auto; padding: 33px 36px 13px; border-radius: 0px; background: #fe216d; opacity: 1;}
.attention04 .inner input:checked ~ label { background: #fe216d;}
.attention04 .accordion_content{ font-size: 18px; color: #fff; text-align:left; line-height:1.6;}
.attention04 .accordion_content p { margin-bottom:3em;}
.attention04 .accordion_content dl { margin-bottom:65px;}
.attention04 .accordion_content dl dt {font-size:22px; line-height:1.86; color:#ffff00; letter-spacing:0.02em; font-weight:600; width:100%; margin-bottom:0;}
.attention04 .accordion_content dl dd { margin-bottom:25px;}

.attention05{
	position: relative;
	z-index: 10;
	padding-top: 50px;
	background-color: #fff;
	margin-bottom: 70px;
}
.attention05 .inner {
	width: 759px;
	margin: 0 auto;
}
.attention05 h2{
	margin-bottom: 30px;
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
	width:100%;
	background:#ffff00;
	color:#fe216d;
	padding:0.5em 0;
}
.attention05 dl {
	text-align: center;
}
.attention05 dl dt{
	margin-bottom: 1rem;
	font-weight: bold;
}
.attention05 dl dd{
	margin-bottom: 1rem;
	line-height: 1.5;
}
.attention05 dl dd a{
	text-decoration: underline;
	color:#ff43d9;
}
.attention05 dl dd a:hover{
	text-decoration: none;
}



.music-area { padding-top: 4.5rem; text-align:center; margin-bottom:13px; background:rgba(108,187,90,0.3); }
.music-area h2 {margin-bottom:2.8rem; }
.music-area h3 { font-size: 3rem; color: #564b6d; text-align: center; line-height: 1.45; font-weight: normal; letter-spacing:0; border-bottom: 3px solid #564b6d; display:inline;}
.music-area h3.img01 {padding-bottom:18px;}
.music-area h3.img02 {padding-bottom:18px; margin-bottom:3.6rem; }
.music-area .video {width: 87.27272727272727%; max-width:1000px; height: 35rem; margin: 2.1rem auto 2.8rem; position: relative; z-index: 2; }







.music-area ul li { display:inline-block; margin:0; vertical-align:top; }
.music-list ul { width:100%; max-width:1100px; margin:4.7rem auto 0; display: flex; justify-content: space-between; padding-bottom: 3.9rem; }

.l-container { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; }
.m_video { position: relative; padding: 45px 0; }
.m_video_inner { position: relative; }
.m_video_cont { position: relative; }
.m_video { padding: 38px 0 33px; background:url(../img/bg_music.png) repeat-x; background-position:bottom center; }
.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; }
.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 .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.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: 61.8%; overflow: hidden; }
.m_video_slide_item.swiper-slide-active .mv_thumb:before, .video .playicon: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: 108px 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 { margin-top: 6px; font-size: 13px; letter-spacing: normal; }
.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:4.1rem 0 3.5rem; margin-bottom:2.3rem; }
.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 { padding-top:52px; margin-top:-52px; }
.goods-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:6.4rem 0 3.3rem; }
.goods-area h2 { width:48.72727272727273%; margin:0 auto 4.3vw; text-align: center; }
.goods-list { position:relative; margin:0 0 2vw; display:flex; flex-wrap: wrap; }
.goods-list .item { position:relative; margin-left:4.54545454545455%; margin-bottom:3.7vw; width:28%; }
.goods-list .item:nth-child(3n+1) { margin-left:3.63636363636364%; }
.goods-list .item:nth-of-type(2) .price,.goods-list .item:nth-of-type(3) .price,.goods-list .item:nth-of-type(4) .price ,.goods-list .item16 .price{
	margin-bottom:2.5vw;
}
.goods-list .item.item1 .price,.goods-list .item.item15 .price {
  margin-bottom: 1.5vw;
}
.goods-list .item.item15 .text{
  bottom: -0.4vw;
}
.goods-list .item.item15 .name{
  line-height: 100%;
  margin-bottom: 0.1rem;
}
.goods-list .item.item15 .detail p{
  text-align: left;
}
.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:0; width:100%; }
.goods-list .item .name { font-size:1.125rem; text-align:center; margin-bottom:0.3rem; font-weight:600; line-height:110%; }
.goods-list .item .name span { font-size:0.9rem; }
.goods-list .item .detail {text-align: center}
.goods-list .item .detail p{ font-size:0.75rem; display: inline-block; text-align:center; margin-bottom:1rem; margin-bottom:0.3rem; font-weight:300; letter-spacing:1px; 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.75rem; 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.625rem; text-align:center; display:block; margin:0 0 1.5vw; }
.goods-list .item .price span { font-size:1rem; }
.good-caption { margin-top:-30px; }
.goods-list .coming-soon {width: 100%; text-align: center; }
.goods-area .btn {text-align: center; }
.goods-area .btn a:hover {opacity: 0.7; }

.goods-area .box > .inner: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; }
.goods-area .box > .inner: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; }
.goods-area .box > .inner > div { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60.40816326530612%; }
.goods-area .cs { width:92.81818181818182%; margin:2rem auto 0; }






.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:50%;
  transform:translate(-50%,-50%);
}

.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);
}






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

.attention03 { margin: 0 auto 2.4rem; padding:0; width:1000px;}
.attention03 .inner{ width: auto; font-size:0px; margin:0 auto;}
.attention03 .inner label{ width: auto; font-size: 16px; font-weight: bold; position: relative; display: block; padding:8px; cursor: pointer; color: #fff;}
.attention03 .inner input{ display: none;}
.attention03 .inner div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s; padding: 1vw 8px 0;}
.attention03 .inner input:checked ~ div{ height: auto;  border-radius: 0px;  opacity: 1;}
.attention03 .accordion_content{ text-align:left;}
.attention03 .accordion_content p {font-size:16px; line-height:1.5; }

.goodsbtn {
	text-align:center;
}









.special-area { padding-top:82px; margin-top:-82px; position:relative; }
.special-area .wrapper { background:#fdcee6; overflow:hidden; position:relative; }
.special-area .wrapper > .inner { max-width:1100px; margin:0 auto; position:relative; padding:4rem 0 4rem; z-index:2; }
.special-area h2 { width:48.72727272727273%; margin:0 auto 1.5rem; }
.special-area h3 { font-size: 30px; color:#564b6d; text-align:center; line-height: 1.5; font-weight:normal; }
.special-area .video { width:87.27272727272727%; height:35rem; margin:2rem auto 0rem; position:relative; z-index:2; }



.access-area { padding-top:82px; margin-top:-82px; }
.access-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:2rem 0 2.6rem; }
.access-area h2 { width:48.72727272727273%; margin:0 auto 2.4rem; text-align:center; }
.access-area .address { text-align:center; line-height:180%; }
.access-area .addr01 { font-size:1.625rem; margin-bottom:0.4rem; font-weight:bold; }
.access-area .addr02 { font-size:1.25rem; }
.access-area .addr03 { font-size:1rem; }
.map { margin-bottom:65px; }

.notes-area { padding-top:82px; margin-top:-82px; }
.notes-area > .inner { max-width:1100px; margin:0 auto; position:relative; padding:0 0 4rem; }
.notes-area h2 { width:48.72727272727273%; margin:0 auto 1rem; }
.notes-area p { margin:0 3.63636363636364%; line-height:200%; }
.notes-area h3 { font-size:1.75rem; color:#ff43d9; 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 .box { display: none; }
.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:#ff43d9; }

.cursor {
  font-family: monospace;
  position: fixed;
  line-height: 20px;
  font-size: 14px;
  left: 20px;
  top: 20px;}


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


    .popup {
        display: none;
        height: 100vh;
        width: 100%;
        background: black;
        opacity: 0.7;
        position: fixed;
        top: 0;
        left: 0;
    }
     
    .content{
        background: #fff;
        padding: 30px;
        width: 50%;
    }
	    .show {
        display: flex;
        justify-content: center;
        align-items: center;
    }



.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: 83.3vw;
    max-width: 1000px;
	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: 30px 10px 9px;
    text-align: center;
	z-index:102;
	position:relative;
	background:#fff;
	border:solid 10px #ff006a;
	color:#ff006a;
}
.onetime_popup_content h2 {
	font-size:36px;
	padding: 9px 0 27px;
	text-decoration:underline;
}
.onetime_popup_content p {
	font-size:22px;
	margin-bottom:35px;
}
.onetime_popup_content p strong {
	font-weight:bold;
	
}






@media screen and (min-width: 1001px) { html { font-size:16px; }	
}

}