@charset "UTF-8";
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  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; }

body {
  color: #636363;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff; }

a:visited, a:link {
  color: #666;
  text-decoration: underline; }

a:hover, a:active {
  color: #333;
  text-decoration: none; }

img {
  vertical-align: top; }

.center {
  text-align: center !important; }

.v-center {
  vertical-align: middle !important; }

.t-left {
  text-align: left !important; }

.tRight {
  text-align: right !important; }

.clear {
  clear: both; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mt0 {
  margin-bottom: 0px !important; }

.mt5 {
  margin-bottom: 5px !important; }

.mt10 {
  margin-bottom: 10px !important; }

.mt15 {
  margin-bottom: 15px !important; }

.mt20 {
  margin-bottom: 20px !important; }

.mt25 {
  margin-bottom: 25px !important; }

.mt30 {
  margin-bottom: 30px !important; }

.mt35 {
  margin-bottom: 35px !important; }

.mt40 {
  margin-bottom: 40px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.table-style01 {
  border-collapse: separate;
  border-spacing: 0px;
  background-color: #CCCCCC;
  margin: 0 auto 15px auto;
  border-top: #CCC solid 1px !important;
  border-left: #CCC solid 1px !important;
  width: 710px; }

.table-style01 th {
  padding: 4px;
  background-color: #F5D7CF;
  border-right: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  border-top: #FFF solid 1px;
  border-left: #FFF solid 1px;
  text-align: center;
  vertical-align: middle; }

.table-style01 td {
  padding: 4px;
  color: #333333;
  background-color: #FFFFFF;
  border-right: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  border-top: #FFF solid 1px;
  border-left: #FFF solid 1px; }

.table-style01 td.cellCap {
  background-color: #FFB93F;
  color: #666666 !important;
  font-weight: bold; }

.table-style01 td.tdCap {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px; }

.table-style01 tr.trCap td {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
  vertical-align: middle;
  text-align: center !important;
  white-space: nowrap; }

.table-style02 {
  background-color: #CCCCCC;
  margin: 0 auto 0 auto;
  border-top: #CCC solid 1px;
  border-left: #CCC solid 1px;
  width: 100%; }

.table-style02 th {
  padding: 2px;
  border-right: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  border-top: #FFF solid 1px;
  border-left: #FFF solid 1px;
  text-align: center; }

.table-style02 td {
  padding: 2px;
  color: #333333;
  background-color: #FFFFFF;
  border-right: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  border-top: #FFF solid 1px;
  border-left: #FFF solid 1px; }

.table-style02 td.cellCap {
  background-color: #FFB93F;
  color: #666666 !important;
  font-weight: bold; }

.table-style02 td.tdCap {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px; }

.table-style02 tr.trCap td {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding: 5px;
  vertical-align: middle;
  text-align: center !important;
  white-space: nowrap; }

.dot-bar {
  padding-bottom: 15px !important;
  margin-bottom: 20px !important;
  background: url("/shared/img/bar_dot01.gif") 0 100% repeat-x; }

.title-box {
  text-align: left;
  margin-top: 30px;
  background-color: #fff;
  line-height: 1.2em;
  vertical-align: top; }
  .title-box h3 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 12px;
    background-color: #FFFF00;
    display: inline-block;
    margin-bottom: 10px; }

.main-column .detail {
  padding-top: 20px; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: "";
    clear: both;
    display: block; }

#top .l-main {
  zoom: 1; }
  #top .l-main:after {
    content: "";
    clear: both;
    display: block; }
#top .main_list li {
  position: relative; }
#top .main_list a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%; }
#top .main_list span {
  position: absolute; }
#top .icon_more {
  position: absolute;
  right: 15px;
  bottom: 20px;
  z-index: 1; }
#top .img {
  position: absolute;
  left: 7px;
  top: 15px;
  z-index: 0; }
#top .w1_h1 {
  width: 310px;
  height: 208px; }
  #top .w1_h1 .img {
    overflow: hidden;
    width: 295px;
    height: 180px; }
#top .w1_h2 {
  width: 310px;
  height: 416px; }
#top .w2_h2 {
  width: 620px;
  height: 416px; }
#top .movie .img {
  position: absolute;
  left: 5px;
  top: 18px;
  z-index: 0;
  width: 610px;
  height: 380px;
  overflow: hidden; }
#top .movie2 .img {
  position: absolute;
  left: 5px;
  top: 30px;
  z-index: 0;
  width: 610px;
  height: 380px;
  overflow: hidden; }
#top .twitter .img {
  position: absolute;
  left: 18px;
  top: 275px;
  z-index: 2; }
#top .twitter .frame {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 1; }
#top .news_h2 {
  position: absolute;
  left: 27px;
  top: 288px;
  z-index: 1;
  font-size: 0.75em;
  line-height: 1.4em;
  width: 120px; }
#top .goods_text {
  position: absolute;
  left: 27px;
  top: 70px;
  z-index: 1;
  font-size: 0.75em;
  line-height: 1.4em;
  width: 140px; }
#top .news2_text {
  position: absolute;
  left: 27px;
  top: 85px;
  z-index: 1;
  font-size: 0.75em;
  line-height: 1.4em;
  width: 160px; }
#top .news3_text {
  position: absolute;
  left: 27px;
  top: 60px;
  z-index: 1;
  font-size: 0.75em;
  line-height: 1.4em;
  width: 160px; }
#top .goods_img {
  position: absolute;
  left: 180px;
  top: 70px;
  z-index: 1; }

#news .l-main {
  zoom: 1; }
  #news .l-main:after {
    content: "";
    clear: both;
    display: block; }
#news .news_main {
  width: 620px;
  float: left; }
#news .news_side {
  width: 310px;
  float: right; }
#news .news_box {
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  margin: 0 0 20px 0;
  background-image: url("/common/images/news/frame_top_yellow.png"), url("/common/images/news/frame_bottom_yellow.png"), url("/common/images/news/frame_middle_yellow.png"); }
  #news .news_box h3 {
    background: url("/common/images/common/icon_arrow_yellow.png") left 2px no-repeat; }
#news .news_box:nth-child(3n) {
  background-image: url("/common/images/news/frame_top_green.png"), url("/common/images/news/frame_bottom_green.png"), url("/common/images/news/frame_middle_green.png"); }
  #news .news_box:nth-child(3n) h3 {
    background: url("/common/images/common/icon_arrow_green.png") left 2px no-repeat; }
#news .news_box:nth-child(3n-1) {
  background-image: url("/common/images/news/frame_top_purple.png"), url("/common/images/news/frame_bottom_purple.png"), url("/common/images/news/frame_middle_purple.png"); }
  #news .news_box:nth-child(3n-1) h3 {
    background: url("/common/images/common/icon_arrow_purple.png") left 2px no-repeat; }
#news .yellow {
  background-image: url("/common/images/news/frame_top_yellow.png"), url("/common/images/news/frame_bottom_yellow.png"), url("/common/images/news/frame_middle_yellow.png"); }
  #news .yellow h3 {
    background: url("/common/images/common/icon_arrow_yellow.png") left 2px no-repeat; }
