@charset "UTF-8";
/* $set_font_interval:(
  '8s': (.05em, 1.43),
  '7s': (.06em, 1.43),
  '6s': (.07em, 1.43),
  '5s': (.08em, 1.43),
  '4s': (.09em, 1.43),
  '3s': (.10em, 1.43),
  'xs': (.11rem, 1.43),
  's': (.12rem, 1.43),
  'm': (.14rem, 1.43),
  'l': (.16rem, 1.43),
  'xl': (.18rem, 1.43),
  '3l': (.24rem, 1.43),
  '4l': (.30rem, 1.43),
  '5l': (.36rem, 1.43),
  '6l': (.48rem, 1.43),
  '7l': (.60rem, 1.43),
  '8l': (.72rem, 1.43)
); */
/*****************************
*
* Base Layout
*
*****************************/
body {
  background-color: #f2f2f2;
  font-size: calc( 13px);
  font-weight: 400; }
  @media (max-width: 767px) {
    body {
      font-size: calc( 13px * 1.1); } }
  @media (max-width: 767px) {
    body {
      padding-top: 60px; } }

/* header */
header {
  padding: 0.1999rem 0 0.1999rem 0; }
  @media (max-width: 767px) {
    header {
      padding: 0.1414rem 0.1999rem 0.1414rem 0.1999rem; } }
  @media (max-width: 767px) {
    header {
      height: 60px;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      width: 100%;
      background-color: #f2f2f2;
      -webkit-box-shadow: 2px 2px 4px -2px gray;
      box-shadow: 2px 2px 4px -2px gray; } }
  header #logo {
    margin-right: auto; }
    header #logo img {
      max-height: 50px; }
      @media (max-width: 767px) {
        header #logo img {
          max-height: 35px; } }
  header #sp_info {
    display: none;
    padding-right: 50px; }
    @media (max-width: 767px) {
      header #sp_info {
        display: block; } }
    header #sp_info .s_tel {
      margin-bottom: 5px; }
      header #sp_info .s_tel a {
        font-size: 16px;
        font-weight: bold;
        color: #f595a5; }
    header #sp_info .b_hours {
      font-size: 11px; }

/*nav*/
nav#pc_nav li {
  padding: 5px; }
  nav#pc_nav li a {
    font-size: calc( 13px);
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 6px; }
    @media (max-width: 767px) {
      nav#pc_nav li a {
        font-size: calc( 13px * 1.1); } }
    nav#pc_nav li a span {
      display: block;
      font-size: calc( 10px);
      font-weight: bold;
      margin: 0.05rem 0 0 0; }
      @media (max-width: 767px) {
        nav#pc_nav li a span {
          font-size: calc( 10px * 1.1); } }

@media (max-width: 767px) {
  nav#pc_nav {
    display: none; } }

.burger {
  display: none; }
  @media (max-width: 767px) {
    .burger {
      display: block; } }

/* #sp_tel_btn {
    a {
        width: 70px;
        height: 70px;
        margin: 20px auto 0;
        display: table;
        @include color('white');
        @include bg_color('black',);
        text-align: center;
        border-radius: 50%;
        padding: 8px;
    }
    i {
        display: table-cell;
        vertical-align: middle;
        font-size: 36px;
        padding: 0 5px 0 10px;
    }
}
 */
#sp_tel_btn {
  margin-top: 30px; }
  #sp_tel_btn a {
    display: table;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-size: calc( 18px);
    font-weight: bold;
    background-color: #f595a5;
    padding: 0.1999rem 0.1999rem 0.1999rem 0.1999rem;
    border-radius: 8px; }
    @media (max-width: 767px) {
      #sp_tel_btn a {
        font-size: calc( 18px * 1.1); } }
    #sp_tel_btn a span {
      display: block;
      padding-top: 2px; }

.overlay ul li.tel a:after {
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  height: 0; }

@media (max-width: 767px) {
  .overlay .f_col > .f_box {
    width: calc( (100% / 2 - 4%) + (4% / 2)); }
  .overlay .f_col > .f_box:not(:nth-child(2n)) {
    margin-right: 4%; }
  .overlay .f_col > .f_box:not(:nth-child(-n+2)) {
    margin-top: 3%; } }

/*main*/
#main {
  width: 100%;
  height: auto;
  line-height: calc( 1.6);
  padding: 0.5653rem 0 1.1302rem 0; }
  @media (max-width: 767px) {
    #main {
      line-height: calc( 1.6 * 1); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #main.f_col > .f_box {
    width: 100%; } }

@media (max-width: 767px) {
  #main.f_col > .f_box {
    width: 100%; } }

/*content*/
#content.column_1 {
  width: 87%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    #content.column_1 {
      padding: 0 0 0.5653rem 0; } }

#content.column_2 {
  width: 77%; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #content.column_2 {
      padding: 0 0 0.5653rem 0; } }
  @media (max-width: 767px) {
    #content.column_2 {
      padding: 0 0 0.5653rem 0; } }

