/*
Theme Name:		本院
Description: SMART-MINIMUMをカスタマイズしています。http://rfs.jp/
Author:			ComQuest
Author URI:	http://www.comquest.co.jp/
Version:		1.0
*/

/*= font-stream / レビュー用comquestのトークン =*/
@font-face{
  font-family: "Rera-04";
  font-weight: normal;
  src:url("https://www.font-stream.com/fontdata/Rera-04.woff2?token=asidoito0usk72bb") format("woff2"),
  url("https://www.font-stream.com/fontdata/Rera-04.woff?token=asidoito0usk72bb") format("woff");
}
@font-face{
  font-family: "Rera-06";
  font-weight: normal;
  src:url("https://www.font-stream.com/fontdata/Rera-06.woff2?token=asidoito0usk72bb") format("woff2"),
  url("https://www.font-stream.com/fontdata/Rera-06.woff?token=asidoito0usk72bb") format("woff");
}

/*= reset =*/
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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing:border-box;
}
html, body, div, applet, object, iframe,dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6, p, tr, th, td {
  font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}
html{
  font-size: 14px;
}
body {
  line-height: 1.4;
  font-family: "Rera-04",'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  background: #EEF4F4;
  color: #111;
}
div, applet, object, iframe,dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6, p, tr, th, td {
  font-size: calc(1rem + .1vw);
  line-height: 1.6;
  /*font-size: 100%;*/
}
@media screen and (max-width: 1024px){
  .show_pc {
    display: none;
  }
}
@media screen and (min-width: 1024px){
  .show_sp {
    display: none;
  }
  .show_pc {
    display: block;
  }
}
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;
}
input,button,select,textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
textarea {
  resize: vertical;
}
input[type='checkbox'],input[type='radio'] {
  display: none;
}
input[type='submit'],  input[type='button'],
label,button,select {
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

img {
  max-width:100%;
  vertical-align:bottom;
}
a {
  text-decoration:none;
  color: #111;
  transition: all .25s ease;
}
.iframe_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

th,td,p,li,dd,dt,h2,h3,h4,h5,h6,
.menu a{
  transform: rotate(0.075deg);
}

/*== ヘッダー ==*/
#site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  @media screen and (min-width: 300px){
    height: 124px;
  }
  @media screen and (min-width: 414px){
    height: 148px;
  }
  @media screen and (min-width: 768px){
    height: 180px;
  }
  .header_inner {
    z-index: 101;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
    &::before{
      content: "";
      background: rgba(255,255,255,.75);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 101;
    }
  }
  .optional_menu_wrapper{
    position: relative;
    z-index: 102;
  }
  .list_opt_btn {
    width: 100%;
    position: fixed;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2px;
  }
  .opt_btn{
    .btn{
      background:#F33061 ;
      color: #fff;
      padding: .5rem;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .img_wrap {
      width: 32px;
    }
    .reserve_name {
      padding-left:.5rem;
    }
  }
  .logo_wrapper {
    padding: .25rem .25rem 0;
  }
  .logo_area{
    position: relative;
    z-index: 102;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
    gap: 1rem;
  }
  #site-logo{
    display: inline-block;
    max-width: 30%;
    a{
      display: inline-block;
    }
    img{
      width: auto;
      @media screen and (min-width: 300px){
        max-height: 54px;
      }
      @media screen and (min-width: 414px){
        max-height: 74px;
      }
      @media screen and (min-width: 768px){
        max-height: 100px;
      }
    }
  }
  .site-name{
    display: inline-block;
    max-width: 70%;
    img{
      width: auto;
      @media screen and (min-width: 300px){
        max-height: 32px;
      }
      @media screen and (min-width: 414px){
        max-height: 36px;
      }
      @media screen and (min-width: 768px){
        max-height: 42px;
      }
    }
  }
  .header_info {
    padding: 0 .25rem;
    display: grid;
    gap: .25rem;
    @media screen and (min-width: 300px){
      grid-template-columns: repeat(3,1fr);
    }
    .info_item {
      text-align: center;
    }
    .item_label{
      padding: 4px;
      color: #fff;
      border-radius: 8px;
    }
    .item_value {
      font-size: calc(1.125rem + .1vw);
    }
  }
  .info_target {
    .item_label {
      background: #17B2B8;
    }
    .item_value {
      color:#17B2B8;
    }
  }
  .info_closed {
    .item_label {
      background: #F683A0;
    }
    .item_value {
      color:#F683A0;
    }
  }
  .info_tel {
    .item_label {
      background: #1762B8;
    }
    .item_value a{
      color:#1762B8;
    }
  }
  .menu_btn_wrapper {
    cursor: pointer;
    z-index: 105;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 8px 8px 4px;
    background: #fff;
    width: 60px;
    &::before,&::after{
      content: "";
      height: 2px;
      width: 44px;
      position: absolute;
      left: 8px;
      margin: auto;
      background: #F33061;
      transition: all .25s ease;
      transform-origin: center;
      border-radius: 9999px;
    }
    &::before {
      top: 8px;
    }
    &::after {
      top: 32px;
    }
  }
  .menu_btn {
    text-align: center;
    display: block;
    color: #F33061;
    position: relative;
    padding-top: 24px;
    &::before {
      content: "";
      height: 2px;
      width: 44px;
      position: absolute;
      left: 0;
      top: 12px;
      margin: auto;
      background: #F33061;
      transition: all .25s ease;
      transform-origin: center;
      border-radius: 9999px;
    }
  }
  .global_menu_wrap {
    pointer-events: none;
    transition:opacity .5s ease,transform .5s ease ;
    opacity: 0;
    position: fixed;
    overflow-y: scroll;
    display: block;
    transform:translateY(-100%);
    bottom: 0;
    top: 0;
    width: 100%;
    background: rgba(167,216,218,.8);
    z-index: 100;
    .menu-item a{
      display: block;
      padding: 14px 28px 14px 14px;
      font-size: 1.25rem;
      margin: 0 0 1px;
      background: #fff;
      position: relative;
      &::after {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 2px solid #F34B7B;
        border-right: 2px solid #F34B7B;
        border-radius: 2px;
        position: absolute;
        transform: rotate(45deg);
        top: 0;
        bottom: 0;
        right: 14px;
        margin: auto;
      }
      &:hover{
        background: #a7d8da;
      }
    }
    .sub-menu {
      background: rgba(255,255,255,.8);
      margin-bottom: 1px;
    }
    .sub-menu .menu-item a{
      margin: 0;
      padding-left: 28px;
      background: none;
      border-bottom: 1px solid #A7D8DA;
      &:hover{
        background: #a7d8da;
      }
    }
    .sub-menu .menu-item:first-child {
      margin-top: 0;
    }
    .sub-menu .menu-item:last-child a{
      border-bottom: none;
    }
    .no_active > a:active {
      pointer-events: none;
    }
  }
  .optional_title {
    margin-top: 4px;
    border-bottom: 1px solid #fff;
    background: #F34B7B;
    text-align: center;
    color:  #fff;
    padding: 8px;
    font-size: 1.25rem;
  }
  .optional_menu {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
    .opt_btn{
      padding: 8px;
      background: #F34B7B;
    }
    img {
      max-width: 49px;
    }
    .reserve_name {
      color: #fff;
    }
  }
}