#news .purple {
  background-image: url("/common/images/news/frame_top_purple.png"), url("/common/images/news/frame_bottom_purple.png"), url("/common/images/news/frame_middle_purple.png"); }
  #news .purple h3 {
    background: url("/common/images/common/icon_arrow_purple.png") left 2px no-repeat; }
#news .green {
  background-image: url("/common/images/news/frame_top_green.png"), url("/common/images/news/frame_bottom_green.png"), url("/common/images/news/frame_middle_green.png"); }
  #news .green h3 {
    background: url("/common/images/common/icon_arrow_green.png") left 2px no-repeat; }
#news .inner {
  margin: 0 45px;
  padding: 30px 0; }
#news .headline {
  border-bottom: #696969 dotted 1px;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  position: relative; }
#news h3 {
  margin: 0 50px 0 0;
  padding: 0 0 0 25px;
  font-size: 1.12em; }
#news .date {
  position: absolute;
  right: 0px;
  bottom: 8px;
  z-index: 0;
  font-size: 0.62em; }
#news .detail {
  font-size: 0.75em;
  line-height: 1.8em;
  position: relative; }
  #news .detail img {
    margin-bottom: 10px; }
#news .sns {
  position: absolute;
  right: 0px;
  bottom: 8px;
  z-index: 0;
  letter-spacing: -0.4em;
  text-align: right; }
  #news .sns li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 0 0 10px; }
#news .news_category {
  background-image: url("/common/images/news/frame_top_category.png"), url("/common/images/news/frame_bottom_category.png"), url("/common/images/news/frame_middle_category.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: left top, center bottom, center top;
  margin: 0 0 20px 0;
  zoom: 1; }
  #news .news_category:after {
    content: "";
    clear: both;
    display: block; }
#news .news_recent {
  background-image: url("/common/images/news/frame_top_recent.png"), url("/common/images/news/frame_bottom_recent.png"), url("/common/images/news/frame_middle_recent.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: left top, center bottom, center top;
  margin: 0 0 20px 0;
  zoom: 1; }
  #news .news_recent:after {
    content: "";
    clear: both;
    display: block; }
#news h4 {
  width: 35px;
  float: left;
  text-align: center;
  margin: 30px 0; }
#news .link_list {
  width: 265px;
  float: left;
  font-size: 0.75em;
  margin: 20px 0; }
  #news .link_list li {
    border-bottom: #696969 dotted 1px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 15px; }
#news .twitter {
  position: relative;
  width: 310px;
  height: 416px; }
  #news .twitter .img {
    position: absolute;
    left: 18px;
    top: 275px;
    z-index: 2; }
  #news .twitter .frame {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 1; }
#news .border {
  border: #cccccc solid 1px; }
#news strong {
  font-weight: bold;
  font-size: 15px; }
#news i {
  font-size: 12px;
  font-style: normal;
  font-weight: bold; }
#news .yellow i {
  color: #af70c4; }
#news .purple i, #news .news_box:nth-child(3n-1) i {
  color: #af70c4; }
#news .green i, #news .news_box:nth-child(3n) i {
  color: #4ed280; }
#news span {
  color: #F00; }
#news .list {
  zoom: 1; }
  #news .list:after {
    content: "";
    clear: both;
    display: block; }
  #news .list li {
    float: left;
    margin: 0 15px 0 0;
    font-size: 10px;
    min-height: 265px;
    line-height: 1.4; }

.sp #news .news_main {
  float: none; }
.sp #news .news_side {
  float: none;
  width: 620px;
  zoom: 1; }
  .sp #news .news_side:after {
    content: "";
    clear: both;
    display: block; }
.sp #news .news_category, .sp #news .news_recent {
  width: 310px;
  float: left; }
.sp #news .twitter {
  clear: both;
  width: 620px;
  height: 394px; }
  .sp #news .twitter .img {
    position: absolute;
    left: 327px;
    top: 263px;
    z-index: 2; }
  .sp #news .twitter iframe {
    width: 560px !important; }
.sp #news .link_list {
  font-size: 1.4em; }
.sp #news h3 {
  font-size: 2em;
  background-position: left 12px; }
.sp #news .date {
  font-size: 1em;
  bottom: 10px; }
.sp #news .detail {
  font-size: 1em; }
.sp #news .sns img {
  width: 45px;
  height: 45px; }

#movie .l-main {
  zoom: 1; }
  #movie .l-main:after {
    content: "";
    clear: both;
    display: block; }
#movie .movie_list li {
  float: left;
  margin: 0 0 10px 0; }
#movie .movie_list a {
  position: relative;
  display: block;
  width: 465px;
  height: 265px; }
#movie .movie_list span {
  position: absolute;
  position: absolute;
  left: 10px;
  top: 0px;
  z-index: 0; }
#movie .movie_list .cap {
  position: absolute;
  left: 20px;
  top: 10px;
  z-index: 0;
  width: 440px;
  height: 240px;
  overflow: hidden; }
#movie .movie_list .title_red {
  background: url("/common/images/common/icon_arrow_red.png") left 2px no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 0 10px; }
#movie .movie_list .title_yellow {
  background: url("/common/images/common/icon_arrow_yellow.png") left 2px no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 0 10px; }
#movie .movie_list .title_green {
  background: url("/common/images/common/icon_arrow_green.png") left 2px no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 0 10px; }
#movie .movie_list .blank div {
  position: relative;
  width: 465px;
  height: 265px; }
#movie .movie_list .blank .title {
  background: none; }

.sp #movie .movie_list {
  width: 465px;
  margin: 0 auto; }
  .sp #movie .movie_list li {
    float: none; }

#story .story_intro {
  position: relative;
  text-align: center;
  font-size: 0.75em;
  line-height: 2em;
  margin: 50px 0 0 0;
  zoom: 1; }
  #story .story_intro:after {
    content: "";
    clear: both;
    display: block; }
  #story .story_intro .cap1 {
    position: absolute;
    left: 80px;
    top: 15px;
    z-index: 0; }
  #story .story_intro .cap2 {
    position: absolute;
    left: 570px;
    top: 230px;
    z-index: 0; }
  #story .story_intro .cap3 {
    position: absolute;
    left: 190px;
    top: 300px;
    z-index: 0; }
#story .story_episode {
  margin: 50px 0 0 0;
  position: relative; }
#story .detail {
  width: 650px;
  margin: 0 0 0 115px;
  position: relative;
  zoom: 1;
  float: left; }
  #story .detail:after {
    content: "";
    clear: both;
    display: block; }
#story .cap_list {
  height: 435px;
  margin: 0 0 20px 0; }
  #story .cap_list li div {
    position: relative; }
  #story .cap_list li span {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1; }
#story .cap_main {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 427px;
  height: 285px; }
  #story .cap_main .cap {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 0; }
#story .cap01, #story .cap02, #story .cap03, #story .cap04, #story .cap05 {
  width: 208px;
  height: 137px; }
  #story .cap01 .cap, #story .cap02 .cap, #story .cap03 .cap, #story .cap04 .cap, #story .cap05 .cap {
    position: absolute;
    left: 10px;
    top: 9px;
    z-index: 0; }
