@charset "utf-8";

html,
body{ background:#FFF; color: #67492e; height: 100%; line-height: 1.4; font-size: 18px; font-family: sans-serif; }

@font-face {
  font-family: "rounded-mplus-1c-regular";
  src: url("/fonts/rounded-mplus-1c-regular.woff2") format('woff2'),
       url("/fonts/rounded-mplus-1c-regular.woff") format('woff');
}
@font-face {
  font-family: "rounded-mplus-1c-bold";
  src: url("/fonts/rounded-mplus-1c-bold.woff2") format('woff2'),
       url("/fonts/rounded-mplus-1c-bold.woff") format('woff');
}

.wfnt2{ font-weight: bold; font-family: "rounded-mplus-1c-regular" , sans-serif;}
.wfnt1{ font-weight: bold; font-family: "rounded-mplus-1c-bold" , sans-serif;}

.s-serif{font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
.serif{font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
body{font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
/* アンチエイリアス表示のハック */
/*
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1, 1.01);
-moz-transform-origin: 0 0;
-moz-transform: scale(1, 1.01);
-ms-transform-origin: 0 0;
-ms-transform: scale(1, 1.02); 
-o-transform-origin: 0 0;
-o-transform: scale(1, 1.01);
*/
}





/* ---- style ---- */
a,a:visited {color: #faaa00;}
a:hover,a:active {color: #28b9be;}
a.ilink-fr{ color: #FFF; display: inline-block; padding: 5px; background: #7364AA; line-height: 0; margin-bottom: 10px; }
a.ilink-fr:hover{ color: #faaa00; background: #bb0000; }

/* improve link */
.ilink{ display: inline-block; padding: 0.4em 0.5em 0.3em 0.8em ; background: #28b9be url(../images/common/cursor_wh_r.png) no-repeat 0.4em center ; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-decoration: none; }
.ilink,
.ilink:visited,
.ilink:active{ color: #FFF; }
.ilink:hover{ background-color: #faaa00; color: #FFF; }
/*
.ilink:before{ content:"> "; }
*/

.ac-color1{ color: #ff536b; }
.ac-color1lt{ color: #fb9fab; }
.ac-color2{ color: #faaa00; }
.ac-color3{ color: #28b9be; }

.ac-c2-hr{ border-color: #faaa00; border-width: 1px 0px 0px 0px; border-style: solid; height: 1px; /* 高さ(IE) */}
.ac-c2-hrdot{ border-color: #faaa00; border-width: 1px 0px 0px 0px; border-style: dotted; height: 1px; /* 高さ(IE) */}
.ac-c3-hr{ border-color: #28b9be; border-width: 1px 0px 0px 0px; border-style: solid; height: 1px; /* 高さ(IE) */}
.ac-c3-hrdot{ border-color: #28b9be; border-width: 1px 0px 0px 0px; border-style: dotted; height: 1px; /* 高さ(IE) */}

.flw1{ padding: 3px 0 3px 26px; margin: 0 0 0.1em 0; background: url(../images/common/ico_entry-cat.png) no-repeat left center; }
.flw2{ display: inline-block; padding: 0 0 0 26px; margin: 0 0 0.1em 0; background: url(../images/common/ico_entry-cat.png) no-repeat left center; }
.flw2 span{ padding: 3px 26px 3px 0; margin: 0; background: url(../images/common/ico_entry-cat.png) no-repeat right center; }

.sec-title{color: #28b9be; padding: .1em .2em; margin: 0 0 .5em 0; border-bottom: #28b9be solid 3px; background-color: rgba(255,255,255,.85); font-family: "rounded-mplus-1c-bold" , sans-serif; }
.ttl1{ color: #28b9be; background:#fffaee; border-left:#28b9be solid 4px;  margin: 0 0 1em 0; padding: 0.3em 0.5em; }
.ttl2{ font-weight: bold; color: #faaa00; padding-bottom: 0.2em; border-bottom: #faaa00 dotted 1px; }

.new{ margin-left: 5px; color: #ef0000; font-weight: bold; font-size: 8px; }
@keyframes blink { 75% { opacity: 0.0; }}
@-webkit-keyframes blink {75% { opacity: 0.0; }}
.new { animation: blink 1s step-end infinite; -webkit-animation: blink 1s step-end infinite;}

.table-a{ border-collapse: separate; border-spacing: 1px; border: #28b9be solid 1px;}
.table-a th{ padding:0.5em; background-color: #28b9be;border: #28b9be solid 1px; font-weight: normal; text-align: inherit; vertical-align: top; color: #FFF; text-align: left; }
.table-a td{ padding:0.5em; background-color: #FFF;border: #28b9be solid 1px; vertical-align: top; }

.table-b{ border-collapse: collapse; }
.table-b th{ padding:0.5em; background-color: #faaa00;border: #faaa00 solid 1px; font-weight: normal; text-align: inherit; vertical-align: top; color: #FFF; text-align: left; }
.table-b td{ padding:0.5em; background-color: #FFF;border: #faaa00 solid 1px; vertical-align: top; color: #faaa00;}

.table-c{ border-collapse: collapse; }
.table-c th{ padding:0.5em; background-color: #FFF;border-bottom: #67492e solid 1px; color: #976f4c; font-weight: normal; text-align: inherit; vertical-align: top; text-align: left; }
.table-c td{ padding:0.5em; background-color: #FFF;border-bottom: #67492e dotted 1px; vertical-align: top; }

.table-onair td{  text-align: left; }
.table-onair .oasep{ display: inline-block; width: 4.5em; color:#faaa00;  }
/*.table-onair .oasep:after{ content:' より' ; font-size: 0.8em;}*/
.table-onair .oasep2{ display: inline-block; width: 5em; /*color:#28b9be;*/ }

.frame-pink{ background-color:#ffe1e1; padding: 5px; display: inline-block; line-height: 0; }
.frame-gr1-w{ border:#28b9be solid 1px; background-color:rgba(255,255,255,.9); }
.frame-lpk6-w{ border:#fff2f2 solid 6px; background-color:rgba(255,255,255,.9); }
.frame-light{ background-color: rgba(255,255,255,.9);border: rgba(255,255,255,1) solid 1px; }
.frame-dark{ background-color: rgba(40,40,40,.8);border: rgba(120,120,120,.8) solid 1px; }

.box-pdot{ padding: 1em; background: url(../images/common/ptn_box-pdot.png); border: #ffe1e1 solid 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: inline-block; margin: 0 auto; }
.box-pdot .tape{ content:url(../images/common/tape_box-pdot.png); margin: -2em auto .5em auto; }

.box-bstrp{ padding: 2px; margin: 0 0 1em 0; background: url(../images/common/ptn_box-bstrp.png); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.box-bstrp .inner{ padding: 0.8em; text-align: left; border: #FFF dotted 3px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.box-bstrp .inner2{ background: rgba(255,255,255,.9); padding: .8em; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

img.img-fr{ border-style: solid; border-width: 1px; border-color: #CCC; }

.maxw900{ max-width: 900px; }
.maxw1000{ max-width: 1000px; }


.benefits-block{ padding: 5px; margin: 1px; border: #28b9be solid 1px; background-color: rgba(255,255,255,.7); text-align: center; }
.benefits-block .b-title{ display: block; background-color: #28b9be; color: #FFF; padding: 3px; margin-bottom: 0.2em; }
.benefits-block  div p{ border-bottom: #28b9be dotted 1px; padding-bottom: 0.2em; margin:0 2px 0.2em 2px; }
.benefits-block  div p:nth-child(1){ color: #faaa00; }
.benefits-block  div p.thumb{ border-bottom: none; margin-bottom: 0; min-height: 127px; }
.benefits-block  div p.thumb-np{ border-bottom: none; margin-bottom: 0; min-height: 127px; }

/* youtube embed responsive */
.video-embed {position: relative;height: 0;padding: 30px 0 56.25%;overflow: hidden;}
.video-embed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* ---- Structure ---- */
html,
body{ background: url(../images/common/background.png) }
body > #Wrap {height: auto;}
#Wrap{ width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: absolute; top:0; z-index: 50; }
body > #BG {height: auto;}
#BG{ width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: absolute; top:0; z-index: -1; }


/* Wrap */
#Wrap > .inner{  }
#Wrap > .inner > .container{ max-width: 1200px; margin: 0 auto; background-repeat: no-repeat; background-size: 100%; background-position: 0 0; }


/* Header Area */
#Header{ }
#Header .inner{ max-width: 1200px; min-height: inherit; margin: 0 auto; position: relative; }

/* SideNavi Area */
#SideNavi{ width: 200px; position: relative; float: left; }
#SideNavi #Logo{ width: 100%; max-width: 180px; height: 88.89%; margin: 0 0 10% 0 ; padding: 0; position: relative ; }
#SideNavi #Logo a{ width: 100%; height: 0px; padding-top: 88.89%; background: url(../images/common/logo_s.png) no-repeat; background-size: cover; display: block; overflow: hidden; }
#SideNavi #NaviSpBtn{ display: none; }
#SideNavi #Navi{ width: 100%; max-width: 180px; padding: 0; margin: 0 0 10% 0; position: relative ; left: 10px;}
#SideNavi #Navi nav{ }
#SideNavi #Navi nav ul{display: block; list-style-type: none; margin: 0; padding: 0;  width: 100%; /zoom:1; }
#SideNavi #Navi nav:after{content: ""; display: block; clear: both;}
#SideNavi #Navi nav ul li{ float: none; display: block; }
#SideNavi #Navi nav ul li{ width: 100%; height: 22.22%; padding: 0; margin: 0 0 2px 0; }
#SideNavi #Navi nav ul li a{ display: block; width: 100%; padding: 22.22% 0 0 0; background: url(../images/common/navi_rtn.png) no-repeat; background-size: 300%; display: block; overflow: hidden; line-height: 0; font-size: 0; }
#SideNavi #Navi nav ul li:nth-child(1) a{ background-position: 0 0; }
#SideNavi #Navi nav ul li:nth-child(2) a{ background-position: 0 -40px; }
#SideNavi #Navi nav ul li:nth-child(3) a{ background-position: 0 -80px; }
#SideNavi #Navi nav ul li:nth-child(4) a{ background-position: 0 -120px; }
#SideNavi #Navi nav ul li:nth-child(5) a{ background-position: 0 -160px; }
#SideNavi #Navi nav ul li:nth-child(6) a{ background-position: 0 -200px; }
#SideNavi #Navi nav ul li:nth-child(7) a{ background-position: 0 -240px; }
#SideNavi #Navi nav ul li:nth-child(1) a:hover{ background-position: -180px 0; }
#SideNavi #Navi nav ul li:nth-child(2) a:hover{ background-position: -180px -40px; }
#SideNavi #Navi nav ul li:nth-child(3) a:hover{ background-position: -180px -80px; }
#SideNavi #Navi nav ul li:nth-child(4) a:hover{ background-position: -180px -120px; }
#SideNavi #Navi nav ul li:nth-child(5) a:hover{ background-position: -180px -160px; }
#SideNavi #Navi nav ul li:nth-child(6) a:hover{ background-position: -180px -200px; }
#SideNavi #Navi nav ul li:nth-child(7) a:hover{ background-position: -180px -240px; }
#SideNavi #Navi nav ul li:nth-child(8) a{ background-position: 0 -280px; }
#SideNavi #Navi nav ul li:nth-child(8) a:hover{ background-position: -180px -280px; }

#SideNavi #Pickup{ width: 100%; max-width: 180px; padding: 30px 0 0 0; margin: 0; background: url(../images/common/ttl_pickup.png) no-repeat center top; position: relative ; left: 10px;}
#SideNavi #Pickup ul{display: block; list-style-type: none; margin: 0; padding: 0;  width: 100%; /zoom:1; }
#SideNavi #Pickup ul:after{content: ""; display: block; clear: both;}
#SideNavi #Pickup ul li{ float: none; display: block; }
#SideNavi #Pickup ul li{ width: 100%; height: 22.22%; padding: 0; margin: 0 0 2px 0; }

#SideNavi #Pickup ul li:nth-child(1){ display: none; }

/* Content Area */
#Content{ width: 100%; margin: 0 0 0 -200px; float: left; }
#Content > .inner{  margin: 0 0 0 200px; }
#Content > .inner > .container{ width: 90%; padding: 20% 0 0 0; margin: 0 auto; }
#Content h2.page-title{ padding: 2px; margin: 0 0 1em 0; background: url(../images/common/ptn_page-title.png); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#Content h2.page-title > div{ color: #FFF; font-weight: bold; font-family: "rounded-mplus-1c-bold" , sans-serif; padding: 0.1em 0.5em; text-align: left; border: #FFF dotted 3px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

#SubNavi{ width: 100%;  margin: 0 0 .5em 0; text-align: center;}
#SubNavi nav{ }
#SubNavi nav ul{display: block; list-style-type: none; margin: 0; padding: 0;  width: 100%; /zoom:1; }
#SubNavi nav:after{content: ""; display: block; clear: both;}
#SubNavi nav ul li{ float: none; display: inline-block; }
#SubNavi nav ul li{ padding: 0; margin: 0 0 2px 0; }


#SubNavi nav ul li a{ display: inline-block; padding: 0.4em 0.5em 0.3em 0.8em ; background: url(../images/common/cursor_wh_r.png) no-repeat 0.4em center ; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-decoration: none; background-color: rgba(40,185,190,.95); font-family: "rounded-mplus-1c-bold" , sans-serif;  }
#SubNavi nav ul li a,
#SubNavi nav ul li a:visited,
#SubNavi nav ul li a:active{ color: #FFF; }
#SubNavi nav ul li a:hover{ background-color: rgba(250,170,0,.95); color: #FFF; }
#SubNavi nav ul li.cs a{ background-color: rgba(140,140,140,.65); cursor: default; }

.entry{ padding: 1em; margin-bottom: 3em; background-color: rgba(255,255,255,.85); border: #b4e8ea solid 1px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.entry .entry-head{ padding-bottom: .4em; margin-bottom: .8em; border-bottom: #28b9be dotted 2px; }
.entry .entry-date{ color: #faaa00; font-weight: normal; line-height: 1.1; padding: 3px 0 3px 26px; margin: 0 0 0.1em 0; background: url(../images/common/ico_entry-date.png) no-repeat left center; }
.entry .entry-cat{ color: #28b9be; font-weight: normal; line-height: 1.1; padding: 3px 0 3px 26px; margin: 0 0 0.1em 0; background: url(../images/common/ico_entry-cat.png) no-repeat left center; }
.entry .entry-title{ color: #28b9be; font-weight: bold; font-size: 1.4em; line-height: 1.2; }
.entry .entry-body{ padding: 0 ; line-height: 1.4; }
.entry .entry-left{ width: 36.7%; float: left; text-align: center; }
.entry .entry-right{ width: 63.3%; float: left; }
.entry .entry-left-p{ width: 39.8%; padding: 0 2% 0 0; float: left; text-align: center; }
.entry .entry-right-p{ width: 58.2%; float: left; }

.pager{ padding: 1em 0; margin: 0; }
.pager div{ display: inline-block; float: left; }
.pager div.next{ right:0px; float: right; }
.pager div.hide{ display: none; }
.pager div a{ display: inline-block; padding: 0.4em 0.5em 0.3em 0.8em ; background: #28b9be url(../images/common/cursor_wh_l.png) no-repeat 6% center ; border-radius: 0em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-decoration: none; }
.pager div.next a{ display: inline-block; padding: 0.4em 0.8em 0.3em 0.5em ; background: #28b9be url(../images/common/cursor_wh_r.png) no-repeat 95% center ; border-radius: 0em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; text-decoration: none; }
.pager div a,.pager div a:visited,.pager div a:active{ color: #FFF; }
.pager div a:hover{ background-color: #faaa00; color: #FFF; }


/* Footer Area */
#Footer{ clear: both; background: #FFF; border-top: #beeaeb solid 2px; }
#Footer .inner{ padding: 1em 0 2em 0; text-align: center; }
#Footer #FooterBanner{ max-width: 1200px; margin: 0 auto; text-align: center; padding: 0 0 .5em 0; margin: 0 0 .5em 0; border-bottom: #beeaeb dotted 1px;}
#Footer #FooterBanner ul{ display: block; list-style-type: none; margin: 0; padding: 0;}
#Footer #FooterBanner ul > li{ display: inline-block; margin: 0; padding: .1em;}
#Footer #Copyright{ color: #28b9be; font-size: 0.8em; display: inline-block; }










/* TOP */
#Page_Top{}
#Page_Top #Header{ z-index: 800; }
#Page_Top #Header .inner{ min-height: inherit; }
#Page_Top #Header .container{  /*padding-bottom: 10%;*/ height: 16.666%; }

#Page_Top #Header #Logo{ width: 52.083%; height: 27.68%; margin: 0  auto; padding: 0; position: relative ; float: none; }
#Page_Top #Header #Logo a{ width: 100%; height: 0px; padding-top: 27.68%; background: url(../images/common/logo.png) no-repeat; background-size: cover; display: block; overflow: hidden; }


#Page_Top #Header #Onair{ width: 22.25%; height: 61.797%; text-align: right; position: relative ; float: right;}
#Page_Top #Header #PV{ width: 21.75%; height: 70.114%;  ; position: relative; float: left; }

#Page_Top #SideNavi #Logo{ display: none; }

#Page_Top #Main{ width: 100%; min-height: 100%; margin: 0 0 0 -200px; float: left; }
#Page_Top #Main > .inner{  margin: 0 210px 0 190px; }
#Page_Top #Main > .inner > .container{ width: 100%; padding: 0 0 0 0; margin: -15% auto 0 auto; }

#Page_Top #Content{ }
#Page_Top #Content{ }

#Page_Top #Content{ width: 200px; position: relative; float: right; }
#Page_Top #Content > .inner{  margin: 0 ; }
#Page_Top #Content > .inner > .container{ width: 100%; padding: 0; margin: 0 ; }

#Page_Top #News,
#Page_Top #Twitter{ padding: 5px; background:url(../images/common/ptn_box-bstrp2.png); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: .5em; }
#Page_Top #News .container,
#Page_Top #Twitter .container{ background: #FFF; padding: 2px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
#Page_Top #News .ttl,
#Page_Top #Twitter .ttl{ margin: 0 0  0.5em 0; text-align: left; line-height: 0;}
#Page_Top #Twitter .ttl span{ float: right; margin-right: 0.5em; font-size: 0.8em; }
.news-list{ width: 92%; padding: 4%; height: 390px; overflow: auto; line-height: 1.1; font-size: 0.9em;  }
.news-list dl{ margin: 0 0 1em 0 ; padding:0 0 1px 0px; list-style-type: none; border-bottom: #28b9be dotted 1px; }
.news-list dl dt{ display: block; padding: 0 0 0.05em 0; margin: 0; }
.news-list dl dt span:after{ content:".";}
.news-list dl dd{ display: inline-block; margin: 0;padding: 0;}
.news-list dl dd a{ color: #faaa00; text-decoration: none; }
.news-list dl dd a:hover{color: #faaa00; text-decoration: underline;}
.twt-widget{ width: 92%; padding: 4%;}

#Page_Top .show1{ animation-delay: 1.5s;  z-index: 90; }/* kv */
#Page_Top .show2{ animation-delay: .5s;  z-index: 400; }/*logo*/
#Page_Top .show3{ animation-delay: 2.8s;  z-index: 300; }/*onair*/
#Page_Top .show4{ animation-delay: 2.8s;  z-index: 200; }/*PV*/


/* SUB-PAGE */
/* NEWS */
#Page_News #Wrap > .inner > .container{ background-image:url(../images/common/news_pbg.png); }
/* Onair */
#Page_Onair #Wrap > .inner > .container{ background-image:url(../images/common/onair_pbg.png); }
/* Story */
#Page_Story #Wrap > .inner > .container{ background-image:url(../images/common/story_pbg.png); }
.list-story-th{ text-align: center; }
.list-story-th > li { width: 20%; padding: 1%; }
#Outline .msg{ padding: 2em 0; text-align: center; }
#Outline .blocktitle{ max-width: 720px; padding: 1em 0; text-align: center; border-bottom: #28b9be dotted 3px; margin: 0 auto 1em auto; }
#Outline .ep-number{ font-size: 1.0em; margin: 0 .5em 0; display: inline-block; }
#Outline .ep-title{ font-size: 1.4em; margin: 0 .5em 0; display: inline-block; }
#Outline .ep-text{ font-size: 1.0em; display: block; max-width: 720px; margin: 0 auto 1em auto; }
#Outline .ep-staff{ font-size: 0.8em; color: #28b9be; text-align: center; display: block; max-width: 720px; margin: 0 auto 1em auto;  }
#Outline .ep-movie{ max-width: 720px; padding: 1em 0; text-align: center; border-top: #28b9be dotted 3px; margin: 0 auto 1em auto; }

#Outline #slider{ max-width: 720px; width: 100%; margin: 0 auto 1em auto; }
#Outline #slider ul{ display: block; padding: 0; margin: 0; list-style-type: none; }
#Outline #slider ul li{ display: block; padding: 0; margin: 0; line-height: 0; }
#Outline #slider .sceneImage{ width: 100%; max-width: 960px; height: 56.25%; margin-bottom: 0.16%; overflow: hidden; }
#Outline #slider .sceneImage li{ width: 100%; height: 56.25%; float: left; }
#Outline #slider .thumb{ padding:0; }
#Outline #slider .thumb li{ width: 16.5%; height: 56.25%; margin-left: 0.16%; line-height: 0; overflow: hidden; float: left; }
#Outline #slider .thumb li:last-child{ margin-left: 0; }
#Outline #slider .thumb li img{ }


/* Character */
#Page_Character #Wrap > .inner > .container{ background-image:url(../images/common/character_pbg.png); }
.cprof{ max-width: 752px; width: 100%; min-height: 155.38%; display: block; }
.cprof .ccm{ min-height: 155.38%;  }
.cprof .c1{  }
/* STAFF */
#Page_Staffcast #Wrap > .inner > .container{ background-image:url(../images/common/staffcast_pbg.png); }
.list-staff{ display: block; list-style-type: none; margin: 0; padding: 0;}
.list-staff li{ display: block; margin: 0 0 1em 0; padding: 0; color: #28b9be;}
.list-staff li p{ margin: 0; padding: 0; color: #faaa00; font-size: 0.8em; font-weight: bold; font-family: "rounded-mplus-1c-bold" , sans-serif;}
.list-staff li span{ font-size: 0.66em; }
/* Products */
#Page_Products #Wrap > .inner > .container{ background-image:url(../images/common/products_pbg.png); }
.bd_date{ margin-bottom: 1em; font-weight: bold; }
.bd_th{ text-align: center; margin-bottom: 1em; }
.bd_tkt{ font-size: 1em; margin: 0 0 1em 0; line-height: 1.7; }
.table-p{ border-collapse: collapse; }
.table-p th{ padding:0.3em; font-weight: bold; vertical-align: top; text-align: left; }
.table-p td{ padding:0.3em; vertical-align: top; }
.table-p th,
.table-p td{ border-bottom: #b19276 dotted 1px; }
.table-p{ border-top: #b19276 dotted 1px; }
/* Special */
#Page_Special #Wrap > .inner > .container{ background-image:url(../images/common/special_pbg.png); }
/* Hitotose */
#Page_Hitotose #Wrap > .inner > .container{ background-image:url(../images/common/hitotose_pbg.png); }
.list-hitotose-th{ text-align: center; }
.list-hitotose-th > li { width: 25%; padding: 1%; }
.hitotose-blockhead{ padding:1em 0 .8em 0; margin-bottom: .8em; border-bottom: #28b9be dotted 2px; }
.radio-l{ width: 55.29%; margin-bottom: 1em; float: left; }
.radio-r{ width: 43.71%; margin-bottom: 1em; float: right;}
.hayakuchi-nav{ padding-top: 1em; margin-bottom: 1em; border-top: #28b9be dotted 2px; }
.list-hayakuchi-th > li{ width: 32%;margin: 0 1% 1% 0; background:rgba(255,255,255,.9) url(../assets/hitotose/hayakuchi_th_cursor.png) no-repeat right center ; }
.list-hayakuchi-th > li a{color: #ff536b; border:#fff2f2 solid 6px; padding: 5px 5px 5px 50px; text-decoration: none; display: block;  background-repeat: no-repeat; background-position: left bottom;}
.list-hayakuchi-th > li.ic1 a{background-image: url(../assets/hitotose/hayakuchi_ic1.png);}
.list-hayakuchi-th > li.ic2 a{background-image: url(../assets/hitotose/hayakuchi_ic2.png);}
.list-hayakuchi-th > li.ic3 a{background-image: url(../assets/hitotose/hayakuchi_ic3.png);}
.list-hayakuchi-th > li.ic4 a{background-image: url(../assets/hitotose/hayakuchi_ic4.png);}
.list-hayakuchi-th > li.ic5 a{background-image: url(../assets/hitotose/hayakuchi_ic5.png);}
.list-hayakuchi-th > li.ic6 a{background-image: url(../assets/hitotose/hayakuchi_ic6.png);}
.list-hayakuchi-th > li a p{ margin-bottom: .2em; font-size: 0.8em; }
.list-hayakuchi-th > li a p:nth-child(2){ font-size: 0.8em; margin-left: -0.3em; margin-bottom: 0; }
.hayakuchi-title{ color:#ff536b; text-align: center; }
.hayakuchi-title > p{ display: inline-block; margin-bottom: .5em; }
.hayakuchi-title p:nth-child(2){ font-size: 1.2em; }
.hayakuchi-period{ text-align: center; }
.hayakuchi-movie{ width: 100%; max-width: 720px; margin: 0 auto 2em auto; }
.hayakuchi-cmt{ width: 100%; max-width: 606px; height: 68.977%; padding: 0; margin: 0 auto 2em auto; line-height: 0; position: relative; background-repeat:no-repeat background-position: center top; background-size: 100%; }
.hayakuchi-cmt p{ position: relative; width: 44.555%; height: 141.12%; padding:3.05% 44.45% 3.05% 9%;  margin: 0; display: block; line-height: 0; }
.hayakuchi-cmt.cmt1{ background-image: url(../assets/hitotose/hayakuchi_fr1.png); }
.hayakuchi-cmt.cmt2{ background-image: url(../assets/hitotose/hayakuchi_fr2.png); }
.hayakuchi-cmt.cmt3{ background-image: url(../assets/hitotose/hayakuchi_fr3.png); }
.hayakuchi-cmt.cmt4{ background-image: url(../assets/hitotose/hayakuchi_fr4.png); }
.hayakuchi-cmt.cmt5{ background-image: url(../assets/hitotose/hayakuchi_fr5.png); }
.hayakuchi-cmt.cmt6{ background-image: url(../assets/hitotose/hayakuchi_fr6.png); }

.nissi-nav{ padding-top: 1em; margin-bottom: 1em;/* border-bottom: #28b9be dotted 2px; */}
.list-nissi-th > li{ width: 32%;margin: 0 1% 1% 0; background:rgba(255,255,255,.9) url(../assets/hitotose/hayakuchi_th_cursor.png) no-repeat right center ; }
.list-nissi-th > li a{color: #ff536b; border:#fff2f2 solid 6px; padding: 5px 15px 5px 55px; text-decoration: none; display: block;  background-repeat: no-repeat; background-position: left center;}
.list-nissi-th > li a p{ margin-bottom: .2em; font-size: 0.8em; }
.list-nissi-th > li a p:nth-child(2){ font-size: 0.8em; margin-left: -0.3em; margin-bottom: 0; }






/* PC - middle */
@media (max-width: 980px) {
/* Hitotose */
.list-hayakuchi-th > li{ width: 49%;}
.list-nissi-th > li{ width: 49%;}

}
/* pad - small */
@media (max-width: 767px) {
.pcbr {display: none;}
.pcbr:before {content: "" ;}
.spbr:before {content: "\A" ;white-space: pre ;}

.table-onair td{ }
.table-onair .oasep{ display: block; }
.table-onair .oasep2{ }

/*
.benefits-block div p{ display: block; width: 69%;}
.benefits-block div p.thumb{ width: 29%; min-height: inherit; float: right; }
.benefits-block div p.thumb-np{ width: 29%; min-height: inherit; float: right; }
*/
.benefits-block div p:nth-child(4){  }

html,
body{ font-size: 14px;}

/* Wrap */
#Wrap > .inner > .container{ background-size: 100%; background-position: center 64px ; }
/* SideNavi Area */
#SideNavi{ width: 100%; padding: 5px 0 0 0; min-height: 64px; float: none; position: absolute; z-index: 900; background-color: rgba(255,255,255,.95); border-bottom: #28b9be dotted 2px; /*display: none;*/ }
#SideNavi #Logo{ max-width: 210px; height: 27.68%; margin: 0 0 5px 0 ; padding: 0; float: left; }
#SideNavi #Logo a{ width: 100%; height: 0px; padding-top: 27.68%; background: url(../images/common/logo.png) no-repeat; background-size: cover; display: block; overflow: hidden; }
#SideNavi #NaviSpBtn{ max-width: 63px; height: 50%;  display: block; float: right;  }
#SideNavi #NaviSpBtn a{ width: 100%; height: 0px; padding-top: 100%; background: url(../images/common/btn_navisp.png) no-repeat; background-size: cover; display: block; overflow: hidden; }

#SideNavi #Navi{ width: 100%; max-width: 100%; padding: .5em 0 0 0; margin: 0 0 1em 0; position: relative ; left: inherit; border-top: #28b9be dotted 2px; clear: both;  }
#SideNavi #Navi nav{ }
#SideNavi #Navi nav ul{ text-align: center; padding: 1%;}
#SideNavi #Navi nav ul li{ float: none; display: inline-block; }
#SideNavi #Navi nav ul li{ width: 180px; height: 22.22%; padding: 0; margin: 0 0 2px 0; }
#SideNavi #Pickup{ max-width: inherit; width: 100%; padding: 30px 0 0 0; margin: 0; background: url(../images/common/ttl_pickup.png) no-repeat center top; position: relative ; left: inherit;}
#SideNavi #Pickup ul{ text-align: center; padding: 1%;}
#SideNavi #Pickup ul li{ max-width: 180px; float: none; display: inline-block; }
#SideNavi #Pickup ul li{ width: 100%; height: 22.22%; padding: 0; margin: 0 0 2px 0; }

#Navi,#Pickup{ display: none; }

/* Content Area */
#Content{ width: 100%; margin: 0; float: none; }
#Content > .inner{  margin: 0 ; padding-top: 64px; }
#Content > .inner > .container{ width: 90%; padding: 20% 0 0 0; margin: 0 auto; }

.entry .entry-left{ width: 100%; padding: 0 0 2% 0; float: none; text-align: center; }
.entry .entry-right{ width: 100%; float: none; }
.entry .entry-left-p{ width: 100%; padding: 0 0 2% 0; float: none; text-align: center; }
.entry .entry-right-p{ width: 100%; float: none; }



/* #TOP */
#Page_Top #Header{ position: absolute; top: 80px; width: 100%; }
#Page_Top #Header #Logo{ display: none; }
#Page_Top #Header #Onair{ width: 44.5%; }
#Page_Top #Header #PV{ width: 43.5%; }
#Page_Top #SideNavi #Logo{ display: block; }
#Page_Top #Main{ width: 100%; margin: 0 ; float: none; }
#Page_Top #Main > .inner{  margin: 0 ; padding: 96px 0 0 0; }
#Page_Top #Main > .inner > .container{ width: 86%; padding: 0 0 0 0; margin: 0 auto 0 auto; }
#Page_Top #Content{ float: none; width: 100%; margin: 0; padding: 0; }
#Page_Top #Content > .inner{  margin: 0 ; padding-top: 0; }
#Page_Top #Content > .inner > .container{ width: inherit; padding: 0 0 0 0; margin: 0 auto; }
#Page_Top #News,
#Page_Top #Twitter{ width: 90%; margin: 0 auto 2em auto; float: none; }
.news-list{ height: inherit; overflow: inherit; font-size: 1.2em;  }

/* Character */
#Page_Character #Wrap > .inner > .container{ background-position: -40px 64px ; }
/* Hitotose */
#Page_Hitotose #Wrap > .inner > .container{ background-position: -40px 64px ; }
.radio-l{ width: 100%; float: none; }
.radio-r{ width: 100%; float: none;}
.list-hayakuchi-th > li{ width: 98%; }
.list-nissi-th > li{ width: 98%; }
}
/* smp - X small */
@media (max-width: 420px) {

#Logo{ width: 90%; height: 26.49%; margin: 0 auto ; padding: 0; position: relative ;  float: none;  }
#Logo a{ width: 100%; height: 0px; padding-top: 26.49%; }

#Navi{ max-width: 100%; padding: 0 3% ; margin: 0 auto; text-align: center;  position: relative ; float: none; }

.table-a th,.table-a td{ width: inherit; display: block; }
.table-b th,.table-b td{ width: inherit; display: block; }


/* #TOP */
#Page_Top #Navi{ top:81%;}
#Page_Top #PV{ width: 56%; height: inherit; margin: 0 auto; position: relative ; top:inherit; left: inherit; z-index: inherit; }

/* Products */
.table-p th,.table-p td{ width: inherit; display: block; }
.table-p th{ border: none; }
}
/* pc - large */
@media (min-width: 768px) {
.spbr {display: none;}
.spbr:before {content: "" ;}

}