/*sidebar*/
#sidebar #wp_pages {
  margin: 0 0 0.3998rem 0; }
  #sidebar #wp_pages li a {
    padding: 0.1414rem 0.1414rem 0.1414rem 0.1414rem;
    border-bottom: 1px dotted #bbbbbb; }
    #sidebar #wp_pages li a:hover {
      background-color: #64beb5; }
    @media (max-width: 767px) {
      #sidebar #wp_pages li a {
        padding: 0.1999rem 0.1999rem 0.1999rem 0.1999rem; } }
  #sidebar #wp_pages > ul > li ul a:before {
    content: ">";
    padding-right: 10px;
    margin-left: 10px; }

#sidebar #sidebar_banner {
  margin: 0 0 0.3998rem 0; }
  #sidebar #sidebar_banner li:not(:last-child) {
    margin: 0 0 0.1999rem 0; }
  @media (max-width: 767px) {
    #sidebar #sidebar_banner {
      width: 80%;
      margin: 0 auto; } }

#sidebar.column_1 {
  width: 100%; }

#sidebar.column_2 {
  width: calc(100% - 80%); }

/*footer*/
footer {
  color: #fff;
  clear: both;
  padding: 20px 0;
  text-align: center;
  background-color: #555555; }
  footer a {
    color: #fff; }

#foot_nav {
  width: 60%;
  margin: 0 auto 20px;
  bottom: 0; }
  #foot_nav li {
    padding: 6px;
    line-height: 1.4; }
  #foot_nav a {
    font-size: 13px;
    color: #fff;
    display: block;
    text-align: center; }

/* sub_header */
#sub_header {
  display: table;
  width: 100%;
  height: 240px;
  background-repeat: no-repeat;
  background-size: cover; }
  #sub_header #inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.6); }
    #sub_header #inner dl dt {
      font-size: calc( 36px);
      font-weight: bold;
      margin: 0 0 0.0707rem 0;
      letter-spacing: 0.1em; }
      @media (max-width: 767px) {
        #sub_header #inner dl dt {
          font-size: calc( 36px * 1.1); } }
    #sub_header #inner dl dd {
      font-size: calc( 18px);
      font-weight: bold;
      letter-spacing: 0.2em; }
      @media (max-width: 767px) {
        #sub_header #inner dl dd {
          font-size: calc( 18px * 1.1); } }

#footer_page {
  width: 100%;
  margin: 0 auto;
  background-color: rgba(85, 85, 85, 0.1);
  border-top: 1px dotted #bbbbbb; }
  #footer_page #wp_pages {
    width: 80%;
    padding: 0.1999rem 0.1999rem 0.1999rem 0.1999rem; }
    @media (max-width: 767px) {
      #footer_page #wp_pages {
        padding: 0.2827rem 0.1999rem 0.2827rem 0.1999rem; } }
    #footer_page #wp_pages li {
      text-align: center; }
      #footer_page #wp_pages li a {
        padding: 0.1414rem 0.1414rem 0.1414rem 0.1414rem; }
        #footer_page #wp_pages li a:hover {
          background-color: #64beb5; }
        @media (max-width: 767px) {
          #footer_page #wp_pages li a {
            padding: 0.1999rem 0.1999rem 0.1999rem 0.1999rem;
            border-bottom: 1px dotted #bbbbbb; } }

@media (min-width: 1400px) {
  #footer_page .f_col > .f_box {
    width: calc( (100% / 5 - 3%) + (3% / 5)); }
  #footer_page .f_col > .f_box:not(:nth-child(5n)) {
    margin-right: 3%; }
  #footer_page .f_col > .f_box:not(:nth-child(-n+5)) {
    margin-top: 1%; } }

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  #footer_page .f_col > .f_box {
    width: calc( (100% / 5 - 3%) + (3% / 5)); }
  #footer_page .f_col > .f_box:not(:nth-child(5n)) {
    margin-right: 3%; }
  #footer_page .f_col > .f_box:not(:nth-child(-n+5)) {
    margin-top: 1%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #footer_page .f_col > .f_box {
    width: calc( (100% / 4 - 4%) + (4% / 4)); }
  #footer_page .f_col > .f_box:not(:nth-child(4n)) {
    margin-right: 4%; }
  #footer_page .f_col > .f_box:not(:nth-child(-n+4)) {
    margin-top: 1%; } }

@media (max-width: 767px) {
  #footer_page .f_col > .f_box {
    width: 100%; }
  #footer_page .f_col > .f_box:not(:nth-child(2n)) {
    margin-right: 0%; }
  #footer_page .f_col > .f_box:not(:nth-child(-n+2)) {
    margin-top: 0%; } }

/*****************************
*
* title area
*
*****************************/
/* page_title */
.page_title {
  color: #555555;
  border-bottom: 1px solid #555555;
  padding: 0 0 0.1414rem 0;
  margin: 0 0 0.3998rem 0;
  text-align: center; }