#story .cap01 {
  position: absolute;
  left: 438px;
  top: 0px;
  z-index: 0; }
#story .cap02 {
  position: absolute;
  left: 438px;
  top: 148px;
  z-index: 0; }
#story .cap03 {
  position: absolute;
  left: 438px;
  top: 296px;
  z-index: 0; }
#story .cap04 {
  position: absolute;
  left: 219px;
  top: 296px;
  z-index: 0; }
#story .cap05 {
  position: absolute;
  left: 0px;
  top: 296px;
  z-index: 0; }
#story .episode_nav {
  width: 75px;
  float: right;
  text-align: right; }
  #story .episode_nav li {
    margin: 0 0 8px 0; }
#story .episode_paging .left {
  position: absolute;
  left: 35px;
  top: 260px;
  z-index: 0; }
#story .episode_paging .right {
  position: absolute;
  left: 785px;
  top: 260px;
  z-index: 0; }
#story .episode_detail h3 {
  margin: 0 0 10px 0; }
#story .episode_detail .text {
  font-size: 12px;
  margin: 0 0 30px 0;
  line-height: 1.8em; }
#story .episode_guest .guest_list {
  zoom: 1; }
  #story .episode_guest .guest_list:after {
    content: "";
    clear: both;
    display: block; }
  #story .episode_guest .guest_list li {
    width: 128px;
    height: 140px;
    float: left;
    position: relative;
    margin: 0 20px 0 0;
    text-align: center; }
  #story .episode_guest .guest_list span {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0; }
  #story .episode_guest .guest_list .ph {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 0; }
  #story .episode_guest .guest_list .name {
    position: absolute;
    left: 0px;
    top: 135px;
    z-index: 0;
    width: 100%;
    font-size: 14px; }

.sp #story .story_intro {
  font-size: 1em;
  line-height: 1.6em;
  text-align: left;
  margin: 30px 40px; }
.sp #story .cap1, .sp #story .cap2, .sp #story .cap3 {
  display: none; }
.sp #story .story_episode {
  margin: 30px 40px;
  position: relative; }
.sp #story .detail {
  width: 430px;
  margin-left: 0; }
.sp #story .cap_list {
  height: 430px;
  margin: 0 0 20px 0;
  zoom: 1; }
  .sp #story .cap_list:after {
    content: "";
    clear: both;
    display: block; }
  .sp #story .cap_list li {
    float: left;
    margin: 0 0 10px 0; }
    .sp #story .cap_list li div {
      position: relative; }
    .sp #story .cap_list li span {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1; }
.sp #story .cap_main {
  position: relative;
  left: auto;
  top: auto; }
  .sp #story .cap_main .cap {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 0; }
.sp #story .cap01, .sp #story .cap02, .sp #story .cap03, .sp #story .cap04, .sp #story .cap05 {
  position: relative;
  left: auto;
  top: auto; }
  .sp #story .cap01 .cap, .sp #story .cap02 .cap, .sp #story .cap03 .cap, .sp #story .cap04 .cap, .sp #story .cap05 .cap {
    position: absolute;
    left: 10px;
    top: 9px;
    z-index: 0; }
.sp #story .cap03, .sp #story .cap05 {
  margin-left: 14px; }
.sp #story .episode_nav {
  width: 90px; }
  .sp #story .episode_nav li {
    margin: 0 0 15px 0; }
  .sp #story .episode_nav img {
    width: 90px;
    height: auto; }
.sp #story .episode_paging {
  clear: both;
  position: relative;
  height: 60px; }
  .sp #story .episode_paging .left {
    position: absolute;
    left: 200px;
    top: 0px;
    z-index: 0; }
  .sp #story .episode_paging .right {
    position: absolute;
    left: 300px;
    top: 0px;
    z-index: 0; }
.sp #story .episode_detail h3 {
  clear: both;
  padding: 20px 0 0 0; }
.sp #story .episode_detail .text {
  font-size: 20px;
  margin: 0 0 30px 0;
  line-height: 1.6em; }
.sp #story .episode_guest {
  padding: 0 0 50px 0; }

#comics h3 {
  text-align: center;
  margin: 20px 0 15px 0; }
#comics .intro {
  font-size: 0.75em;
  line-height: 2em;
  text-align: center;
  margin: 0 0 20px 0; }
  #comics .intro span {
    display: inline-block;
    background-color: #ffeca6;
    line-height: 1em; }
#comics .btn_hajimemashite {
  text-align: center;
  margin: 0 0 50px 0; }
#comics .cut_list {
  position: relative;
  height: 1040px;
  pointer-events: none; }
  #comics .cut_list .cap1 {
    position: absolute;
    left: 367px;
    top: 0px;
    z-index: 0; }
  #comics .cut_list .cap2 {
    position: absolute;
    left: 114px;
    top: 56px;
    z-index: 0; }
  #comics .cut_list .cap3 {
    position: absolute;
    left: 367px;
    top: 256px;
    z-index: 0; }
  #comics .cut_list .cap4 {
    position: absolute;
    left: 184px;
    top: 293px;
    z-index: 0; }
  #comics .cut_list .cap5 {
    position: absolute;
    left: 367px;
    top: 396px;
    z-index: 0; }
  #comics .cut_list .cap6 {
    position: absolute;
    left: 135px;
    top: 591px;
    z-index: 0; }
  #comics .cut_list .cap7 {
    position: absolute;
    left: 403px;
    top: 591px;
    z-index: 0; }
  #comics .cut_list .cap8 {
    position: absolute;
    left: 641px;
    top: 591px;
    z-index: 0; }
  #comics .cut_list .cap9 {
    position: absolute;
    left: 249px;
    top: 798px;
    z-index: 0; }

.sp #comics h3 {
  margin: 40px 0 40px 0; }
.sp #comics .intro {
  font-size: 1em;
  line-height: 1.6em;
  margin: 0 0 40px 0; }
  .sp #comics .intro span {
    font-size: 26px; }
.sp #comics .cut_list li img {
  width: 98%;
  height: auto; }
.sp #comics .cap1 {
  position: absolute;
  left: 257px;
  top: 0px;
  z-index: 0; }
.sp #comics .cap2 {
  position: absolute;
  left: 4px;
  top: 56px;
  z-index: 0; }
.sp #comics .cap3 {
  position: absolute;
  left: 257px;
  top: 256px;
  z-index: 0; }
.sp #comics .cap4 {
  position: absolute;
  left: 74px;
  top: 293px;
  z-index: 0; }
.sp #comics .cap5 {
  position: absolute;
  left: 257px;
  top: 396px;
  z-index: 0; }
.sp #comics .cap6 {
  position: absolute;
  left: 25px;
  top: 591px;
  z-index: 0; }
.sp #comics .cap7 {
  position: absolute;
  left: 293px;
  top: 591px;
  z-index: 0; }
.sp #comics .cap8 {
  position: absolute;
  left: 531px;
  top: 591px;
  z-index: 0; }
