html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";cdisplay:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/*	Youtube Player
============================== */
.container a{text-decoration:underline;color:#e4007f;}
.container a:hover{text-decoration:underline;color:#000;}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#cc0000;}
.cGrn { color:#2cbd16;}
.cBlu { color:#0058d1;}
.cOrg { color:#ff8000;}
.cYel { color:#fff832;}
.cPnk{color:#e4007f;}
/*text*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}

body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif}
html, body, div#con-body {color:#000;background:url(../img/bg.png) center top repeat #3dbaf7;}
.container{letter-spacing:0.1em;}

/*//////////////////// all ////////////////////*/
/* column */
@media all and (min-width: 768px) {
main{margin-bottom:15px;}
.columnBox{width:960px;margin:0 auto;}
div.columnL {width:630px;float:left; }
div.columnR {width:300px;float:right}
.pBox{overflow:hidden;}
.pBox p{line-height:200%;}
}
@media all and (max-width: 767px) {
.columnBox{max-width:767px;}
div.columnL {width:100%;margin:0 auto;}
div.columnR {width:100%;margin:0 auto;}
.pBox{overflow:hidden;}
.pBox p{width:90%;margin:0 auto;font-size:80%;line-height:200%;}
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  100% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
}
@keyframes hvr-buzz {
  50% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
  100% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
}

/* nav */
@media all and (min-width: 768px) {
.menu{margin:20px auto 10px;width:100%;height:110px;}
 ul.navi{clear:both; width:960px;height:110px;margin:0 auto;}
 ul.navi li{list-style:none;text-indent: -9999px;height:110px;padding:0px;float:left;}
 ul.navi a{display: block;width:160px;height:110px;}
    #menu01 a{ background:url(../img/menu.png) no-repeat 0 0;}
    #menu02 a{ background:url(../img/menu.png) no-repeat -160px 0;}
    #menu03 a{ background:url(../img/menu.png) no-repeat -320px 0;}
    #menu04 a{ background:url(../img/menu.png) no-repeat -480px 0;}
    #menu05 a{ background:url(../img/menu.png) no-repeat -640px 0;}
    #menu06 a{ background:url(../img/menu.png) no-repeat -800px 0;}
/* Buzz */
 ul.navi li {
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
 ul.navi li:hover,  ul.navi li:focus,  ul.navi lit:active {
  -webkit-animation-name: hvr-buzz;animation-name: hvr-buzz;
  -webkit-animation-duration: 0.20s;animation-duration: 0.20s;
  -webkit-animation-timing-function: linear;animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
}

}
@media all and (max-width: 767px) {
.menu{margin:0;width:100%;height:auto;}
 ul.navi{clear:both; width:100%;text-align:center;margin-bottom:1em;}
 ul.navi li{display: inline-block; list-style:none;text-indent: -9999px;padding:0 0.5em;}
 ul.navi a{display:block; width:96px; height:30px;}
    #menu01 a{ background:url(../img/menu_smp.png) no-repeat 0 0;background-size: cover;}
    #menu02 a{ background:url(../img/menu_smp.png) no-repeat -96px 0;background-size: cover;}
    #menu03 a{ background:url(../img/menu_smp.png) no-repeat -192px 0;background-size: cover;}
    #menu04 a{ background:url(../img/menu_smp.png) no-repeat -288px 0;background-size: cover;}
    #menu05 a{ background:url(../img/menu_smp.png) no-repeat -384px 0;background-size: cover;}
    #menu06 a{ background:url(../img/menu_smp.png) no-repeat -480px 0;background-size: cover;}
}
@media all and (max-width: 320px) {
 ul.navi li{display: inline-block; list-style:none;text-indent: -9999px;padding:0.5em 0 0}
}

/* title */
h2{text-indent: -9999px;}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}

/*//////////////////// top ////////////////////*/
/* main */
@media all and (min-width: 768px) {
.top header{margin:20px auto;width:960px;height:686px;background:url(../img/main.jpg?) center top no-repeat;}
.top .h1Box{width:960px;height:686px;}
}
@media all and (max-width: 767px) {
.top .h1Box{margin:1em auto 0.5em;position:relative; width:95%;padding-top:67%;height:0;background:url(../img/main.jpg?) center top no-repeat;background-size: contain;}
.top .h1Box img{position:absolute;top:0;}
}


/* news */
@media all and (min-width: 768px) {
#newsBox{width:630px; height:250px;background:url(../img/newsbox.png) no-repeat; position:relative; }
/*#newsBox dl{width:415px;height:155px;position: absolute;top:50px;right:40px;font-size:90%;line-height:160%;overflow: auto;}*/
#newsBox dl dt.bansen {width:75px; float:left; text-align:center; background:#e4007f;color:#fff;}
#newsBox dl dt {width:75px; float:left; text-align:center; background:#fff000;}
#newsBox dl dt .day{padding:2px 5px;}
#newsBox dl dd {width:295px; float:left; text-align:left;margin:0 0 10px 10px;}

#newsBox .pBox p{width:480px;position:absolute;right:10px;text-align:center;font-size:120%;}
#newsBox dl{width:415px;height:155px;position: absolute;top:55px;right:40px;font-size:90%;line-height:160%;overflow: auto;}
#newsBox .pBox .bBlu {text-decoration:none;background:#e4007f;color:#fff;padding:2px 4px;}
/* scrollbar */
#newsBox dl::-webkit-scrollbar{width:15px;background: #9aadfc;}
#newsBox dl::-webkit-scrollbar-thumb{background: #82463d;}
#newsBox dl::-webkit-scrollbar-track-piece:start{ background: #ccc;}
#newsBox dl::-webkit-scrollbar-track-piece:end{ background: #ccc;}
#newsBox dl::-webkit-scrollbar-corner{ background: transparent;}
#newsBox .att {display:none;}
}
@media all and (max-width: 767px) {
#newsBox{margin:0.5em 0;padding:0.5em 0;background:url(../img/newsbox_smp.png) center 0.2em no-repeat #fff000;}
#newsBox .pBox{width:90%;margin:2em auto 0.5em;padding:1em 0.5em;border:solid 2px;border-radius:10px;background:#fff;}

#newsBox dl{height:100px;font-size:70%;line-height:160%;overflow:auto;padding:0;}
#newsBox dl dt span.day{background:#fff000;padding:0.1em 0.5em;}
#newsBox dl dt.bansen span.day{background:#e4007f;color:#fff;}
#newsBox dl dt {width:25%;float:left;text-align:center; }
#newsBox dl dd {width:75%;float:left;text-align:left;margin-bottom:0.5em; }
#newsBox .att a{display:block;width:40%;margin:0 auto;padding:1em;background:#000;color: #fff;font-size:70%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}

#newsBox .pBox p{width:100%;font-size:70%;line-height:160%;padding-bottom:1em;text-align:center; }
#newsBox .pBox .bBlu {display:block;width:100%;text-decoration:none;background:#e4007f;color:#fff;padding:2px 4px;}
}

@media all and (max-width:320px) {
#newsBox .pBox p{width:100%;font-size:70%;line-height:160%;padding:0 0.2em 0.5em;text-align:center;}
}

/* spot */
#movBox{width:300px; height:250px; text-indent: -9999px;}
#movBox .button {display:block;width:300px; height:250px;background:url(../img/spot.png) no-repeat;}
/*.button a{display:block;width:300px; height:250px;background:url(../img/spot10.png) no-repeat;}*/

@media all and (min-width: 768px) {
/* #movBox .button{
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;}
 #movBox .button:hover,  #movBox .button:focus,  #movBox .buttont:active {
  -webkit-animation-name: hvr-buzz;animation-name: hvr-buzz;
  -webkit-animation-duration: 0.20s;animation-duration: 0.20s;
  -webkit-animation-timing-function: linear;animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}*/
}
@media all and (max-width: 767px) {
#movBox h2{display:none;}
#movBox{margin:1em auto 0.5em;}
}


/* drama */
* {box-sizing: border-box;}
@media all and (min-width: 768px) {
#dramaBox{width: 960px;height:250px;background:url(../img/dramabox.png) center bottom;margin:0 auto;}
#dramaBox .slider {width:760px;height:140px;margin:0 auto;padding-top:90px;}
.slick-slide img {width:240px;height:135px;position:absolute;}
.slider div.tab{position: relative;width:240px;height:140px;}
.slick-slide {margin:0px 5px 0;}
    .slick-prev:before, .slick-next:before {color: black; }
.slider .s-nom{background:#fff000;color:#000;font-weight:500;padding:2px;position:absolute;top:0;right:0;z-index:200;}
.mBox{display:block;width: 240px;height:135px;}
/* Border Fade */
.mBox {
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;transition-property: box-shadow;
}
.mBox:hover, .mBox:focus, .mBox:active { box-shadow: inset 0 0 0 4px #000, 0 0 1px rgba(0, 0, 0, 0);}
}

@media all and (max-width: 767px) {
#dramaBox{padding:1em 0.5em;width:100%;background:url(../img/dramabox_smp.png) center top no-repeat;}
.slider { width: 90%;margin:1.2em auto 0;}
.slick-slide {margin:0 0em;}
.slick-slide img {width:100%; }
.slider .s-nom{display:block;color:#fff;font-size:60%;text-align:center;font-weight:bold;margin-bottom:0.2em;letter-spacing:0;}
.mBox{display:block;width: 100%;}
}

/* drama */
* {box-sizing: border-box;}
@media all and (min-width: 768px) {
#youtubeBox{width: 960px;height:220px;background:url(../img/youtubebox.png) center bottom;margin:30px auto 40px;}
#youtubeBox .slider {width:760px;height:140px;margin:0 auto;padding-top:60px;}
}

@media all and (max-width: 767px) {
#youtubeBox{padding:1em 0.5em;width:100%;background:url(../img/youtubebox_smp.png) center top no-repeat;}
}


/* special bt */
.lazy {display:block;position:relative;background:center top no-repeat;background-size: contain;margin:0 auto;}
#special {letter-spacing: -0.5em;}
@media all and (min-width: 768px) {
#special{width:960px;text-align:center;margin:30px auto 20px;overflow:hidden;}
#special .bt{display:inline-block;width:300px;height:200px;margin:0 10px;margin-bottom:20px;}
/* Buzz */
#special .bt {
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
#special .bt:hover, #special .bt:focus, #special .bt:active {
  -webkit-animation-name: hvr-buzz;animation-name: hvr-buzz;
  -webkit-animation-duration: 0.20s;animation-duration: 0.20s;
  -webkit-animation-timing-function: linear;animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
}


#special .sp{display:inline-block;width:940px;height:150px;margin:0 10px;}
/* Buzz */
#special .sp {
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
#special .sp:hover, #special .bt:focus, #special .sp:active {
  -webkit-animation-name: hvr-buzz;animation-name: hvr-buzz;
  -webkit-animation-duration: 0.20s;animation-duration: 0.20s;
  -webkit-animation-timing-function: linear;animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
}


.livepresent {margin-right:10px;}
.livepresent a{display:block;width:940px; height:150px;background:url(../img/bt/livepresent_b.png) center top no-repeat;margin:30px auto 20px;}
.livepresent a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

/*
.ishop a{display:block;width:460px; height:100px;background:url(../img/bt/ishop.jpg) center center no-repeat #afe5ff;border-radius:20px;margin:0 auto}
.ishop a:hover,.odm a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
*/
.ishop{float:left;}
.ishop a{display:block;width:460px; height:100px;background:url(../img/bt/ishop_dvd.jpg) center center no-repeat #afe5ff;border-radius:20px;margin:0 0 10px 10px}
.odm{float:right;}
.odm a{display:block;width:460px; height:100px;background:url(../img/bt/odm.png) center center no-repeat #afe5ff;border-radius:20px;margin:0 10px 10px 0;}
.ishop a:hover,.odm a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}


}
@media all and (max-width: 767px) {
#special{ width:100%;text-align:center;overflow:hidden;background:url(../img/specialbox_smp.png) center top no-repeat;padding:2.2em 0 0;}
#special .bt{display: inline-block;width:150px;height:100px;margin:0 0.5em 1em;}
.livepresent a{display:block;width:95%;padding-top:15.2%;height:0;background:url(../img/bt/livepresent_b.png?) center top no-repeat;background-size: contain;margin:1em auto;}
.linelive a{display:block;width:95%;padding-top:15.2%;height:0;background:url(../img/bt/linelive_b.png) center top no-repeat;background-size: contain;margin:1em auto;}
/*
.ishop a{display:block;width:300px;height:75px;background:url(../img/bt/ishop.jpg) center center no-repeat #afe5ff;border-radius:20px;background-size: contain;margin:0 auto  1em;}
*/

.ishop a{display:block;width:300px;height:75px;background:url(../img/bt/ishop_dvd.jpg) center center no-repeat #afe5ff;border-radius:20px;background-size: contain;margin:0 auto 1em;}
.odm a{display:block;width:300px;height:75px;background:url(../img/bt/odm.png) center center no-repeat #afe5ff;border-radius:20px;background-size: contain;margin:1em auto;}

.coming{display:none;}
}
@media all and (max-width:320px) {
#special .bt{display: inline-block;width:144px;height:96px;margin-bottom:1em;}
}

/* bottom */
@media all and (min-width: 768px) {
#twBox{width:640px; height:330px;background:url(../img/twbox.png) right top no-repeat; position:relative; }
#twBox h2 a{display:block; width:190px;height:260px;position: absolute;top:55px;left:0px;}
#twBox .pBox{width:430px;position: absolute;top:55px;right:10px;text-align:center;}
#twBox .pBox p{margin-top:100px;background:#afe5ff;}
#twBox .pBox .att{text-indent: -9999px;}
.banner{margin:15px 0 20px 0;}
.sns{width:300px;}
.tw{float:left;margin-right:20px;}
.fb{float:left;}
.bt_link a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;text-decoration:none; } 
}

@media all and (max-width: 767px) {
aside{background:#fff000;height:100%;}
#twBox{padding:0.5em 0;background:url(../img/twbox_smp.png) center 0.2em no-repeat;}
#twBox h2 a{display:block; width:300px;height:40px;margin:0 auto;}
#twBox .pBox{width:90%;background:#fff;margin:0.5em auto 1em;padding:1em 0.5em 0;border:solid 2px;border-radius:10px;text-align:center}
#twBox .pBox .att{font-size:70%;}
.banner{padding-top:1.5em;}
.banner{width:300px;margin:0 auto 1.5em;}
.sns{margin:1em auto;width:300px;}
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
}


/* footer */
footer p.bottom{padding:2em;text-align:center;}
footer p.bottom a{text-decoration:none;color:#e4007f;}
footer p.bottom a:hover{text-decoration:none;color:#000;}

@media all and (min-width: 768px) {
#page_top a{text-indent: -9999px;position:fixed;bottom:10px;right:20px;width:114px;height:124px;background:url(../img/pagetop.png) no-repeat; }
#page_top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
footer .bottom{font-size:90%;}
}
@media all and (max-width: 767px) {
#page_top  {text-align:center;font-weight:bold;}
#page_top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;background:#3dbaf7;line-height:49px;height:49px}
#page_top  a:hover{text-decoration:none;color:#eee;}
footer .bottom{font-size:70%;line-height:200%;background:#fff;}
}


/*//////////////////// second ////////////////////*/
/* second main */
@media all and (min-width: 768px) {
.second header{margin:0 auto;width:980px;height:200px;background:url(../img/second.png) center bottom no-repeat;}
.second .h1Box{width:980px;height:200px;}
}
@media all and (max-width: 767px) {
.second .h1Box{margin:0.5em auto 1em;position:relative;padding-top:25%;height:0;background:url(../img/second.png) center top no-repeat;background-size: contain;}
.second .h1Box img{position:absolute;top:0;}
}

/* second */
@media all and (min-width: 768px) {
.second #mainBox{width:920px;background:#fff;margin:0 auto;border:solid 5px;}
.second #mainBox .txt{width:800px;margin:20px auto;overflow:hidden;}
}
@media all and (max-width: 767px) {
.second #mainBox{;background:#fff;margin:0.5em 0;}
.second #mainBox .txt{width:85%;margin:1em auto;}
}
/* intro */
@media all and (min-width: 768px) {
.intro #mainBox h2{width:910px;height:160px;background:url(../img/intro/title.png) no-repeat; margin:0 auto 20px;}
.intro .catch{width:750px;height:384px;background:url(../img/intro/catch.png) no-repeat; margin:30px auto;}
.intro .photo{width:790px;height:300px;background:url(../img/intro/photo.jpg) no-repeat; margin:0 auto;}
.intro .button a{display:block;width:540px;height:100px;background:url(../img/intro/button.png) no-repeat; margin:40px auto 50px;text-indent: -9999px;}
}
@media all and (max-width: 767px) {
.intro #mainBox h2{width:100%;height:46px;background:url(../img/intro/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.intro .catch{margin:2em auto 1em;width:90%;padding-top:50%;height:0;background:url(../img/intro/catch.png) center top no-repeat; background-size: contain;}
.intro .photo{position:relative;width:100%;padding-top:35%;height:0;;background:url(../img/intro/photo.jpg) center center no-repeat; background-size: contain;}
.intro .photo img{position:absolute;top:0;}
.intro .button a{display:block;width:50%;margin:0 auto 2em;padding:1em;background:#000;color: #fff;font-size:70%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
}

/* comment */
@media all and (min-width: 768px) {
.comment #mainBox h2{width:910px;height:160px;background:url(../img/comment/title.png) no-repeat; margin:0 auto 20px;}
.comment .name{display:block;width:200px;margin:10px auto;padding:5px;background:#e4007f;color: #fff;font-size:110%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
}
@media all and (max-width: 767px) {
.comment #mainBox h2{width:100%;height:46px;background:url(../img/comment/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.comment .name{display:block;width:40%;margin:1em auto;padding:5px;background:#e4007f;color: #fff;font-size:90%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
}

/* cast */
@media all and (min-width: 768px) {
.cast #mainBox h2{width:910px;height:160px;background:url(../img/cast/title.png) no-repeat; margin:0 auto 20px;}
}
@media all and (max-width: 767px) {
.cast #mainBox h2{width:100%;height:46px;background:url(../img/cast/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
}
/*/cast_list/*/
.cast ul.castname {width:100%;display: table;}
.cast .castname li{display:table-cell;vertical-align:bottom;}
.cast .c_name {width: 40%;text-align:right;}
.cast .dot {width: 20%;text-align:center;}
.cast .name {width: 40%;text-align:left;color:#e4007f;}
.cast .castname li  a {text-decoration:none;background:#fff000;color: #000;}
.cast .castname li  a:hover { text-decoration:none;background:#e4007f;color: #000;}
@media all and (min-width: 768px) {
.cast .pBox{margin-bottom:30px;}
.cast ul.castname {font-size:100%;margin:40px auto;}
}
@media all and (max-width: 767px) {
.cast ul.castname {font-size:90%;margin:2em auto;padding:0 0.5em;}
}
.cast ruby {display: inline-table;text-align: center;text-indent: 0px;white-space: nowrap;border: none;margin: 0px;padding: 0px;
line-height: 1;height: 1em;vertical-align: text-bottom;border: none;}
.cast rt {display: table-header-group;font-size: 0.625em;line-height: 1.8;text-align	: center;
white-space: nowrap;border	: none;margin: 0px;padding: 0px;}

/* staff */
@media all and (min-width: 768px) {
.staff #mainBox h2{width:910px;height:160px;background:url(../img/staff/title.png) no-repeat; margin:0 auto 20px;}
}
@media all and (max-width: 767px) {
.staff #mainBox h2{width:100%;height:46px;background:url(../img/staff/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
}
/*/staff_list/*/
.staff ul.castname {width:100%;display: table;line-height:200%;}
.staff .castname li{display:table-cell;vertical-align:top;}
.staff .c_name{width: 40%;text-align:right;;}
.staff .dot {width: 20%;text-align:center;}
.staff .name {width: 40%;text-align:left;color:#0058d1;}
@media all and (min-width: 768px) {
.staff .pBox{margin-bottom:30px;}
.staff ul.castname {font-size:100%;margin:40px auto;}
}
@media all and (max-width: 767px) {
.staff ul.castname {font-size:90%;margin:2em auto;padding:0 0.5em;}
.staff .castname li small{font-size:70%;display:block;line-height:110%;letter-spacing:-0.1em;}
}

/* present */
.present p.att{text-align:center;}
@media all and (min-width: 768px) {
.present #mainBox h2{width:910px;height:160px;background:url(../img/present/title.png) no-repeat; margin:0 auto 20px;}
.present .photo{width:790px;height:300px;background:url(../img/present/photo.jpg) no-repeat; margin:0 auto;}
.present .button a{display:block;width:540px;height:100px;background:url(../img/present/button.png) no-repeat; margin:40px auto 20px;text-indent: -9999px;}
.present .qu{width:790px;margin:0 auto;border-radius:40px;border:solid 4px #0096e0}
.present .qu h3{width:95%;text-align:center;margin:0 auto;padding:20px 0;font-size:160%;border-bottom:solid 4px #0096e0;color:#0096e0;}
.present .qu p{width:700px;margin:20px auto;font-size:140%;}
.present .ed{width:90%;margin:0 auto;padding-top:30px;padding-bottom:30px;}
.present .ed h3{margin:10px auto;padding-bottom:10px;font-size:140%;border-bottom:solid 2px #000;color:#000;font-weight:normal;}
.present .ed h4{margin:20px auto 0;font-size:110%;color:#0096e0;font-weight:normal;}
.present .ed p{margin:20px auto;}
}
@media all and (max-width: 767px) {
.present #mainBox h2{width:100%;height:46px;background:url(../img/present/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.present .photo{position:relative;width:100%;padding-top:35%;height:0;background:url(../img/present/photo.jpg) center center no-repeat; background-size: contain;margin-top:0.5em;}
.present .photo img{position:absolute;top:0;}
.present .button a{display:block;width:50%;margin:0 auto 2em;padding:1em;background:#000;color: #fff;font-size:70%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
.present .qu{width:85%;margin:0 auto 1em;border-radius:30px;border:solid 2px #0096e0}
.present .qu h3{width:95%;text-align:center;margin:0 auto;padding:1em 0;font-size:90%;border-bottom:solid 2px #0096e0;color:#0096e0;}
.present .qu p{font-size:90%;margin:1em auto;}
.present .ed{width:90%;margin:0 auto;}
.present .ed h3{margin:2em auto 0;padding-bottom:0.5em;font-size:90%;border-bottom:solid 2px #000;color:#000;font-weight:normal;}
.present .ed h4{margin:1em auto 0;font-size:80%;color:#0096e0;font-weight:normal;}
.present .ed p{font-size:80%;margin:1em auto;}
}

/* info */
.info h3{position:relative;color:#fff;background:#e4007f;border-radius:20px;}
.info h3:after{content:" ";width:0;height:0;
	border-width:8px;border-style:solid;border-color:transparent;border-top-color:#e4007f;z-index:1;}
.info .date{display:block;color:#e4007f;}
.info .program{display:block;color:#0058d1;}

.info .song1{background:url(../img/info/song1.jpg) center center no-repeat;background-size: contain;}
.info .song2{background:url(../img/info/song2.jpg) center center no-repeat;background-size: contain;}
.info .book{background:url(../img/info/book.jpg) center center no-repeat;background-size: contain;}
.info .book2{background:url(../img/info/book2.jpg) center center no-repeat;background-size: contain;}
.info .book3{background:url(../img/info/book3.jpg) center center no-repeat;background-size: contain;}
.info .goods{background:url(../img/info/goods.jpg) center center no-repeat;background-size: contain;}
.info .miyabi{background:url(../img/info/miyabi.jpg) center center no-repeat;background-size: contain;}
.info .cafe1{background:url(../img/info/cafe1.jpg) center center no-repeat;background-size: contain;}
.info .cafe2{background:url(../img/info/cafe2.jpg) center center no-repeat;background-size: contain;}
.info .cd{background:url(../img/info/cd.jpg) center center no-repeat;background-size: contain;}
.info .dvd{background:url(../img/info/dvd.jpg) center center no-repeat;background-size: contain;}
.info .qr{background:url(../img/info/qr.png) center center no-repeat;background-size: contain;}

@media all and (min-width: 768px) {
.info #mainBox h2{width:910px;height:160px;background:url(../img/info/title.png) no-repeat; margin:0 auto 20px;}
.info h3{width:860px;font-size:140%;line-height:140%;margin:20px auto 0;padding:10px 20px;}
.info h3:after{position:absolute;top:100%;left:28px;}
.info .update{width:860px;text-align:right;margin:0 auto;}
.info .txt small{font-size:80%;}
.info .photo{display:block;width:420px;height:280px; border-radius:50px;margin:0 auto;}
.info .goods{display:block;width:600px;height:320px;margin:30px auto 0;}
.info .book{display:block;width:240px;height:341px;margin:0 50px 20px 0;float:left;}
.info .book2{display:block;width:240px;height:341px;margin:0 50px 20px 0;float:left;}
.info .book3{display:block;width:240px;height:341px;margin:0 50px 20px 0;float:left;}
.info .cafe1{display:block;width:400px;height:578px;margin:0;float:left;}
.info .cafe2{display:block;width:400px;height:578px;margin:0;float:right}
.info .cd{display:block;width:240px;height:240px;margin:0 50px 20px 0;float:left;}
.info .dvd{display:block;width:260px;height:260px;margin:0 40px 20px 0;float:left;}
.info .qr{display:block;width:200px;height:200px;margin:0 40px 40px 0;float:left;}
}

@media all and (max-width: 767px) {
.info #mainBox h2{width:100%;height:46px;background:url(../img/info/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.info h3{width:95%;font-size:80%;line-height:140%;margin:2em auto 0;padding:0.5em 1em;}
.info h3:after{position:absolute;top:100%;left:20px;}
.info .update{width:90%;text-align:right;margin:0 auto;}
.info .txt small{font-size:70%;}
.info .photo{display:block;width:80%;padding-top:54%;height:0;border-radius:40px; margin:0 auto 1em;position:relative;}
.info .goods{display:block;width:90%;padding-top:48%;height:0;margin:0.5em auto;position:relative;}
.info .book{display:block;width:140px;height:200px;margin:1em auto;position:relative;}
.info .book2{display:block;width:140px;height:200px;margin:1em auto;position:relative;}
.info .book3{display:block;width:140px;height:200px;margin:1em auto;position:relative;}
.info .cafe1,.info .cafe2{display:block;width:200px;height:289px;margin:1em auto 0;position:relative;}
.info .photo img,.info .book img,.info .goods img,.cafe1 img,.cafe2 img{position:absolute;top:0;}
.book2 img,.book3 img{position:absolute;top:0;}

.info .cd{display:block;width:140px;height:140px;margin:1em auto;position:relative;}
.info .dvd{display:block;width:200px;height:200px;margin:1em auto;position:relative;}
.info .qr{display:block;width:140px;height:140px;margin:1em auto;position:relative;}
}

/* youtube */
@media all and (min-width: 768px) {
.ytube{position: relative;width:480px;height:270px;margin:20px auto;overflow: hidden;border:solid 3px #e4007f;}
.ytube iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

}
@media all and (max-width: 767px) {
.ytube{position: relative;padding-bottom: 50%; height: 0;overflow: hidden;border:solid 2px #e4007f;}
.ytube iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

/* button */
.info .button a{display:block;margin:0 auto 2em;padding:1em 0;background:#3dbaf7;color:#fff000;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
@media all and (min-width: 768px) {
.info .button a{width:40%;font-size:100%;font-weight:}
.info .button a:hover{color:#fff;}
}
@media all and (max-width: 767px) {
.info .button a{width:50%;font-size:90%;font-weight:}
}

/* story */
@media all and (min-width: 768px) {
.story #mainBox{position:relative;}
.story #mainBox h2{width:910px;height:160px;background:url(../img/story/title.png) no-repeat; margin:0 auto 20px;}
.story h3{text-indent: -9999px;width:310px;height:225px;position:absolute;top:-20px;right:10px;}
.story .ph1{display:block;width:420px;height:280px; float:left;border-radius:50px;margin:0 30px 10px 0;}
}
@media all and (max-width: 767px) {
.story #mainBox h2{width:100%;height:46px;background:url(../img/story/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.story h3{position:relative;color:#fff;background:#000;border-radius:20px;}
.story h3:after{content:" ";width:0;height:0;
	border-width:8px;border-style:solid;border-color:transparent;border-top-color:#000;z-index:1;}
.story h3{width:95%;font-size:100%;line-height:140%;margin:0.5em auto 0;padding:0.5em 1em;}
.story h3:after{position:absolute;top:100%;left:20px;}
.story h3 span.num{margin-right:1em;color:#fff000;}
.story .ph1{display:block;width:100%;padding-top:67%;height:0;border-radius:40px; margin:0 auto 1em;position:relative;}
.story .ph1 img{position:absolute;top:0;}
}
/* story spot */
.story .spot h4{text-indent: -9999px;}
.story ruby {display: inline-table;text-align: center;text-indent: 0px;white-space: nowrap;border: none;margin: 0px;padding: 0px;line-height: 1;height: 1em;vertical-align: text-bottom;border: none;}
.story rt {display: table-header-group;font-size: 0.625em;line-height: 1.8;text-align: center;white-space: nowrap;border	: none;margin: 0px;padding: 0px;}
.story .txt a{text-decoration:none;}
@media all and (min-width: 768px) {
.story .button a{display:block;width:540px;height:100px;background:url(../img/story/button.png) no-repeat; margin:0px auto 50px;text-indent: -9999px;}
}
@media all and (max-width: 767px) {
.story .spot{background:#fff000;padding:0.1em 0 1em;}
.story .button a{margin:0 auto 0;text-indent: -9999px;}
.story .button {display:block;width:300px; height:250px;background:url(../img/spot.png) no-repeat;}
/*.button a{display:block;width:300px; height:250px;background:url(../img/spot10.png) no-repeat;}*/

}
/* story1 */
@media all and (min-width: 768px) {
.story .s1 h3{background:url(../img/story/days1.png) no-repeat;}
.story .s2 h3{background:url(../img/story/days2.png) no-repeat;}
.story .s3 h3{background:url(../img/story/days3.png) no-repeat;}
.story .s4 h3{background:url(../img/story/days4.png) no-repeat;}
.story .s5 h3{background:url(../img/story/days5.png) no-repeat;}
.story .s6 h3{background:url(../img/story/days6.png) no-repeat;}
.story .s7 h3{background:url(../img/story/days7.png) no-repeat;}
.story .s8 h3{background:url(../img/story/days8.png) no-repeat;}
.story .s9 h3{background:url(../img/story/days9.png) no-repeat;}
.story .s10 h3{background:url(../img/story/days10.png) no-repeat;}
}
.story .s1 .ph1{background:url(../img/story/photo/ph1-1.jpg) center center no-repeat;background-size: cover;}
.story .s2 .ph1{background:url(../img/story/photo/ph2-1.jpg) center center no-repeat;background-size: cover;}
.story .s3 .ph1{background:url(../img/story/photo/ph3-1.jpg) center center no-repeat;background-size: cover;}
.story .s4 .ph1{background:url(../img/story/photo/ph4-1.jpg) center center no-repeat;background-size: cover;}
.story .s5 .ph1{background:url(../img/story/photo/ph5-1.jpg) center center no-repeat;background-size: cover;}
.story .s6 .ph1{background:url(../img/story/photo/ph6-1.jpg) center center no-repeat;background-size: cover;}
.story .s7 .ph1{background:url(../img/story/photo/ph7-1.jpg) center center no-repeat;background-size: cover;}
.story .s8 .ph1{background:url(../img/story/photo/ph8-1.jpg) center center no-repeat;background-size: cover;}
.story .s9 .ph1{background:url(../img/story/photo/ph9-1.jpg) center center no-repeat;background-size: cover;}
.story .s10 .ph1{background:url(../img/story/photo/ph10-1.jpg) center center no-repeat;background-size: cover;}

/* info */
.interview h4{position:relative;color:#fff;background:#3dbaf7;border-radius:20px;}
.interview .photoL span,.interview .photoR span{display:block;background: center center no-repeat #fff000;background-size:cover;border-radius:50px;margin:0 auto;}
.lgiht{color:#64d8ff}
@media all and (min-width: 768px) {
.interview h3.name1{width:420px;height:66px;background:url(../img/interview/name1.png) no-repeat;margin:0 auto;}
.interview #mainBox h2{width:910px;height:160px;background:url(../img/interview/title.png) no-repeat; margin:0 auto 20px;}
.interview h4{width:860px;font-size:120%;line-height:140%;margin:20px auto 0;padding:10px 20px;}
.interview .txt small{font-size:80%;}
.interview .photoL span,.interview .photoR span{width:420px;height:280px;border-radius:50px;}
.interview .photoL{padding:0 30px 0 0;float:left;}
.interview .photoR{padding:0 0 0 30px;float:right}
.interview .photoL img,.interview .photoR img{width:100%;height:100%;}
}
@media all and (max-width: 767px) {
.interview h3.name1{width:210px;height:33px;background:url(../img/interview/name1.png) no-repeat;background-size:contain;margin:1em auto 0;}
.interview #mainBox h2{width:100%;height:46px;background:url(../img/interview/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.interview h4{width:95%;font-size:80%;line-height:140%;margin:1em auto 0;padding:0.5em 1em;}
.interview .txt small{font-size:70%;}
.interview .photoL span,.interview .photoR span{width:100%;padding-top:67%;height:0;border-radius:40px;margin:0 auto 1em;position:relative;}
.interview .photoL img,.interview .photoR img{width:100%;height:100%;position:absolute;top:0;}
}

/* guest */

.guest .txt{clear:both;width:100%;color:#000;margin:0 auto;overflow:hidden;}
.guest .photo span{display:block;background: center center no-repeat #fff000;background-size:cover;border-radius:50px;margin:0 auto; }

@media all and (min-width: 768px) {
.guest #mainBox section{position:relative;}
.guest #mainBox h2.t1{width:910px;height:250px;background:url(../img/guest/title.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t2{width:910px;height:250px;background:url(../img/guest/title2.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t3{width:910px;height:250px;background:url(../img/guest/title3.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t4{width:910px;height:250px;background:url(../img/guest/title4.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t5{width:910px;height:250px;background:url(../img/guest/title5.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t6{width:910px;height:250px;background:url(../img/guest/title6.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t7{width:910px;height:250px;background:url(../img/guest/title7.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t8{width:910px;height:250px;background:url(../img/guest/title8.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t9{width:910px;height:250px;background:url(../img/guest/title9.png) no-repeat; margin:0 auto;}
.guest #mainBox h2.t10{width:910px;height:250px;background:url(../img/guest/title10.png) no-repeat; margin:0 auto;}

.guest h3{text-indent: -9999px;height:0;}
.guest #mainBox .bg1{display:block;width:100%;height:250px;}
.guest #mainBox .s1 .bg1{background:url(../img/guest/bg1.jpg) center center no-repeat;}
.guest #mainBox .s2 .bg1{background:url(../img/guest/bg2.jpg) center center no-repeat;}
.guest #mainBox .s3 .bg1{background:url(../img/guest/bg3.jpg) center center no-repeat;}
.guest #mainBox .s4 .bg1{background:url(../img/guest/bg4.jpg) center center no-repeat;}
.guest #mainBox .s6 .bg1{background:url(../img/guest/bg6.jpg) center center no-repeat;}
.guest #mainBox .s7 .bg1{background:url(../img/guest/bg7.jpg) center center no-repeat;}
.guest #mainBox .s9 .bg1{background:url(../img/guest/bg9.jpg) center center no-repeat;}

.guest .txt{border:solid 3px #000;box-shadow: 5px 5px #fff000;}

.guest .photo span{width:160px;height:200px;border-radius:40px;border:4px solid #fff000}
.guest .photo{padding:20px 30px 20px 20px;float:left;}
.guest .photo img{width:100%;height:100%;}
.guest .cast_pos{display:block;height:200px;font-size:100%; display: table-cell;vertical-align: middle;padding-top:20px;}
.guest .bgP{color:#fff;background:#e4007f;font-size:120%;padding:1px 4px;}
.guest .cast_name{display:inline-block;color:#e4007f;font-size:120%;margin-top:10px;}
}

@media all and (max-width: 767px) {
.guest #mainBox h2{width:100%;height:46px;background:url(../img/guest/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.guest h3{position:relative;color:#fff;background:#000;border-radius:20px;}
.guest h3:after{content:" ";width:0;height:0;border-width:8px;border-style:solid;border-color:transparent;border-top-color:#000;z-index:1;}
.guest h3{width:95%;font-size:100%;line-height:140%;margin:0.5em auto 0;padding:0.5em 1em;}
.guest h3:after{position:absolute;top:100%;left:20px;}
.guest h3 span.num{margin-right:1em;color:#fff000;}
.guest #mainBox .bg1,.guest #mainBox .bg2{display:none;}

.guest .txt{border:solid 2px #000;box-shadow: 3px 3px #fff000;}
.guest .txt{margin-bottom:1em ;}
.guest .photo span{width:90px;height:120px;border-radius:20px;position:relative;}
.guest .photo{padding:1em 0.5em;float:left;}
.guest .photo img{width:100%;height:100%;position:absolute;top:0;}
.guest .bgP{color:#fff;background:#e4007f;font-size:100%;padding:1px 4px;}
.guest .cast_pos{display:block;height:120px;font-size:80%;display: table-cell;vertical-align: middle;padding-top:1em; }
.guest .cast_name{display:block;color:#e4007f;font-size:120%;}
}


/* msg index */
.msg iframe#iframe {width:100%;border:none;}
.msg #prevnext li span{display:none;}
.msg #prevnext p {display:none;}
.msg li.back a{ float:left; display:block;text-indent: -9999px;background:url(../img/back.png) center center no-repeat;background-size: contain;}
.msg li.next a{ float:right; display:block;text-indent: -9999px;background:url(../img/next.png) center center no-repeat;background-size: contain;}
.msg h3{position:relative;color:#fff;background:#e4007f;border-radius:20px;}
.msg h3:after{content:" ";width:0;height:0;
	border-width:8px;border-style:solid;border-color:transparent;border-top-color:#e4007f;z-index:1;}
.msg select {-moz-appearance: none;text-indent: 0.01px;text-overflow: '';}
.msg select::-ms-expand {display: none;}

@media all and (min-width: 768px) {
.msg #mainBox h2{width:910px;height:160px;background:url(../img/msg/title.png) no-repeat; margin:0 auto 20px;}
.msg #prevnext{clear:both; margin:20px auto; width:840px;overflow:hidden;}
.msg li.back a,.msg li.next a{width:100px;height:100px; border-radius: 70px;color: #000;padding: 65px 20px 20px;}
.msg .button1 a{display:block;width:540px;height:100px;background:url(../img/msg/button1.png) no-repeat; margin:30px auto;text-indent: -9999px;}
.msg .button2 a{display:block;width:540px;height:100px;background:url(../img/msg/button2.png) no-repeat; margin:40px auto 50px;text-indent: -9999px;}
.msg .button3 a{display:block;width:540px;height:100px;background:url(../img/msg/button3.png) no-repeat; margin:40px auto 0px;text-indent: -9999px;}
.msg h3{width:860px;font-size:140%;line-height:140%;margin:20px auto 0;padding:10px 20px;}
.msg h3:after{position:absolute;top:100%;left:28px;}
.msg .entBox{padding:40px 80px;overflow: hidden;}
.msg .entBox ol{list-style-type: disc;padding-left:10px;line-height:200%;}
.msg form {width:100%;padding:30px 0 10px;}
.msg label {position: relative;display: block;width: 400px; background: #fff000;margin:0 0 20px 40px;}
.msg label:before {content: "";
    position: absolute; top: 50%;right: 10px;display: block;width: 0;height: 0;margin: -2px 0 0 0;border: 5px solid transparent;border-top: 7px solid #000;}
.msg select {cursor: pointer;position: relative;-webkit-appearance: none;appearance: none;display: block;width: 400px;padding: 0.5em 1em;color: #000; border: none;background: transparent;
font-size:110%;}
}
@media all and (max-width: 767px) {
.msg #mainBox h2{width:100%;height:46px;background:url(../img/msg/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.msg #prevnext{clear:both; margin:0px auto 1em; width:90%;}
.msg li.back a,.msg li.next a {width:60px;height:60px;border-radius: 70px;color: #000;padding: 38px 5px 20px;}
.msg .button1 a,.msg .button2 a{display:block;width:70%;margin:2em auto;padding:1em;background:#3dbaf7;color: #fff;font-size:80%;line-height:120%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
.msg .button3 a{display:block;width:70%;margin:2em auto 0.5em;padding:1em;background:#000;color: #fff;font-size:80%;line-height:120%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
.msg h3{width:95%;font-size:80%;line-height:140%;margin:2em auto;padding:0.5em 1em;}
.msg h3:after{position:absolute;top:100%;left:20px;}
.msg .entBox{width:80%; margin:0 auto 1em; }
.msg .entBox ol{list-style-type: disc;padding-left:1.0em;font-size:80%;line-height:200%;}
.msg form {width: 100%;}
.msg label {position: relative;display: block;width: 90%;background: #fff000;margin:1em auto;}
.msg label:before {content: "";
    position: absolute; top: 50%;right: 10px;display: block;width: 0;height: 0;margin: -2px 0 0 0;border: 5px solid transparent;border-top: 7px solid #000;}
.msg select {cursor: pointer;position: relative;-webkit-appearance: none;appearance: none;display: block;width:100%;padding: 0.5em 1em;color: #000; border: none;background: transparent;
font-size:90%;}
}

/* cart */
.chartBox {position:relative;text-align:left;background:url(../img/chart/chart2.jpg) center top no-repeat;}
.chartBox ul {list-style-type:none;}
.chartBox ul li {position:absolute;}
.chartBox ul li a {display:block;text-decoration:none;}
.chartBox ul li a:hover {background:#fff000;opacity:0.2;}
.chartBox ul li.btn1 a,.chartBox ul li.btn2 a,.chartBox ul li.btn3 a{width:190px;height:230px;}
.chartBox ul li.btn4 a,.chartBox ul li.btn5 a,.chartBox ul li.btn6 a{width:170px;height:200px;}
.chartBox ul li.btn1{top:73px;left:305px;}
.chartBox ul li.btn2{top:573px;left:130px;}
.chartBox ul li.btn3{top:573px;left:480px;}
.chartBox ul li.btn4{top:0;left:10px;}
.chartBox ul li.btn5{top:288px;left:10px;}
.chartBox ul li.btn6{top:13px;left:620px;}

@media all and (min-width: 768px) {
.chart #mainBox h2{width:910px;height:160px;background:url(../img/chart/title.png) no-repeat; margin:0 auto 20px;}
.chartBox {width:800px;height:880px;margin:30px auto 50px;}
.chartBox ul li a ,.chartBox ul li a:hover{border-radius:50px;}
}
@media all and (max-width: 767px) {
.chart #mainBox h2{width:100%;height:46px;background:url(../img/chart/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.chartBox {background-size:cover;width:90%;height:0;padding-top:100%;margin:1em auto;}
.chartBox img {position: absolute;left:0;top:0;width:100%;height:100%;}
.chartBox ul li a ,.chartBox ul li a:hover{border-radius:20%;}
}

/*///////////////// character ////////////////*/
.bx-wop {z-index:9999; !important }
.bx-wop {text-align:left; position:absolute;left:50%;}
.chara .btn-w-close a{display:block; background:url(../img/chart/close.png) no-repeat;background-size: cover;}
.chara .btn-w-close a{cursor:pointer;}
  .cast1 .charaBox .photo{background:url(../img/chart/cast1.jpg) no-repeat;background-size: cover;}
  .cast2 .charaBox .photo{background:url(../img/chart/cast2.jpg) no-repeat;background-size: cover;}
  .cast3 .charaBox .photo{background:url(../img/chart/cast3.jpg) no-repeat;background-size: cover;}
  .cast4 .charaBox .photo{background:url(../img/chart/cast4.jpg) no-repeat;background-size: cover;}
  .cast5 .charaBox .photo{background:url(../img/chart/cast5.jpg) no-repeat;background-size: cover;}
  .cast6 .charaBox .photo{background:url(../img/chart/cast6-1.jpg) no-repeat;background-size: cover;}

@media all and (min-width: 768px) {
.chara .btn-w-close a{position:absolute;top:10px;right:10px;width:45px; height:45px;}
.chara .bx-w-chara {background:#fff;}
.chara .bx-w-chara {border:solid 5px #000;}
  .bx-wop {width:880px;margin-left:-430px;}
.charaBox{width:860px; margin:0 auto 30px;overflow:hidden;}
.charaBox h1{text-indent: -9999px;width:820px;height:130px;margin:20px auto;}
.charaBox .photo{ display:block; width:300px;height:400px;border-radius:50px;margin-left:20px;float:left;}
.charaBox .txt{width:500px;  font-size:100%;line-height:200%;margin-left:20px;float:left;}
  .cast1 .charaBox  h1{background:url(../img/chart/name1.png) no-repeat;}
  .cast2 .charaBox  h1{background:url(../img/chart/name2.png) no-repeat;}
  .cast3 .charaBox  h1{background:url(../img/chart/name3.png) no-repeat;}
  .cast4 .charaBox  h1{background:url(../img/chart/name4.png) no-repeat;}
  .cast5 .charaBox  h1{background:url(../img/chart/name5.png) no-repeat;}
  .cast6 .charaBox  h1{background:url(../img/chart/name6-1.png) no-repeat;}
}

@media all and (max-width: 767px) {
.chara .btn-w-close a{position:absolute;top:15px;right:15px;width:30px; height:30px;}
  .bx-wop {width:100%;margin-left:-50%;}
.chara .bx-w-chara{padding:0.5em;}
.charaBox{width:100%;margin:0 auto 1em;padding:1em;overflow:hidden;border:solid 3px #000;background:#fff;}
.charaBox h1{font-size:100%;line-height:140%;text-align:center;padding:0.5em 0;background:#fff000;
	background-image: radial-gradient(#fff 15%, transparent 20%),radial-gradient(#fff 15%, transparent 20%);
	background-size: 20px 20px;background-position: 0 0, 10px 10px;}
.charaBox h1 span{display:block;	}
.charaBox .photo{ display:block; width:180px;height:240px;border-radius:30px;margin:1em auto;border:solid 3px #fff000;}
.charaBox .txt{width:90%;font-size:90%;line-height:160%;margin:0 auto;}
.charaBox .name{font-size:140%;margin-bottom:0.2em;}
}


/* backnumber */
.bknm .btn{background:url(../img/btn.png) center center no-repeat;background-size: contain;}
.bknm a:hover{text-decoration: none;}
@media all and (min-width: 768px) {
.bknm {padding-top:10px;background:#fffccc;}
.bknm h4{text-indent: -9999px;width:100%;height:66px;background:url(../img/bknm.png) center center no-repeat; margin:20px auto 10px;}
.bknm ul{width:830px;margin:0 auto;padding-bottom:30px;}
.bknm li{padding:10px 30px;}
.bknm .btn {width:100px;height:100px; border-radius: 70px;color: #000;padding: 65px 20px 20px;}
.bknm .btn {font-size:110%;text-decoration: none;font-weight: bold;text-align: center;display: block;}
/* Buzz */
.bknm li{
  display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;}
.bknm li:hover, .bknm li:focus, .bknm li:active {
  -webkit-animation-name: hvr-buzz;animation-name: hvr-buzz;
  -webkit-animation-duration: 0.20s;animation-duration: 0.20s;
  -webkit-animation-timing-function: linear;animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
}
@media all and (max-width: 767px) {
.bknm h4{text-indent: -9999px;width:100%;height:46px;background:url(../img/bknm_smp.png) center center no-repeat; margin:0 auto;}
.bknm ul{width:98%;margin:0 auto 1em;text-align: center;}
.bknm li{padding:10px 0.1em;display: inline-block;vertical-align: middle;}
.bknm .btn {width:60px;height:60px;border-radius: 70px;color: #000;padding: 38px 5px 20px;}
.bknm .btn {font-size:70%;text-decoration: none;font-weight: bold;text-align: center;display:inline-block;}
}


/* special back */
@media all and (min-width: 768px) {
#sp_back {text-align:center;border-top:solid 2px #000;background:#fff; padding:50px 0;}
#sp_back a:hover{background:#fff000;color: #000;}
#sp_back a{text-decoration:none;color:#fff;display:block;background:#000;width:500px;font-size:160%;padding:20px 30px;margin:0 auto;}
}
@media all and (max-width: 767px) {
#sp_back {padding:1em;background:#fffccc;}
#sp_back a{display:block;margin:0 auto;width:90%;padding:1em;background:#fff000;color: #000;font-size:80%;line-height:120%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 10px;}
}


/* song */
@media all and (min-width: 768px) {
.song #mainBox h2{width:910px;height:160px;background:url(../img/song/title.png) no-repeat; margin:0 auto 20px;}
.song .catch{text-align:center;font-size:180%;}
.song .catch strong{font-size:130%;}
.song .catch small{font-size:60%;}
.song .photo{width:420px;height:420px;background:url(../img/song/cd.jpg) no-repeat; margin:0 auto 60px;}
.song .photo2{width:280px;height:420px;background:url(../img/song/artist.jpg) no-repeat; float:left;margin-right:30px;border-radius:40px;}
.song .button a{display:block;width:540px;height:100px;background:url(../img/song/button.png) no-repeat; margin:50px auto;text-indent: -9999px;}
}
@media all and (max-width: 767px) {
.song #mainBox h2{width:100%;height:46px;background:url(../img/song/title_smp.png) center center no-repeat #fff000; margin:0 auto;}
.song .catch{text-align:center;font-size:100%;}
.song .catch small{font-size:60%;}
.song .photo{position:relative;width:100%;padding-top:50%;height:0;background:url(../img/song/cd.jpg) center center no-repeat; background-size: contain;}
.song .photo img{position:absolute;top:0;}
.song .button a{display:block;width:50%;margin:2em auto;padding:1em;background:#000;color: #fff;font-size:70%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}
}