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

html { background:#ffffff; }
body { color:#333333; font-size:12px; font-size:1.2em; line-height:1em; overflow-wrap:break-word; word-wrap:break-word; }

a { display:block; color:#333333; text-decoration:none; transition:all 0.125s linear; }
a img { transition:all 0.125s linear; }
a img.of { opacity:1; }
a img.on { opacity:0; }
a:hover { text-decoration:underline; }
a:hover img { opacity:0.75; }
a:hover img.of { opacity:0; }
a:hover img.on { opacity:1; }
img { display:block; max-width:100%; }

div.loading { position:fixed; left:0; top:0; width:100%; height:100%; background:#ffffff; z-index:999; }

div.slider { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; }
div.slider div.slick-list { height:100%; }
div.slider div.slick-list div.slick-track { height:100%; }
div.slider div.slick-list div.slick-track div.slick-slide { height:100%; }
div.slider div.slick-list div.slick-track div.slick-slide.slide { display:none; }

div#page {}

div#page header.page { position:fixed; left:0; right:0; bottom:-35px; width:706px; margin:auto; z-index:1; }
div#page header.page div.header {}
div#page header.page div.header span { display:none; }
div#page header.page div.header h1 {}
div#page header.page div.header p { position:absolute; right:142px; bottom:75px; }

div#page nav.page { position:fixed; left:0; top:20px; width:100%; z-index:1; }
div#page nav.page div.nav {}
div#page nav.page div.nav ul { text-align:center; font-size:0; line-height:0; }
div#page nav.page div.nav ul li { display:inline-block; padding:0 19px 0 19px; }

div#page div.page {}

div#page aside.social { position:fixed; left:10px; top:10px; z-index:1; }
div#page aside.social ul { font-size:0; line-height:0; }
div#page aside.social ul li { display:inline-block; height:20px; padding:0 10px 0 0;  overflow:hidden; }

div#page aside.lyrics { position:fixed; right:15px; top:15px; z-index:1; }
div#page aside.lyrics div.aside {}
div#page aside.lyrics div.aside div.lyrics {}
div#page aside.lyrics div.aside div.lyrics ul {}
div#page aside.lyrics div.aside div.lyrics ul li { padding:0 0 10px 0; }

div#page footer.page { position:fixed; left:0; bottom:15px; width:100%; z-index:1; }
div#page footer.page div.footer {}
div#page footer.page div.footer small { display:block; text-align:center; font-size:1.0rem; line-height:1em; }
div#page footer.page div.footer small a { display:inline; }

section.content { width:769px; height:600px; border:solid 5px #000000; background:#ffffff; box-sizing:border-box; }
section.content div.section { width:100%; height:100%; overflow:auto; box-sizing:border-box; }
section.content div.section header.content { width:640px; margin:0 auto; }
section.content div.section header.content h1 { padding:40px 0 40px 0; }
section.content div.section header.content h1 img { margin:0 auto; }
section.content div.section div.content { width:640px; margin:0 auto; }
section.content div.section footer.content { width:640px; margin:0 auto; }
section.content div.section footer.content nav {}
section.content div.section footer.content nav ul { padding:0 0 40px 0; text-align:right; font-size:0; line-height:0; }
section.content div.section footer.content nav ul li { display:inline-block; }
section.content div.section footer.content nav ul li a { padding:8px 24px 8px 24px; background:#cccccc; }
section.content div.section footer.content nav ul li a:hover img { opacity:0.5; }

main.promotion {}
main.promotion div.content div.sp { display:none; }

main.movie {}
main.movie div.content {}
main.movie div.content ul {}
main.movie div.content ul li { padding:0 0 40px 0; }
main.movie div.content ul li iframe { width:640px; height:360px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:rgba(0,0,0,0.75); }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:rgba(0,0,0,0.85); }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:rgba(0,0,0,0.9); }

.mbYTP_wrapper iframe { -webkit-transform:scale(1.4); transform:scale(1.4); }

}

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

html { background:#ffffff; }
body { color:#333333; font-size:12px; font-size:1.2em; line-height:1em; -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-wrap:break-word; word-wrap:break-word; }

a { display:block; color:#333333; text-decoration:none; }
img { display:block; max-width:100%; }

div.loading { position:fixed; left:0; top:0; width:100%; height:100%; background:#ffffff; z-index:999; }

div.slider { position:absolute; left:0; top:0; width:100%; margin:0; z-index:-1; }
div.slider div.slick-list { height:100%; }
div.slider div.slick-list div.slick-track { height:100%; }
div.slider div.slick-list div.slick-track div.slick-slide { height:100%; }
div.slider div.slick-list div.slick-track div.slick-slide.slide { background:url(../images/slide.jpg) center top no-repeat; background-size:contain; }
div.slider div.slick-list div.slick-track div.slick-slide.slide img { width:100%; }

div#page {}

div#page header.page { padding:0 0 20px 0; }
div#page header.page div.header { position:relative; }
div#page header.page div.header span {}
div#page header.page div.header span img { width:100%; }
div#page header.page div.header h1 { position:absolute; left:0; right:0; top:73%; width:84%; margin:auto; }
div#page header.page div.header p { position:absolute; left:0; right:0; top:73%; width:84%; margin:auto; }

div#page nav.page {}
div#page nav.page div.nav { padding:0 10px 20px 10px; }
div#page nav.page div.nav ul { font-size:0; line-height:0; border-top:solid 1px #000000; border-left:solid 1px #000000; }
div#page nav.page div.nav ul li { display:inline-block; width:50%; vertical-align:top; border-bottom:solid 1px #000000; border-right:solid 1px #000000; box-sizing:border-box; }
div#page nav.page div.nav ul li a { padding:10px 5px 10px 5px; }
div#page nav.page div.nav ul li a img { max-width:none; height:18px; }

div#page div.page {}

div#page aside.social {}
div#page aside.social ul { padding:0 0 20px 0; text-align:center; font-size:0; line-height:0; }
div#page aside.social ul li { display:inline-block; height:20px; padding:0 5px 0 5px;  overflow:hidden; }

div#page aside.lyrics {}
div#page aside.lyrics div.aside {}
div#page aside.lyrics div.aside div.lyrics {}
div#page aside.lyrics div.aside div.lyrics ul { padding:0 5px 10px 5px; font-size:0; line-height:0; }
div#page aside.lyrics div.aside div.lyrics ul li { width:50%; display:inline-block; padding:0 5px 10px 5px; text-align:center; box-sizing:border-box; }
div#page aside.lyrics div.aside div.lyrics ul li a { display:inline; }
div#page aside.lyrics div.aside div.lyrics ul li a img { display:inline; }

div#page footer.page {}
div#page footer.page div.footer {}
div#page footer.page div.footer small { display:block; padding:0 0 20px 0; text-align:center; font-size:1.0rem; line-height:2em; }
div#page footer.page div.footer small a { font-size:1.0rem; line-height:2em; }

section.content { position:absolute; left:0; top:0; width:100%; height:100%; border:solid 5px #000000; background:#ffffff; box-sizing:border-box; }
section.content div.section { width:100%; height:100%; overflow:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
section.content div.section header.content { padding:0 10px 0 10px; }
section.content div.section header.content h1 { padding:20px 0 20px 0; }
section.content div.section header.content h1 img { height:15px; margin:0 auto; }
section.content div.section div.content { padding:0 10px 0 10px; }
section.content div.section footer.content { padding:0 10px 0 10px; }
section.content div.section footer.content nav {}
section.content div.section footer.content nav ul { padding:0 0 20px 0; text-align:right; font-size:0; line-height:0; }
section.content div.section footer.content nav ul li { display:inline-block; }
section.content div.section footer.content nav ul li a { padding:8px 24px 8px 24px; background:#cccccc; }
section.content div.section footer.content nav ul li a:hover img { opacity:0.5; }

main.promotion {}
main.promotion div.content div.sp {}

main.movie {}
main.movie div.content {}
main.movie div.content ul {}
main.movie div.content ul li { width:240px; margin:0 auto; padding:0 0 20px 0; }
main.movie div.content ul li iframe { width:240px; height:135px; }

}

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

main.discography aside.shop {}
main.discography aside.shop div.aside { padding:20px 40px 0 40px; border:5px solid #000000; background:#ffffff; }
main.discography aside.shop div.aside h1 { padding:0 0 20px 0; font-size:14px; font-size:1.4rem; line-height:1em; font-weight:bold; }
main.discography aside.shop div.aside h2 { padding:0 0 10px 0; font-size:12px; font-size:1.2rem; line-height:1em; }
main.discography aside.shop div.aside ul { width:496px; padding:0 0 10px 0; font-size:0; line-height:0; }
main.discography aside.shop div.aside ul li { display:inline-block; width:114px; padding:0 5px 10px 5px; }
main.discography aside.shop div.aside ul li a { display:block; padding:1px; border:1px solid #000000; }

}

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

main.discography aside.shop { position:absolute; left:0; top:0; width:100%; height:100%; border:solid 5px #000000; background:#ffffff; box-sizing:border-box; }
main.discography aside.shop div.aside { width:100%; height:100%; padding:20px 10px 0 10px; overflow:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
main.discography aside.shop div.aside h1 { padding:0 0 20px 0; font-size:14px; font-size:1.4rem; line-height:1.5em; font-weight:bold; }
main.discography aside.shop div.aside h2 { padding:0 0 10px 0; font-size:12px; font-size:1.2rem; line-height:1.5em; }
main.discography aside.shop div.aside ul { padding:0 0 10px 0; font-size:0; line-height:0; }
main.discography aside.shop div.aside ul li { display:inline-block; width:114px; padding:0 5px 10px 5px; }
main.discography aside.shop div.aside ul li a { display:block; padding:1px; border:1px solid #000000; }

}

main.promotion {}
main.promotion div.content {}
main.promotion div.content div.sp { padding:0 0 40px 0; text-align:center; font-size:1.2rem; line-height:1.5em; }
main.promotion div.content ul {}
main.promotion div.content ul li {}
main.promotion div.content ul li h2 { padding:0 0 20px 0; text-align:center; font-size:1.4rem; line-height:1em; font-weight:bold; }
main.promotion div.content ul li dl { padding:0 0 20px 0; }
main.promotion div.content ul li dl dt { padding:0 0 10px 0; }
main.promotion div.content ul li dl dt img { margin:0 auto; }
main.promotion div.content ul li dl dd {}
main.promotion div.content ul li dl dd span { display:block; text-align:center; padding:0 0 20px 0; font-size:1.2rem; line-height:1em; }
main.promotion div.content ul li dl dd textarea { width:100%; margin:0 0 20px 0; font-size:1.2rem; height:4em; background-color:rgba(0,0,0,0.2); }