.sp #comics .cap9 {
  position: absolute;
  left: 139px;
  top: 798px;
  z-index: 0; }

#staff-cast .set {
  height: 800px;
  position: relative;
  margin: 35px 0 0 0; }
#staff-cast .cast_title {
  position: absolute;
  left: 195px;
  top: 5px;
  z-index: 0; }
#staff-cast .cast_headline {
  position: absolute;
  left: 130px;
  top: 45px;
  z-index: 0; }
#staff-cast .cast_detail {
  position: absolute;
  left: 240px;
  top: 40px;
  z-index: 0;
  width: 277px;
  height: 727px;
  width: 0;
  overflow: hidden; }
#staff-cast .staff_title {
  position: absolute;
  left: 540px;
  top: 5px;
  z-index: 0; }
#staff-cast .staff_headline {
  position: absolute;
  left: 430px;
  top: 45px;
  z-index: 0; }
#staff-cast .staff_detail {
  position: absolute;
  left: 594px;
  top: 40px;
  z-index: 0;
  width: 277px;
  height: 727px;
  width: 0;
  overflow: hidden; }

.sp #staff-cast .set {
  height: 1300px; }
.sp #staff-cast .cast_title {
  position: absolute;
  left: 300px;
  top: 5px;
  z-index: 0; }
.sp #staff-cast .cast_headline {
  position: absolute;
  left: 200px;
  top: 45px;
  z-index: 0; }
.sp #staff-cast .cast_detail {
  position: absolute;
  left: 300px;
  top: 40px;
  z-index: 0; }
.sp #staff-cast .staff_title {
  position: absolute;
  left: 300px;
  top: 500px;
  z-index: 0; }
.sp #staff-cast .staff_headline {
  position: absolute;
  left: 130px;
  top: 550px;
  z-index: 0; }
.sp #staff-cast .staff_detail {
  position: absolute;
  left: 300px;
  top: 545px;
  z-index: 0; }

#onair .set {
  height: 1250px;
  position: relative;
  margin: 35px 0 0 0; }
#onair .onair_headline {
  position: absolute;
  left: 220px;
  top: 30px;
  z-index: 0; }
#onair .onair_detail {
  position: absolute;
  left: 455px;
  top: 30px;
  z-index: 0;
  width: 254px;
  height: 144px;
  width: 0;
  overflow: hidden; }
#onair .broad_title {
  position: absolute;
  left: 420px;
  top: 270px;
  z-index: 0; }
#onair .broad_headline {
  position: absolute;
  left: 200px;
  top: 320px;
  z-index: 0; }
#onair .broad_detail {
  position: absolute;
  left: 480px;
  top: 320px;
  z-index: 0;
  width: 256px;
  height: 174px;
  width: 0;
  overflow: hidden; }
#onair .btn_danime {
  position: absolute;
  left: 480px;
  top: 355px;
  z-index: 0;
  width: 0;
  overflow: hidden; }
#onair .btn_nico {
  position: absolute;
  left: 480px;
  top: 500px;
  z-index: 0;
  width: 0;
  overflow: hidden; }
#onair .detail {
  background-image: url("/common/images/onair/frame_top.png"), url("/common/images/onair/frame_bottom.png"), url("/common/images/onair/frame_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 40px 40px;
  width: 540px;
  position: absolute;
  left: 200px;
  top: 578px;
  z-index: 0;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0); }
  #onair .detail ul {
    margin: 0 0 30px 0; }
  #onair .detail li {
    margin: 0 0 15px 0; }
  #onair .detail span {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 170px; }
  #onair .detail a span {
    text-decoration: underline; }
  #onair .detail .caps {
    font-size: 10px; }

.sp #onair .set {
  height: 1250px; }
.sp #onair .onair_headline {
  position: absolute;
  left: 50px;
  top: 45px;
  z-index: 0; }
.sp #onair .onair_detail {
  position: absolute;
  left: 300px;
  top: 40px;
  z-index: 0; }
.sp #onair .broad_title {
  position: absolute;
  left: 265px;
  top: 270px;
  z-index: 0; }
.sp #onair .broad_headline {
  position: absolute;
  left: 40px;
  top: 320px;
  z-index: 0; }
.sp #onair .broad_detail {
  position: absolute;
  left: 315px;
  top: 320px;
  z-index: 0;
  width: 256px;
  height: 174px;
  width: 0;
  overflow: hidden; }
.sp #onair .btn_danime {
  position: absolute;
  left: 315px;
  top: 355px;
  z-index: 0; }
.sp #onair .btn_nico {
  position: absolute;
  left: 315px;
  top: 500px;
  z-index: 0; }
.sp #onair .detail {
  position: absolute;
  left: 40px;
  top: 578px;
  z-index: 0;
  font-size: 14px; }
  .sp #onair .detail span {
    font-size: 15px; }
  .sp #onair .detail .caps {
    font-size: 14px; }

#school .inner {
  margin: 0 100px;
  font-size: 0.75em; }
#school h3 {
  margin: 0 0 10px 0; }
#school .text {
  margin: 0 0 40px 0; }
#school h4 {
  margin: 0 0 15px 0; }
#school .detail {
  margin: 0 0 40px 20px; }
#school dl {
  zoom: 1;
  display: table;
  margin: 0 0 20px 0; }
  #school dl:after {
    content: "";
    clear: both;
    display: block; }
#school dt {
  width: 86px;
  display: table-cell;
  vertical-align: middle; }
#school dd {
  width: 580px;
  display: table-cell;
  vertical-align: middle; }

.sp #school .inner {
  width: 580px;
  margin: 0 auto;
  font-size: 1em; }
.sp #school .text {
  margin: 0 0 50px 0; }
.sp #school h3 {
  margin: 0 0 20px 0; }
  .sp #school h3 img {
    width: 100%;
    height: auto; }
.sp #school h4 {
  margin: 0 0 20px 0; }
  .sp #school h4 img {
    height: 34px;
    width: auto; }
.sp #school .detail {
  margin: 0 0 50px 0; }
.sp #school dl {
  border-bottom: #696969 dotted 2px;
  padding: 0 0 30px 0; }
.sp #school dt {
  width: 150px;
  vertical-align: top; }
  .sp #school dt img {
    height: 60px;
    width: auto; }
.sp #school dd {
  width: 400px; }

#character .l-main {
  position: relative; }
#character .character_set {
  position: relative;
  font-size: 0.75em;
  height: 1200px;
  display: none; }
#character .detail {
  width: 285px;
  position: absolute;
  left: 115px;
  top: 420px;
  z-index: 5; }
  #character .detail li {
    margin: 0 0 10px 0;
    pointer-events: none;
    width: 255px;
    height: 145px;
    overflow: hidden; }
#character .detail_korori {
  width: 170px;
  position: absolute;
  left: 710px;
  top: 530px;
  z-index: 5; }
#character h3 {
  margin: 0 0 10px 0; }
#character .profile {
  border-top: #696969 dotted 1px;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0; }
