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

html { background:#000000; }
body { color:#ffffff; font-size:12px; font-size:1.2em; line-height:1em; }

a:link { color:#ffffff; text-decoration:underline; }
a:visited { color:#ffffff; text-decoration:underline; }
a:hover { color:#ffffff; text-decoration:none; }
a:active { color:#ffffff; text-decoration:none; }

img { max-width:100%; display:block; }

.pc {}
.sp { display:none; }

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

div#page { min-width:1000px; overflow:hidden; }

header.page {}
header.page h1 { position:absolute; right:49px; top:33px; }
header.page p {}
header.page p img { width:100%; }

p.open { display:none; }

nav.page { width:100%; height:49px; border-bottom:solid 1px #383838; background:#000000; }
nav.page.fixed { position:fixed; left:0; top:0; z-index:1;}
nav.page p.close { display:none; }
nav.page div.offset { position:relative; width:1000px; margin:0 auto; }
nav.page div.offset h2 { position:absolute; left:0; top:0; padding:19px 0 17px 0; }
nav.page div.offset ul.menu { position:absolute; left:243px; top:0; }
nav.page div.offset ul.menu li { float:left; padding:0 39px 0 0; }
nav.page div.offset ul.menu li a { display:block; padding:19px 0 17px 0; }
nav.page div.offset ul.menu li a:hover { display:block; padding:19px 0 17px 0; border-bottom:solid 1px #ffffff; }
nav.page div.offset ul.menu li a.hover { display:block; padding:19px 0 17px 0; border-bottom:solid 1px #ffffff; }
nav.page div.offset ul.service { position:absolute; right:0; top:14px; }
nav.page div.offset ul.service li { float:left; padding:0 0 0 28px; }

div.page {}
div.page.fixed { padding:49px 0 0 0; }

footer.page { padding:69px 0 0 0; border-top:solid 1px #2E2E2E; background:#212121; }
footer.page p.official { width:189px; margin:0 auto; padding:0 0 53px 0; }
footer.page small { display:block; width:247px; margin:0 auto; padding:0 0 57px 0; }

main {}

section#disc {}
section#disc div.offset { width:1000px; margin:0 auto; }
section#disc div.offset header.disc {}
section#disc div.offset header.disc h2 { padding:70px 0 70px 0; }
section#disc div.offset header.disc h2 img { margin:0 auto; }
section#disc div.offset div.disc { width:1050px; margin:0 0 0 -25px; padding:0 0 81px 0; }
	section#disc div.offset div.disc:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	section#disc div.offset div.disc { min-height:1%; }
section#disc div.offset div.disc div.type { width:300px; float:left; padding:0 25px 0 25px; }
section#disc div.offset div.disc div.type p.jk {}
section#disc div.offset div.disc div.type p.meta { padding:20px 0 20px 0; }
section#disc div.offset div.disc div.type p.meta img { margin:0 auto;  }
section#disc div.offset div.disc div.type p.buy { padding:0 0 12px 0; }
section#disc div.offset div.disc div.type div.list {}
section#disc div.offset div.disc div.type div.list p { border-bottom:solid 1px #2B2B2B; }
section#disc div.offset div.disc div.type div.list p a { display:block; padding:12px 0 12px 8px; background:url(../images/plus.png) right center no-repeat; }
section#disc div.offset div.disc div.type div.list p a:hover { background:url(../images/plus.png) right center no-repeat #2B2B2B; }
section#disc div.offset div.disc div.type div.list p a.on { display:block; padding:13px 0 10px 8px; background:url(../images/minus.png) right center no-repeat #2B2B2B;; }
section#disc div.offset div.disc div.type div.list p a.on:hover { background:url(../images/minus.png) right center no-repeat #2B2B2B; }
section#disc div.offset div.disc div.type div.list p span { display:block; padding:13px 0 10px 8px; background:url(../images/plus_of.png) right center no-repeat; }
section#disc div.offset div.disc div.type div.list ul { display:none; border-top:solid 1px #2B2B2B; }
section#disc div.offset div.disc div.type div.list ul li { padding:12px 17px 12px 17px; border-bottom:solid 1px #2B2B2B; background:#202020; }
	section#disc div.offset div.disc div.type div.list ul li:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	section#disc div.offset div.disc div.type div.list ul li { min-height:1%; }
section#disc div.offset div.disc div.type div.list ul li.center {}
section#disc div.offset div.disc div.type div.list ul li.center img { margin:0 auto; }
section#disc div.offset div.disc div.type div.list ul li span.title { display:block; float:left; }
section#disc div.offset div.disc div.type div.list ul li span.yt { display:block; float:right; }

section#purchase { border-top:solid 1px #232323; background:#161616; }
section#purchase div.offset { width:1000px; margin:0 auto; }
section#purchase div.offset header.purchase {}
section#purchase div.offset header.purchase h2 { padding:70px 0 70px 0; }
section#purchase div.offset header.purchase h2 img { margin:0 auto; }
section#purchase div.offset div.purchase { padding:0 0 61px 0; }
section#purchase div.offset div.purchase ul.type { width:1052px; }
	section#purchase div.offset div.purchase ul.type:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	section#purchase div.offset div.purchase ul.type { min-height:1%; }
section#purchase div.offset div.purchase ul.type li { float:left; width:211px; margin:0 52px 0 0; border-bottom:solid 1px #2B2B2B; }
section#purchase div.offset div.purchase ul.type li a { display:block; padding:13px 0 10px 8px; background:url(../images/window.png) right center no-repeat; }
section#purchase div.offset div.purchase ul.type li a:hover { background:url(../images/window.png) right center no-repeat #2B2B2B; }
section#purchase div.offset div.purchase ul.type li span { display:block; padding:13px 0 10px 8px; }
section#purchase div.offset div.purchase div.type {}
section#purchase div.offset div.purchase div.type p.show { display:none; }
section#purchase div.offset div.purchase div.type div.note { display:none; padding:35px 0 0 0; font-size:12px; font-size:1.2rem; line-height:1.75em; }

section#spot { background:url(../images/spot_bg.jpg) center top no-repeat; -webkit-background-size:cover; background-size:cover; }
section#spot div.offset { width:1000px; margin:0 auto; }
section#spot div.offset header.spot {}
section#spot div.offset header.spot h2 { padding:70px 0 154px 0; }
section#spot div.offset header.spot h2 img { margin:0 auto; }
section#spot div.offset div.spot { padding:0 0 176px 0; }
section#spot div.offset div.spot div.flexslider { width:853px; height:480px; border:0; margin:0 auto; border-radius:0; background:transparent; }
section#spot div.offset div.spot div.flexslider div.flex-viewport { width:853px; height:480px; margin:0 auto; overflow:hidden; }
section#spot div.offset div.spot div.flexslider div.flex-viewport ul.slides {}
section#spot div.offset div.spot div.flexslider div.flex-viewport ul.slides li { width:853px; height:480px; }
section#spot div.offset div.spot div.flexslider div.offset { position:relative; width:853px; margin:0 auto; z-index:1; }
section#spot div.offset div.spot div.flexslider div.offset p.left { position:absolute; left:-80px; top:210px; }
section#spot div.offset div.spot div.flexslider div.offset p.left a img { opacity:0.9; }
section#spot div.offset div.spot div.flexslider div.offset p.left a:hover img { opacity:1; }
section#spot div.offset div.spot div.flexslider div.offset p.right { position:absolute; right:-80px; top:210px; }
section#spot div.offset div.spot div.flexslider div.offset p.right a img { opacity:0.9; }
section#spot div.offset div.spot div.flexslider div.offset p.right a:hover img { opacity:1; }

section#music {}
section#music div.offset { width:1000px; margin:0 auto; }
section#music div.offset header.music {}
section#music div.offset header.music h2 { padding:70px 0 70px 0; }
section#music div.offset header.music h2 img { margin:0 auto; }
section#music div.offset div.music { padding:0 0 70px 0; }
section#music div.offset div.music ul {}
	section#music div.offset div.music ul:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	section#music div.offset div.music ul { min-height:1%; }
section#music div.offset div.music ul li { float:left; width:124px; margin:0 1px 1px 0; }
section#music div.offset div.music ul li a:hover img { opacity:0.5; }

aside#banner { border-top:solid 1px #232323; background:#161616; }
aside#banner div.offset { width:1000px; margin:0 auto; }
aside#banner div.offset div.banner { padding:65px 0 65px 0; }
aside#banner div.offset div.banner ul { width:1020px; margin:0 0 0 -10px; text-align:center; font-size:0; line-height:0; }
aside#banner div.offset div.banner ul li { display:inline-block; padding:5px 10px 5px 10px; }

}

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

html { background:#000000; }
body { color:#ffffff; font-size:14px; font-size:1.4em; line-height:1.5em; -webkit-text-size-adjust:100%; }

a:link { color:#ffffff; text-decoration:underline; }
a:visited { color:#ffffff; text-decoration:underline; }
a:hover { color:#ffffff; text-decoration:none; }
a:active { color:#ffffff; text-decoration:none; }

img { max-width:100%; display:block; }

.pc { display:none; }
.sp {}

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

div#page { /*width:320px;*/ overflow:hidden; }

header.page {}
header.page h1 { position:absolute; right:10px; top:20px; width:60%; }
header.page p {}

p.open { position:fixed; left:0; top:0; width:45px; z-index:10; }

nav.page { position:fixed; left:-100%; top:0; width:100%; height:100%; background:#000000; z-index:11; }
nav.page.fixed {}
nav.page p.close { position:absolute; right:0; top:0; width:45px; }
nav.page div.offset { padding:45px 35px 10px 35px; }
nav.page div.offset h2 { padding:0 0 20px 0; }
nav.page div.offset h2 img { margin:0 auto; }
nav.page div.offset ul.menu {}
nav.page div.offset ul.menu li {}
nav.page div.offset ul.menu li a { display:block; padding:15px 10px 15px 10px; border-bottom:solid 1px #383838; }
nav.page div.offset ul.menu li a.hover { display:block; padding:15px 10px 15px 10px; border-bottom:solid 1px #ffffff; }
nav.page div.offset ul.service { padding:35px 0 15px 0; text-align:center; font-size:0; line-height:0; }
nav.page div.offset ul.service li { display:inline-block; padding:0 15px 0 15px; }

div.page {}
div.page.fixed {}

footer.page { padding:35px 0 0 0; border-top:solid 1px #2E2E2E; background:#212121; }
footer.page p.official { width:189px; margin:0 auto; padding:0 0 35px 0; }
footer.page small { display:block; width:247px; margin:0 auto; padding:0 0 35px 0; }

main {}

section#disc {}
section#disc div.offset {}
section#disc div.offset header.disc {}
section#disc div.offset header.disc h2 { padding:35px 0 35px 0; }
section#disc div.offset header.disc h2 img { margin:0 auto; }
section#disc div.offset div.disc {}
section#disc div.offset div.disc div.type { padding:0 35px 35px 35px; }
section#disc div.offset div.disc div.type p.jk {}
section#disc div.offset div.disc div.type p.jk img { margin:0 auto; }
section#disc div.offset div.disc div.type p.meta { padding:20px 0 20px 0; }
section#disc div.offset div.disc div.type p.meta img { margin:0 auto;  }
section#disc div.offset div.disc div.type p.buy { padding:0 0 10px 0; }
section#disc div.offset div.disc div.type p.buy img { margin:0 auto;  }
section#disc div.offset div.disc div.type div.list {}
section#disc div.offset div.disc div.type div.list p { border-bottom:solid 1px #2B2B2B; }
section#disc div.offset div.disc div.type div.list p a { display:block; padding:15px 10px 15px 10px; background:url(../images/plus.png) right center no-repeat; }
section#disc div.offset div.disc div.type div.list p a.on { display:block; padding:15px 10px 15px 10px; background:url(../images/minus.png) right center no-repeat #2B2B2B;; }
section#disc div.offset div.disc div.type div.list p span { display:block; padding:15px 10px 15px 10px; background:url(../images/plus_of.png) right center no-repeat; }
section#disc div.offset div.disc div.type div.list ul { display:none; border-top:solid 1px #2B2B2B; }
section#disc div.offset div.disc div.type div.list ul li { padding:15px 20px 15px 20px; border-bottom:solid 1px #2B2B2B; background:#202020; }
	section#disc div.offset div.disc div.type div.list ul li:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	section#disc div.offset div.disc div.type div.list ul li { min-height:1%; }
section#disc div.offset div.disc div.type div.list ul li.center {}
section#disc div.offset div.disc div.type div.list ul li.center img { margin:0 auto; }
section#disc div.offset div.disc div.type div.list ul li span.title { display:block; float:left; }
section#disc div.offset div.disc div.type div.list ul li span.yt { display:block; float:right; }

section#purchase { border-top:solid 1px #232323; background:#161616; }
section#purchase div.offset {}
section#purchase div.offset header.purchase {}
section#purchase div.offset header.purchase h2 { padding:35px 0 20px 0; }
section#purchase div.offset header.purchase h2 img { margin:0 auto; }
section#purchase div.offset div.purchase { padding:0 0 35px 0; }
section#purchase div.offset div.purchase ul.type { display:none; }
section#purchase div.offset div.purchase div.type { padding:0 35px 0 35px; }
section#purchase div.offset div.purchase div.type p.show { border-bottom:solid 1px #2B2B2B; }
section#purchase div.offset div.purchase div.type p.show a { display:block; padding:15px 0 15px 8px; background:url(../images/window.png) right center no-repeat; }
section#purchase div.offset div.purchase div.type p.show span { display:block; padding:15px 0 15px 8px; }
section#purchase div.offset div.purchase div.type div.note { display:none; padding:10px 10px 35px 10px; font-size:12px; font-size:1.2rem; line-height:1.75em; }

section#spot { background:url(../images/spot_bg2.jpg) center center no-repeat; -webkit-background-size:cover; background-size:cover; }
section#spot div.offset {}
section#spot div.offset header.spot {}
section#spot div.offset header.spot h2 { padding:35px 0 35px 0; }
section#spot div.offset header.spot h2 img { margin:0 auto; }
section#spot div.offset div.spot { padding:0 0 35px 0; }
section#spot div.offset div.spot div.flexslider { width:78%; border:0; margin:0 auto; border-radius:0; background:transparent; }
section#spot div.offset div.spot div.flexslider div.flex-viewport { /*width:78%; margin:0 auto;*/ overflow:hidden; }
section#spot div.offset div.spot div.flexslider div.flex-viewport ul.slides {}
section#spot div.offset div.spot div.flexslider div.flex-viewport ul.slides li {}
section#spot div.offset div.spot div.flexslider div.offset { position:relative; z-index:1; }
section#spot div.offset div.spot div.flexslider div.offset p.left { position:absolute; left:-13%; top:50px; width:11%; }
section#spot div.offset div.spot div.flexslider div.offset p.right { position:absolute; right:-13%; top:50px; width:11%; }

section#music {}
section#music div.offset {}
section#music div.offset header.music {}
section#music div.offset header.music h2 { padding:35px 0 35px 0; }
section#music div.offset header.music h2 img { margin:0 auto; }
section#music div.offset div.music { padding:0 0 35px 0; }
section#music div.offset div.music ul { padding:0 35px 0 35px; }
	section#music div.offset div.music ul:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
	section#music div.offset div.music ul { min-height:1%; }
section#music div.offset div.music ul li { float:left; width:25%; padding:0 1px 1px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }

aside#banner { border-top:solid 1px #232323; background:#161616; }
aside#banner div.offset {}
aside#banner div.offset div.banner { padding:35px; }
aside#banner div.offset div.banner ul {}
aside#banner div.offset div.banner ul li { padding:0 0 10px 0; }
aside#banner div.offset div.banner ul li img { margin:0 auto; }

}