/* font */
/* color */
/* bg-color */
.sp-hidden {
  display: block; }

.sp-show {
  display: none; }

@media only screen and (max-width: 768px) {
  .sp-hidden {
    display: none; }
  .sp-show {
    display: block; } }

@media only screen and (max-width: 768px) {
  body {
    font-size: 13px;
    line-height: 32px; }
  .outer {
    display: block;
    min-height: 100%; }
  .sp-hidden {
    display: none; }
  .sp-show {
    display: block; }
  .container {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /** header **/
  .header {
    padding: 0;
    margin-bottom: 15px; }
    .header .container {
      padding-top: 2px;
      padding-bottom: 15px; }
    .header .fix {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .header .fix .logo {
        max-width: 70px;
        margin-top: 10px; }
      .header .fix .header-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .header .fix .header-right ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-right: 0; }
          .header .fix .header-right ul li:not(:last-child) {
            margin-right: 6px; }
          .header .fix .header-right ul li a {
            width: 105px;
            font-size: 11px;
            padding: 0px;
            letter-spacing: 0;
            height: 26px;
            line-height: 26px; }
        .header .fix .header-right .time_box {
          margin-left: auto;
          margin-bottom: 2px;
          font-size: 9px;
          line-height: 18px; }
  /** cast-list **/
  .cast-list .col_cast .col_cast_box {
    margin: 0 3% 18px 0;
    width: 48.5%; }
    .cast-list .col_cast .col_cast_box:nth-child(2n + 2) {
      margin-right: 0; }
    .cast-list .col_cast .col_cast_box .f_word {
      padding: 4px 9px 15px; }
      .cast-list .col_cast .col_cast_box .f_word .size {
        font-size: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        letter-spacing: .2px;
        margin-bottom: 8px;
        line-height: 18px; }
  /** modal **/
  .modaal-inner-wrapper {
    padding: 80px 5px !important; }
    .modaal-inner-wrapper .modaal-container {
      width: 100%;
      padding: 15px 12px; }
      .modaal-inner-wrapper .modaal-container .modaal-content-container {
        padding: 7px 7px; }
        .modaal-inner-wrapper .modaal-container .modaal-content-container .modal_cast_info .name {
          font-size: 16px;
          margin-bottom: 3px; }
        .modaal-inner-wrapper .modaal-container .modaal-content-container .modal_cast_info .catchcopy {
          padding: 0 3px;
          line-height: 30px; }
  /** footer **/
  footer {
    margin-top: 60px;
    position: relative; }
  .copy {
    padding: 20px 0;
    font-size: 10px; }
  /** page-top **/
  #page_top {
    position: fixed;
    bottom: 15px;
    right: 15px; } }