#character .btn_prev {
  position: absolute;
  left: 33px;
  top: 389px;
  z-index: 10; }
#character .btn_next {
  position: absolute;
  left: 731px;
  top: 389px;
  z-index: 10; }
#character .btn_prev a, #character .btn_next a {
  display: block; }
#character .main {
  display: none;
  pointer-events: none; }
#character .mike {
  display: none;
  pointer-events: none; }
#character .character_nav {
  position: absolute;
  right: 20px;
  top: 65px;
  z-index: 10; }
  #character .character_nav li {
    text-align: center;
    position: relative;
    margin: 0 0 30px 0; }
  #character .character_nav .icon {
    display: block;
    width: 87px;
    height: 87px;
    background: url("/common/images/character/nav_bg.png") left top no-repeat;
    position: relative;
    padding: 5px 0 0 0; }
  #character .character_nav .name {
    position: absolute;
    left: 0px;
    top: 82px;
    z-index: 1;
    width: 100%; }
#character .event_none {
  pointer-events: none; }
#character #futaba .main {
  position: absolute;
  left: 366px;
  top: 8px;
  z-index: 0; }
#character #futaba .mike {
  position: absolute;
  left: 308px;
  top: 132px;
  z-index: 1; }
#character #futaba .main_korori {
  position: absolute;
  left: 665px;
  top: 740px;
  z-index: 1; }
#character #rin .main {
  position: absolute;
  left: 361px;
  top: 115px;
  z-index: 0; }
#character #rin .mike {
  position: absolute;
  left: 264px;
  top: 131px;
  z-index: 1; }
#character #ichigo .main {
  position: absolute;
  left: 360px;
  top: 29px;
  z-index: 0; }
#character #ichigo .mike {
  position: absolute;
  left: 434px;
  top: 130px;
  z-index: 1; }
#character #diagram .main {
  position: absolute;
  left: 80px;
  top: 15px;
  z-index: 0; }

.sp #character .character_nav {
  top: 100px; }
.sp #character .character_set {
  font-size: 24px;
  height: 1550px; }
.sp #character .btn_prev {
  position: absolute;
  left: 30px;
  top: 500px;
  z-index: 10; }
.sp #character .btn_next {
  position: absolute;
  left: 540px;
  top: 500px;
  z-index: 10; }
.sp #character .detail {
  width: 560px;
  position: absolute;
  left: 30px;
  top: 1050px;
  z-index: 5; }
  .sp #character .detail h3 img {
    width: auto;
    height: auto; }
  .sp #character .detail ul {
    text-align: center; }
  .sp #character .detail li {
    margin: 0 10px;
    display: inline-block; }
    .sp #character .detail li img {
      width: 255px;
      height: auto; }
.sp #character .detail_korori {
  width: 560px;
  position: absolute;
  left: 30px;
  top: 1500px;
  z-index: 5; }
.sp #character #futaba {
  height: 1750px; }
  .sp #character #futaba .main {
    position: absolute;
    left: 166px;
    top: 8px;
    z-index: 0; }
  .sp #character #futaba .mike {
    position: absolute;
    left: 108px;
    top: 132px;
    z-index: 1; }
  .sp #character #futaba .main_korori {
    position: absolute;
    left: 130px;
    top: 740px;
    z-index: 1; }
.sp #character #rin .main {
  position: absolute;
  left: 101px;
  top: 25px;
  z-index: 0; }
.sp #character #rin .mike {
  position: absolute;
  left: 4px;
  top: 41px;
  z-index: 1; }
.sp #character #ichigo .main {
  position: absolute;
  left: 110px;
  top: 29px;
  z-index: 0; }
.sp #character #ichigo .mike {
  position: absolute;
  left: 184px;
  top: 130px;
  z-index: 1; }
.sp #character #diagram {
  height: 700px; }
  .sp #character #diagram .main {
    position: absolute;
    left: 80px;
    top: 15px;
    z-index: 0; }
    .sp #character #diagram .main img {
      width: 460px;
      height: auto; }

#products {
  zoom: 1; }
  #products:after {
    content: "";
    clear: both;
    display: block; }
  #products .products_side {
    width: 310px;
    float: right; }
    #products .products_side .news_category {
      background-image: url("/common/images/news/frame_top_category.png"), url("/common/images/news/frame_bottom_category.png"), url("/common/images/news/frame_middle_category.png");
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-position: left top, center bottom, center top;
      margin: 0 0 20px 0;
      zoom: 1; }
      #products .products_side .news_category:after {
        content: "";
        clear: both;
        display: block; }
    #products .products_side .news_recent {
      background-image: url("/common/images/news/frame_top_recent.png"), url("/common/images/news/frame_bottom_recent.png"), url("/common/images/news/frame_middle_recent.png");
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-position: left top, center bottom, center top;
      margin: 0 0 20px 0;
      zoom: 1; }
      #products .products_side .news_recent:after {
        content: "";
        clear: both;
        display: block; }
    #products .products_side h4 {
      width: 35px;
      float: left;
      text-align: center;
      margin: 30px 0; }
    #products .products_side .link_list {
      width: 265px;
      float: left;
      font-size: 0.75em;
      margin: 20px 0; }
      #products .products_side .link_list li {
        border-bottom: #696969 dotted 1px;
        margin: 0 0 5px 0;
        padding: 0 0 5px 15px; }
  #products .set {
    width: 620px;
    float: left; }
  #products .product_box {
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center top;
    margin: 0 0 30px 0;
    position: relative;
    background-image: url("/common/images/news/frame_top_green.png"), url("/common/images/news/frame_bottom_green.png"), url("/common/images/news/frame_middle_green.png"); }
    #products .product_box h3 {
      background: url("/common/images/common/icon_arrow_green.png") left 4px no-repeat;
      padding-left: 25px; }
    #products .product_box .detail_wide strong {
      color: #4ed280; }
    #products .product_box a {
      color: #4ed280;
      font-weight: bold; }
  #products .product_box:nth-child(3n) {
    background-image: url("/common/images/news/frame_top_purple.png"), url("/common/images/news/frame_bottom_purple.png"), url("/common/images/news/frame_middle_purple.png"); }
    #products .product_box:nth-child(3n) h3 {
      background: url("/common/images/common/icon_arrow_purple.png") left 4px no-repeat;
      padding-left: 25px; }
    #products .product_box:nth-child(3n) .detail_wide strong {
      color: #ff5b63; }
    #products .product_box:nth-child(3n) a {
      color: #ff5b63;
      font-weight: bold; }
  #products .product_box:nth-child(3n-1) {
    background-image: url("/common/images/news/frame_top_yellow.png"), url("/common/images/news/frame_bottom_yellow.png"), url("/common/images/news/frame_middle_yellow.png"); }
    #products .product_box:nth-child(3n-1) h3 {
      background: url("/common/images/common/icon_arrow_yellow.png") left 4px no-repeat;
      padding-left: 25px; }
    #products .product_box:nth-child(3n-1) .detail_wide strong {
      color: #ff5b63; }
    #products .product_box:nth-child(3n-1) a {
      color: #ff5b63;
      font-weight: bold; }
  #products h3 {
    margin: 0;
    padding: 0 0 0 15px;
    font-size: 1.12em; }
  #products .inner {
    margin: 0 40px;
    padding: 40px 0;
    zoom: 1; }
    #products .inner:after {
      content: "";
      clear: both;
      display: block; }
  #products .headline {
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    position: relative; }
  #products .ph {
    width: 280px;
    float: left;
    text-align: center; }
    #products .ph img {
      margin-bottom: 10px; }
    #products .ph .ph_list {
      zoom: 1;
      margin: 20px 0 0 0; }
      #products .ph .ph_list:after {
        content: "";
        clear: both;
        display: block; }
      #products .ph .ph_list li {
        width: 130px;
        float: left;
        margin: 0 20px 20px 0; }
      #products .ph .ph_list li:nth-child(2n) {
        margin-right: 0; }
  #products .detail {
    width: 250px;
    float: right; }
  #products .detail_wide {
    margin: 0 20px; }
  #products .type {
    font-size: 12px;
    margin: 0 0 5px 0; }
  #products .date {
    font-size: 16px;
    margin: 0 0 5px 0; }
  #products .spac {
    font-size: 12px;
    margin: 0 0 10px 0; }
  #products .spac_text {
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    border-top: dotted 1px #999999; }
  #products .disco_banner {
    margin: 15px 0 0 0;
    zoom: 1; }
    #products .disco_banner:after {
      content: "";
      clear: both;
      display: block; }
    #products .disco_banner li {
      float: left;
      margin: 0 20px 0 0; }
    #products .disco_banner li:last-child {
      margin: 0; }
  #products .description {
    font-size: 12px;
    padding-top: 0; }