.page_title .p_title {
  font-size: calc( 24px);
  font-weight: bold;
  line-height: calc( 1.4); }
  @media (max-width: 767px) {
    .page_title .p_title {
      font-size: calc( 24px * 1.1); } }
  @media (max-width: 767px) {
    .page_title .p_title {
      line-height: calc( 1.4 * 1); } }
  @media (max-width: 767px) {
    .page_title .p_title {
      font-size: calc( 18px);
      font-weight: bold; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .page_title .p_title {
      font-size: calc( 18px * 1.1); } }

.page_title .p_sub_title {
  display: block;
  font-size: calc( 13px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .page_title .p_sub_title {
      font-size: calc( 13px * 1.1); } }

/* section_title */
.section_title {
  color: #555555;
  border-left: 5px solid #f595a5;
  padding: 0 0 0 0.1414rem;
  margin: 0 0 0.2827rem 0; }

.section_title .s_title {
  font-size: calc( 18px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .section_title .s_title {
      font-size: calc( 18px * 1.1); } }
  @media (max-width: 767px) {
    .section_title .s_title {
      font-size: calc( 16px);
      font-weight: bold; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .section_title .s_title {
      font-size: calc( 16px * 1.1); } }

.section_title .s_title span {
  font-size: calc( 13px);
  font-weight: bold;
  padding: 0 0 0 0.1414rem; }
  @media (max-width: 767px) {
    .section_title .s_title span {
      font-size: calc( 13px * 1.1); } }

.tac_term_name {
  line-height: calc( 1.4);
  color: white;
  background-color: #64beb5;
  text-align: center;
  padding: 0.1999rem 0.1999rem 0.1999rem 0.1999rem;
  margin: 0 0 0.3998rem 0; }
  @media (max-width: 767px) {
    .tac_term_name {
      line-height: calc( 1.4 * 1); } }
  .tac_term_name span {
    display: block;
    font-size: calc( 24px);
    font-weight: bold; }
    @media (max-width: 767px) {
      .tac_term_name span {
        font-size: calc( 24px * 1.1); } }

.table {
  width: 100%; }
  .table th, .table td {
    vertical-align: middle;
    border: 1px solid #bbbbbb;
    padding: 0.1414rem 0.1414rem 0.1414rem 0.1414rem; }
    @media (max-width: 767px) {
      .table th, .table td {
        border: none; } }
  .table th {
    background-color: #555555; }

.table.r_auto th, .table.r_auto td {
  text-align: center; }

.table.r_5_5 th, .table.r_5_5 td {
  text-align: center; }

.table.r_5_5 th {
  width: 50%; }

.table.r_5_5 td {
  width: 50%; }

.table.r_3_7 th, .table.r_3_7 td {
  text-align: center; }

.table.r_3_7 th {
  width: 30%; }

.table.r_3_7 td {
  width: 70%;
  text-align: left; }

#a_i_repeat tr:first-child th, #a_i_repeat tr:first-child td {
  border-top-style: none !important; }

@media (min-width: 1400px) {
  .f_col.layout_cast > .f_box {
    width: calc( (100% / 4 - 3%) + (3% / 4)); }
  .f_col.layout_cast > .f_box:not(:nth-child(4n)) {
    margin-right: 3%; }
  .f_col.layout_cast > .f_box:not(:nth-child(-n+4)) {
    margin-top: 20px; } }

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .f_col.layout_cast > .f_box {
    width: calc( (100% / 4 - 3%) + (3% / 4)); }
  .f_col.layout_cast > .f_box:not(:nth-child(4n)) {
    margin-right: 3%; }
  .f_col.layout_cast > .f_box:not(:nth-child(-n+4)) {
    margin-top: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .f_col.layout_cast > .f_box {
    width: calc( (100% / 3 - 3%) + (3% / 3)); }
  .f_col.layout_cast > .f_box:not(:nth-child(3n)) {
    margin-right: 3%; }
  .f_col.layout_cast > .f_box:not(:nth-child(-n+3)) {
    margin-top: 20px; } }

@media (max-width: 767px) {
  .f_col.layout_cast > .f_box {
    width: calc( (100% / 2 - 4%) + (4% / 2)); }
  .f_col.layout_cast > .f_box:not(:nth-child(2n)) {
    margin-right: 4%; }
  .f_col.layout_cast > .f_box:not(:nth-child(-n+2)) {
    margin-top: 20px; } }

.col_cast > .f_box {
  background-color: white; }
  .col_cast > .f_box .f_image {
    position: relative;
    overflow: hidden; }
  .col_cast > .f_box .f_word .word_box {
    padding: 0.1414rem 0.1414rem 0.1414rem 0.1414rem; }
  .col_cast > .f_box .name {
    font-size: calc( 13px);
    font-weight: bold;
    padding: 0 0 0.0707rem 0;
    margin: 0 0 0.0707rem 0;
    text-align: center;
    border-bottom: 1px dotted #eaeaea; }
    @media (max-width: 767px) {
      .col_cast > .f_box .name {
        font-size: calc( 13px * 1.1); } }
  .col_cast > .f_box .catchcopy {
    font-size: calc( 10px);
    font-weight: 400;
    line-height: calc( 1.4);
    text-align: center;
    margin: 0.0707rem 0 0 0; }
    @media (max-width: 767px) {
      .col_cast > .f_box .catchcopy {
        font-size: calc( 10px * 1.1); } }
    @media (max-width: 767px) {
      .col_cast > .f_box .catchcopy {
        line-height: calc( 1.4 * 1); } }
  .col_cast > .f_box .size {
    font-size: calc( 11px);
    font-weight: normal;
    text-align: center;
    margin: auto; }
    @media (max-width: 767px) {
      .col_cast > .f_box .size {
        font-size: calc( 11px * 1.1); } }
    .col_cast > .f_box .size li {
      line-height: calc( 1.2); }
      @media (max-width: 767px) {
        .col_cast > .f_box .size li {
          line-height: calc( 1.2 * 1); } }
    .col_cast > .f_box .size .size_t {
      display: block;
      width: 100%; }
  .col_cast > .f_box li {
    padding: 4px; }
  .col_cast > .f_box .status {
    text-align: center; }
    .col_cast > .f_box .status li {
      font-size: calc( 11px);
      font-weight: bold;
      width: 50%;
      position: absolute;
      bottom: 0;
      color: white; }
      @media (max-width: 767px) {
        .col_cast > .f_box .status li {
          font-size: calc( 11px * 1.1); } }
      @media (max-width: 767px) {
        .col_cast > .f_box .status li {
          font-size: calc( 10px);
          font-weight: bold; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .col_cast > .f_box .status li {
      font-size: calc( 10px * 1.1); } }
    .col_cast > .f_box .status li.newface {
      left: 0;
      background-color: rgba(85, 85, 85, 0.7); }
    .col_cast > .f_box .status li.pickup {
      background-color: rgba(161, 126, 196, 0.7);
      top: 4%;
      right: -33%;
      -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
      transform: rotate(35deg);
      width: 100%;
      height: 25px;
      -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1); }
    .col_cast > .f_box .status li.trial {
      right: 0;
      background-color: rgba(100, 190, 181, 0.7); }
    .col_cast > .f_box .status a {
      color: white; }
  .col_cast > .f_box .time {
    font-size: calc( 13px);
    font-weight: bold;
    padding: 0.05rem 0.05rem 0.05rem 0.05rem;
    margin: 0.0707rem 0 0 0;
    text-align: center;
    color: white;
    background-color: #f595a5; }
    @media (max-width: 767px) {
      .col_cast > .f_box .time {
        font-size: calc( 13px * 1.1); } }
  .col_cast > .f_box .grade {
    padding: 0 0.1414rem 0.0707rem 0.1414rem; }
    .col_cast > .f_box .grade li {
      display: inline-block;
      padding: 0 0 0;
      /* @include pad('0', '0', 's', '0');
                @include mar('0', '0', '0', 'm');
                @include device_s {
                    display: flex;
                    justify-content: center;
                    margin: 0 auto;
                    @include mar('0', '0', '0', '0');
                } */ }
      .col_cast > .f_box .grade li a {
        display: table;
        font-size: calc( 10px);
        font-weight: bold;
        margin: 0 0 0 0;
        color: white;
        background-color: #64beb5;
        padding: 0.0354rem 0.0707rem 0.0354rem 0.0707rem; }
        @media (max-width: 767px) {
          .col_cast > .f_box .grade li a {
            font-size: calc( 10px * 1.1); } }
        @media (max-width: 767px) {
          .col_cast > .f_box .grade li a {
            padding: 0.0354rem 0.1414rem 0.0354rem 0.1414rem; } }
  .col_cast > .f_box .cast_today {
    width: 100%;
    text-align: center;
    font-size: calc( 13px);
    font-weight: bold;
    color: white;
    background-color: #f595a5;
    padding: 0.05rem 0.05rem 0.05rem 0.05rem;
    margin: 0.1414rem 0 0 0;
    -webkit-animation: cast_today 1.5s ease-in-out infinite alternate;
    animation: cast_today 1.5s ease-in-out infinite alternate; }
    @media (max-width: 767px) {
      .col_cast > .f_box .cast_today {
        font-size: calc( 13px * 1.1); } }

@media (min-width: 1400px) {
  .f_col.layout_diary_1 > .f_box {
    width: calc( (100% / 4 - 3%) + (3% / 4)); }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(4n)) {
    margin-right: 3%; }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(-n+4)) {
    margin-top: 20px; } }

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .f_col.layout_diary_1 > .f_box {
    width: calc( (100% / 3 - 3%) + (3% / 3)); }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(3n)) {
    margin-right: 3%; }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(-n+3)) {
    margin-top: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .f_col.layout_diary_1 > .f_box {
    width: calc( (100% / 3 - 3%) + (3% / 3)); }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(3n)) {
    margin-right: 3%; }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(-n+3)) {
    margin-top: 20px; } }

