@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#page {}

div#page header.page { position:fixed; left:0; right:0; bottom:0; width:942px; 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:170px; bottom:100px; }

div#page nav.page { position:fixed; left:0; top:0; 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; }
div#page nav.page div.nav ul li div { position:relative; }
div#page nav.page div.nav ul li div ul { display:none; position:absolute; left:25px; top:60px; width:300px; text-align:left; background:rgba(255,255,255,0.5); }
div#page nav.page div.nav ul li div ul li { display:block; padding:10px; }
div#page nav.page div.nav ul li div ul li a  { font-size:1.2rem; line-height:1em; color:#673722; }
div#page nav.page div.nav ul li div ul li a:hover { text-decoration:none; opacity:0.5; }

div#page div.page {}

div#page aside.song { position:fixed; right:10px; top:10px; z-index:1; }
div#page aside.song div.aside {}
div#page aside.song div.aside div.song {}
div#page aside.song div.aside div.song ul {}
div#page aside.song div.aside div.song ul li { padding:0 0 10px 0; }
div#page aside.song div.aside div.song ul li a { padding:10px; font-size:1.4rem; line-height:1em; color:#ffffff; text-decoration:none; background:#000000; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
div#page aside.song div.aside div.song ul li a:hover { text-decoration:none; background:#888888; }

div#page aside.banner { position:fixed; right:10px; bottom:10px; z-index:1; }
div#page aside.banner div.aside {}
div#page aside.banner div.aside div.banner {}
div#page aside.banner div.aside div.banner ul {}
div#page aside.banner div.aside div.banner ul li { padding:10px 0 0 0; }
div#page aside.banner div.aside div.banner ul li a { background:#ffffff; }

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 footer.page { position:fixed; left:0; bottom:65px; 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 #673722; background:#ffffff; box-sizing:border-box; }
section.content.m0 { background:url(../images/song_0.jpg) top center no-repeat #680200; background-size:cover; color:#ffffff; }
section.content.m0 a { color:#ffffff; }
section.content.m1 { background:url(../images/song_1.jpg) top center no-repeat; background-size:cover; color:#663721; }
section.content.m1 a { color:#663721; }
section.content.m2 { background:url(../images/song_2.jpg) top center no-repeat #B6DFFF; background-size:cover; color:#000000; }
section.content.m2 a { color:#000000; }
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 { padding: 0 0 40px 0; }
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; }
section.content div.section footer.content nav ul li a:hover img { opacity:0.5; }
section.content div.section footer.content nav p { padding:0 0 10px 0; text-align:center; font-size:1.2rem; line-height:1.5em; }
section.content div.section footer.content nav p a { display:inline; }

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

main.song { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
main.song div.content {}
main.song div.content p.concept { padding:20px 0 60px 0; text-align:center; font-size:1.4rem; line-height:1.5em; font-weight:bold; }
main.song div.content h2 { padding:0 0 40px 0; text-align:center; font-size:2.0rem; line-height:1em; }
main.song div.content div.play { width:70px; margin:0 auto; padding:0 0 40px 0; }
main.song div.content div.lyrics { position:relative; width:100%; }
main.song div.content div.lyrics p { display:inline-block; width:50%; padding:0 20px 40px 20px; vertical-align:top; font-size:1.2rem; line-height:1.5em; box-sizing:border-box; }
main.song div.content div.lyrics span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; }

.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#page {}

div#page header.page { padding:0 0 20px 0; }
div#page header.page div.header { position:relative; }
div#page header.page div.header h1 { display:none; }
div#page header.page div.header p { display:none; }
div#page header.page div.header span.bg {}
div#page header.page div.header span.bg img { width:100%; }
div#page header.page div.header span.buy { position:absolute; left:0; right:0; bottom:0; width:100%; }
div#page header.page div.header span.buy img { width:100%; }

div#page nav.page {}
div#page nav.page div.nav { padding:0 0 20px 0; }
div#page nav.page div.nav ul { font-size:0; line-height:0; border-top:solid 1px #673722; border-left:solid 1px #673722; }
div#page nav.page div.nav ul li { display:inline-block; width:50%; vertical-align:top; border-bottom:solid 1px #673722; border-right:solid 1px #673722; box-sizing:border-box; }
div#page nav.page div.nav ul li a {}
div#page nav.page div.nav ul li a img { max-width:none; height:40px; }
div#page nav.page div.nav ul li div {}
div#page nav.page div.nav ul li div img { max-width:none; height:40px; }
div#page nav.page div.nav ul li div ul { display:none; border-top:none; border-left:none; }
div#page nav.page div.nav ul li div ul li { display:block; width:100%; border-bottom:none; border-right:none; box-sizing:border-box; }
div#page nav.page div.nav ul li div ul li a  { margin:0 10px 0 10px; padding:10px; font-size:1.0rem; line-height:1.5em; color:#673722; border-top:solid 1px #673722; }

div#page div.page {}

div#page aside.banner {}
div#page aside.banner div.aside {}
div#page aside.banner div.aside div.banner {}
div#page aside.banner div.aside div.banner ul { padding:0 0 10px 0; }
div#page aside.banner div.aside div.banner ul li { padding:0 0 10px 0; }
div#page aside.banner div.aside div.banner ul li a { width:230px; margin:0 auto; }

div#page aside.song {}
div#page aside.song div.aside {}
div#page aside.song div.aside div.song {}
div#page aside.song div.aside div.song ul { padding:0 5px 10px 5px; font-size:0; line-height:0; }
div#page aside.song div.aside div.song ul li { width:100%; display:inline-block; padding:0 5px 10px 5px; text-align:center; box-sizing:border-box; }
div#page aside.song div.aside div.song ul li a { padding:10px 10px 10px 10px; font-size:1.2rem; line-height:1em; color:#ffffff; text-decoration:none; background:#000000; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

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 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 #673722; background:#ffffff; box-sizing:border-box; }
section.content.m0 { background:url(../images/song_0.jpg) top center no-repeat #680200; background-size:cover; color:#ffffff; }
section.content.m0 a { color:#ffffff; }
section.content.m1 { background:url(../images/song_1.jpg) top center no-repeat; background-size:cover; color:#663721; }
section.content.m1 a { color:#663721; }
section.content.m2 { background:url(../images/song_2.jpg) top center no-repeat #B6DFFF; background-size:cover; color:#000000; }
section.content.m2 a { color:#000000; }
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 { 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 { padding:0 0 20px 0; }
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 { background:#ffffff; }
section.content div.section footer.content nav ul li a:hover img { opacity:0.5; }
section.content div.section footer.content nav p { padding:0 0 10px 0; text-align:center; font-size:1.2rem; line-height:1.5em; }
section.content div.section footer.content nav p a { display:inline; }

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

main.song { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
main.song div.content {}
main.song div.content p.concept { padding:0 0 20px 0; font-size:1.4rem; line-height:1.5em; font-weight:bold; }
main.song div.content h2 { padding:0 0 20px 0; font-size:2.0rem; line-height:1.5em; }
main.song div.content div.play { width:70px; padding:0 0 20px 0; }
main.song div.content div.lyrics { position:relative; width:100%; }
main.song div.content div.lyrics p { padding:0 0 20px 0; vertical-align:top; font-size:1.2rem; line-height:1.5em; box-sizing:border-box; }
main.song div.content div.lyrics span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; }

}

@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 #673722; 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 #673722; }

}

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

main.discography aside.shop { position:absolute; left:0; top:0; width:100%; height:100%; border:solid 5px #673722; 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 #673722; }

}

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