.sp #products .set {
  width: 600px;
  float: none; }
.sp #products .products_side {
  float: none;
  width: 620px;
  zoom: 1; }
  .sp #products .products_side:after {
    content: "";
    clear: both;
    display: block; }
.sp #products .news_category {
  width: 600px;
  float: none;
  background-size: 100% auto;
  background-origin: padding;
  background-image: url("/common/images/news/frame_top_purple.png"), url("/common/images/news/frame_bottom_purple.png"), url("/common/images/news/frame_middle_purple.png"); }
  .sp #products .news_category h4 {
    width: 60px;
    float: left; }
  .sp #products .news_category .link_list {
    width: 540px;
    float: left; }
  .sp #products .news_category li {
    border-bottom: #696969 dotted 1px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 15px; }
.sp #products .link_list {
  font-size: 1.4em; }
.sp #products h3 {
  font-size: 2em;
  background-position: left 12px; }
.sp #products .date {
  font-size: 1em;
  bottom: 10px; }
.sp #products .detail {
  font-size: 1em; }
.sp #products .sns img {
  width: 45px;
  height: 45px; }
.sp #products h3 {
  font-size: 20px; }
.sp #products .green, .sp #products .yellow, .sp #products .purple {
  background-size: 100% auto;
  background-origin: padding;
  height: auto;
  padding-bottom: 50px;
  font-size: 120%; }
.sp #products .detail {
  width: 220px; }
.sp #products .date {
  font-size: 20px; }
.sp #products .spac {
  font-size: 16px; }
.sp #products .spac_text, .sp #products .description {
  font-size: 18px; }

#memo .inner {
  width: 680px;
  margin: 0 auto 10px auto; }
#memo .copy {
  height: 260px;
  position: relative; }
#memo .copy_text {
  position: absolute;
  left: 105px;
  top: 0px;
  z-index: 0; }
#memo .copy_korori {
  position: absolute;
  left: 495px;
  top: 142px;
  z-index: 0; }
#memo .copy_item {
  position: absolute;
  left: 20px;
  bottom: 50px;
  z-index: 0; }
#memo .detail {
  background-image: url("/common/images/memo/bg_top.png"), url("/common/images/memo/bg_bottom.png"), url("/common/images/memo/bg_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding-bottom: 50px;
  position: relative;
  margin: 0 0 40px 0; }
#memo .item_pen {
  position: absolute;
  left: -340px;
  bottom: -50px;
  z-index: 0;
  pointer-events: none; }
#memo .item_check {
  position: absolute;
  left: 550px;
  top: 90px;
  z-index: 0;
  pointer-events: none; }
#memo .item_sign {
  position: absolute;
  left: 70px;
  bottom: 30px;
  z-index: 0;
  pointer-events: none; }
#memo .detail_head {
  height: 75px;
  position: relative; }
#memo h3 {
  position: absolute;
  left: 80px;
  top: 40px;
  z-index: 0;
  background: url("/common/images/memo/bg_headline.png") left 22px repeat-x; }
  #memo h3 span {
    font-weight: bold;
    font-size: 20px;
    background: url("/common/images/memo/bg_headline.png") left 22px repeat-x; }
#memo .date_month {
  position: absolute;
  left: 565px;
  top: 37px;
  z-index: 0;
  text-align: right;
  width: 40px;
  font-size: 24px; }
#memo .date_day {
  position: absolute;
  left: 617px;
  top: 37px;
  z-index: 0;
  font-size: 24px; }
#memo .word_list {
  margin: 6px 0 0 0;
  font-size: 12px;
  line-height: 20px; }
  #memo .word_list li {
    zoom: 1;
    margin: 0 0 20px 0; }
    #memo .word_list li:after {
      content: "";
      clear: both;
      display: block; }
#memo .keyword {
  margin: 0 0 0 80px;
  width: 120px;
  float: left;
  background: url("/common/images/memo/bg_dot.png") left center repeat-x; }
  #memo .keyword span {
    display: inline-block;
    padding-right: 15px;
    background-color: #fffae4;
    line-height: 18px;
    font-weight: bold; }
#memo .keyword_detail {
  width: 440px;
  float: left;
  margin: 0 0 0 10px; }

.sp #memo .inner {
  width: 600px; }
.sp #memo .copy_text {
  left: 45px; }
.sp #memo .copy_korori {
  left: 435px; }
.sp #memo .copy_item {
  left: -50px; }
.sp #memo .detail {
  background-size: 100% auto;
  padding-bottom: 50px;
  position: relative;
  margin: 0 0 40px 0; }
.sp #memo .item_pen {
  display: none; }
.sp #memo .item_check {
  position: absolute;
  left: 500px;
  top: 70px;
  z-index: 0;
  pointer-events: none; }
.sp #memo .item_sign {
  display: none; }
.sp #memo .detail_head {
  height: 75px;
  position: relative; }
.sp #memo h3 {
  top: 20px;
  font-size: 28px;
  background-position: left 28px;
  left: 50px; }
.sp #memo .date_month {
  position: absolute;
  left: 495px;
  top: 30px;
  z-index: 0; }
.sp #memo .date_day {
  position: absolute;
  left: 547px;
  top: 30px;
  z-index: 0; }
.sp #memo .word_list {
  margin: 6px 0 0 0;
  font-size: 20px;
  line-height: 1.6em; }
  .sp #memo .word_list li {
    zoom: 1;
    margin: 0 0 30px 0; }
    .sp #memo .word_list li:after {
      content: "";
      clear: both;
      display: block; }