@media screen and (max-width: 1023px){
  #site-header.open {
    /*= スマホサイズメニュー表示 =*/
    .global_menu_wrap{
      padding-bottom: 56px;
      transform:translateY(0);
      pointer-events: auto;
      opacity: 1;
    }
    .menu_btn_wrapper {
      &::before {
        top: 20px;
        transform: rotate(45deg);
      }
      &::after {
        top: 20px;
        transform: rotate(-45deg);
      }
    }
    .menu_btn::before{
      opacity: 0;
      left: -50%;
    }
  }
}

@keyframes slide_in {
  from {
    transform:translateY(-100%);
    opacity: 0;
  }
  to {
    transform:translateY(0%);
    opacity: 1;
  }
}
@keyframes slide_out {
  from {
    transform:translateY(0%);
    opacity: 1;
  }
  to {
    transform:translateY(-100%);
    opacity: 0;
  }
}
@media screen and (min-width: 1024px){
  /*= PCサイズヘッダー設定 =*/
  #site-header {
    height: auto;
    position: relative;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    height: auto;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    .header_inner {
      display: block;
      padding: 0;
      &::before {
        display: none;
      }
    }
    .global_menu_sub_wrapper {
      background: #fff;
    }
    .global_menu_sub {
      display:grid;
      gap: 1rem;
      align-items: center;
      grid-template-columns:calc(40% - .5rem) calc(60% - .5rem);
      @media screen and (min-width: 1280px){
        grid-template-columns:repeat(2,1fr);
      }
    }
    .logo_wrapper {
      position: relative;
      &::after {
        content: "";
        width: 1px;
        height: 70%;
        background: #17B2B8;
        position: absolute;
        top: 15%;
        left: calc(100% + .5rem);
        @media screen and (min-width: 1280px){
          left: auto;
          right: 0;
        }
      }
    }
    .logo_wrapper {
      padding: .5rem 1rem;
    }
    .logo_wrapper .logo_area {
      justify-content: start;
      margin: 0;
    }
    @media screen and (min-width: 1280px){
      #site-logo img {
        max-height: 140px;
      }
      .site-name img {
        max-height: 54px;
      }
    }
    .header_info {
      gap: 1rem;
      @media screen and (min-width: 1280px){
        .item_label{
          padding: .5rem .25rem;
          font-size: 1.25rem;
        }
        .item_value {
          padding:.25rem;
          font-size: 1.5rem;
        }
      }
    }
    .optional_menu_wrapper{
      display: grid;
      grid-template-columns: calc(70% - 1rem) 30%;
      align-items: center;
      gap: 1rem;
      height: 100%;
    }
    .list_opt_btn {
      position: relative;
      display: block;
      height: 100%;
      .opt_btn{
        height: calc(50% - 1px);
      }
      .btn {
        justify-content: start;
        @media screen and (min-width: 1280px){
          padding: .5rem 1rem;
        }
      }
    }
    .opt_web {
      margin-bottom: 1px;
    }
    .opt_line {
      margin-top: 1px;
    }
    .menu_btn_wrapper {
      display:none;
    }
    .global_menu_wrap {
      opacity: 1;
      display:grid;
      align-items: center;
      height: auto;
      /*padding: 0 214px 0 178px;*/
      padding: 8px 0 0;
      background-color: rgb(244, 250, 250,.75);
      position: relative;
      top: 0;
      left: 0;
      transform: translateY(0);
      pointer-events: auto;
      overflow-y: visible;
      .optional_title,.optional_menu{
        display: none;
      }
    }
    .menu ul,
    #menu-global_menu {
      display: flex;
      justify-content: center;
      .menu-item {
        position: relative;
        a {
          display: block;
          padding:46px 24px 8px;
          background-size:28px auto;
          background-position:center 12px ;
          background-repeat: no-repeat;
          background-color: rgba(255,255,255,0);
          font-size: 1.25rem;
        }
        a::after{
          display: none;
        }
      }
      .menu_about > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_about.png);
      }
      .menu_guide > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_guide.png);
      }
      .menu_clinic > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_clinic.png);
      }
      .menu_recruit > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_doctor.png);
      }
      .menu_info > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_info.png);
      }
      .menu_access > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_access.png);
      }
      .menu_contact > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_contact.png);
      }
      .menu_trimming > a{
        background-image: url(/wp-content/themes/original_theme_honin/assets/img/menu_icon_trimming.png);
      }
      .sub-menu {
        opacity: 0;
        transition:all .25s ease ;
        position: absolute;
        top: 100%;
        height: 100%;
        width: 200%;
        display: block;
        pointer-events: none;
        background: none;
        padding-top: 8px;
      }
      .sub-menu::before {
        content: "";
        width: 0;
        height: 0;
        border: transparent 8px solid;
        border-bottom: 8px solid rgba(255,255,255,.75);
        position: absolute;
        top: -8px;
        left: 25%;
      }
      .menu-item-has-children {
        position: relative;
      }
      .menu-item-has-children:hover > .sub-menu{
        opacity: 1;
        pointer-events: auto;
      }
      .sub-menu a{
        background-image: none;
        background-color: rgba(255,255,255,.75);
        padding: 12px;
      }
      .sub-menu a:hover{
        background-color: rgba(255,255,255,.9);
      }
      .sub-menu li:first-child a{
        border-top-left-radius:8px;
        border-top-right-radius:8px;
      }
      .sub-menu li:last-child a{
        border-bottom-left-radius:8px;
        border-bottom-right-radius:8px;
      }
    }
  }
  /*= 追従 =*/
  .show_header {
    padding-top:210px;
    #site-header{
      position: fixed;
      top: 0;
      animation:slide_in .8s;
      #site-logo img {
        max-height: 72px;
      }
      .global_menu_sub {
        grid-template-columns: 1fr 2fr;
      }
      @media screen and (min-width: 1280px){
        .optional_menu_wrapper {
          grid-template-columns:calc(60% - 1rem) 40%;
        }
        .header_info {
          gap:.5rem;
        }
        .header_info .item_value,.header_info .item_label {
          padding: .25rem;
        }
        .list_opt_btn {
          display: grid;
          grid-template-columns: repeat(2,1fr);
          align-items: center;
        }
        .list_opt_btn .opt_web,
        .list_opt_btn .opt_line {
          margin: 0;
          height: 100%;
        }
      }
    }
    th,td,p,li,dd,dt,h2,h3,h4,h5,h6,.menu a{
      transform: rotate(0.1deg);
    }
  }
  .hide_header{
    transition: all .5s ease;
    padding-top:210px;
    #site-header{
      position: fixed;
      top: 0;
      animation:slide_out .5s;
    }
  }
}
/*== メイン ==*/
#body_wrapper {
  @media screen and (min-width: 1024px){
  }
}
.section_wrapper {
  position: relative;
  padding:14px 0;
  @media screen and (min-width: 1024px){
    padding:24px 0;
  }
}
.section {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 14px;
  .details_list {
    @media screen and (min-width: 1024px){
      display:grid;
      grid-template-columns:repeat(2,1fr);
      column-gap:1rem;
    }
    @media screen and (min-width: 1280px){
      grid-template-columns:repeat(3,1fr);
    }
    @media screen and (min-width: 1440px){
      grid-template-columns:repeat(4,1fr);
    }
    .list_item {
      padding: 8px 8px 8px 28px;
      margin-bottom: .5rem;
      position: relative;
      border-radius: 6px;
      &::before{
        content: "";
        width: 12px;
        height: 12px;
        background: #17B2B8;
        border-radius: 6px;
        position: absolute;
        left: 8px;
        top: 14px;
      }
    }
  }
}
.section_header{
  margin-bottom: 1.5rem;
}
.section_tile .section {
  padding: 0;
  @media screen and (min-width: 1024px){
    padding:3rem 14px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
  }
  @media screen and (min-width: 1440px){
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .section_header{
    padding: 1rem;
    margin: 0;
  }
  .section_body {
    padding: 1rem;
  }
  .section_body:last-of-type {
    margin-bottom: 0;
  }
}
.btn_wrapper {
  text-align: right;
  .btn {
    background: #fff;
    display: inline-block;
    color: #F65481;
    font-size: calc(1.125rem + .1vw);
    padding:.75rem 8rem .75rem 1.5rem;
    border: 1px solid #F65481;
    border-radius: 4rem;
    position: relative;
    transition: box-shadow .5s ease;
    &::before{
      content: "";
      height: 1px;
      width:3rem;
      border-radius: 1px;
      background: #F65481;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: calc(1.5rem + 12px);
      transition: right .25s ease-out;
    }
    &::after{
      content: "";
      height: 18px;
      width: 12px;
      background-image:url(/wp-content/themes/original_theme_honin/assets/img/btn_arrow.svg) ;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1.5rem;
      transition: right .25s ease-out;
    }
  }
  .btn:hover {
    box-shadow: 0 0 4px rgba(246, 84, 129,.5);
    &::before{
      right: calc(.5rem + 12px);
    }
    &::after{
      right: 1.25rem;
    }
  }
}
.section_title {
  font-size: calc(2.5rem + .1vw);
  margin:8px 0 16px;
  padding-bottom:24px;
  position: relative;
  /*color: #44A4FD;*/
  &::before {
    content: "";
    height: 20px;
    width:74px;
    background-image: url(/wp-content/themes/original_theme_honin/assets/img/title_bottom.png);
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    border-radius: 2px;
  }
}

/*== フッター ==*/
#site-footer {
  /*background: #A7D8DA;*/
  background:#17B2B8 ;
  color: #333;
  padding:72px 0 52px;
  @media screen and (min-width: 1024px){
    padding-bottom: 0;
  }
  position: relative;
  .foonter_section {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px 48px;
  }
  .footer_siteinfo {
    margin-bottom: 14px;
    @media screen and (min-width: 1024px){
      display: grid;
      column-gap: 3rem;
      row-gap: 2rem;
      grid-template-columns: repeat(4,1fr);
      grid-template-areas:
      "ov  map map map"
      "con guide menu menu"
    }
  }
  .footer_title {
    border: 1px solid #fff;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-family: "Rera-06";
    padding:8px;
    background: #17B2B8;
    color: #fff;
  }
  /*= ロゴ等 =*/
  .footer_overview {
    text-align: center;
    margin-bottom: 1rem;
    grid-area: ov;
  }
  .footer_logo_wrap {
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-radius: 100px;
    height: 200px;
    width: 200px;
    position: relative;
  }
  .footer_logo {
    width: 200px;
    vertical-align: bottom;
    position: absolute;
    bottom: 3px;
    left: -4px;
  }
  .footer_sitename {
    font-size: 1.25rem;
    margin: 8px 0;
  }
  .footer_logo_type {
    max-width: 200px;
  }
  /*== 連絡先 ==*/
  .footer_contact {
    margin-bottom: 1rem;
    grid-area: con;
    .footer_body{
      border: 1px solid #fff;
      border-top: none;
    }
    .note {
      padding: .5rem;
      text-align: center;
      color: #fff;
      border-bottom: 1px solid #8AC8CB;
    }
    .list_item {
      display: grid;
      grid-template-columns: 52px 1fr;
      align-items: center;
      border-top: 1px solid #8AC8CB;
      padding: .5rem 0;
    }
    .list_item:first-child {
      border: none;
    }
    .list_item a{
      padding: .5rem 1rem;
      color: #fff;
    }
    .label {
      display: inline-block;
      padding:0 .25rem;
      margin-left: .25rem;
      text-align: center;
      background: #fff;
      color: #17B2B8;
    }
    .label_icon {
      text-align: center;
      border-right: 1px solid #fff;
    }
    .label_icon img {
      max-width: 32px;
      vertical-align: middle;
    }
    .banners {
      margin-top: 2rem;
      .list_item {
        border: none;
        display: block;
      }
      a {
        display: block;
        width: 100%;
        padding: 0;
      }
    }
  }

  /*== メニュー ==*/
  .footer_menu {
    margin-bottom: 1rem;
    grid-area: menu;
    #menu-footer_menu {
      @media screen and (min-width:1024px) {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        column-gap:1rem ;
      }
    }
    #menu-footer_menu > li{
      border-bottom: 1px solid #8AC8CB;
    }
    .menu-item a{
      padding: 8px;
      display: block;
      position: relative;
      color: #fff;
      /*&::before {
        content: "";
        width:8px;
        height:8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        position: absolute;
        transform: rotate(45deg);
        top: 0;
        bottom: 0;
        right: 14px;
        margin: auto;
      }*/
      &:hover{
      }
    }
    .sub-menu {
      border-top: 1px solid #8AC8CB;
      padding-left: 1rem;
    }
    .sub-menu .menu-item a{
      position: relative;
      padding-left: 12px;
    }
    .sub-menu .menu-item a::before {
      content: "";
      width: 8px;
      height: 2px;
      background: #8AC8CB;
      position: absolute;
      left: -4px;
      top: 1.5rem;
    }
  }
  /*== Googleマップ ==*/
  .footer_map {
    margin-bottom: 1rem;
    grid-area: map;
  }
  .footer_map_wrapper iframe{
    height: 360px;
    width: 100%;
  }
  /*== 諸々のご案内 ==*/
  .footer_guide {
    margin-bottom: 1rem;
    grid-area: guide;
    .guide_item {
      margin-bottom: 1rem;
    }
    .item_body {
      background: #fff;
      padding: 1rem;
    }
    .list_item {
      margin-bottom: 1rem;
      &:last-child{
        margin-bottom: 0;
      }
      .label {
        position: relative;
        display: inline-block;
        padding-left: 12px;
      }
      .label::before{
        content: "";
        width: 6px;
        height: 6px;
        background: #17B2B8;
        border-radius: 6px;
        position: absolute;
        top: 12px;
        left: 0;
      }
    }
    .method_list .sub_list{
      .list_item {
        margin-bottom: 0;
        display: inline-block;
        padding: .5rem;
      }
      li {
        vertical-align: middle;
      }
      img {
        width: auto;
      }
      .visa img {
        height: 24px;
      }
      .mc img,.jcb img,.amex img{
        height: 34px;
      }
      .diners img,.discover img{
        height: 38px;
      }
      .paypay ,.rpay,.aupay {
        padding: 0;
      }
      .paypay img {
        height:64px;
      }
      .rpay img{
        height:42px;
      }
      .aupay img {
        height: 28px;
      }
    }
  }
  /*= コピーライト =*/
  #copyright {
    padding: 24px;
    text-align: center;
    /*background: #8AC8CB;*/
    background: #A7D8DA;
    font-size: .875rem;
  }
  .cr_item {
    padding-right: 12px;
    margin-right: 8px;
    border-right: 1px solid #fff;
  }
}

.grecaptcha-badge{
  display: none;
}