@media (max-width: 767px) {
  .f_col.layout_diary_1 > .f_box {
    width: calc( (100% / 2 - 4%) + (4% / 2)); }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(2n)) {
    margin-right: 4%; }
  .f_col.layout_diary_1 > .f_box:not(:nth-child(-n+2)) {
    margin-top: 20px; } }

.col_diary > .f_box {
  background-color: white; }
  .col_diary > .f_box .f_word .word_box {
    padding: 0.1414rem 0.1414rem 0.1414rem 0.1414rem; }
    .col_diary > .f_box .f_word .word_box .title {
      font-size: calc( 13px);
      font-weight: 400;
      line-height: calc( 1.4);
      margin: 0 0 0.0707rem 0;
      padding: 0 0 0.0707rem 0;
      border-bottom: 1px dotted #eaeaea; }
      @media (max-width: 767px) {
        .col_diary > .f_box .f_word .word_box .title {
          font-size: calc( 13px * 1.1); } }
      @media (max-width: 767px) {
        .col_diary > .f_box .f_word .word_box .title {
          line-height: calc( 1.4 * 1); } }
      @media (max-width: 767px) {
        .col_diary > .f_box .f_word .word_box .title {
          font-size: calc( 11px);
          font-weight: 400; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .col_diary > .f_box .f_word .word_box .title {
      font-size: calc( 11px * 1.1); } }
    .col_diary > .f_box .f_word .word_box .date {
      font-size: calc( 13px);
      font-weight: 400;
      text-align: center; }
      @media (max-width: 767px) {
        .col_diary > .f_box .f_word .word_box .date {
          font-size: calc( 13px * 1.1); } }
    .col_diary > .f_box .f_word .word_box .author {
      width: 100%;
      font-size: calc( 13px);
      font-weight: bold;
      padding: 0.05rem 0.05rem 0.05rem 0.05rem;
      margin: 0.0707rem 0 0 0;
      text-align: center;
      color: white;
      background-color: #f595a5; }
      @media (max-width: 767px) {
        .col_diary > .f_box .f_word .word_box .author {
          font-size: calc( 13px * 1.1); } }

/*****************************
*
* author（cast）
*
*****************************/
.col_cast_author {
  background-color: white;
  border: 1px solid #64beb5;
  padding: 0.0707rem 0.0707rem 0.0707rem 0.0707rem;
  margin: 0.1414rem 0 0 0; }
  .col_cast_author .f_word {
    padding: 0 0 0 0.1414rem; }
    .col_cast_author .f_word .name {
      font-size: calc( 13px);
      font-weight: normal;
      margin: 0.05rem 0 0.05rem 0; }
      @media (max-width: 767px) {
        .col_cast_author .f_word .name {
          font-size: calc( 13px * 1.1); } }
    .col_cast_author .f_word ul li {
      margin: 0 0.05rem 0 0; }
    .col_cast_author .f_word ul.status {
      margin: 0 0 0.0707rem 0; }
      @media (max-width: 767px) {
        .col_cast_author .f_word ul.status {
          display: none; } }
      .col_cast_author .f_word ul.status li {
        font-size: calc( 10px);
        font-weight: normal;
        padding: 0.0354rem 0.0707rem 0.0354rem 0.0707rem; }
        @media (max-width: 767px) {
          .col_cast_author .f_word ul.status li {
            font-size: calc( 10px * 1.1); } }
      .col_cast_author .f_word ul.status li.newface {
        background: rgba(199, 173, 103, 0.6); }
      .col_cast_author .f_word ul.status li.pickup {
        color: #C7AD67;
        background: #c50f16; }
      .col_cast_author .f_word ul.status li.trial {
        background: rgba(48, 39, 58, 0.6); }
    .col_cast_author .f_word ul.size {
      margin: 0 0 0.0707rem 0;
      font-size: calc( 11px);
      font-weight: normal; }
      @media (max-width: 767px) {
        .col_cast_author .f_word ul.size {
          font-size: calc( 11px * 1.1); } }
      @media (max-width: 767px) {
        .col_cast_author .f_word ul.size {
          font-size: calc( 13px);
          font-weight: normal; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .col_cast_author .f_word ul.size {
      font-size: calc( 13px * 1.1); } }
      @media (max-width: 767px) {
        .col_cast_author .f_word ul.size li.size_t {
          width: 100%; } }
      .col_cast_author .f_word ul.size span {
        color: #64beb5; }
    .col_cast_author .f_word .btn.to_author {
      font-size: calc( 11px);
      font-weight: 400;
      background-color: #64beb5;
      padding: 0.0707rem 0.1414rem 0.0707rem 0.1414rem;
      border-radius: 8px; }
      @media (max-width: 767px) {
        .col_cast_author .f_word .btn.to_author {
          font-size: calc( 11px * 1.1); } }
      @media (max-width: 767px) {
        .col_cast_author .f_word .btn.to_author {
          display: none; } }

/*****************************
*
* column（list）
*
*****************************/
.col_list_line {
  border-bottom: 1px solid #bbbbbb;
  padding: 0 0 0.3998rem 0;
  margin: 0 0 0.3998rem 0; }
  .col_list_line > .f_image {
    position: relative; }
  .col_list_line > .f_word .word_box {
    height: 100%;
    padding: 0 0 0 0.2827rem; }
    @media (max-width: 767px) {
      .col_list_line > .f_word .word_box {
        padding: 0 0 0 0.1999rem; } }
  .col_list_line > .f_word .f_title {
    font-size: calc( 16px);
    font-weight: normal;
    line-height: calc( 1.4);
    margin: 0 0 0.1414rem 0;
    padding: 0 0 0.1414rem 0;
    border-bottom: 1px dotted #bbbbbb; }
    @media (max-width: 767px) {
      .col_list_line > .f_word .f_title {
        font-size: calc( 16px * 1.1); } }
    @media (max-width: 767px) {
      .col_list_line > .f_word .f_title {
        line-height: calc( 1.4 * 1); } }
    @media (max-width: 767px) {
      .col_list_line > .f_word .f_title {
        font-size: calc( 13px);
        font-weight: normal; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .col_list_line > .f_word .f_title {
      font-size: calc( 13px * 1.1); } }
  .col_list_line > .f_word .f_date {
    display: table;
    font-size: calc( 11px);
    font-weight: bold;
    color: white;
    background-color: #64beb5;
    padding: 0.0707rem 0.1414rem 0.0707rem 0.1414rem;
    margin: 0 0 0.1414rem 0;
    border-radius: 6px; }
    @media (max-width: 767px) {
      .col_list_line > .f_word .f_date {
        font-size: calc( 11px * 1.1); } }
  .col_list_line > .f_word .f_excerpt {
    font-size: calc( 13px);
    font-weight: normal;
    line-height: calc( 1.6); }
    @media (max-width: 767px) {
      .col_list_line > .f_word .f_excerpt {
        font-size: calc( 13px * 1.1); } }
    @media (max-width: 767px) {
      .col_list_line > .f_word .f_excerpt {
        line-height: calc( 1.6 * 1); } }

/*****************************
*
* page single
*
*****************************/
.page_single_title {
  font-size: calc( 18px);
  font-weight: normal;
  margin: 0 0 0.2827rem 0;
  padding: 0 0 0.1414rem 0;
  line-height: calc( 1.2);
  border-bottom: 1px solid #bbbbbb; }
  @media (max-width: 767px) {
    .page_single_title {
      font-size: calc( 18px * 1.1); } }
  @media (max-width: 767px) {
    .page_single_title {
      line-height: calc( 1.2 * 1); } }
  @media (max-width: 767px) {
    .page_single_title {
      font-size: calc( 16px);
      font-weight: normal; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .page_single_title {
      font-size: calc( 16px * 1.1); } }

/*****************************
*
* post single
*
*****************************/
.f_col_post > .f_box:nth-of-type(1) {
  width: 35%;
  padding: 0 0.3998rem 0 0; }
  @media (max-width: 767px) {
    .f_col_post > .f_box:nth-of-type(1) {
      padding: 0 0 0.5653rem 0; } }

.f_col_post > .f_box:nth-of-type(2) {
  width: calc(100% - 35%); }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .f_col.layout_post > .f_box {
    width: 100%; }
  .f_col.layout_post > .f_box:not(:nth-child(1n)) {
    margin-right: 4%; }
  .f_col.layout_post > .f_box:not(:nth-child(-n+1)) {
    margin-top: 4%; } }

@media (max-width: 767px) {
  .f_col.layout_post > .f_box {
    width: 100%; }
  .f_col.layout_post > .f_box:not(:nth-child(2n)) {
    margin-right: 4%; }
  .f_col.layout_post > .f_box:not(:nth-child(-n+2)) {
    margin-top: 20px; } }

.post_cat,
.post_tag {
  padding: 0.0354rem 0 0.0354rem 0; }
  .post_cat h4,
  .post_tag h4 {
    font-size: calc( 11px);
    font-weight: bold;
    margin: 0 0 0.0354rem 0; }
    @media (max-width: 767px) {
      .post_cat h4,
      .post_tag h4 {
        font-size: calc( 11px * 1.1); } }
  .post_cat li,
  .post_tag li {
    display: inline-block; }
    .post_cat li:not(:last-child),
    .post_tag li:not(:last-child) {
      padding: 0 0.0707rem 0 0; }
    .post_cat li a,
    .post_tag li a {
      display: table;
      font-size: calc( 11px);
      font-weight: bold;
      color: white;
      background-color: #64beb5;
      padding: 0.0354rem 0.0707rem 0.0354rem 0.0707rem;
      border: 1px solid #64beb5;
      border-radius: 4px; }
      @media (max-width: 767px) {
        .post_cat li a,
        .post_tag li a {
          font-size: calc( 11px * 1.1); } }
      .post_cat li a:hover,
      .post_tag li a:hover {
        color: #64beb5;
        background-color: white; }
      @media (max-width: 767px) {
        .post_cat li a,
        .post_tag li a {
          padding: 0.0707rem 0.1414rem 0.0707rem 0.1414rem; } }

.post_title {
  font-size: calc( 18px);
  font-weight: normal;
  margin: 0 0 0.2827rem 0;
  padding: 0 0 0.1414rem 0;
  line-height: calc( 1.2);
  border-bottom: 1px solid #bbbbbb; }
  @media (max-width: 767px) {
    .post_title {
      font-size: calc( 18px * 1.1); } }
  @media (max-width: 767px) {
    .post_title {
      line-height: calc( 1.2 * 1); } }
  @media (max-width: 767px) {
    .post_title {
      font-size: calc( 16px);
      font-weight: normal; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .post_title {
      font-size: calc( 16px * 1.1); } }

.post_date {
  font-size: calc( 16px);
  font-weight: normal;
  margin: 0 0 0.0707rem 0; }
  @media (max-width: 767px) {
    .post_date {
      font-size: calc( 16px * 1.1); } }

.post_date .icon_r:before {
  padding-right: 7px; }

.post_thumbnail {
  margin: 0 0 0.1999rem 0; }

.post_content {
  font-size: calc( 13px);
  font-weight: normal;
  line-height: calc( 1.8); }
  @media (max-width: 767px) {
    .post_content {
      font-size: calc( 13px * 1.1); } }
  @media (max-width: 767px) {
    .post_content {
      line-height: calc( 1.8 * 1); } }

.post_link {
  font-size: calc( 16px);
  font-weight: normal;
  border-top: 1px solid #555555;
  padding: 0.3998rem 0 0.3998rem 0;
  margin: 0.5653rem 0 0 0; }
  @media (max-width: 767px) {
    .post_link {
      font-size: calc( 16px * 1.1); } }
  @media (max-width: 767px) {
    .post_link .f_box .pn_box {
      text-align: center;
      font-size: calc( 13px);
      font-weight: bold;
      padding: 0.1414rem 0.1414rem 0.1414rem 0.1414rem;
      margin: 0 0 0.1414rem 0;
      color: #f595a5;
      background-color: #64beb5; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .post_link .f_box .pn_box {
      font-size: calc( 13px * 1.1); } }
  .post_link .post_next {
    text-align: right; }
    @media (max-width: 767px) {
      .post_link .post_next {
        text-align: center; } }

@media (min-width: 1400px) {
  .f_col.layout_post_link > .f_box {
    width: calc( (100% / 2 - 0%) + (0% / 2)); }
  .f_col.layout_post_link > .f_box:not(:nth-child(2n)) {
    margin-right: 0%; }
  .f_col.layout_post_link > .f_box:not(:nth-child(-n+2)) {
    margin-top: 4%; } }

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  .f_col.layout_post_link > .f_box {
    width: calc( (100% / 2 - 0%) + (0% / 2)); }
  .f_col.layout_post_link > .f_box:not(:nth-child(2n)) {
    margin-right: 0%; }
  .f_col.layout_post_link > .f_box:not(:nth-child(-n+2)) {
    margin-top: 3%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .f_col.layout_post_link > .f_box {
    width: calc( (100% / 2 - 0%) + (0% / 2)); }
  .f_col.layout_post_link > .f_box:not(:nth-child(2n)) {
    margin-right: 0%; }
  .f_col.layout_post_link > .f_box:not(:nth-child(-n+2)) {
    margin-top: 4%; } }

@media (max-width: 767px) {
  .f_col.layout_post_link > .f_box {
    width: 100%; }
  .f_col.layout_post_link > .f_box:not(:nth-child(1n)) {
    margin-right: 0%; }
  .f_col.layout_post_link > .f_box:not(:nth-child(-n+1)) {
    margin-top: 0%; } }

/*****************************
*
* animation
*
*****************************/
.anime_expansion {
  display: table;
  overflow: hidden; }
  .anime_expansion img {
    -webkit-transition: all .2S linear 0s;
    -o-transition: all .2S linear 0s;
    transition: all .2S linear 0s; }
    .anime_expansion img:hover {
      -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1); }

/* 点滅アニメーション（本日出勤中） */
@-webkit-keyframes cast_today {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes cast_today {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*****************************
*
* JS（modaal）
*
*****************************/
.review_form {
  outline: none; }

#review_form {
  display: none; }

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
  background: #000 !important; }

.modaal-close:before,
.modaal-close:after {
  background: #000 !important; }

/*****************************
*
* JS（alert）
*
*****************************/
#review_form_done {
  display: none; }

.swal2-popup {
  font-size: 16px !important; }

.swal2-popup .swal2-title {
  font-size: 22px !important;
  line-height: 1.4; }

.swal2-popup .swal2-content {
  font-size: 16px !important;
  line-height: 1.4; }

.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #64beb5; }

/*****************************
*
* JS（swiper）
*
*****************************/
/*
*「Base」
*/
.swiper-container {
  width: 100%; }

.swiper-wrapper img {
  width: 100%; }

/*
*「ナビゲーションボタン」
*/
.swiper-button-prev,
.swiper-button-next {
  display: none; }

@media (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px; } }

.swiper-button-prev {
  left: 20px;
  /*background: url(https://haniwaman.com/wp-content/uploads/2018/05/swiper3.png) no-repeat center center / contain;*/ }

.swiper-button-next {
  right: 20px;
  /*background: url(https://haniwaman.com/wp-content/uploads/2018/05/swiper4.png) no-repeat center center / contain;*/ }

/*
*「ページネーション」
*/
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  opacity: 0.2; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.thumblist-item {
  background-color: #000;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(20% - 1.6%);
  flex: 0 0 calc(20% - 1.6%);
  max-width: calc(20% - 1.6%);
  margin: 2% 2% 0 0;
  cursor: pointer; }

.thumblist-item:nth-child(1) {
  margin-top: 0; }

.thumblist-item:nth-child(2) {
  margin-top: 0; }

.thumblist-item:nth-child(3) {
  margin-top: 0; }

.thumblist-item:nth-child(4) {
  margin-top: 0; }

.thumblist-item:nth-child(5) {
  margin-top: 0; }

.thumblist-item:nth-child(5n) {
  margin-right: 0; }

.thumblist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px; }

.thumblist-item img {
  opacity: .5; }

.thumblist-item.current img {
  opacity: 1; }

.swiper-container-horizontal > .pickup_swiper-pagination {
  display: table;
  text-align: center;
  margin-top: 15px; }

.swiper-container-horizontal > .pickup_swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #000; }

/*****************************
*
* confirm
*
*****************************/
.modal_confirm {
  display: none;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  z-index: 999999999 !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (max-width: 767px) {
    .modal_confirm {
      width: 100%; } }

.confirm_logo {
  margin-bottom: 30px; }

.confirm_logo img {
  width: auto;
  max-height: 80px; }
  @media (max-width: 767px) {
    .confirm_logo img {
      max-height: 60px; } }

.confirm_text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .confirm_text {
      font-size: 14px; } }

.confirm_btn_area li {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 767px) {
    .confirm_btn_area li {
      display: block;
      padding: 10px 0; } }

.confirm_btn_area li.mark_18 {
  width: 84px; }
  @media (max-width: 767px) {
    .confirm_btn_area li.mark_18 {
      width: 64px;
      margin: 0 auto; } }

.confirm_btn_area li a {
  color: #000;
  font-family: serif;
  font-size: 42px;
  padding: 0 30px;
  display: block;
  cursor: pointer; }
  @media (max-width: 767px) {
    .confirm_btn_area li a {
      font-size: 36px; } }

/*****************************
*
* Word Press WYSIWYG editor
*
*****************************/
.wp_editor h1,
.wp_editor h2,
.wp_editor h3,
.wp_editor h4,
.wp_editor h5,
.wp_editor h6 {
  line-height: calc( 1.8);
  margin: 0 0 0.0707rem 0; }
  @media (max-width: 767px) {
    .wp_editor h1,
    .wp_editor h2,
    .wp_editor h3,
    .wp_editor h4,
    .wp_editor h5,
    .wp_editor h6 {
      line-height: calc( 1.8 * 1); } }

.wp_editor h1 {
  font-size: calc( 30px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .wp_editor h1 {
      font-size: calc( 30px * 1.1); } }

.wp_editor h2 {
  font-size: calc( 24px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .wp_editor h2 {
      font-size: calc( 24px * 1.1); } }

.wp_editor h3 {
  font-size: calc( 18px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .wp_editor h3 {
      font-size: calc( 18px * 1.1); } }

.wp_editor h4 {
  font-size: calc( 13px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .wp_editor h4 {
      font-size: calc( 13px * 1.1); } }

.wp_editor h5 {
  font-size: calc( 11px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .wp_editor h5 {
      font-size: calc( 11px * 1.1); } }

.wp_editor h6 {
  font-size: calc( 10px);
  font-weight: bold; }
  @media (max-width: 767px) {
    .wp_editor h6 {
      font-size: calc( 10px * 1.1); } }

.pager {
  display: table;
  margin: 0.5653rem auto 0 auto; }

.pager a {
  display: inline-block; }

.wp-pagenavi a, .wp-pagenavi span {
  padding: 8px !important;
  background-color: white;
  border: 1px solid #999 !important; }

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  color: white;
  background-color: #f595a5;
  border: 1px solid #f5aeba !important; }

.wp-pagenavi span.current {
  font-size: calc( 13px);
  font-weight: bold;
  color: white;
  background-color: #555555;
  border: 1px solid #555555 !important; }
  @media (max-width: 767px) {
    .wp-pagenavi span.current {
      font-size: calc( 13px * 1.1); } }