.sp #memo .keyword {
  margin: 0 0 0 50px;
  width: 530px;
  float: none;
  background: none; }
  .sp #memo .keyword span {
    background: none; }
.sp #memo .keyword_detail {
  width: 530px;
  float: none;
  margin: 0 0 0 50px;
  font-size: 18px; }

#radio .inner {
  width: 645px;
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0; }
#radio .news_box {
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  margin: 0 0 40px 0;
  background-image: url("/common/images/news/frame_top_purple.png"), url("/common/images/news/frame_bottom_purple.png"), url("/common/images/news/frame_middle_purple.png"); }
  #radio .news_box h3 {
    background: url("/common/images/common/icon_arrow_purple.png") left 2px no-repeat;
    margin: 0 0 20px 0;
    padding: 0 0 0 25px;
    font-size: 1.5em; }
  #radio .news_box .detail {
    font-size: 0.75em;
    line-height: 1.8em;
    position: relative;
    margin: 0 45px;
    padding: 30px 0; }
#radio .copy {
  text-align: center;
  font-size: 13px;
  margin: 0 0 30px 0; }
#radio .main_frame {
  height: 369px;
  position: relative;
  background: url("/common/images/radio/frame_main.png") left center no-repeat;
  margin: 0 0 5px 0; }
#radio .main_img {
  width: 379px;
  height: 213px;
  position: absolute;
  left: 57px;
  top: 33px;
  z-index: 1; }
#radio .main_iframe {
  width: 379px;
  height: 213px;
  position: absolute;
  left: 57px;
  top: 33px;
  z-index: 0; }
#radio .main_num {
  position: absolute;
  left: 476px;
  top: 22px;
  z-index: 0; }
#radio .main_caps {
  background: url("/common/images/radio/icon_arrow.png") left 2px no-repeat;
  padding-left: 18px;
  font-size: 13px;
  margin: 0 0 20px 0; }
#radio .archive_list {
  zoom: 1; }
  #radio .archive_list:after {
    content: "";
    clear: both;
    display: block; }
  #radio .archive_list li {
    width: 208px;
    float: left;
    margin: 0 10px 10px 0; }
    #radio .archive_list li a {
      display: block;
      width: 208px;
      height: 125px;
      position: relative;
      background: url("/common/images/radio/thumb_archive01.png") left top no-repeat; }
    #radio .archive_list li img {
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 0; }
  #radio .archive_list li:nth-child(2n) a {
    background: url("/common/images/radio/thumb_archive02.png") left top no-repeat; }
  #radio .archive_list li:nth-child(3n) {
    margin-right: 0; }
  #radio .archive_list .archive_caps {
    background: url("/common/images/radio/icon_arrow.png") left 2px no-repeat;
    padding-left: 18px;
    font-size: 13px; }

.sp #radio .inner {
  width: 600px;
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0; }
.sp #radio .copy {
  text-align: center;
  font-size: 16px; }
.sp #radio .main_frame {
  height: 369px;
  position: relative;
  background: url("/common/images/radio/frame_main.png") left center no-repeat;
  background-size: 100% auto;
  background-origin: padding; }
.sp #radio .main_img {
  width: 353px;
  height: 198px;
  position: absolute;
  left: 53px;
  top: 44px;
  z-index: 1; }
  .sp #radio .main_img img {
    width: 353px;
    height: 198px; }
.sp #radio .main_iframe {
  width: 353px;
  height: 198px;
  position: absolute;
  left: 53px;
  top: 44px;
  z-index: 0; }
.sp #radio .main_num {
  position: absolute;
  left: 476px;
  top: 22px;
  z-index: 0;
  pointer-events: none; }
.sp #radio .main_caps {
  background: url("/common/images/radio/icon_arrow.png") left 2px no-repeat;
  padding-left: 18px;
  font-size: 18px;
  margin: 0 0 20px 0; }
.sp #radio iframe {
  width: 353px !important;
  height: 198px !important; }
.sp #radio .archive_list {
  zoom: 1; }
  .sp #radio .archive_list:after {
    content: "";
    clear: both;
    display: block; }
  .sp #radio .archive_list li {
    width: 208px;
    float: left;
    margin: 0 10px 10px 0; }
    .sp #radio .archive_list li a {
      display: block;
      width: 208px;
      height: 125px;
      position: relative;
      background: url("/common/images/radio/thumb_archive01.png") left top no-repeat; }
    .sp #radio .archive_list li img {
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 0; }
  .sp #radio .archive_list li:nth-child(2n) a {
    background: url("/common/images/radio/thumb_archive02.png") left top no-repeat; }
  .sp #radio .archive_list li:nth-child(3n) {
    margin-right: 0; }
  .sp #radio .archive_list .archive_caps {
    background: url("/common/images/radio/icon_arrow.png") left 2px no-repeat;
    padding-left: 18px;
    font-size: 18px; }

#c88 .inner {
  width: 930px;
  margin: 0 auto 10px auto;
  padding: 10px 0 0 0; }
#c88 .copy {
  text-align: center;
  font-size: 12px;
  margin: 0 0 30px 0; }
#c88 .detail {
  background-image: url("/common/images/c88/frame_top.png"), url("/common/images/c88/frame_bottom.png"), url("/common/images/c88/frame_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 40px 0; }
#c88 .detail_inner {
  margin: 0 40px; }
#c88 h3 {
  margin-bottom: 10px; }
#c88 .headline_wrap {
  zoom: 1;
  font-size: 13px;
  margin: 0 0 15px 0; }
  #c88 .headline_wrap:after {
    content: "";
    clear: both;
    display: block; }
  #c88 .headline_wrap h3 {
    float: left; }
  #c88 .headline_wrap p {
    float: left;
    margin-left: 15px; }
#c88 .detail_ep {
  zoom: 1;
  margin: 0 0 40px 0; }
  #c88 .detail_ep:after {
    content: "";
    clear: both;
    display: block; }
  #c88 .detail_ep .ph {
    width: 270px;
    float: left; }
  #c88 .detail_ep .text {
    float: left;
    margin: 0 0 0 20px;
    font-size: 12px; }
    #c88 .detail_ep .text p {
      margin: 0 0 0 23px; }
  #c88 .detail_ep .text_wrap {
    zoom: 1; }
    #c88 .detail_ep .text_wrap:after {
      content: "";
      clear: both;
      display: block; }
    #c88 .detail_ep .text_wrap p {
      float: left;
      white-space: nowrap; }
#c88 .headline {
  background: url("/common/images/c88/icon_arrow.png") left 4px no-repeat;
  padding-left: 23px;
  margin: 0 0 15px 0; }
  #c88 .headline span {
    font-size: 20px;
    background: url("/common/images/c88/bg_headline.png") left 10px repeat-x; }
#c88 .detail_movie {
  zoom: 1;
  margin: 0 0 40px 0; }
  #c88 .detail_movie:after {
    content: "";
    clear: both;
    display: block; }
  #c88 .detail_movie li {
    float: left;
    margin: 0 6px 0 0;
    font-size: 12px; }
    #c88 .detail_movie li a {
      display: block;
      margin: 0 0 5px 0; }
  #c88 .detail_movie li:nth-child(3n) {
    margin: 0; }
#c88 .detail_goods_wrap {
  zoom: 1; }
  #c88 .detail_goods_wrap:after {
    content: "";
    clear: both;
    display: block; }
  #c88 .detail_goods_wrap .headline {
    margin-bottom: 10px; }
    #c88 .detail_goods_wrap .headline span {
      font-size: 18px; }
#c88 .detail_tap {
  width: 340px;
  float: left; }
  #c88 .detail_tap div {
    margin: 0 0 0 23px;
    font-size: 12px; }
#c88 .detail_goods {
  width: 490px;
  float: right; }
  #c88 .detail_goods div {
    margin: 0 0 30px 23px;
    font-size: 12px; }
#c88 .detail_copy {
  font-size: 10px;
  clear: both;
  text-align: center; }
#c88 .red {
  color: #f00;
  font-size: 10px; }

.sp #c88 .inner {
  width: 600px; }
.sp #c88 h2 img {
  width: 600px;
  height: auto; }
.sp #c88 .copy {
  text-align: center;
  font-size: 18px; }
.sp #c88 .detail {
  background-size: 100% auto;
  background-origin: padding; }
.sp #c88 .headline_wrap {
  zoom: 1;
  font-size: 18px; }
  .sp #c88 .headline_wrap:after {
    content: "";
    clear: both;
    display: block; }
  .sp #c88 .headline_wrap p {
    width: 400px; }
.sp #c88 .detail_ep .ph {
  float: none;
  text-align: center;
  width: 100%;
  margin-bottom: 15px; }
.sp #c88 .detail_ep .text {
  float: none;
  font-size: 18px;
  margin-left: 0; }
  .sp #c88 .detail_ep .text p {
    margin: 0 0 0 23px; }
.sp #c88 .headline span {
  font-size: 20px; }
.sp #c88 .detail_movie li {
  width: 250px;
  height: 210px; }
.sp #c88 .detail_movie img {
  width: 250px;
  height: auto; }
.sp #c88 .detail_tap {
  width: 100%;
  float: none;
  margin-bottom: 40px; }
  .sp #c88 .detail_tap div {
    margin: 0 0 0 23px;
    font-size: 18px;
    text-align: center; }
.sp #c88 .detail_goods {
  width: 100%;
  float: none; }
  .sp #c88 .detail_goods div {
    margin: 0 0 30px 23px;
    font-size: 18px;
    text-align: center; }
.sp #c88 .detail_copy {
  font-size: 18px; }
.sp #c88 .red {
  color: #f00;
  font-size: 18px; }

#special .yonkoma_list {
  zoom: 1; }
  #special .yonkoma_list:after {
    content: "";
    clear: both;
    display: block; }
  #special .yonkoma_list li {
    width: 245px;
    float: left;
    margin: 0 52px 50px 0;
    text-align: center; }
  #special .yonkoma_list li:nth-child(3n) {
    margin-right: 0; }
#special .inner {
  width: 840px;
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0; }
#special .headline {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
  background: url("/common/images/special/bar.png") left 15px repeat-x; }

.sp #special .yonkoma_list li {
  width: 245px;
  float: left;
  margin: 0 25px 50px 25px;
  text-align: center; }
.sp #special .yonkoma_list li:nth-child(3n) {
  margin-right: 25px; }
.sp #special .inner {
  width: 590px;
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0; }
.sp #special .headline {
  font-size: 24px;
  background: url("/common/images/special/bar.png") left 25px repeat-x; }

.popup_bg {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%; }

#popup {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: none; }
  #popup .popup_inner {
    position: relative;
    width: 100%;
    height: 100%; }
  #popup .popup_oneman {
    width: 900px;
    height: 400px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 100px;
    margin: 0 0 100px -450px;
    font-family: "Noto Sans Japanese", sans-serif;
    background-color: #FFFFFF;
    border: 8px solid #ff9398; }
    #popup .popup_oneman .popup_box {
      position: relative;
      margin: 0 60px;
      padding: 50px 0;
      height: 100%; }
    #popup .popup_oneman .popup_info {
      zoom: 1;
      margin: 0 0 40px 0; }
      #popup .popup_oneman .popup_info:after {
        content: "";
        clear: both;
        display: block; }
      #popup .popup_oneman .popup_info .popup_info_image {
        width: 370px;
        float: left; }
      #popup .popup_oneman .popup_info .popup_info_imageR {
        width: 370px;
        float: right; }
      #popup .popup_oneman .popup_info .popup_info_image p, #popup .popup_oneman .popup_info .popup_info_imageR p {
        margin: 0 0 20px 0; }
      #popup .popup_oneman .popup_info .popup_info_detail {
        width: 350px;
        float: right;
        padding-top: 20px; }
      #popup .popup_oneman .popup_info .popup_info_headline {
        font-size: 21px;
        font-weight: bold;
        margin: 0 0 20px 0;
        line-height: 1.4em;
        text-align: center; }
      #popup .popup_oneman .popup_info .popup_specs {
        font-size: 11px; }
        #popup .popup_oneman .popup_info .popup_specs strong {
          font-size: 14px;
          display: inline-block;
          margin: 0 0 10px 0;
          background-color: #ff9398;
          padding: 0 5px;
          color: #FFFFFF; }
    #popup .popup_oneman .popup_info_event {
      font-size: 13px; }
      #popup .popup_oneman .popup_info_event .popup_info_event_title {
        font-size: 15px;
        margin: 0 0 20px 0;
        font-weight: bold; }
      #popup .popup_oneman .popup_info_event strong {
        font-size: 14px; }
      #popup .popup_oneman .popup_info_event i {
        font-style: normal;
        color: #F00;
        font-weight: bold; }
    #popup .popup_oneman .headline {
      text-align: center;
      font-size: 24px;
      margin: 0 0 40px 0; }
    #popup .popup_oneman .headline_sub {
      font-size: 12px;
      color: #ffffff;
      font-family: "Noto Sans", sans-serif;
      letter-spacing: 0.1em;
      text-align: center;
      margin: 0 0 50px 0; }
    #popup .popup_oneman dl {
      zoom: 1;
      margin: 0 0 10px 0; }
      #popup .popup_oneman dl:after {
        content: "";
        clear: both;
        display: block; }
    #popup .popup_oneman dt {
      float: left;
      width: 130px;
      font-size: 13px;
      line-height: 20px; }
    #popup .popup_oneman dd {
      float: left;
      font-size: 17px;
      line-height: 20px; }
  #popup .popup_close {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 30px;
    z-index: 0; }
    #popup .popup_close a {
      display: inline-block;
      border: #666666 solid 1px;
      text-decoration: none;
      color: #666666;
      font-family: "Noto Sans", sans-serif;
      font-size: 12px;
      padding: 5px 15px;
      letter-spacing: 0.05em; }