@charset "UTF-8";
/*COLORS*/
/*FONT SIZES*/
/*BREAKPOINTS*/
* {
  line-height: 1.5em;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

body {
  margin: 0; }

h1,
h2,
h3,
p {
  margin: 0;
  font-weight: initial; }

ul,
dl,
dt,
dd {
  margin: 0;
  list-style: none;
  padding: 0; }

a {
  text-decoration: none; }
  a::-moz-focus-inner {
    border: 0; }
  a:focus {
    outline: none; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input::-webkit-input-placeholder {
  color: #b7b7b7; }

input:-ms-input-placeholder {
  color: #b7b7b7; }

input::-ms-input-placeholder {
  color: #b7b7b7; }

input::placeholder {
  color: #b7b7b7; }

button::-moz-focus-inner,
input::-moz-focus-inner,
optgroup::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
  border: 0; }

button::-webkit-calendar-picker-indicator,
input::-webkit-calendar-picker-indicator,
optgroup::-webkit-calendar-picker-indicator,
select::-webkit-calendar-picker-indicator,
textarea::-webkit-calendar-picker-indicator {
  display: none; }

button::-webkit-inner-spin-button,
input::-webkit-inner-spin-button,
optgroup::-webkit-inner-spin-button,
select::-webkit-inner-spin-button,
textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none; }

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: none; }

.shop-detail__thumbnail-item {
  margin-top: 20px;
  margin-right: 8px;
  outline: none;
  width: 23.5%; }
  .shop-detail__thumbnail-item:last-child {
    margin-right: 0; }

.shop-detail__thumbnail-item.slick-current img {
  border: 3px solid #603711; }
  @media screen and (max-width: 767px) {
    .shop-detail__thumbnail-item.slick-current img {
      border: 2px solid #603711; } }

select option {
  color: #666; }

/* components */
@media screen and (max-width: 767px) {
  .header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999; } }
.pc{ display: block!important;}
.sp{ display: none!important;}
.mb20 { margin-bottom: 20px;}
.header__content {
  max-width: 960px;
  margin: 0 auto;
  font-size: 0;
  padding: 25px 5px 20px;
  clear: both;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 767px) {
    .header__content {
      padding: 0 15px;
      background: #FFFFFF;
      border-top: 2px solid #e95504; } }

.header__top-text {
  font-size: 12px;
  color: #333333;
  display: block;
  text-align: right;
  position: absolute;
  right: 0;
  top: 8px; }
  @media screen and (max-width: 767px) {
    .header__top-text {
      font-size: 1.9vw;
      text-align: left;
      padding: 8px 0 7px;
      float: left;
      width: 100%;
      position: static; } }

.header__logo {
  width: 12%;
  display: inline-block;
  vertical-align: middle;
  float: left; }
  @media screen and (max-width: 767px) {
    .header__logo {
      width: 46%;
      margin: 0 0 10px;
      float: initial; } }
  @media screen and (max-width: 480px) {
    .header__logo {
      width: 18%; } }

.header__logo-link {
  width: 36%; }

.header__logo-image {
  width: 100%;
  height: 100%; }

@media screen and (max-width: 767px) {
  .header__content--no-seotext {
    padding-top: 10px; } }

.navigation {
  display: inline-block;
  vertical-align: middle;
  width: 67%;
  text-align: right;
  margin-top: 20px;
  float: right;}
  @media screen and (max-width: 767px) {
    .navigation {
      width: 54%;
      text-align: right;
      display: inline-block;
      vertical-align: top;
      margin-top: 0; } }
  @media screen and (max-width: 480px) {
    .navigation {
      width: 45%; } }
  @media screen and (max-width: 767px) {
    .navigation__list {
      display: none; } }
  .navigation__link {
    font-size: 14px;
    display: inline-block;
    border-bottom: 1px solid #333333; }
    .navigation__link:hover {
      border-bottom: 1px solid transparent; }
  .navigation__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3%; }
    .navigation__item:last-child {
      margin-right: 0; }
  .navigation__link-button {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    padding: 11px 5px;
    width: 100%;
    text-align: center;
    border: 1px solid #e95504;
    border-radius: 5px; }
    .navigation__link-button:hover {
      color: white;
      background: #e95504; }
  .navigation__item-button {
    width: 25%; }
  .navigation__link-text:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("/images/common/button_arrow_renewal.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5%; }
  .navigation__icon-mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .navigation__icon-mobile {
        display: block; } }
  @media screen and (max-width: 767px) {
    .navigation__icon-login {
      width: 20%;
      height: 60px;
      background: url("/images/renew/common/login-sp.png") no-repeat;
      background-size: contain;
      display: inline-block;
      vertical-align: middle;
      margin-right: 3%; } }
  @media screen and (max-width: 480px) {
    .navigation__icon-login {
      width: 35px;
      height: 45px;
      background: url("/images/renew/common/login-sp.png") no-repeat;
      background-size: contain; } }
  @media screen and (max-width: 767px) {
    .navigation__icon-mypage {
      width: 20%;
      height: 60px;
      background: url("/images/renew/common/mypage-sp.png") no-repeat;
      background-size: contain;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2%; } }
  @media screen and (max-width: 480px) {
    .navigation__icon-mypage {
      width: 35px;
      height: 45px;
      background: url("/images/renew/common/mypage-sp.png") no-repeat;
      background-size: contain; } }
  @media screen and (max-width: 767px) {
    .navigation__icon-menu {
      width: 20%;
      height: 60px;
      background: url("/images/renew/common/menu-sp.png") no-repeat;
      background-size: contain;
      display: inline-block;
      vertical-align: middle; } }
  @media screen and (max-width: 480px) {
    .navigation__icon-menu {
      width: 35px;
      height: 45px;
      background: url("/images/renew/common/menu-sp.png") no-repeat;
      background-size: 101%;
      display: inline-block;
      vertical-align: middle;
      background-position: center top; } }
  @media screen and (max-width: 767px) {
    .navigation__icon-reservation {
      width: 20%;
      height: 60px;
      background: url("/images/renew/common/riraku-reservation-icon-sp.png") no-repeat;
      background-size: contain;
      display: inline-block;
      vertical-align: middle;
      margin-right: 3%; } }
  @media screen and (max-width: 480px) {
    .navigation__icon-reservation {
      width: 35px;
      height: 45px;
      background: url("/images/renew/common/riraku-reservation-icon-sp.png") no-repeat;
      background-size: 101%;
      display: inline-block;
      vertical-align: middle; } }
  .navigation__close-wrapper {
    display: block;
    padding: 25px 0 15px;
    text-align: right; }
  .navigation__mobile-list {
    background: #FFFFFF;
    padding: 20px; }
  .navigation__close-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url("/images/renew/common/close-navigation.png") no-repeat;
    background-size: contain; }
  .navigation__mobile-item {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 7%;
    padding-left: 15px;
    background: url("/images/renew/common/button_arrow_renewal.png") no-repeat;
    background-size: contain; }
    .navigation__mobile-item:nth-child(2n) {
      margin-right: 0; }
    .navigation__mobile-item:last-child, .navigation__mobile-item:nth-last-child(2) {
      margin-bottom: 0; }
  .navigation__mobile-link {
    font-size: 3vw;
    color: #333333;
    border-bottom: 1px solid #333333;
    display: inline-block; }
  .navigation__mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .navigation__mobile {
        display: none;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        text-align: left;
        background: #e95504;
        padding: 0 15px 15px;
        z-index: 9; } }
  .navigation__backdrop {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }

.navigation__list--loggedin .navigation__link {
  font-size: 13px; }

.navigation__list--loggedin .navigation__item {
  margin-right: 2%; }

.navigation__list--loggedin .navigation__link-button {
  font-size: 12px; }

.navigation__list--loggedin .navigation__item-button {
  width: 23%; }

.header-tabs {
  background: #e95504;
  font-size: 0; }
  .header-tabs__list {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    font-size: 0; }
  .header-tabs__item {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    font-size: 18px; }
    @media screen and (max-width: 767px) {
      .header-tabs__item {
        font-size: 3.5vw;
        overflow: hidden; } }
  .header-tabs__link {
    display: block;
    padding: 10.5px 0;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .header-tabs__link {
        padding: 12px 0; } }
  .header-tabs__link-text {
    display: block;
    padding: 5px 0;
    border-left: 1px solid #FFFFFF;
    font-weight: bold;
    line-height: initial; }
    @media screen and (max-width: 767px) {
      .header-tabs__link-text {
        line-height: 1.15em; } }
  @media screen and (max-width: 767px) {
    .header-tabs__item--last {
      display: none; } }

.header-tabs__item.header-tabs__item--last .header-tabs__link-text {
  border-right: 1px solid #FFFFFF; }

.header-tabs__link:hover {
  background: #ef7d43;
  color: #FFFFFF; }
  .header-tabs__link:hover .header-tabs__link-text {
    border-color: #ef7d43; }

@media screen and (max-width: 767px) {
  .header-tabs__item:first-child {
    width: 23%; }
    .header-tabs__item:first-child .header-tabs__link-text {
      border: none;
      text-indent: 7px; } }

@media screen and (max-width: 767px) {
  .header-tabs__item:nth-child(2) {
    width: 28%; } }

@media screen and (max-width: 767px) {
  .header-tabs__item:nth-child(3) {
    width: 24%; } }

.header-tabs__item:nth-child(4) {
  display: none; }
  @media screen and (max-width: 767px) {
    .header-tabs__item:nth-child(4) {
      display: inline-block;
      text-align: center;
      width: 25%; } }
  .header-tabs__item:nth-child(4) .header-tabs__link-text {
    padding: 1px 7px 0 15px;
    width: 85%;
    font-size: 2.8vw; }
    @media screen and (max-width: 320px) {
      .header-tabs__item:nth-child(4) .header-tabs__link-text {
        font-size: 3vw;
        padding: 0 7px 0 15px; } }

.header-tabs__item.header-tabs__item--active {
  background: #ef7d43; }
  .header-tabs__item.header-tabs__item--active .header-tabs__link {
    color: #FFFFFF; }
  .header-tabs__item.header-tabs__item--active .header-tabs__link-text {
    border: none; }
  #banner_slider {
      position: relative;
    min-height: 480px;}
    @media screen and (max-width: 480px) {
      #banner_slider {
        min-height: 246px;} }
  #banner_slider > div {
      width: 100%;
      height: auto;
      position: absolute;
      top: 0px;
      left: 0px;}
.banner {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto; }
  .banner .clearfix {clear: both;}
  .banner__content {
    margin: 0 auto;
    display: block; }
  .banner__pc {
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .banner__pc {
        display: none!important; } }
  .banner__sp {
    display: none; }
    @media screen and (max-width: 767px) {
      .banner__sp {
        width: 100%;
        height: auto;
        display: block; } }
  .banner__image {
    width: 100%; }
  .banner__slider-list {
    display: block; }
  .banner__slider-list-sp {
    display: none; }
    @media screen and (max-width: 767px) {
      .banner__slider-list-sp {
        display: block; } }
  .banner__image-first-time {
    width: 100%; }
  .banner__container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto; }
  .banner__container .banner__image-first-time-wrapper {
    background: rgba(0, 0, 0, 0) url(/images/first/first-time-banner.png) no-repeat 100% 100%;
    height: 430px;
  }
  .banner__image-first-time-wrapper .banner__image-first-time-notice {
    width: 48%;
    float: right;
    text-align: left;
    padding: 20px 0px; }
    .banner__image-first-time-wrapper .banner__image-first-time-notice .title {
      font-size: 36px;
      color: #e34f05;
      font-weight: 900; }
      @media screen and (max-width: 890px) {
        .banner__image-first-time-wrapper .banner__image-first-time-notice .title {
          font-size: 30px; } }
    .banner__image-first-time-wrapper .banner__image-first-time-notice .product-name.flex {
      display: flex;
      align-content: stretch;
      align-items: center;
      flex-wrap: nowrap; }
    .banner__image-first-time-wrapper .banner__image-first-time-notice p.product-name {
      height: 30px;
      margin: 10px 0px;
      font-size: 28px;
      color: #603d1b;
      font-weight: 900; }
      .banner__image-first-time-notice .product-name span.product-name-type {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;}
    .banner__image-first-time-wrapper .banner__image-first-time-notice p.product-price {
      color: #603d1b;
      font-size: 2em;
      font-weight: 900;}
      .banner__image-first-time-wrapper .product-price span.red {
        color: #f53008!important;}
      .banner__image-first-time-wrapper .product-price span.product-tax {
        font-size: 12px;}
    .banner__image-first-time-wrapper .banner__image-first-time-medal {
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin: 20px 30px;}
      @media screen and (max-width: 890px) {
        .banner__image-first-time-wrapper .banner__image-first-time-medal {
          margin: 20px 0px; } }
      .banner__image-first-time-medal .top-medal__items {
        background: url(/images/first/medal_icon.png) no-repeat 100% 100%;
        height: 134px;
        width: 115px;}
        .top-medal__items .top-medal__icon {
          position: relative;
          text-align: center;
          height: 100%;}
          .top-medal__icon .top-medal__text {
            position: absolute;
            transform: translateY(-40%);
            width: 100%;
            top: 50px;}
          .top-medal__icon .top-medal__text p,
          .top-medal__icon .top-medal__text span {
            color: #554533;
            font-weight: bolder;
            text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
            .top-medal__text p.ranking-number {
              color: #ef4501;
              font-size: 1.5em;
              font-family: Arial, Helvetica, sans-serif;}
            .top-medal__text p.ranking-name {
              line-height: 22px;}
            .top-medal__text p.medal-number.center {
              font-size: 11px;}
              .medal-number span.number {
                font-size: 22px;}
              .medal-number span.number.center {
                font-size: 18px;}
        .top-medal__items div.medal-time {
          font-size: 11px;
          text-align: center;
          margin-top: 5px;}
.banner.banner--middle {
  font-size:0px;
  max-width: 1200px;
  }
  @media screen and (max-width: 767px) {
    .banner.banner--middle {
      display: none; } }
  .banner.banner--middle .banner__link-image {
    display: inline-block;
    max-width: 960px;
    margin: 0 auto;
    line-height: 0; }

.banner.banner--sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .banner.banner--sp {
      display: block;
      width: 100%;
      line-height: 0;
    }
    .banner.banner--sp img {
      width: 100%;
      height: auto;
    }
  }

.banner--first-time {
  position: relative;
  max-width: 100%;
  background: #f9e6d7; }

.banner__image-first-time-sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .banner__image-first-time-sp {
      display: block; } }

@media screen and (max-width: 767px) {
  .banner__image-first-time-pc {
    display: none; } }

.shop-search {
  max-width: 960px;
  margin: 0 auto 10px;
  font-size: 0;
  padding: 30px 5px 0; }
  @media screen and (max-width: 767px) {
    .lp-shop-search .shop-search__link-note,
    .lp-shop-search .shop-search__label-text {
      text-align: left; }
    .shop-search {
      padding: 25px 0 0; } }
  .shop-search:not(:last-of-type) {
    border-bottom: 1px solid #e6e6e6; }
  .shop-search__column {
    width: 55%;
    vertical-align: top;
    display: inline-block;
    padding-right: 30px; }
    .shop-search__column:nth-child(2) {
      width: 45%;
      padding-right: 0;
      padding-left: 30px;
      border-left: 1px solid #e6e6e6; }
      @media screen and (max-width: 767px) {
        .shop-search__column:nth-child(2) {
          width: 100%;
          padding: 25px 0 0; } }
    @media screen and (max-width: 767px) {
      .shop-search__column {
        width: 100%;
        padding-right: 0; } }
  .shop-search__column-with-ribbon {
    width: 55%;
    vertical-align: bottom;
    display: inline-block; }
    .shop-search__column-with-ribbon:nth-child(2) {
      width: 42%;
      padding-right: 0;
      padding-left: 30px;
      border-left: 1px solid #e6e6e6;
      margin-left: 3%; }
      @media screen and (max-width: 767px) {
        .shop-search__column-with-ribbon:nth-child(2) {
          display: none; } }
    @media screen and (max-width: 767px) {
      .shop-search__column-with-ribbon {
        width: 100%;
        padding-right: 0; } }
  .shop-search__title-image {
    width: 35px;
    display: inline-block;
    vertical-align: middle; }
  .shop-search__text {
    font-size: 22px;
    color: #333333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-weight: bold; }
  .shop-search__title {
    border-bottom: 2px solid #e95504;
    margin-bottom: 15px;
    padding: 0 0 12px; }
    @media screen and (max-width: 767px) {
      .shop-search__title {
        width: 100%;
        padding: 0 15px 12px; } }
      .shop-search-org__title {
        width: 92%;
        margin: 0 auto;
        border-bottom: 2px solid #f56727;
        padding-bottom: 15px!important;
      }
    .shop-search__title:before {
      content: "";
      background: url("/images/common/shop-search_2022.png") no-repeat;
      background-size: contain;
      width: 50px;
      height: 50px;
      display: inline-block;
      vertical-align: middle; }
    .shop-search-org__title:before {
      background: url("/images/common/shop-search_org.png") no-repeat; }
  .shop-search__label {
    margin-bottom: 10px;
    text-align: left;
  }
  .shop-search__label-text {
    text-align: left;
    font-size: 16px;
    color: #333333;
    display: block;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .shop-search__label-text {
        display: inline-block; } }
  .shop-search__form{
    text-align: center;
    font-weight: bolder;
    margin: 0 10px;
  }
  .shop-search__form-column {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    padding-right: 25px;
    border-right: 1px solid #e6e6e6;
    height: 175px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .shop-search__form-column {
        width: 100%;
        height: initial;
        padding: 30px 15px 0; } }
    .shop-search__form-column:nth-child(3) {
      padding-right: 0;
      padding-left: 25px;
      border-right: none; }
      @media screen and (max-width: 767px) {
        .shop-search__form-column:nth-child(3) {
          padding: 30px 15px 0;
          margin-bottom: 60px;
        } }
  .shop-search__selectbox {
    height: 40px;
    padding: 5px 40px 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    width: 100%;
    background: url("/images/common/selectbox-arrow.png") no-repeat #FFFFFF;
    background-size: 40px;
    background-position: right;
    border: 1px solid #666; }
    @media screen and (max-width: 767px) {
      .shop-search__selectbox {
        font-size: 3.5vw;
        height: 50px;
        background-position: 102%;
        background-size: 50px; } }
  .shop-search__inputbox {
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #666;
    padding: 10px;
    width: 100%;
    color: #666;
    line-height: 1em; }
    @media screen and (max-width: 767px) {
      .shop-search__inputbox {
        padding: 15px 10px;
        line-height: initial;
        height: 50px; } }
  .shop-search__selectbox-wrapper, .shop-search__input-wrapper {
    display: block;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .shop-search__selectbox-wrapper, .shop-search__input-wrapper {
        width: 48%;
        display: inline-block;
        margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .shop-search__input-wrapper {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .shop-search__selectbox-wrapper {
      margin-right: 4%; } }
  @media screen and (max-width: 767px) {
    .shop-search__selectbox-wrapper:nth-child(3) {
      margin-right: 0; } }
  .shop-search__button {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #603711;
    border: 1px solid #623a13;
    border-radius: 5px;
    width: 100%;
    padding: 11px;
    cursor: pointer;
    background-image: url("/images/renew/common/search.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center;
    border-bottom: 2px inset #21170e; }
  .shop-search__button_lp_8_6 {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #EE4900;
    border: 1px solid #CC3B0E;
    border-radius: 5px;
    width: 100%;
    padding: 11px;
    cursor: pointer;
    background-image: url("/images/renew/common/search.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center;
    border-bottom: 2px inset #CC3B0E; }
    .shop-search__button:hover {
      background-color: #a16a37; }
  .shop-search__courses {
    padding: 10px 0;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .shop-search__courses {
        padding: 10px 15px; } }
  .shop-search__courses-item {
    display: inline-block;
    margin-right: 5%;
    width: 30%;
    vertical-align: top;
    position: relative; }
    .shop-search__courses-item:last-child {
      margin-right: 0; }
  .shop-search__image-course {
    display: block;
    width: 100%;
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px; }
  .shop-search__courses-circle {
    display: inline-block;
    width: 70px;
    height: 70px;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: -15px;
    left: -5px;
    background: #ee4900;
    border-radius: 50%;
    padding: 14px 5px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.2em; }
  .shop-search__circle-text {
    display: block; }
  .shop-search__circle-small-text {
    display: block;
    font-size: 10px; }
  .shop-search__course-description {
    text-align: center;
    margin-top: 10px; }
  .shop-search__course-link {
    font-size: 15px;
    color: #0052b5;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .shop-search__course-link {
        font-size: 14px; } }
  .shop-search__course-link-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    padding-bottom: 1px;
    margin-bottom: 3px;
    font-weight: bold; }
  .shop-search__course-link-note {
    font-size: 10px; }
  .shop-search__label-text-bottom {
    font-size: 16px;
    color: #333333;
    display: block;
    font-weight: bold;
    padding-top: 6px;
    text-align: left;}
    @media screen and (max-width: 767px) {
      .shop-search__label-text-bottom {
        display: inline-block; } }
  .shop-search__button-wrapper {
    border-bottom: 1px solid #e6e6e6; }
    @media screen and (max-width: 767px) {
      .shop-search__button-wrapper {
        padding-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    .shop-search__button-wrapper-link {
      padding-bottom: 20px;
      border-bottom: 1px solid #e6e6e6; } }
  .shop-search__link {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #603711;
    border: 1px solid #623a13;
    border-radius: 5px;
    width: 100%;
    padding: 15px;
    cursor: pointer;
    background-image: url("/images/renew/common/floating-button-link.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center;
    border-bottom: 2px inset #21170e;
    text-align: center; }
    .shop-search__link_lp_8_6 {
      display: block;
      font-size: 16px;
      color: #FFFFFF;
      background-color: #EE4900;
      border: 1px solid #CC3B0E;
      border-radius: 5px;
      width: 100%;
      padding: 15px;
      cursor: pointer;
      background-image: url("/images/renew/common/floating-button-link.png");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: 10% center;
      border-bottom: 2px inset #CC3B0E;
      text-align: center; }
  .shop-search__link-note {
    font-size: 10px;
    color: #333333;
    display: block;
    padding: 10px 0 0;
    text-align: left}
  .shop-search__status-soon {
    background: url("/images/common/soon.png") no-repeat;
    width: 83px;
    height: 28px;
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%; }
    @media screen and (max-width: 767px) {
      .shop-search__status-soon {
        width: 90px;
        height: 32px; } }
  .shop-search__status-new {
    background: url("/images/common/new_icon.png") no-repeat;
    width: 30px;
    height: 30px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%; }
    @media screen and (max-width: 767px) {
      .shop-search__status-new {
        width: 35px;
        height: 35px; } }
  .shop-search__status-available {
    background: url("/images/renew/common/circle.png") no-repeat;
    width: 15px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%; }
  .shop-search__status-few {
    background: url("/images/renew/common/triangle.png") no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%; }
  .shop-search__status-closed {
    background: url("/images/renew/common/minus.png") no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: 100%; }
  .shop-search__status-label {
    margin-right: 20px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle; }

.shop-search__title--list:before {
  content: "";
  background: url("/images/common/shop-search_2022.png") no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .shop-search__title--list:before {
      width: 35px;
      height: 35px; } }

.shop-search__button-wrapper--absolute {
  position: absolute;
  bottom: -2px;
  width: 90%; }
  @media screen and (max-width: 767px) {
    .shop-search__button-wrapper--absolute {
      position: static;
      bottom: 0;
      width: 100%; } }

.shop-search__courses-item:hover .shop-search__course-link-text {
  border-color: transparent; }

.introducelp8-7-change {
  display: block; }
  @media screen and (max-width: 767px) {
    .introducelp8-7-change {
      display: none; } }

.introducelp8-7-sp-change {
  display: none; }
  @media screen and (max-width: 767px) {
    .introducelp8-7-sp-change {
      display: block; } }

.shop-search__form-column--sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .shop-search__form-column--sp {
      display: block;
      padding-top: 5px; } }

.shop-search_button-wrapper--no-border {
  border: none; }
  @media screen and (max-width: 767px) {
    .shop-search_button-wrapper--no-border {
      padding: 0 0 12px; } }

.shop-search__text--list {
  line-height: 1.5em; }
  @media screen and (max-width: 767px) {
    .shop-search__text--list {
      width: 70%; } }

.ratings {
  display: block;
  text-align: center;
  margin: 30px 0; }
  .ratings__text {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    margin-right: 1%;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .ratings__text {
        padding: 0 0 5px;
        display: block;
        text-indent: 4%; } }
  .ratings__star {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2%;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .ratings__star {
        margin-right: 1%; } }
  .ratings__counts {
    display: inline-block;
    vertical-align: middle;
    font-size: 34px;
    color: #ee6002;
    margin-right: 1%;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .ratings__counts {
        padding: 8px 0 0;
        color: #ee4900;
        font-size: 9vw; } }
  .ratings__star-item {
    display: inline-block;
    vertical-align: middle;
    width: 35px; }
    @media screen and (max-width: 767px) {
      .ratings__star-item {
        width: 40px; } }
  .ratings__star-img {
    width: 100%; }
  .ratings__notes {
    display: inline-block;
    font-size: 14px;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .ratings__notes {
        padding: 10px 0 0;
        font-size: 12px;
        display: block; } }
  @media screen and (max-width: 767px) {
    .ratings__counts-pc {
      display: none; } }
  .ratings__counts-sp {
    display: none; }
    @media screen and (max-width: 767px) {
      .ratings__counts-sp {
        display: inline-block; } }

.ratings--first-time {
  margin: 0 auto;
  background: #fff;
  position: absolute;
  width: 100%;
  bottom: 25px;
  padding: 12px; }
  @media screen and (max-width: 767px) {
    .ratings--first-time {
      position: relative;
      bottom: 0;
      padding: 30px 0; } }

.shop-feature {
  background: #f8ece4; }
  .shop-feature__content {
    max-width: 960px;
    margin: 0 auto;
    padding: 55px 5px 0;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .shop-feature__content {
        padding: 55px 15px 10px; } }
  .shop-feature__title {
    font-size: 34px;
    font-weight: bold;
    color: #623a13;
    margin-bottom: 55px; }
    @media screen and (max-width: 767px) {
      .shop-feature__title {
        font-size: 22px; } }
  .shop-feature__red-text {
    color: #ee4900; }
  .shop-feature__item {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-right: 2%;
    position: relative;
    margin-bottom: 50px; }
    .shop-feature__item:nth-child(2n) {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .shop-feature__item {
        width: 100%;
        margin: 0 0 50px; } }
  .shop-feature__title-description {
    font-size: 22px;
    color: #623a13;
    padding-bottom: 15px;
    color: #623a13;
    font-weight: bold; }
    @media screen and (max-width: 480px) {
      .shop-feature__title-description {
        font-size: 18px; } }
  .shop-feature__description-content {
    font-size: 16px;
    color: #333333;
    line-height: 1.5em; }
    @media screen and (max-width: 480px) {
      .shop-feature__description-content {
        font-size: 14px;
        line-height: initial; } }
  .shop-feature__description-red {
    color: #ee4900;
    font-weight: bold; }
  .shop-feature__point {
    display: block;
    font-size: 20px;
    position: absolute;
    top: -20px;
    left: 20px;
    width: 90px;
    height: 90px;
    background: #e95504;
    color: #fff;
    text-align: center;
    padding: 12px 0; }
  .shop-feature__point-text {
    display: block;
    padding-bottom: 5px; }
  .shop-feature__point-number {
    display: block;
    font-size: 40px;
    font-weight: bold; }
  .shop-feature__point-img-wrapper {
    display: block;
    width: 100%;
    height: 210px; }
    @media screen and (max-width: 767px) {
      .shop-feature__point-img-wrapper {
        height: initial; } }
  .shop-feature__point-image {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: 210px; }
    @media screen and (max-width: 767px) {
      .shop-feature__point-image {
        height: initial; } }
  .shop-feature__description {
    background: #FFFFFF;
    padding: 20px 25px;
    height: 150px; }
    @media screen and (max-width: 767px) {
      .shop-feature__description {
        height: initial; } }
  .shop-feature__small-text {
    font-size: 12px;
    font-weight: initial;
    color: #333333; }
    @media screen and (max-width: 480px) {
      .shop-feature__small-text {
        font-size: 10px; } }
  .shop-feature__title-pc {
    display: block; }
    @media screen and (max-width: 767px) {
      .shop-feature__title-pc {
        display: none; } }
  .shop-feature__title-sp {
    display: none; }
    @media screen and (max-width: 767px) {
      .shop-feature__title-sp {
        display: block; } }
  .shop-feature__title-text:first-child {
    display: block; }
  .shop-feature__title-description-text {
    display: inline-block;
    font-weight: bold; }

.shop-feature__title-description--point-three {
  padding: 22px 0; }

.shop-feature__description--bottom {
  height: 100px; }
  @media screen and (max-width: 767px) {
    .shop-feature__description--bottom {
      height: initial; } }

.section-content__wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 5px 0; }
  @media screen and (max-width: 767px) {
    .section-content__wrapper {
      padding: 40px 15px 0; } }

.section-content__title {
  font-size: 28px;
  display: block;
  color: #333333;
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .section-content__title {
      padding-bottom: 10px;
      font-size: 22px; } }

.section-content__title-text {
  font-weight: bold;
  padding: 10px;
  border-left: 5px solid #e95504; }
  @media screen and (max-width: 767px) {
    .section-content__title-text {
      padding: 7px 10px; } }

.section-content__note-opinions {
  font-size: 18px;
  color: #333333;
  display: block;
  padding: 15px 0; }
  @media screen and (max-width: 767px) {
    .section-content__note-opinions {
      font-size: 3.2vw; } }

.section-content__wrapper.section-content__wrapper--nopadding-top {
  padding-top: 0; }

.section-content__wrapper--shop-detail {
  padding: 65px 0 0; }
  @media screen and (max-width: 767px) {
    .section-content__wrapper--shop-detail {
      padding: 40px 0 0; } }
  @media screen and (max-width: 767px) {
    .section-content__wrapper--shop-detail .section-content__title {
      border-bottom: 1px solid #CCCCCC;
      padding: 15px; } }

@media screen and (max-width: 767px) {
  .section-content__title--pc {
    display: none; } }

.section-content__wrapper--map-detail {
  padding: 0; }
  @media screen and (max-width: 767px) {
    .section-content__wrapper--map-detail {
      padding: 0 15px; } }

.section-content__wrapper--shop-search {
  padding: 0; }
  @media screen and (max-width: 767px) {
    .section-content__wrapper--shop-search {
      padding: 0; } }

.section-content__wrapper--shop-search-title {
  padding-top: 30px; }
  @media screen and (max-width: 767px) {
    .section-content__wrapper--shop-search-title {
      padding-top: 30px; } }

.section-content__wrapper--shop-list-area {
  padding-top: 30px; }

@media screen and (max-width: 767px) {
  .pc{ display: none!important;}
  .sp{ display: block!important;}
  .footer__content-header,
  .footer__content-menu-seo {
    display: none!important;
  }

}
.banner-slider {
  position: relative; }
  @media screen and (max-width: 767px) {
    .banner-slider {
      padding: 0 15px; } }
  .banner-slider__arrow {
    position: absolute;
    display: inline-block;
    background: url("../images/renew/common/arrow-prev.png") no-repeat #603711;
    background-size: contain;
    width: 40px;
    height: 60px;
    top: 40%;
    z-index: 2;
    left: -20px;
    cursor: pointer; }
    .banner-slider__arrow:hover {
      background: url("../images/renew/common/arrow-prev-active.png") no-repeat;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        .banner-slider__arrow:hover {
          background-position: center; } }
    @media screen and (max-width: 1000px) {
      .banner-slider__arrow {
        left: 0; } }
    @media screen and (max-width: 767px) {
      .banner-slider__arrow {
        width: 35px;
        height: 35px;
        left: -20px;
        background-position: center; }
      .banner-slider .banner-slider__arrow.js-prev {
        left: 0px;
      } }
  .banner-slider__arrow-next {
    background: url("../images/renew/common/arrow-next.png") no-repeat #603711;
    background-size: contain;
    right: -20px;
    left: initial; }
    .banner-slider__arrow-next:hover {
      background: url("../images/renew/common/arrow-next-active.png") no-repeat;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        .banner-slider__arrow-next:hover {
          background-position: 65%; } }
    @media screen and (max-width: 1000px) {
      .banner-slider__arrow-next {
        right: 0; } }
    @media screen and (max-width: 767px) {
      .banner-slider__arrow-next {
        background-position: 65%;
        right: -15px; }
        .banner-slider .banner-slider__arrow-next {
          background-position: 65%;
          right: 0px; }  }
  .banner-slider__item-images {
    width: 100%; }
    .banner-slider .banner-slider__item-images {
      width: 100%;
      height: auto; }
.clr {clear: both;}
.section-content-shop__wrapper {
  padding: 20px 0px 0px;
}
  @media screen and (max-width: 767px) {
    .section-content-shop__wrapper {
      padding: 40px 0px 0px 15px;}}
.list-shop__items {
  position: relative;
  width: 100%;
  }
  ul.shop-detail__list {
    display:flex;
    justify-content: space-between;}
    @media screen and (max-width: 480px) {
      ul.shop-detail__list {
        justify-content: normal;} }
  li.section-shop__item {
    width: 50%;
    float: left;
    background: #f9e6d7; }
    .banner-shop__item {
      text-align: center;
      padding: 15px 20px 0px; }
    @media screen and (max-width: 767px) {
      li.section-shop__item {background: unset;}
      .banner-shop__item {  padding: 0px 5px; }}
    .logo-shop__item {
      text-align: center;
      padding: 15px 0px;
      height: 115px;}
    @media screen and (max-width: 767px) {
      .logo-shop__item {  display: none; }}
  li.section-shop__item-center {
    margin: 0 10px; }
    @media screen and (max-width: 767px) {
      li.section-shop__item-center {  margin: 0px; }}
    li.section-shop__item p {
      line-height: 20px;
      font-size: 15px;
      padding: 0px 20px;
      padding-bottom: 20px;
      letter-spacing: 2px;
      font-weight: normal; }
      @media screen and (max-width: 767px) {
        .section-shop__item p {  display: none; }}
    li.section-shop__item h2 {
      text-align: center;
      font-weight: bold;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        li.section-shop__item h2 {
          padding-top: 15px;
          margin-bottom: 0px;
          padding-left: 5px;
          text-align: left; }}
      @media screen and (max-width: 480px) {
        li.section-shop__item h2 {
          font-size: 11px; } }
      @media screen and (max-width: 320px) {
        li.section-shop__item h2 {
          font-size: 10px; } }
.floating-shopsearch {
  background: #F5F5F7;
  border-top: 1px solid #CCCCCC;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ pro", "メイリオ", Meiryo, Osaka, "ms pゴシック", ms pgothic, sans-serif;
  font-size: 0; }

  .floating-shopsearch__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 960px;
    margin: 0 auto;
    padding: 25px 20px; }
    @media screen and (max-width: 767px) {
      .floating-shopsearch__content {
        display: block;
        padding: 22px 15px 1px 15px; } }
  .floating-shopsearch__note {
    width: 35%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .floating-shopsearch__note {
        display: none; } }
  .floating-shopsearch__note-box {
    background: #004774;
    width: 100px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: relative;
    vertical-align: middle; }
    .floating-shopsearch__note-box:after {
      content: "";
      position: absolute;
      right: -15px;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 17px solid #004774;
      top: 18px; }
  .floating-shopsearch__note-text {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold; }
  .floating-shopsearch__note-info {
    font-size: 18px;
    display: inline-block;
    width: 60%;
    padding-left: 20px;
    vertical-align: middle; }
  .floating-shopsearch__note-info-text {
    display: inline-block;
    color: #623a13;
    padding-bottom: 2px; }
  .floating-shopsearch__note-info-red {
    font-size: 22px;
    color: #004774;
    display: block;
    font-weight: bold; }
  .floating-shopsearch__form {
    width: 58%;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    .floating-shopsearch__form .search-store__link{
      width: 500px;
    }
    .search-store__link{
      font-weight: 700;
    }
    @media screen and (max-width: 767px) {
      .floating-shopsearch__form {
        display: none; } }
  .floating-shopsearch__form-select {
    display: inline-block;
    width: 33%;
    margin-right: 2%;
    vertical-align: middle; }
  .floating-shopsearch__form-button {
    display: inline-block;
    width: 28%;
    vertical-align: middle;
    font-size: 16px; }
  .floating-shopsearch__form-selectbox {
    height: 40px;
    padding: 5px 40px 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    width: 100%;
    background: url("/images/common/selectbox-arrow.png") no-repeat #FFFFFF;
    background-size: 40px;
    background-position: right;
    border: 1px solid #666;
    color: #666; }
  .floating-shopsearch__search {
    font-size: 16px;
    color: #FFFFFF;
    background: #603711;
    border: 1px solid #623a13;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    cursor: pointer;
    background-image: url("/images/renew/common/search.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center;
    border-bottom: 2px inset #21170e; }
    .floating-shopsearch__search:hover {
      background-color: #a16a37; }
  .floating-shopsearch__scrolltop {
    display: inline-block;
    width: 6%;
    text-align: right;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .floating-shopsearch__scrolltop {
        width: 18%; } }
  .floating-shopsearch__scrolltop-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("/images/renew/common/scrolltop.png") no-repeat;
    background-size: contain;
    cursor: pointer; }
    .floating-shopsearch__scrolltop-icon:hover {
      background: url("/images/renew/common/scrolltop-active.png") no-repeat;
      background-size: contain; }
  .floating-shopsearch__note-sp {
    display: none; }
    @media screen and (max-width: 767px) {
      .floating-shopsearch__note-sp {
        font-size: 12px;
        color: #333333;
        display: block;
        padding: 10px 0 0; } }
  .floating-shopsearch__redirection-link {
    display: none; }
    @media screen and (max-width: 767px) {
      .floating-shopsearch__redirection-link {
        width: 80%;
        display: inline-block;
        vertical-align: middle; } }
  .floating-shopsearch__link {
    font-size: 16px;
    display: block;
    padding: 13px 10px;
    text-align: center;
    width: 100%;
    background: #111;
    border-radius: 5px;
    color: #FFFFFF;
    background-image: url("/images/renew/common/search.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center; }

.floating-shopsearch.floating-shopsearch--show {
  opacity: 1;
  visibility: visible; }

.section-tabs {
  font-size: 0;
  border: 1px solid #CCCCCC; }
  @media screen and (max-width: 767px) {
    .section-tabs {
      display: none; } }
  .section-tabs__list {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #CCCCCC; }
  .section-tabs__content-list {
    width: 77%;
    display: inline-block;
    vertical-align: top;
    padding: 45px;
    height: 323px; }
  .section-tabs__item {
    padding: 33px 15%;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
    background-image: url("/images/renew/common/button_arrow.png");
    background-repeat: no-repeat;
    background-position: center right 25px;
    cursor: pointer; }
    .section-tabs__item:last-child {
      border-bottom: none; }
  .section-tabs__item-text {
    border-bottom: 1px solid #333333;
    color: #333333; }
  .section-tabs__content-item {
    font-size: 14px;
    padding-bottom: 18px;
    color: #333333; }
  .section-tabs__content-item-date {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    padding-left: 20px;
    background: url("/images/renew/common/button_arrow.png") no-repeat;
    background-size: 10px;
    background-position: left; }
  .section-tabs__content-item-text {
    display: inline-block;
    vertical-align: middle;
    width: 78%; }
  .section-tabs__content-item-button {
    display: inline-block;
    font-size: 14px;
    padding: 15px 0;
    color: #333333;
    margin-left: 25px; }
  .section-tabs__content-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    display: inline-block; }
    .section-tabs__content-link:hover {
      border-color: transparent; }
  .section-tabs__content-text {
    display: inline-block;
    border-bottom: 1px solid #333333; }
  .section-tabs__button-link {
    border-bottom: 1px solid #333333;
    position: relative; }
    .section-tabs__button-link:hover {
      border-color: transparent; }
    .section-tabs__button-link:before {
      content: "";
      display: inline-block;
      width: 22px;
      height: 22px;
      background: url("/images/renew/common/read_more_icon.png") no-repeat;
      background-position: left;
      position: absolute;
      left: -30px;
      background-size: 100%;
      top: 0; }
  .section-tabs__content-list-hidden {
    display: none; }

.section-tabs__item-active,
.section-tabs__item:hover {
  background-color: #e95504;
  background-image: url("/images/renew/common/button_arrow_white.png");
  background-repeat: no-repeat;
  background-position: center right 25px; }
  .section-tabs__item-active .section-tabs__item-text,
  .section-tabs__item:hover .section-tabs__item-text {
    color: #FFFFFF;
    border-color: #FFFFFF; }

.section-tabs.section-tabs--pc {
  display: block; }
  @media screen and (max-width: 767px) {
    .section-tabs.section-tabs--pc {
      display: none; } }

.accordion-tab {
  display: none; }
  @media screen and (max-width: 767px) {
    .accordion-tab {
      display: block; } }
  .accordion-tab__list {
    border: 1px solid #CCCCCC; }
  .accordion-tab__title {
    display: block;
    padding: 20px 25px;
    font-size: 18px;
    border-top: 1px solid #CCCCCC;
    background: url("/images/renew/common/minus-icon.png") no-repeat;
    background-size: 15px;
    background-position: right 25px center; }
  .accordion-tab__title-text {
    display: inline-block;
    border-bottom: 1px solid #333333;
    color: #333333; }
  .accordion-tab__content-list {
    padding: 20px 25px;
    font-size: 14px;
    border-top: 1px solid #CCCCCC; }
  .accordion-tab__content-text {
    display: inline-block;
    text-decoration: underline;
    line-height: 1.5em;
    width: 90%; }
  .accordion-tab__content-date {
    display: block;
    padding-bottom: 5px; }
  .accordion-tab__content-item {
    padding: 15px 0;
    border-bottom: 1px solid #CCCCCC;
    background: url("/images/renew/common/button_arrow_renewal.png") no-repeat;
    background-size: 10px;
    background-position: right; }
    .accordion-tab__content-item:first-child {
      padding-top: 0; }
  .accordion-tab__content-button {
    width: 100%;
    background: #603711;
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    font-size: 16px;
    background-image: url("/images/renew/common/button_arrow_white.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 10% center; }

.accordion-tab__title.accordion-tab__title--first-tab {
  border-top: none; }

.accordion-tab__close .accordion-tab__title {
  background: url("/images/renew/common/accordion-plus.png") no-repeat;
  background-size: 15px;
  background-position: right 25px center; }

.accordion-tab__close .accordion-tab__content-list {
  display: none; }

.favorite-shop {
  background: #623a13; }
  .favorite-shop__wrapper {
    padding: 15px; }
  .favorite-shop__link {
    color: #623a13;
    border-radius: 5px;
    background: url("/images/renew/common/button_arrow_renewal.png") no-repeat #FFFFFF !important;
    background-size: 15px !important;
    background-position: right 15px center !important; }
  .favorite-shop__text {
    font-size: 4vw !important; }
  .favorite-shop__star {
    background: url("/images/renew/common/star-active.png") no-repeat !important;
    background-size: 100% !important; }

.breadcrumbs {
  background: #FFFFFF; }
  .breadcrumbs__content {
    max-width: 960px;
    margin: 0 auto;
    padding: 15px 5px; }
    @media screen and (max-width: 767px) {
      .breadcrumbs__content {
        padding: 15px 15px 0; } }
  .breadcrumbs__item {
    display: inline-block;
    font-size: 14px; }
    @media screen and (max-width: 767px) {
      .breadcrumbs__item {
        margin-bottom: 10px;
        font-size: 12px; } }
  .breadcrumbs__link {
    display: inline-block;
    color: #0052b5;
    cursor: pointer;
    border-bottom: 1px solid #0052b5; }
    .breadcrumbs__link:hover {
      border-bottom: 1px solid transparent; }

.breadcrumbs__item:last-child .breadcrumbs__link {
  color: #333333;
  border-bottom: none; }

.shop-detail {
  font-size: 0; }
  .shop-detail__title {
    display: block;
    max-width: 960px;
    margin: 0 auto;
    padding: 35px 5px 20px; }
    @media screen and (max-width: 767px) {
      .shop-detail__title {
        padding: 15px; } }
  .shop-detail__title_icon {
    content: "";
    background: url("/images/common/shop-search.png") no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2%; }
    @media screen and (max-width: 767px) {
      .shop-detail__title-wrapper:before {
        width: 30px;
        height: 30px; } }
  .shop-detail__title-text {
    width: 45%;
    font-size: 32px;
    line-height: 120%;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .shop-detail__title-text {
        font-size: 20px;
        display: inline-block;
        width: 84%;
        color: #623a13; } }
  .shop-detail__application-registration {
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .shop-detail__application-registration {
        padding: 15px;
        border-bottom: none; } }
  .shop-detail__application-note {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
    }
    @media screen and (max-width: 767px) {
      .shop-detail__application-note {
        margin-right: 0;
        width: 100%; } }
  .shop-detail__application-box-note {
    display: inline-block;
    font-size: 16px;
    padding: 6px 7px;
    background: #ef5916;
    color: #FFFFFF;
    margin-right: 2%;
    vertical-align: middle;
    width: 80px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .shop-detail__application-box-note {
        width: 24%;
        font-size: 4.375vw; } }
  .shop-detail__application-note-text {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #0052b5;
    border-bottom: 1px solid #0052b5; }
    .shop-detail__application-note-text:hover {
      border-bottom: 1px solid transparent; }
    @media screen and (max-width: 767px) {
      .shop-detail__application-note-text {
        font-size: 3.125vw; } }
  .shop-detail__application-buttons {
    width: 34%;
    vertical-align: middle;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .shop-detail__application-buttons {
        display: none; } }
  .shop-detail__reservation-button {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 53%;
    margin-right: 2%;
    background: #fbc422;
    border-radius: 8px;
    border-bottom: 2px inset #ba9119;
    position: relative;
    padding: 10px 0;
    font-weight: bold; }
    .shop-detail__reservation-button:hover {
      background: #ffe085; }
  .shop-detail__reservation-button-text {
    display: block;
    text-align: center;
    padding-bottom: 3px; }
    .shop-detail__reservation-button-text:nth-child(2) {
      padding: 0;
      font-size: 14px; }
  .shop-detail__reservation-button-content {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
    background: url("/images/renew/common/btn-circle-arrow.png") no-repeat;
    background-size: contain;
    background-position: left;
    background-size: 15px;
    background-position: left 10px center; }
  .shop-detail__reservation-circle {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 43px;
    background: url("/images/renew/common/button_red_circle.png") no-repeat;
    background-size: contain;
    background-position: left;
    position: absolute;
    top: 6px;
    right: 5px; }
  .shop-detail__reservation-number {
    font-size: 16px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    width: 44%;
    padding: 12px 0;
    border-right: 1px solid #CCCCCC;
    font-weight: bold; }
  .shop-detail__reservation-availability {
    display: inline-block;
    width: 14%;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .shop-detail__reservation-availability {
        display: none; } }
  .shop-detail__reservation-availability-text {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #ef5916;
    width: 65%;
    font-weight: bold; }
  .shop-detail__reservation-availability-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 32px;
    margin: 0 2% 0 6%;
    background: url("/images/renew/common/circle.png") no-repeat;
    background-size: contain;
    background-position: top; }
  .shop-detail__information-wrapper {
    max-width: 960px;
    margin: 0 auto;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .shop-detail__information-wrapper {
        padding: 0 15px; } }
  .shop-detail__slider {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%; }
    @media screen and (max-width: 767px) {
      .shop-detail__slider {
        margin-right: 0;
        width: 100%;
        margin-bottom: 25px; } }
  .shop-detail__image {
    display: block;
    width: 100%;
    height: 345px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media screen and (max-width: 767px) {
      .shop-detail__image {
        height: 300px; } }
  .shop-detail__image-thumbnail {
    display: block;
    width: 100%;
    height: 82px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media screen and (max-width: 767px) {
      .shop-detail__image-thumbnail {
        height: 70px; } }
  .shop-detail__thumbnail-item {
    display: inline-block;
    width: 25%;
    vertical-align: top; }
  .shop-detail__slider-preview {
    position: relative; }
  .shop-detail__arrow {
    position: absolute;
    display: inline-block;
    background: url("../images/renew/common/arrow-prev.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 60px;
    top: 40%;
    z-index: 2;
    left: 0;
    cursor: pointer; }
  .shop-detail__arrow-next {
    background: url("../images/renew/common/arrow-next.png") no-repeat;
    background-size: contain;
    right: 0;
    left: initial; }
  .shop-detail__description {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .shop-detail__description {
        width: 100%;
        margin: 0 0 30px; } }
  .shop-detail__description-label {
    font-size: 14px;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    padding: 12px 15px;
    font-weight: bold;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .shop-detail__description-label {
        font-size: 3.75vw;
        width: 30%;
        vertical-align: middle; } }
  .shop-detail__description-content {
    font-size: 14px;
    display: inline-block;
    width: 75%;
    vertical-align: middle;
    color: #333333;
    background: #FFFFFF;
    padding: 14px 15px;
    word-break: break-word;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .shop-detail__description-content {
        font-size: 3.75vw;
        width: 70%; } }
  .shop-detail__description-item {
    display: block;
    border-top: 1px solid #CCCCCC;
    background: #fff8e3; }
    @media screen and (max-width: 767px) {
      .shop-detail__description-item:last-child {
        border-bottom: 1px solid #CCCCCC; } }
  .shop-detail__description-content-text {
    display: block;
    padding-bottom: 5px; }
    .shop-detail__description-content-text:nth-child(2) {
      padding-bottom: 0; }
  .shop-detail__description-content-link {
    color: #0052b5;
    margin-top: 8px;
    background: url("/images/renew/common/btn-circle-arrow.png") no-repeat;
    background-size: 15px;
    background-position: left center;
    display: block;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .shop-detail__description-content-link {
        background-size: 13px; } }
  .shop-detail__description-content-link-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    margin-left: 20px; }
    .shop-detail__description-content-link-text:hover {
      border-bottom: 1px solid transparent; }
  .shop-detail__image-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 4%; }
    @media screen and (max-width: 767px) {
      .shop-detail__image-wrapper {
        margin-left: 0;
        width: 100%;
        margin-bottom: 25px; } }
  .shop-detail__map-content {
    display: block;
    width: 100%;
    position: relative; }
  .shop-detail__map-button {
    font-size: 14px;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    right: 60px;
    z-index: 2;
    padding: 12px 12px 12px 35px;
    border-radius: 5px;
    background: url("/images/renew/common/search-brown.png") no-repeat #FFFFFF;
    background-size: 20px;
    background-position: left 10px center;
    border: 1px solid #d5d5d5; }
  .shop-detail__map-button-text {
    border-bottom: 1px solid #0052b5;
    display: inline-block;
    color: #0052b5;
    font-weight: bold; }
    .shop-detail__map-button-text:hover {
      border-bottom: 1px solid transparent; }
  .shop-detail__map-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    }
    @media screen and (max-width: 767px) {
      .shop-detail__map-wrapper {
        margin-left: 0;
        width: 100%;
        margin-bottom: 25px; } }
  .shop-detail__map {
    display: block;
    width: 100%;
    height: 270px; }
  .shop-detail__favorite-store {
    display: none; }
    @media screen and (max-width: 767px) {
      .shop-detail__favorite-store {
        display: block;
        width: 100%;
        margin-bottom: 25px; } }
  .shop-detail__favorite-store-link {
    font-size: 4.375vw;
    display: block;
    border: 1px solid #CCCCCC;
    box-shadow: 0px 1px 0 #6e6b6b;
    padding: 15px 15px 15px 30px;
    text-align: center;
    border-radius: 4px;
    background: url("/images/renew/common/star-active.png") no-repeat #FFFFFF;
    background-size: 25px;
    background-position: 10% 7px; }
  .shop-detail__image-content {
    height: 270px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .shop-detail__image-content {
        height: 250px; } }
  .shop-detail__image-shop {
    width: 100%;
    height: 270px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media screen and (max-width: 767px) {
      .shop-detail__image-shop {
        height: 250px; } }
  .shop-detail__slider-thumbnail {
    position: relative; }
  .shop-detail__thumbnail-arrow {
    position: absolute;
    display: inline-block;
    background: url("/images/renew/common/arrow-prev.png") no-repeat;
    background-size: contain;
    width: 25px;
    height: 35px;
    top: 40%;
    z-index: 2;
    left: 0;
    cursor: pointer; }
  .shop-detail__image-item {
    position: relative; }
  .shop-detail__thumbnail-arrow-next {
    background: url("/images/renew/common/arrow-next.png") no-repeat;
    background-size: contain;
    right: 2px;
    left: initial; }
  .shop-detail__image-description {
    background: rgba(0, 0, 0, 0.8);
    padding: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFFFFF;
    width: 100%;
    font-size: 16px;
    line-height: 1.5em; }
  .shop-detail__coming-soon {
    display: block;
    padding: 18px 55px 0; }
    @media screen and (max-width: 767px) {
      .shop-detail__coming-soon {
        padding: 15px 0 0; } }
  .shop-detail__coming-soon-note {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5%;
    width: 90px; }
    @media screen and (max-width: 767px) {
      .shop-detail__coming-soon-note {
        width: 80px; } }
  .shop-detail__coming-soon-icon {
    width: 100%; }
  .shop-detail__coming-soon-date {
    display: inline-block;
    font-size: 20px;
    color: #333333;
    vertical-align: middle;
    margin-right: 5px; }
    @media screen and (max-width: 767px) {
      .shop-detail__coming-soon-date {
        font-size: 14px; } }
  .shop-detail__coming-soon-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .shop-detail__coming-soon-text {
        font-size: 14px; } }

.shop-detail__application--information{
  width: 50%;
  margin: auto;
}
.shop-detail__application-buttons--information {
  width: 70%;
  margin-top: 25px; }
  .shop-detail__application-buttons--information .shop-detail__reservation-button {
    width: 54%; }
  .shop-detail__application-buttons--information .shop-detail__reservation-circle {
    width: 28%;
    right: 0; }

.shop-detail__reservation-availability--information {
  width: 30%;
  margin-top: 25px;
  padding: 8px 0; }

.shop-detail__image-wrapper--sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .shop-detail__image-wrapper--sp {
      display: block; } }

.shop-detail__image-wrapper--pc {
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .shop-detail__image-wrapper--pc {
      display: none; } }

.shop-detail__reservation-number--fullwidth {
  width: 100%;
  text-align: right;
  padding: 12px;
  font-size: 20px; }

.shop-detail__reservation-availability-icon--triangle {
  background: url("/images/renew/common/triangle.png") no-repeat;
  background-size: contain;
  background-position: top;
  width: 35px;
  height: 35px; }

.shop-detail__reservation-availability-text--triangle {
  color: #ffc106; }

.shop-detail__reservation-availability-icon--no-image {
  background: url("/images/renew/common/minus.png") no-repeat;
  background-size: contain;
  background-position: top;
  width: 23px;
  height: 22px;
  margin-right: 8px; }

.shop-detail__reservation-availability-text--no-image {
  color: #ccc; }

.shop-detail__description-content--description {
  line-height: 1.5em; }
  .shop-detail__description-content--description a {
    color: #0052b5;
    text-decoration: underline; }
  .shop-detail__description-content--description a:hover {
    text-decoration: none; }

.tabs {
  max-width: 960px;
  margin: 40px auto 35px;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .tabs {
      margin: 25px auto; } }
  .tabs__item {
    display: inline-block;
    vertical-align: middle;
    width: 25%; }
  .tabs__list {
    border-bottom: 4px inset #603711; }
  .tabs__item-link {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 18px 15px;
    font-size: 18px;
    color: #0052b5;
    text-align: center;
    background: url("/images/renew/common/btn-circle-arrow.png") no-repeat #f7f5f3;
    background-size: 15px;
    background-position: left 10% center;
    border-right: 1px solid #CCCCCC; }
    @media screen and (max-width: 767px) {
      .tabs__item-link {
        font-size: 3.6vw;
        padding: 18px 5px;
        background-size: 12px;
        background-position: left 8px center; } }
  .tabs__item-link-active {
    color: #FFFFFF;
    background: url("/images/renew/common/btn-circle-arrow-white-down.png") no-repeat #603711;
    background-size: 15px;
    background-position: left 10% center; }
    @media screen and (max-width: 767px) {
      .tabs__item-link-active {
        background-size: 12px;
        background-position: left 8px center; } }
    .tabs__item-link-active .tabs__item-link-text {
      border-bottom: none; }
  .tabs__item-link-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    font-weight: bold;
    padding-top: 3px; }

.tabs__item-link:hover {
  background: url("/images/renew/common/btn-circle-arrow-white-down.png") no-repeat #603711;
  background-size: 15px;
  background-position: left 10% center;
  color: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .tabs__item-link:hover {
      background-size: 12px;
      background-position: left 8px center; } }
  .tabs__item-link:hover .tabs__item-link-text {
    border-bottom: none; }

@media screen and (max-width: 767px) {
  .tabs__item:nth-child(3) .tabs__item-link {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .tabs__item:nth-child(3) .tabs__item-link-text {
    margin-left: 20%; } }

@media screen and (max-width: 767px) {
  .tabs__item:first-child .tabs__item-link-text {
    margin-left: 20%; } }

.about-courses {
  padding: 30px 0 0;
  font-size: 0; }
  .about-courses__item {
    display: inline-block;
    margin-right: 2%;
    width: 18%;
    vertical-align: top;
    position: relative;
    background: #f9e6d7; }
    .about-courses__item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .about-courses__item {
        margin-right: 2%;
        width: 31.2%;
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .about-courses__item:nth-child(3n) {
        margin-right: 0; } }
  .about-courses__circle {
    display: inline-block;
    width: 70px;
    height: 70px;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: -15px;
    left: 15px;
    background: #ee4900;
    border-radius: 50%;
    padding: 14px 5px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.2em; }
    @media screen and (max-width: 767px) {
      .about-courses__circle {
        width: 60px;
        height: 60px;
        font-size: 12px;
        padding: 8px 5px;
        left: 5px; } }
  .about-courses__circle-text {
    display: block; }
  .about-courses__image-course {
    display: block;
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover; }
    @media screen and (max-width: 767px) {
      .about-courses__image-course {
        height: 100px; } }
  .about-courses__description {
    text-align: center;
    margin: 15px 0; }
  .about-courses__link {
    font-size: 16px;
    color: #0052b5;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .about-courses__link {
        font-size: 2.8125vw; } }
  .about-courses__link-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    padding-bottom: 1px;
    margin-bottom: 3px;
    font-weight: bold; }
  .about-courses__link-note {
    font-size: 10px; }

.about-courses__item:hover .about-courses__link-text {
  border-bottom: 1px solid #fff8e3; }

.about-app {
  max-width: 960px;
  margin: 0 auto;
  padding: 65px 0 0; }
  @media screen and (max-width: 767px) {
    .about-app {
      padding: 15px 15px 0; } }
  .about-app__title {
    font-size: 26px;
    display: block;
    padding: 0 0 25px; }
    @media screen and (max-width: 767px) {
      .about-app__title {
        font-size: 4.6875vw;
        padding: 0 0 15px; } }
  .about-app__title-text {
    font-weight: bold;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .about-app__title-text {
        line-height: 25px;
        padding: 7px 10px;
        border-left: 5px solid #e95504; } }
  .complete_about-app__title-text {
    text-align: center;
    padding-bottom: 20px;
    font-size: 24px; }
    @media screen and (max-width: 767px) {
      .complete_about-app__title-text {
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 10px;
        padding-bottom: 0px;
      }
    }
  .about-app__title-number {
    color: #ee4900;
    font-size: 40px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .about-app__title-number {
        font-size: 5.9375vw; } }
  .about-app__download-link {
    display: none; }
    @media screen and (max-width: 767px) {
      .about-app__download-link {
        display: block;
        font-size: 0; } }
  .about-app__download-image {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
    padding: 15px 20px 0; }
  .about-app__download-link-image {
    display: block;
    width: 100%;
    height: auto;}
  .about-app__wrapper {
    background: #F5F5F7;
    padding: 30px 15px 0 30px;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .about-app__wrapper {
        padding: 15px 5px 0;
        display: flex; } }
  .complete_about-app__wrapper {
    width: 960px;
    margin: auto;
  }
    @media screen and (max-width: 767px) {
      .complete_about-app__wrapper {
        width: 95%!important; } }
  .about-app__mobile-image {
    width: 23%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .about-app__mobile-image {
        width: 30%;
        display: inline-block;
        vertical-align: bottom; } }
  .about-app__image {
    display: inline-block;
    width: 95%;
    height: auto;}
  .about-app__info {
    display: inline-block;
    width: 41%;
    vertical-align: middle;
    font-size: 0;
    margin-right: 2%; }
    @media screen and (max-width: 767px) {
      .about-app__info {
        margin-right: 0;
        width: 70%;
        vertical-align: middle; } }
  .about-app__info-list {
    padding-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .about-app__info-list {
        padding-bottom: 10px; } }
  .about-app__info-item {
    display: inline-block;
    width: 31.3%;
    background: #004774;
    padding: 16px 0;
    border-radius: 50%;
    margin-right: 3%;
    text-align: center; }
    .about-app__info-item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .about-app__info-item {
        padding: 4% 0; } }
  .about-app__info-item-title {
    font-size: 20px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 5px; }
    @media screen and (max-width: 767px) {
      .about-app__info-item-title {
        font-size: 3.125vw;
        padding-bottom: 4px; } }
  .about-app__info-number {
    font-size: 24px; }
    @media screen and (max-width: 767px) {
      .about-app__info-number {
        font-size: 3.75vw; } }
  .about-app__info-item-text {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.3em; }
    @media screen and (max-width: 767px) {
      .about-app__info-item-text {
        font-size: 2.1875vw;
        line-height: 1.4em; } }
  .about-app__info-link-text {
    font-size: 20px; }
  .about-app__info-note {
    font-size: 14px;
    color: #333333;
    padding-bottom: 8px; }
    @media screen and (max-width: 767px) {
      .about-app__info-note {
        font-size: 2.5vw;
        padding-bottom: 4px; } }
  .about-app__info-link {
    background: url("/img/relxle2022/common/btn-circle-arrow.svg") no-repeat;
    background-size: 15px;
    background-position: left center; }
    @media screen and (max-width: 767px) {
      .about-app__info-link {
        background-size: 9px; } }
  .about-app__info-link-text {
    display: inline-block;
    font-size: 16px;
    color: #004774;
    border-bottom: 1px solid #004774;
    font-weight: bold;
    margin-left: 6%; }
    .about-app__info-link-text:hover {
      border-bottom: 1px solid transparent; }
    @media screen and (max-width: 767px) {
      .about-app__info-link-text {
        font-size: 2.5vw; } }
  .about-app__download {
    width: 34%;
    display: inline-block;
    vertical-align: top;
    background: #FFFFFF;
    padding: 15px; }
    @media screen and (max-width: 767px) {
      .about-app__download {
        display: none; } }
  .about-app__download-wrapper {
    width: 55%;
    vertical-align: middle;
    display: inline-block; }
  .about-app__download-mobile-image {
    display: block;
    width: 100%;
    height: auto; }
  .about-app__download-item {
    padding-bottom: 15px; }
    .about-app__download-item:last-child {
      padding-bottom: 0; }
  .about-app__download-qcode {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
    text-align: center;
    padding-top: 18px; }
  .about-app__info-item-text-lastchild {
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      .about-app__info-item-text-lastchild {
        font-size: 2.8125vw;
        line-height: 1em; } }

.therapist-ranking {
  background: #fff8e3;
  padding: 20px;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .therapist-ranking {
      padding: 3%; } }
  .therapist-ranking__list {
    background: #FFFFFF;
    padding: 30px 20px 10px;
    font-size: 0;
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    margin-right: 2%; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__list {
        margin-right: 0;
        margin-bottom: 5%;
        width: 100%;
        padding: 3%; } }
  .therapist-ranking__number {
    font-size: 16px;
    color: #333333;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__number {
        font-size: 3.6vw; } }
  .therapist-ranking__text {
    font-size: 16px;
    color: #006699;
    display: inline-block;
    padding: 0 5px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__text {
        font-size: 3.5vw;
        padding: 0 0 0 5px; } }
  .therapist-ranking__text-red {
    font-size: 16px;
    color: #bd2f2f;
    display: inline-block;
    padding: 0 5px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__text-red {
        font-size: 3.5vw;
        padding: 0 0 0 5px; } }
  .therapist-ranking__item {
    display: inline-block;
    width: 33.3%;
    border-right: 1px solid #CCCCCC;
    vertical-align: middle;
    padding: 10px;
    margin-bottom: 10px; }
    .therapist-ranking__item:nth-child(3n+1) {
      padding-left: 0; }
    .therapist-ranking__item:nth-child(3n) {
      border-right: 0; }
    .therapist-ranking__item:last-child {
      border-right: 0; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__item {
        padding: 10px 3px;
        margin-bottom: 5px;
        border-right: 1px solid transparent; } }
  .therapist-ranking__gender {
    font-size: 14px;
    display: inline-block;
    width: 50%;
    vertical-align: middle; }
    .therapist-ranking__gender:before {
      content: "";
      width: 12px;
      height: 12px;
      background: #006699;
      display: inline-block;
      vertical-align: top; }
      @media screen and (max-width: 767px) {
        .therapist-ranking__gender:before {
          vertical-align: sub;
          width: 10px;
          height: 10px;
          margin-right: 2px; } }
    @media screen and (max-width: 767px) {
      .therapist-ranking__gender {
        font-size: 2.5vw; } }
  .therapist-ranking__note {
    padding: 10px 0 5px; }
  .therapist-ranking__note-content {
    display: inline-block;
    width: 25%;
    vertical-align: middle; }
  .therapist-ranking__note-date {
    font-size: 14px;
    display: inline-block;
    width: 73%;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__note-date {
        font-size: 3vw;
        text-align: left;
        width: 72%; } }
  .therapist-ranking__content {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    padding-left: 15px; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__content {
        width: 100%;
        padding-left: 0; } }
  .therapist-ranking__content-title {
    font-size: 16px;
    color: #623a13;
    display: block;
    padding-bottom: 10px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__content-title {
        font-size: 4vw; } }
  .therapist-ranking__content-subtitle {
    display: block;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 8px; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__content-subtitle {
        font-size: 3.75vw; } }
  .therapist-ranking__content-paragraph {
    font-size: 12px;
    color: #696862;
    display: block;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__content-paragraph {
        font-size: 2.8125vw; } }
  .therapist-ranking__content-link {
    display: inline-block;
    background: url("/images/renew/common/btn-circle-arrow.png") no-repeat;
    background-size: 15px;
    background-position: left center;
    padding-left: 20px; }
  .therapist-ranking__content-link-text {
    font-size: 14px;
    color: #0052b5;
    display: inline-block;
    font-weight: bold;
    border-bottom: 1px solid #0052b5;
    cursor: pointer; }
    .therapist-ranking__content-link-text:hover {
      border-bottom: 1px solid transparent; }
    @media screen and (max-width: 767px) {
      .therapist-ranking__content-link-text {
        font-size: 3.75vw; } }

.therapist-ranking__gender--female:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #bd2f2f;
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 767px) {
    .therapist-ranking__gender--female:before {
      vertical-align: sub;
      width: 10px;
      height: 10px; } }

.near-shop {
  font-size: 0; }
  .near-shop__item {
    display: inline-block;
    width: 30.6%;
    margin-right: 4%;
    vertical-align: top; }
    .near-shop__item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .near-shop__item {
        width: 100%;
        margin-right: 0;
        padding: 25px 15px;
        border-bottom: 1px solid #CCCCCC;
        background: url("/images/renew/common/button_arrow_renewal.png") no-repeat;
        background-size: 15px;
        background-position: right 15px center; } }
  .near-shop__item-title {
    font-size: 14px;
    color: #0052b5;
    border-bottom: 1px solid #0052b5;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px; }
  .near-shop__address {
    display: block;
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px; }
    @media screen and (max-width: 767px) {
      .near-shop__address {
        line-height: 1.3em; } }
  .near-shop__item-image {
    display: inline-block;
    width: 42%;
    margin-right: 5%;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .near-shop__item-image {
        width: 35%; } }
  .near-shop__item-info {
    display: inline-block;
    width: 53%;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .near-shop__item-info {
        width: 60%;
        padding-right: 30px; } }
  .near-shop__image {
    width: 100%;
    height: 90px;
    -o-object-fit: cover;
       object-fit: cover; }

.near-shop__item-info:hover .near-shop__item-title {
  border-bottom: 1px solid transparent; }

.floating-reservation {
  background: #fff8e3;
  border-top: 1px solid #CCCCCC;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  font-size: 0; }
  .floating-reservation__content {
    max-width: 960px;
    margin: 0 auto;
    padding: 25px 5px; }
    @media screen and (max-width: 767px) {
      .floating-reservation__content {
        padding: 15px; } }
  .floating-reservation__note {
    width: 30%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .floating-reservation__note {
        display: none; } }
  .floating-reservation__note-box {
    background: #ee4900;
    width: 100px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: relative;
    vertical-align: middle; }
  .floating-reservation__note-info {
    font-size: 18px;
    display: inline-block;
    width: 60%;
    padding-left: 20px;
    vertical-align: middle; }
  .floating-reservation__note-info-text {
    display: inline-block;
    color: #623a13;
    padding-bottom: 2px; }
  .floating-reservation__note-info-red {
    font-size: 22px;
    color: #ee4900;
    display: block;
    font-weight: bold; }
  .floating-reservation__note-text {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold; }
    .floating-reservation__note-text:after {
      content: "";
      position: absolute;
      right: -15px;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 17px solid #ee4900;
      top: 18px; }
  .floating-reservation__scrolltop {
    display: inline-block;
    width: 6%;
    text-align: right;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .floating-reservation__scrolltop {
        display: none; } }
  .floating-reservation__scrolltop-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("/images/renew/common/scrolltop.png") no-repeat;
    background-size: contain;
    cursor: pointer; }
  .floating-reservation__button {
    display: inline-block;
    vertical-align: middle;
    width: 64%; }
    @media screen and (max-width: 767px) {
      .floating-reservation__button {
        width: 100%; } }
  .floating-reservation__application-buttons {
    width: 70%;
    vertical-align: middle;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .floating-reservation__application-buttons {
        width: 100%; } }
  .floating-reservation__link-button {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin-right: 4%;
    background: #fbc422;
    border-radius: 8px;
    border-bottom: 2px inset #ba9119;
    position: relative;
    padding: 9px 0;
    font-weight: bold; }
    .floating-reservation__link-button:hover {
      background-color: #ffe085;
      font-weight: bold; }
    @media screen and (max-width: 767px) {
      .floating-reservation__link-button {
        font-size: 3.5vw;
        padding: 13px 0;
        width: 48%; } }
  .floating-reservation__link-button-text {
    display: block;
    text-align: center;
    padding-bottom: 3px; }
    .floating-reservation__link-button-text:last-child {
      font-size: 14px; }
      @media screen and (max-width: 767px) {
        .floating-reservation__link-button-text:last-child {
          font-size: 2.8vw;
          padding-bottom: 0; } }
  .floating-reservation__link-button-content {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
    background: url("/images/renew/common/btn-circle-arrow.png") no-repeat;
    background-size: contain;
    background-position: left;
    background-size: 15px;
    background-position: left 10px center; }
  .floating-reservation__reservation-button-text {
    display: block;
    text-align: center;
    padding-bottom: 3px; }
    .floating-reservation__reservation-button-text:nth-child(2n) {
      padding: 0;
      font-size: 14px; }
  .floating-reservation__circle {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 43px;
    background: url("/images/renew/common/button_red_circle.png") no-repeat;
    background-size: contain;
    background-position: left;
    position: absolute;
    top: 6px;
    right: 0; }
    @media screen and (max-width: 767px) {
      .floating-reservation__circle {
        height: 35px;
        width: 35px;
        right: 5%;
        top: 15%; } }
  .floating-reservation__text-numbers {
    font-size: 12px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    width: 51%;
    padding: 5px 0;
    border-right: 1px solid #CCCCCC; }
    @media screen and (max-width: 767px) {
      .floating-reservation__text-numbers {
        display: none; } }
  .floating-reservation__number {
    margin-top: 6px;
    font-size: 23px;
    font-weight: bold;
    display: block; }
  .floating-reservation__availability {
    display: inline-block;
    width: 30%;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .floating-reservation__availability {
        display: none; } }
  .floating-reservation__availability-icon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 38px;
    margin: 0 5% 0 8%;
    background: url("/images/renew/common/circle.png") no-repeat;
    background-size: contain; }
  .floating-reservation__availability-text {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #ef5916;
    width: 59%;
    font-weight: bold; }
  .floating-reservation__contact {
    display: none; }
    @media screen and (max-width: 767px) {
      .floating-reservation__contact {
        display: inline-block;
        width: 48%;
        vertical-align: middle; } }
  .floating-reservation__contact-button {
    display: block;
    width: 100%;
    color: #0052b5;
    border: 1px solid #0052b5;
    border-radius: 5px;
    padding: 18px 0;
    text-align: center;
    background: url("/images/renew/common/telephone-icon.png") no-repeat #f0f7ff;
    background-size: 12%;
    background-position: left 12px center; }
  .floating-reservation__contact-button-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    font-size: 3.8vw;
    margin-left: 10%; }

.floating-reservation.floating-reservation--show {
  opacity: 1;
  visibility: visible; }

.floating-reservation__contact--fullwidth {
  width: 100%; }
  .floating-reservation__contact--fullwidth .floating-reservation__contact-button {
    background-position: left 32% center;
    background-size: 23px; }

.floating-reservation__application-buttons--no-reservation {
  width: 50%; }
  @media screen and (max-width: 767px) {
    .floating-reservation__application-buttons--no-reservation {
      width: 100%; } }
  .floating-reservation__application-buttons--no-reservation .floating-reservation__text-numbers {
    width: 100%;
    border-left: 1px solid #CCCCCC;
    padding: 12px 30px;
    text-align: left; }
  .floating-reservation__application-buttons--no-reservation .floating-reservation__number {
    font-size: 27px; }

.floating-reservation__availability-icon--triangle {
  background: url("/images/renew/common/triangle.png") no-repeat;
  background-size: contain;
  background-position: top;
  width: 42px;
  height: 38px; }

.floating-reservation__availability-text--triangle {
  color: #ffc106; }

.floating-reservation__availability-icon--no-image {
  background: url("/images/renew/common/minus.png") no-repeat;
  background-size: contain;
  background-position: top;
  width: 25px;
  height: 25px; }

.floating-reservation__availability-text--no-image {
  color: #ccc; }

.reservation-application {
  font-size: 0;
  display: none; }
  @media screen and (max-width: 767px) {
    .reservation-application {
      display: block;
      background: #fff8e3;
      padding: 30px 15px; } }
  .reservation-application__button {
    display: inline-block;
    vertical-align: middle;
    width: 100%; }
  .reservation-application__link-buttons {
    font-size: 3.5vw;
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    margin-right: 4%;
    background: #fbc422;
    border-radius: 8px;
    border-bottom: 2px inset #ba9119;
    position: relative;
    padding: 13px 0; }
  .reservation-application__link-button-content {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
    background: url("/images/renew/common/btn-circle-arrow.png") no-repeat;
    background-size: contain;
    background-position: left;
    background-size: 15px;
    background-position: left 10px center;
    font-weight: bold; }
  .reservation-application__link-button-text {
    display: block;
    text-align: center;
    padding-bottom: 3px; }
    .reservation-application__link-button-text:last-child {
      font-size: 2.8vw;
      padding-bottom: 0; }
  .reservation-application__circle {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 38px;
    background: url("/images/renew/common/button_red_circle.png") no-repeat;
    background-size: contain;
    background-position: left;
    position: absolute;
    top: 6px;
    right: 0; }
    @media screen and (max-width: 767px) {
      .reservation-application__circle {
        right: 2%; } }
  .reservation-application__contact {
    display: inline-block;
    width: 48%;
    vertical-align: middle; }
  .reservation-application__contact-button {
    display: block;
    width: 100%;
    color: #0052b5;
    border: 1px solid #0052b5;
    border-radius: 5px;
    padding: 18px 0;
    text-align: center;
    background: url("/images/renew/common/telephone-icon.png") no-repeat #f0f7ff;
    background-size: 12%;
    background-position: left 12px center; }
  .reservation-application__contact-button-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    font-size: 4vw;
    margin-left: 10%; }
  .reservation-application__availability {
    display: inline-block;
    width: 48%;
    margin-right: 4%;
    padding: 15px 2px 0;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .reservation-application__availability {
        padding: 10px 2px 0; } }
  .reservation-application__availability-icon {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin: 0 2%;
    background: url("/images/renew/common/circle.png") no-repeat;
    background-size: contain; }
  .reservation-application__availability-text {
    font-size: 5.46875vw;
    display: inline-block;
    vertical-align: middle;
    color: #ef5916;
    width: 66%;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .reservation-application__availability-text {
        font-size: 4.84375vw; } }
  .reservation-application__number {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    text-align: center;
    padding: 13px 0 0; }
    @media screen and (max-width: 767px) {
      .reservation-application__number {
        padding: 10px 2px 0; } }
  .reservation-application__contact-number {
    font-size: 5.3125vw;
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    color: #0052b5;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .reservation-application__contact-number {
        font-size: 4.6875vw; } }

.reservation-application__contact--fullwidth {
  width: 100%; }
  .reservation-application__contact--fullwidth .reservation-application__contact-button {
    background-size: 23px;
    background-position: left 30% center; }

@media screen and (max-width: 767px) {
  .reservation-application--feature {
    margin-bottom: 25px; } }

.reservation-application__availability-icon--triangle {
  background: url("/images/renew/common/triangle.png") no-repeat;
  background-size: contain;
  background-position: center; }
  @media screen and (max-width: 767px) {
    .reservation-application__availability-icon--triangle {
      background-position: top; } }

.reservation-application__availability-text--triangle {
  color: #ffc106; }

.reservation-application__availability-icon--no-image {
  background: url("/images/renew/common/minus.png") no-repeat;
  background-size: contain;
  background-position: left 12px;
  width: 35px;
  height: 35px; }
  @media screen and (max-width: 767px) {
    .reservation-application__availability-icon--no-image {
      width: 23px;
      height: 23px;
      margin-right: 6px;
      background-position: top; } }

.reservation-application__availability-text--no-image {
  color: #ccc; }

.seo-text {
  display: block;
  max-width: 960px;
  margin: 30px auto; }
  @media screen and (max-width: 767px) {
    .seo-text {
      margin: 15px auto;
      padding: 0 15px; } }
  .seo-text__content {
    font-size: 12px;
    color: #333333;
    line-height: 1.5em; }

.seo-text--nomargin-top {
  margin-top: 0; }

.map {
  max-width: 960px;
  margin: 0 auto 25px;
  padding: 0 5px; }
  @media screen and (max-width: 767px) {
    .map {
      padding: 0 15px;
      width: 100%; } }
  .map__content {
    width: 100%;
    height: 470px;
    margin-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .map__content {
        height: 250px; } }
  .map__button-wrapper {
    width: 100%;
    display: block;
    text-align: right; }
  .map__button {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #623a13;
    padding: 15px 20px 15px 45px;
    background: url("/images/renew/common/print.png") no-repeat #FFFFFF;
    background-size: 15px;
    background-position: left 10% center; }

.error-page {
  max-width: 960px;
  margin: 0 auto; }
  .error-page__content {
    padding: 100px 15px; }
    @media screen and (max-width: 767px) {
      .error-page__content {
        padding: 75px 15px; } }
  .error-qr-page__title {
    font-size: 30px!important;
  }
  .error-page__title {
    font-size: 40px;
    color: #623a13;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 75px; }
    @media screen and (max-width: 767px) {
      .error-page__title {
        font-size: 6.25vw;
        margin-bottom: 50px; } }
  .error-page__message {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #623a13;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .error-page__message {
        font-size: 3.75vw;
        margin-bottom: 20px; } }
  .error-page__button {
    text-align: center; }
  .error-page__link {
    background: url("/images/common/button_arrow_renewal_2022.png") no-repeat #e95504;
    text-align: center;
    font-size: 16px;
    padding: 15px 10px;
    border-radius: 5px;
    display: inline-block;
    width: 25%;
    color: #fff;
    background-size: 13px;
    background-position: left 15% center; }
    .error-page__link:hover {
      background: url("/images/common/button_arrow_renewal_2022.png") no-repeat #e95504;
      background-size: 13px;
      background-position: left 15% center; }
    @media screen and (max-width: 767px) {
      .error-page__link {
        width: 100%; } }
  .error-page--shop-offline .error-page__title {
    margin-bottom: 50px; }
  .error-page--shop-offline .error-page__message {
    margin: 0 auto;
    width: 88%;
    font-size: 18px;
    margin-bottom: 50px;
    line-height: 1.5em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .error-page--shop-offline .error-page__message {
        font-size: 6.25vw;
        width: 100%; } }
  .error-page--shop-offline .error-page__link {
    text-align: center;
    font-size: 16px;
    padding: 15px 10px;
    border-radius: 5px;
    display: inline-block;
    width: 25%;
    color: #333333;
    background: #fbc422; }
    @media screen and (max-width: 767px) {
      .error-page--shop-offline .error-page__link {
        width: 100%; } }
    .error-page--shop-offline .error-page__link:hover {
      background: #ffe085; }
  .error-page--shop-offline .error-page__link-text:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/images/common/button_arrow_renewal.png) no-repeat;
    background-size: 75%;
    vertical-align: middle;
    margin-right: 5%;
    margin-top: -2%; }

.shop-table {
  width: 100%;
  border-collapse: collapse; }
  @media screen and (max-width: 767px) {
    .shop-table thead {
      display: none; } }
  .shop-table th {
    background-color: #fff8e3;
    color: #333333;
    font-weight: bold;
    padding: 10px;
    line-height: 1.5em;
    text-align: center;
    border: 1px solid #d9d9d9; }
    @media screen and (max-width: 767px) {
      .shop-table th {
        display: none; } }
    .shop-table th:first-child {
      border-left: none; }
    .shop-table th:last-child {
      border-right: none; }
  @media screen and (max-width: 767px) {
    .shop-table tr {
      display: block;
      border: 1px solid #d9d9d9;
      padding: 12px 20px; } }
  .shop-table td {
    padding: 10px;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .shop-table td {
        display: block;
        border: none;
        padding: 2px 0px; } }
    .shop-table td:first-child {
      border-left: none; }
    @media screen and (max-width: 767px) {
      .shop-table td:nth-child(4) {
        display: none; } }
    .shop-table td:last-child {
      text-align: center;
      border-right: none;
      width: 22%; }
      @media screen and (max-width: 767px) {
        .shop-table td:last-child {
          display: none; } }
  .shop-table__list-header {
    vertical-align: middle; }
    .shop-table__list-header:nth-child(2) {
      width: 27%; }
    .shop-table__list-header:nth-child(3) {
      width: 15%; }
    .shop-table__list-header:nth-child(4) {
      width: 8%; }
    .shop-table__list-header:nth-child(5) {
      width: 9%; }
  .shop-table__link {
    color: #004faf;
    text-decoration: none;
    border-bottom: 1px solid #0052b5; }
    .shop-table__link:hover {
      border-bottom: 1px solid #ffffff; }
  .shop-table__link-map {
    color: #0052b5;
    margin-top: 8px;
    background: url(/images/renew/common/btn-circle-arrow.png) no-repeat;
    background-size: 15px;
    background-position: left center;
    display: block;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .shop-table__link-map {
        background-size: 13px; } }
  .shop-table__link-map-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    margin-left: 20px; }
    .shop-table__link-map-text:hover {
      border-bottom: 1px solid #ffffff; }
  .shop-table__link-branch {
    color: #004faf;
    border-bottom: 1px solid #0052b5; }
    @media screen and (max-width: 767px) {
      .shop-table__link-branch {
        font-weight: bold;
        font-size: 16px; } }
    .shop-table__link-branch:hover {
      border-bottom: 1px solid #ffffff; }
  .shop-table__button {
    position: relative;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    border: 1px solid #fbc422;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    cursor: pointer;
    background: url("/images/common/btn-circle-arrow.png") no-repeat;
    background-size: 15px;
    background-position: 8%;
    border-bottom: 2px inset #ba9119;
    background-color: #fbc422;
    margin-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .shop-table__button {
        font-size: 12px; } }
    .shop-table__button:hover {
      background-color: #ffe085; }
  .shop-table__button-span {
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 35px 0 15px; }
  .shop-table__button-circle {
    display: inline-block;
    width: 45px;
    height: 45px;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 10%;
    right: 2%;
    background: #ee4900;
    border-radius: 50%;
    padding: 7px 5px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.2em; }
    @media screen and (max-width: 480px) {
      .shop-table__button-circle {
        font-size: 12px;
        width: 40px;
        height: 40px; } }
  .shop-table__telnum {
    display: block;
    font-size: 14px; }
  .shop-table__circle-status {
    display: block;
    padding: 10px 0px; }
    @media screen and (max-width: 767px) {
      .shop-table__circle-status {
        display: inline-block;
        padding: 0;
        width: 28%;
        text-align: right;
        float: right; } }
  .shop-table__circle-new {
    width: 30px;
    height: 30px;
    font-size: 9px;
    font-weight: bold;
    top: 10%;
    right: 2%;
    background: #131313;
    border-radius: 50%;
    padding: 10px 3px;
    text-align: center;
    color: #c4c406;
    line-height: 1.2em; }
    @media screen and (max-width: 767px) {
      .shop-table__circle-new {
        display: inline-block; } }
  .shop-table__status {
    margin: 15px 0 30px;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .shop-table__status {
        display: none; } }
  .shop-table__status-text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle; }
  .shop-table__coming-soon {
    width: 90px;
    height: 20px;
    border-radius: 25px;
    line-height: unset;
    padding: 6px;
    font-weight: bold;
    top: 10%;
    right: 2%;
    background: #131313;
    text-align: center;
    color: #c4c406;
    font-size: 9px; }
  .shop-table__button-wrapper {
    display: none; }
    @media screen and (max-width: 767px) {
      .shop-table__button-wrapper {
        display: block;
        padding: 30px 15px; } }
  .shop-table__button-submit {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #603711;
    border: 1px solid #623a13;
    border-radius: 5px;
    width: 100%;
    padding: 11px;
    cursor: pointer;
    background-image: url(/images/common/btn-circle-arrow.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 3% center;
    border-bottom: 2px inset #21170e; }
  .shop-table__center-content {
    text-align: center; }
  .shop-table__parking {
    font-weight: bold;
    font-size: 20px; }
  .shop-table__status-label {
    display: inline-block;
    padding-bottom: 2px;
    font-size: 13px;
    margin-right: 15px; }
    .shop-table__status-label:last-child {
      margin-right: 0; }
  .shop-table__status-img {
    width: 45%;
    display: block;
    margin: 0 auto 3px; }
    .shop-table__status-img--minus {
      width: 40%; }
  .shop-table__status-few-label {
    font-size: 12px; }
  .shop-table__icons-img {
    display: inline-block;
    vertical-align: middle;
    width: 80px; }
    @media screen and (max-width: 767px) {
      .shop-table__icons-img {
        width: 70px; } }
  .shop-table__icons {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0 0; }

.shop-table__icons-img--new-icon {
  width: 30px; }
  @media screen and (max-width: 767px) {
    .shop-table__icons-img--new-icon {
      width: 25px; } }

.shop-table__circle-new--bottom {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0; }

.shop-table__parking--true {
  color: #999999; }

.shop-table__parking--false {
  color: #ef5816; }

@media screen and (max-width: 767px) {
  .shop-table--list-PC {
    display: none; } }

.search-custom__ribbon-img {
  background: url(/images/renew/common/search-ribbon.png) no-repeat;
  background-size: contain;
  height: 178px;
  background-origin: content-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 38%; }

.search-custom__ribbon-text {
  position: absolute;
  font-weight: bold;
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }

.search-custom__ribbon-date {
  font-size: 15px;
  position: absolute;
  bottom: -10px;
  right: 0%;
  color: #333333; }

.search-custom__ribbon-border {
  display: inline-block;
  width: 58%;
  text-align: center;
  padding: 35px 0;
  background: url("/images/renew/common/shop-search-border.png") no-repeat;
  height: 125px;
  vertical-align: middle;
  margin-left: 10px; }

.search-custom__ribbon-border-text {
  font-size: 22px;
  line-height: 1.2em;
  color: #564533;
  font-weight: bold; }

.search-custom__main-title-container {
  max-width: 960px;
  margin: 0 auto 10px;
  font-size: 0;
  padding: 30px 5px 0; }

.search-custom__main-title {
  margin-bottom: 15px;
  padding: 0 0 12px;
  border: none; }
  @media screen and (max-width: 767px) {
    .search-custom__main-title {
      padding: 0 15px 0;
      padding-right: 0px;
      display: flex;
      align-items: center;
      margin-bottom: 0; } }

.search-custom--no_border {
  border-bottom: none;
  padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .search-custom--no_border {
      padding-bottom: 0; } }

.search-custom__ribbon-text--first {
  font-size: 28px;
  top: 16%;
  left: 25%;
  color: #ee4900; }

.search-custom__ribbon-text--second {
  top: 37%;
  left: 28%;
  color: #564533;
  font-size: 22px; }

.search-custom__ribbon-text--third {
  font-size: 28px;
  top: 50%;
  left: 19%;
  color: #564533; }

.search-custom__main-title--large {
  font-size: 32px;
  line-height: 1.5em; }
  @media screen and (max-width: 767px) {
    .search-custom__main-title--large {
      font-size: 22px;
    } }

.search-custom__main-title--medium {
  font-size: 26px;
  line-height: 1.5em; }
  @media screen and (max-width: 767px) {
    .search-custom__main-title--medium {
      font-size: 22px; } }

.shop-list {
  display: none; }
  @media screen and (max-width: 767px) {
    .shop-list {
      display: block;
      padding: 20px 0;
      border-top: 1px solid #d9d9d9; } }
  .shop-list:nth-child(odd) {
    background-color: #fafafa; }
  .shop-list__column {
    display: inline-block;
    width: 50%;
    padding: 0 10px 0px 20px;
    vertical-align: top; }
    .shop-list__column:nth-child(2) {
      width: 45%;
      padding: 0; }
  .shop-list__item-container {
    padding-bottom: 10px; }
  .shop-list__item {
    padding: 5px 0;
    color: #333333;
    font-size: 13px;
    line-height: 1.5em; }
  .shop-list__label {
    display: block;
    font-weight: bold;
    padding-bottom: 2px;
    font-size: 13px; }
  .shop-list__text {
    display: block; }
  .shop-list__status-available-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 32px;
    background: url(/images/renew/common/circle.png) no-repeat;
    background-size: contain;
    background-position: top; }
    @media screen and (max-width: 320px) {
      .shop-list__status-available-icon {
        width: 35x;
        height: 25px; } }
  .shop-list__status-available-text {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #ef5916;
    width: 65%;
    font-weight: bold; }
    @media screen and (max-width: 320px) {
      .shop-list__status-available-text {
        font-size: 16px; } }
  .shop-list__status-few-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 32px;
    background: url(/images/renew/common/triangle.png) no-repeat;
    background-size: contain;
    background-position: top; }
  .shop-list__status-few-text {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .shop-list__status-few-text {
        color: #fbc422; } }
  .shop-list__status-cross-icon {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 32px;
    background: url(/images/renew/common/minus.png) no-repeat;
    background-size: contain;
    background-position: left 14px; }
    @media screen and (max-width: 767px) {
      .shop-list__status-cross-icon {
        background-position: top;
        height: 23px;
        margin-right: 3px; } }
  .shop-list__status-cross-text {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .shop-list__status-cross-text {
        color: #CCCCCC; } }
  .shop-list__contact-button {
    display: block;
    width: 100%;
    color: #0052b5;
    border: 1px solid #0052b5;
    border-radius: 5px;
    padding: 18px 0;
    text-align: center;
    background: url(/images/renew/common/telephone-icon.png) no-repeat #f0f7ff;
    background-size: 12%;
    background-position: left 12px center; }
  .shop-list__contact-button-text {
    display: inline-block;
    border-bottom: 1px solid #0052b5;
    font-size: 3.75vw;
    margin-left: 10%; }
  .shop-list__area {
    background-color: #fff8e3;
    max-width: 960px;
    margin: 0 auto 10px;
    font-size: 0;
    padding: 30px; }
    @media screen and (max-width: 320px) {
      .shop-list__area {
        padding: 15px 15px 15px 10px; } }
  .shop-list__area-container {
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .shop-list__area-container {
        text-align: left; } }
  .shop-list__area-item {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #d9d9d9;
    text-align: center;
    padding: 5px 15px;
    font-size: 13px;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .shop-list__area-item {
        width: initial;
        text-align: center;
        padding: 5px 15px; } }
  .shop-list__noresult {
    background-color: #fff8e3;
    max-width: 960px;
    margin: 0 auto 40px;
    font-size: 0;
    padding: 30px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .shop-list__noresult {
        padding: 20px; } }
    .shop-list__noresult:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 100%;
      right: 47%;
      border-top: solid 30px  #fff8e3;
      border-left: solid 30px transparent;
      border-right: solid 30px transparent; }
      @media screen and (max-width: 767px) {
        .shop-list__noresult:after {
          right: 41%; } }
  .shop-list__noresult-inner {
    background-color: #ffffff;
    padding: 50px;
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .shop-list__noresult-inner {
        padding: 10px 0; } }
  .shop-list__noresult-text {
    font-size: 20px;
    padding: 10px;
    display: block;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .shop-list__noresult-text {
        font-size: 11px;
        padding: 10px; } }

.search-store {
  padding: 30px 0;
  text-align: center; }
.search-store--midle{
  margin: 0 auto;
  max-width: 960px;
}
  @media screen and (max-width: 767px) {
    .search-store {
      padding: 0  15px 30px; } }
  .search-store__link {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    background: url("/images/renew/common/search.png") no-repeat #111;
    background-size: 20px;
    background-position: 10% center;
    border-bottom: 2px inset #21170e; }
    .search-store__link:hover {
      background: url("/images/renew/common/search.png") no-repeat #555;
      background-size: 20px;
      background-position: 10% center; }
    @media screen and (max-width: 767px) {
      .search-store__link {
        width: 100%;
        font-size: 16px;
        padding: 16px; } }

@media screen and (max-width: 767px) {
  .search-store--first-time {
    padding: 30px 15px; } }

.flow-reservation {
  background: #f9e6d7; }
  .flow-reservation__container {
    max-width: 960px;
    margin: 0 auto;
    padding: 70px 5px;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .flow-reservation__container {
        padding: 30px 15px;
        position: relative; } }
  .flow-reservation__item {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    position: relative;
    margin-bottom: 50px;
    margin-right: 5%; }
    .flow-reservation__item:nth-child(3n) {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .flow-reservation__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        background: #FFFFFF;
        padding: 25px 15px 20px 25px;
        height: initial; } }
  .flow-reservation__list {
    padding: 50px 0 0 20px; }
    @media screen and (max-width: 767px) {
      .flow-reservation__list {
        padding: 20px 0; } }
  .flow-reservation__title {
    padding: 10px;
    border-left: 5px solid #e95504; }
  .flow-reservation__title-text {
    color: #623a13;
    font-size: 26px;
    font-weight: bold; }
  .flow-reservation__step {
    font-size: 14px;
    color: #FFFFFF;
    background: #603711;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -20px;
    border-radius: 50%;
    left: -18px;
    padding: 15px 0;
    font-weight: bold;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .flow-reservation__step {
        font-size: 2.6vw;
        width: initial;
        height: initial;
        padding: 9px;
        top: 10px;
        left: 10px; } }
  .flow-reservation__step-text {
    display: block;
    text-align: center;
    padding-bottom: 1px; }
  .flow-reservation__step-number {
    display: block;
    text-align: center;
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif; }
    @media screen and (max-width: 767px) {
      .flow-reservation__step-number {
        font-size: 4vw; } }
  @media screen and (max-width: 767px) {
    .flow-reservation__description {
      display: inline-block;
      width: 51%; } }
  .flow-reservation__description-title {
    padding: 15px 0; }
    @media screen and (max-width: 767px) {
      .flow-reservation__description-title {
        padding: 0; } }
  .flow-reservation__description-title-text {
    font-size: 20px;
    font-weight: bold;
    color: #623a13; }
    @media screen and (max-width: 767px) {
      .flow-reservation__description-title-text {
        font-size: 3.3vw;
        padding: 7px 0; } }
  .flow-reservation__description-paragraph {
    font-size: 16px;
    line-height: 1.5em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .flow-reservation__description-paragraph {
        font-size: 2.8vw; } }
  .flow-reservation__description-note {
    font-size: 12px; }
    @media screen and (max-width: 767px) {
      .flow-reservation__description-note {
        font-size: 2.2vw; } }
  .flow-reservation__button {
    text-align: center; }
  .flow-reservation__link {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 5px;
    width: 38%;
    padding: 20px;
    cursor: pointer;
    background: url("/images/renew/common/search.png") no-repeat #603711;
    background-size: 20px;
    background-position: 10% center;
    border-bottom: 2px inset #21170e; }
    .flow-reservation__link:hover {
      background: url("/images/renew/common/search.png") no-repeat #a16a37;
      background-size: 20px;
      background-position: 10% center; }
    @media screen and (max-width: 767px) {
      .flow-reservation__link {
        width: 100%;
        font-size: 16px;
        padding: 16px; } }
  .flow-reservation__image-wrapper {
    position: relative; }
    @media screen and (max-width: 767px) {
      .flow-reservation__image-wrapper {
        width: 45%;
        vertical-align: top;
        margin-right: 4%;
        display: inline-block; } }
  .flow-reservation__image {
    width: 100%;
    height: 100%; }
  .flow-reservation__arrow {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url("/images/renew/common/chevron-right_orange.png") no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: -42px;
    top: 40%; }
    @media screen and (max-width: 767px) {
      .flow-reservation__arrow {
        display: none; } }
  .flow-reservation__arrow-wrapper {
    display: none; }
    @media screen and (max-width: 767px) {
      .flow-reservation__arrow-wrapper {
        display: block; } }
  .flow-reservation__arrow-icon {
    display: inline-block;
    width: 30px;
    height: 35px;
    background: url("/images/renew/common/arrow-prev.png") no-repeat #603711;
    background-size: contain;
    position: absolute;
    top: 47%;
    z-index: 2;
    left: 0; }

.flow-reservation__arrow-icon--next {
  display: inline-block;
  width: 30px;
  height: 35px;
  background: url("/images/renew/common/arrow-next.png") no-repeat #603711;
  background-size: contain;
  background-position: right;
  position: absolute;
  top: 47%;
  z-index: 2;
  left: initial;
  right: 0; }

.customers-voice {
  font-size: 0; }
  .customers-voice__text {
    font-size: 12px;
    padding-bottom: 8px;
    color: #333333;
    display: block;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .customers-voice__text {
        font-size: 2.6vw;
        padding-bottom: 3px; } }
  .customers-voice__description-title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    display: block;
    padding: 10px 0; }
    @media screen and (max-width: 767px) {
      .customers-voice__description-title {
        font-size: 3.4vw;
        font-weight: bold; } }
  .customers-voice__description-text {
    font-size: 15px;
    color: #333333;
    line-height: 1.5em; }
    @media screen and (max-width: 767px) {
      .customers-voice__description-text {
        font-size: 3.5vw; } }
  .customers-voice__image {
    margin-bottom: 20px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .customers-voice__image {
        margin-bottom: 10px; } }
  .customers-voice__item {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding: 20px;
    background: #f9e6d7;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 350px; }
    .customers-voice__item:nth-child(2n) {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .customers-voice__item {
        width: 100%;
        padding: 15px;
        height: initial; } }
  .customers-voice__description-red {
    color: #de1d0e;
    font-weight: bold; }
  .customers-voice__image-wrapper {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    margin-right: 5%; }
  .customers-voice__description {
    display: inline-block;
    width: 60%; }

.course-menu {
  padding: 20px 0 0; }
  @media screen and (max-width: 767px) {
    .course-menu {
      padding: 20px 15px; } }
  .course-menu__header {
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .course-menu__header {
        display: none; } }
  .course-menu__wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 5px;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .course-menu__wrapper {
        padding: 0; } }
  .course-menu__item-text {
    display: inline-block;
    padding: 15px 0 0;
    font-size: 16px;
    color: #0052b5;
    font-weight: bold;
    border-bottom: 1px solid #0052b5; }
    @media screen and (max-width: 767px) {
      .course-menu__item-text {
        font-size: 14px; } }
  .course-menu__title {
    display: inline-block;
    width: 50%; }
  .course-menu__title-text {
    font-weight: bold;
    font-size: 22px; }
  .course-menu__button {
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: bottom; }
  .course-menu__button-link {
    font-size: 16px;
    display: inline-block;
    padding: 16px 0;
    color: #FFFFFF;
    width: 55%;
    text-align: center;
    border-bottom: 2px inset #21170e;
    border-radius: 5px;
    background: url("/images/renew/common/search.png") no-repeat #623a13;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center; }
    .course-menu__button-link:hover {
      background: url("/images/renew/common/search.png") no-repeat #a16a37;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: 10% center; }
  .course-menu__item {
    display: inline-block;
    vertical-align: top;
    width: 18.4%;
    margin-right: 2%;
    text-align: center;
    background: #fff8e3;
    position: relative; }
    .course-menu__item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .course-menu__item:nth-child(2n) {
        margin-right: 0; } }
    @media screen and (max-width: 767px) {
      .course-menu__item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%; } }
  .course-menu__image {
    width: 100%;
    border: 2px solid transparent; }
  .course-menu__item-image {
    display: block;
    padding-bottom: 15px;
    position: relative; }

.course-menu__item.course-menu__item--active {
  background: #fbc422; }
  .course-menu__item.course-menu__item--active .course-menu__item-text {
    color: #623a13;
    border-bottom: 1px solid transparent;
    font-weight: bold; }
  .course-menu__item.course-menu__item--active .course-menu__image {
    border: 2px solid #fbc422; }
  .course-menu__item.course-menu__item--active .course-menu__item-image::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fbc422;
    bottom: -11px;
    position: absolute;
    left: 45%; }

@media not all and (pointer: coarse) {
  .course-menu__item:hover {
    background: #fbc422; }
    .course-menu__item:hover .course-menu__item-text {
      color: #623a13;
      border-bottom: 1px solid transparent;
      font-weight: bold; }
    .course-menu__item:hover .course-menu__image {
      border: 2px solid #fbc422; }
    .course-menu__item:hover .course-menu__item-image::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #fbc422;
      bottom: -11px;
      position: absolute;
      left: 45%; } }

.course-menu__sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .course-menu__sp:hover {
      background: #fff8e3; } }
  @media screen and (max-width: 767px) {
    .course-menu__sp {
      background: #fff8e3;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      height: 113px; } }
  @media screen and (max-width: 320px) {
    .course-menu__sp {
      height: 102px; } }
  .course-menu__sp .course-menu__item-text {
    color: #333333;
    border: none !important;
    padding: 0; }
  .course-menu__sp .course-menu__item-image {
    padding: 0; }
  .course-menu__sp .course-menu__item-image:after {
    display: none; }

.course {
  padding: 70px 0 0; }
  @media screen and (max-width: 767px) {
    .course {
      padding: 20px 0 0; } }
  .course__title-text {
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .course__title-text {
        font-size: 22px; } }
    @media screen and (max-width: 320px) {
      .course__title-text {
        font-size: 20px; } }
  .course__content {
    max-width: 960px;
    margin: 0 auto; }
  .course__title {
    padding: 0 0 20px;
    border-bottom: 1px solid #fbc422; }
    .course__title:before {
      content: "";
      background: url("/images/renew/courses/course-icon.jpg") no-repeat;
      background-size: contain;
      width: 50px;
      height: 50px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
      @media screen and (max-width: 767px) {
        .course__title:before {
          width: 40px;
          height: 40px; } }
      @media screen and (max-width: 320px) {
        .course__title:before {
          width: 35px;
          height: 38x;
          margin-right: 5px; } }
    @media screen and (max-width: 767px) {
      .course__title {
        padding: 0 15px 20px; } }
  .course__detail {
    padding: 30px 0 0;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .course__detail {
        padding: 15px 15px 0; } }
  .course__detail-image {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin-right: 3%; }
    @media screen and (max-width: 767px) {
      .course__detail-image {
        width: 100%;
        margin-right: 0; } }
  .course__image {
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .course__image {
        width: 49%;
        margin-right: 2%; } }
    .course__image:last-child {
      margin-right: 0; }
  .course__detail-content {
    display: inline-block;
    width: 66%;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .course__detail-content {
        width: 100%; } }
  .course__description {
    padding-bottom: 25px; }
  .course__description-note {
    font-size: 12px;
    line-height: 1.5em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .course__description-note {
        font-size: 14px; } }
  .course__description-text {
    font-size: 16px;
    line-height: 1.5em;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .course__description-text {
        font-size: 14px; } }
  .course__detail-title-text {
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    padding: 6px 10px;
    border-left: 5px solid #fbc422; }
    @media screen and (max-width: 767px) {
      .course__detail-title-text {
        font-size: 20px; } }
  .course__detail-item-text {
    font-size: 16px;
    color: #333333;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .course__detail-item-text {
        font-size: 14px;
        display: inline-block;
        width: 84%;
        line-height: 1em;
        padding-bottom: 5px; } }
  .course__detail-check {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/images/renew/common/check-icon.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 12px; }
    @media screen and (max-width: 767px) {
      .course__detail-check {
        width: 14px;
        height: 14px;
        margin-right: 8px;
        vertical-align: top; } }
  .course__detail-item {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 8px; }
    .course__detail-item:nth-child(2n) {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .course__detail-item {
        vertical-align: top; } }
  .course__detail-prices {
    display: inline-block;
    width: 48.5%;
    margin-right: 3%;
    border-top: 1px solid #ccc;
    color: #333333; }
    .course__detail-prices:nth-child(2n) {
      margin-right: 0; }
    .course__detail-prices:nth-last-of-type(2), .course__detail-prices:last-child {
      border-bottom: 1px solid #ccc; }
    @media screen and (max-width: 767px) {
      .course__detail-prices:nth-last-of-type(2) {
        border-bottom: none; } }
    @media screen and (max-width: 767px) {
      .course__detail-prices {
        width: 100%;
        margin-right: 0; } }
  .course__detail-number {
    font-size: 16px;
    display: inline-block;
    width: 22%;
    vertical-align: middle;
    background: #eee;
    padding: 17px 8px;
    text-align: center;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .course__detail-number {
        font-size: 15px; } }
  .course__detail-list {
    margin: 20px 0; }
  .course__detail-column {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .course__detail-column {
        width: 100%;
        margin-bottom: 20px; } }
  .course__detail-column-title {
    font-size: 14px;
    padding: 17px 10px;
    text-align: center;
    background: #623a13;
    color: #FFFFFF;
    font-weight: bold; }
  .course__detail-price {
    display: inline-block;
    width: 78%;
    vertical-align: middle;
    padding: 5px 5px 5px 7px;
    font-weight: bold;
    font-size: 0; }
  .course__detail-price-text {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 70%; }
    @media screen and (max-width: 767px) {
      .course__detail-price-text {
        font-size: 15px;
        width: 73%; } }
  .course__detail-price-small {
    font-size: 11px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold; }
  .course__recommended {
    background: #ee4900;
    color: #FFFFFF;
    font-size: 10px;
    padding: 8px;
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .course__recommended {
        font-size: 9px;
        width: 27%;
        padding: 8px 6px; } }
  .course__description-separator {
    padding-top: 15px; }

.course__detail-column .course__detail-prices {
  display: block;
  width: 100%; }

.course__detail-prices--active {
  color: #ee4900; }
  .course__detail-prices--active .course__detail-number {
    background: #ee4900;
    color: #FFFFFF; }

.course__title.course__title--foot:before {
  content: "";
  background: url("/images/renew/courses/course-icon2.png") no-repeat;
  background-size: contain; }

.course__detail-check--uncheck {
  background: url("/images/renew/common/checklist_icon_unchecked.png") no-repeat;
  background-size: contain; }

.course__title--thirdcourse:before {
  content: "";
  background: url("/images/renew/courses/course-icon3.png") no-repeat;
  background-size: contain; }

.course__title--fourthcourse:before {
  content: "";
  background: url("/images/renew/courses/course-icon4.png") no-repeat;
  background-size: contain; }

.course__title--fifthcourse:before {
  content: "";
  background: url("/images/renew/courses/course-icon5.png") no-repeat;
  background-size: contain; }

.course__detail-column-title--app-user {
  background: #fbc422;
  color: #333333; }

.course__detail-column-title--no-border {
  border-bottom: none !important; }

@media screen and (max-width: 767px) {
  .option-fee {
    padding: 0 15px; } }

.option-fee__wrapper {
  max-width: 960px;
  margin: 0 auto; }

.option-fee__title {
  font-size: 28px;
  display: block;
  color: #333333;
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .option-fee__title {
      font-size: 22px; } }

.option-fee__title-text {
  font-weight: bold;
  padding: 10px;
  border-left: 5px solid #e95504; }

.option-fee__content {
  background: #f9e6d7;
  padding: 20px; }

.option-fee__image-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 35%;
  margin-right: 2%; }
  @media screen and (max-width: 767px) {
    .option-fee__image-wrapper {
      margin-right: 0;
      width: 100%;
      margin-bottom: 20px; } }

.option-fee__image {
  width: 100%;
  height: auto; }

.option-fee__list {
  display: inline-block;
  width: 62%;
  vertical-align: top;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .option-fee__list {
      width: 100%; } }

.option-fee__text-content {
  font-size: 19px;
  font-weight: bold;
  display: block;
  line-height: 1.5em;
  color: #623a13; }
  @media screen and (max-width: 767px) {
    .option-fee__text-content {
      font-size: 16px; } }

.option-fee__text-note {
  font-size: 13px;
  display: block; }

.option-fee__detail {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  width: 95%; }
  @media screen and (max-width: 767px) {
    .option-fee__detail {
      width: 90%;
      vertical-align: top;
      margin-top: -5px;
      margin-bottom: 15px; } }

.option-fee__check {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("/images/renew/common/check-icon.png") no-repeat;
  background-size: contain;
  margin-right: 2%; }
  @media screen and (max-width: 767px) {
    .option-fee__check {
      vertical-align: middle;
      width: 14px;
      height: 14px; } }

.pagination_box {
  text-align: center;
  padding: 20px; }
  .pagination_box__wrapper {
    display: inline-block;
    padding: 0;
    margin: 0; }
  .pagination_box__item {
    display: inline-block;
    color: #333333;
    float: left;
    padding: 8px 16px;
    text-decoration: none; }
    .pagination_box__item:hover {
      background-color: #ddd;
      cursor: pointer; }

.active.pagination_box__item {
  background-color: #fbc423;
  color: #ffffff;
  font-weight: bold; }

.popup {
  display: none;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 767px) {
    .popup {
      padding: 0 5%;
      box-sizing: border-box; } }
  .popup__container {
    background: #FFFFFF;
    position: relative;
    max-width: 950px;
    margin: 0 auto;
    height: auto;
    left: 0;
    right: 0;
    padding: 30px;
    opacity: 0;
    margin-bottom: 5%; }
    @media screen and (max-width: 767px) {
      .popup__container {
        width: 100%;
        padding: 5%; } }
  .popup__close {
    position: absolute;
    background: #613711;
    top: 0;
    right: 0;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .popup__close {
        width: 35px;
        height: 35px; } }
  .popup__icon {
    font-size: 28px !important; }
    .popup__icon::before {
      content: '\00d7' !important; }
  .popup__header {
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .popup__header {
        margin-bottom: 3%; } }
  .popup__price-image {
    width: 190px;
    margin-right: 60px;
    margin-left: 15px; }
    @media screen and (max-width: 767px) {
      .popup__price-image {
        width: 30%;
        margin-right: 7%;
        margin-left: 0; } }
  .popup__title {
    background-image: url("./../../images/usr_premium_mattress/hdbg02_top.png"), url("./../../images/usr_premium_mattress/hdbg02_bottom.png");
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat; }
    @media screen and (max-width: 767px) {
      .popup__title {
        background-size: 40%; } }
  .popup__title-text {
    font-size: 33px;
    line-height: 190%;
    padding: 55px 0;
    text-align: center;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serifserifserif;
    color: #18212d; }
    @media screen and (max-width: 767px) {
      .popup__title-text {
        padding: 15% 0;
        font-size: 4.375vw; } }
  .popup__point-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .popup__point-list {
        margin-bottom: 4%; } }
  .popup__point-item {
    width: 24.4%;
    position: relative; }
    @media screen and (max-width: 767px) {
      .popup__point-item {
        flex: 0 49.3%;
        position: relative;
        margin-bottom: 1%; } }
  .popup__point-image {
    width: 100%; }
  .popup__item-title {
    position: absolute;
    bottom: 0;
    min-height: 25%;
    padding: 9%;
    font-family: "Roboto Slab" , Garamond;
    font-size: 13px;
    line-height: 1.8em;
    color: #444;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .popup__item-title {
        letter-spacing: 3px;
        font-size: 2.84375vw;
        line-height: 1.5em; } }
  .popup__item-text {
    letter-spacing: 1px;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serifserifserif; }
    @media screen and (max-width: 767px) {
      .popup__item-text {
        font-weight: normal; } }
  .popup__button {
    padding: 0; }

.shop-review {
  font-family: "Hiragino Kaku Gothic Pro"; }
  .shop-review__title {
    display: block;
    padding: 35px 5px 20px;
    max-width: 960px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .shop-review__title {
        padding: 15px; } }
  .shop-review__title-wrapper:before {
    content: "";
    background: url("/images/common/shop-search.png") no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2%; }
    @media screen and (max-width: 767px) {
      .shop-review__title-wrapper:before {
        width: 30px;
        height: 30px; } }
  .shop-review__title-text {
    font-size: 32px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .shop-review__title-text {
        font-size: 20px;
        display: inline-block;
        width: 84%;
        color: #623a13; } }
  .shop-review__button-container {
    display: none;
    margin-bottom: 25px;
    justify-content: center;
    padding: 0 15px; }
    @media screen and (max-width: 767px) {
      .shop-review__button-container {
        display: flex; } }
  .shop-review__button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Hiragino Kaku Gothic Pro";
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    padding: 3% 0;
    font-size: 4.6875vw; }
  .shop-review__star-icon {
    color: #fbc422; }
  .shop-review__button-text {
    margin-left: 12px;
    font-size: 4.0625vw; }
  .shop-review__container {
    background: #fff8e3;
    padding: 47px 15px 82px 15px; }
    @media screen and (max-width: 767px) {
      .shop-review__container {
        font-size: 3.4375vw;
        padding: 30px 15px 50px 15px; } }
  .shop-review__rating-star {
    max-width: 960px;
    margin: 0 auto;
    font-size: 33px; }
    @media screen and (max-width: 767px) {
      .shop-review__rating-star {
        font-size: 6.5625vw;
        text-align: center; } }
    .shop-review__rating-star--center {
      display: flex;
      align-items: center; }
  .shop-review__stars-outer {
    display: inline-block;
    position: relative; }
    .shop-review__stars-outer::before {
      content: "\2605 \2605 \2605 \2605 \2605";
      color: #e1e1e1;
      letter-spacing: 2px; }
  .shop-review__stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0; }
    .shop-review__stars-inner::before {
      content: "\2605 \2605 \2605 \2605 \2605";
      color: #fbc422;
      letter-spacing: 2px; }
  .shop-review__rating-number {
    font-size: 35px;
    margin-left: 13px; }
  .shop-review__rating-total {
    font-size: 25px; }
  .shop-review__rating-number, .shop-review__rating-total {
    font-weight: bold;
    color: #ee6002; }
    @media screen and (max-width: 767px) {
      .shop-review__rating-number, .shop-review__rating-total {
        font-size: 6.25vw; } }
  .shop-review__list {
    margin-top: 48px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .shop-review__list {
        margin-top: 30px; } }
  .shop-review__item-container {
    display: flex; }
  .shop-review__item {
    background: #FFFFFF;
    padding: 20px;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: right; }
    .shop-review__item:last-child {
      margin-bottom: 0; }
  .shop-review__picture-container {
    width: 80px;
    height: 80px;
    background: #cfcfcf;
    border-radius: 50%;
    margin-right: 19px; }
    @media screen and (max-width: 767px) {
      .shop-review__picture-container {
        width: 23vw;
        height: 19.5vw;
        margin-right: 2.5vw; } }
  .shop-review__usr-picture {
    width: 100%; }
  .shop-review__review {
    text-align: left;
    width: 88%; }
  .shop-review__old {
    font-size: 16px;
    margin-left: 15px; }
    @media screen and (max-width: 767px) {
      .shop-review__old {
        font-size: 3.4375vw; } }
  .shop-review__review-text {
    margin: 18px 0;
    line-height: 25px; }
    @media screen and (max-width: 767px) {
      .shop-review__review-text {
        line-height: 160%; } }
  .shop-review__link {
    color: #0052b5;
    border-bottom: 1px solid #0052b5;
    width: 100%; }
    .shop-review__link:hover {
      border-bottom: none; }
  .shop-review__see-more {
    max-width: 960px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .shop-review__see-more {
        margin-top: 30px; } }
  @media screen and (max-width: 767px) {
    .shop-review__more-icon {
      width: 3%; } }

.loading_modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9) url("/images/renew/common/loading.gif") 50% 50% no-repeat; }

body {
  padding-right: 0px !important; }

body.loading {
  overflow: hidden; }

body.loading .loading_modal {
  display: block; }

.footer-menu {
  background: #FFFFFF;
  border-top: 1px solid #e6e6e6;
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .footer-menu {
      display: none; } }
  .footer-menu__list {
    max-width: 960px;
    margin: 0 auto;
    padding: 12px 0;
    font-size: 0; }
  .footer-menu__item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #e6e6e6;
    padding: 10px 0; }
    .footer-menu__item:first-child {
      width: 9%; }
    .footer-menu__item:nth-child(2), .footer-menu__item:nth-child(3), .footer-menu__item:nth-child(4) {
      width: 15%; }
    .footer-menu__item:nth-child(5) {
      width: 11%; }
    .footer-menu__item:nth-child(6) {
      width: 19%; }
    .footer-menu__item:last-child {
      width: 16%;
      border-right: 1px solid #e6e6e6; }
  .footer-menu__link {
    display: inline-block;
    border-bottom: 1px solid #225a9e;
    font-size: 14px;
    color: #225a9e;
    font-weight: bold; }
    .footer-menu__link:hover {
      border-color: transparent; }

.footer {
  background: #e95504; }
  .footer__content {
    max-width: 960px;
    margin: 0 auto;
    padding: 40px 5px 20px;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .footer__content {
        padding: 20px 0 10px; } }
  .footer__content-header {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding-left: 50%;
    width: 100%;
    margin-bottom: 10px;
  }
  .footer__pref-menu {
    display: inline-flex;
    width: 68%;
    flex-wrap: nowrap;
    /* justify-content: space-between; */
    align-items: flex-start;
  }
  .footer__pref-item {
    margin-bottom: 5px;
  }
  .footer__pref-list {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 1%;
    font-size: 0;
  }
  .footer__pref-link {
    display: inline-block;
    font-size: 11px;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .footer__pref-link {
        font-size: 3.5vw; } }
  .footer__pref-link-text {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dotted #fff;
    padding: 2px 0;
  }
  .footer__content-menu-seo {
    width: 50%!important;
  }
  .footer__content-menu {
    display: inline-block;
    vertical-align: top;
    width: 68%; }
    @media screen and (max-width: 767px) {
      .footer__content-menu {
        display: none; } }
  .footer__content-item {
    margin-bottom: 20px; }
  .footer__content-social-icons-seo {
    width: auto!important;
    float: right;
  }
  .footer__content-social-icons {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .footer__content-social-icons {
        width: 100%;
        text-align: center; } }
  .footer__content-social-item {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
    .footer__content-social-item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .footer__content-social-item {
        width: 45px; } }
  .footer__content-social-image {
    width: 100%;
    cursor: pointer; }
  .footer__content-list-seo {
    width: 32%!important;
  }
  .footer__content-list {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    margin-right: 1%;
    font-size: 0; }
    .footer__content-list:last-child {
      margin-right: 0; }
  .footer__content-link {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    font-weight: bold; }
    .footer__content-link:before {
      display: inline-block;
      content: "";
      width: 15px;
      height: 15px;
      background: url("/images/common/button_arrow_renewal_2022.png") no-repeat;
      background-size: 8px;
      vertical-align: middle;
      background-position: 0px; }
  .footer__content-link-text {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    padding: 2px 0; }
  .footer__copyright {
    margin-top: 15px; }
    @media screen and (max-width: 767px) {
      .footer__copyright {
        width: 88%;
        margin: 0 auto; } }
  .footer__copyright-logo {
    width: 108px;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .footer__copyright-logo {
        width: 20%; } }
  .footer__copyright-logo-img {
    width: 100%;
    height: 100%; }
  .footer__copyright-text-container-seo {
    width: 70%!important;
  }
  .footer__copyright-text-container {
    display: inline-block;
    width: 75%;
    font-size: 14px;
    color: #333333; }
    @media screen and (max-width: 767px) {
      .footer__copyright-text-container {
        font-size: 2.6vw;
        vertical-align: middle;
        width: 80%;
        padding-left: 3%; } }
  .footer__copyright-text {
    margin-left: 2%;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .footer__copyright-text {
        display: inline-block;
        margin-left: 1%; } }
    @media screen and (max-width: 767px) {
      .footer__copyright-text:first-child {
        display: block;
        padding-bottom: 5px; } }
  .footer__navigation-icons {
    display: none; }
    @media screen and (max-width: 767px) {
      .footer__navigation-icons {
        display: block;
        padding: 20px 15px 10px; } }
  .footer__navigation-icons-wrapper {
    text-align: center; }
  .footer__navigation-plus-icon {
    width: 50px;
    height: 50px;
    background: url("/images/renew/common/plus-icon.png") no-repeat;
    background-size: contain;
    display: block;
    margin: 0 auto; }
  .footer__navigation-text {
    font-size: 16px;
    display: inline-block;
    padding: 10px 0 0;
    border-bottom: 1px solid #fff;
    color: #fff; }
  .footer__navigation-item {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 7%;
    padding-left: 15px;
    background: url("/images/renew/common/button_arrow_renewal.png") no-repeat;
    background-size: contain; }
    .footer__navigation-item:nth-child(2n) {
      margin-right: 0; }
    .footer__navigation-item:last-child, .footer__navigation-item:nth-last-child(2) {
      margin-bottom: 0; }
  .footer__navigation-link {
    font-size: 3vw;
    color: #333333;
    display: inline-block;
    border-bottom: 1px solid #333333; }
  .footer__navigation-list {
    background: #FFFFFF;
    margin-top: 15px;
    font-size: 0;
    padding: 20px;
    display: none; }
.clear_both {
  clear:both;
  padding-top:30px;
}
.mobile-footer__content-header {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 20px;
}
.footer__navigation_pref-list {
  background: transparent!important;
}
ul.mobile_footer__pref-list {
  display: flex;
  flex-direction: column;
  width: 30%;
  float: left;
}
.footer__navigation_pref-list .footer__pref-item {
  display: inline-block;
  text-align: center;
  padding-left: 15px;
}
.footer__content-link:hover .footer__content-link-text {
  border-bottom: 1px solid #fbc422;
  padding: 2px 0; }

.footer__navigation-plus-icon--close {
  background: url("/images/renew/common/minus-icon-menu.png") no-repeat;
  background-size: contain; }

.banner-hp-pc {
  background: url("/images/tvcm2020/cm_pc00.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.banner-hp-pc img {
  width: 100%;
  height: 100%;
}
.link-tcvm {
  position: absolute;
  width: 35%;
  right: 14%;
  top: 70%;
}

.link-initiative {
  position: absolute;
  width: 35%;
  right: 14%;
  top: 85%;
}

.link-tcvm img, .link-initiative img {
  width: 100%;
  height: 100%;
}

.link-initiative-sp {
  padding: 10px;
  display: none;
  text-align: center;
}


.link-initiative-sp a {
  color: #4473c4;
  font-weight: bold;
  text-decoration: underline;
}

.shop-search-banner-pc {
  text-align: center;
  margin-top: 30px;
}

.shop-search-banner-pc img{
  max-width: 960px;
  width: 70%;
  height: 100%;
}

.shop-list-banner-pc {
  text-align: center;
  margin-bottom: 30px;
  margin-top: -10px;
}

.shop-list-banner-pc img{
  max-width: 850px;
  width: 70%;
  height: 100%;
}

.banner-shop-search-sp, .banner-detail-sp, .shop-list-banner-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .link-initiative-sp {
    display: block;
  }

  .shop-search-banner-pc {
    display: none;
  }

  .shop-list-banner-pc {
    display: none;
  }

  .banner-shop-search-sp {
    display: inline-block;
    width: 190px;
    position: absolute;
    right: 0;
  }

  .banner-shop-search-sp img {
    width: 100%;
    height: auto;
  }

  .close-banner {
    position: absolute;
    top: -10%;
    right: -2%;
    height: 20px;
    width: 20px;
    background: url("/images/tvcm2020/close.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .search-custom__main-title-container {
    padding-top: 0px;
  }

  .shop-search__title {
    position: relative;
    padding-top: 0px;
    padding-bottom: 30px;
  }

  .banner-detail-sp {
    display: block;
    padding: 0 10px 10px 10px;
  }

  .banner-detail-sp img {
    width: 100%;
    height: 100%;
  }

  .shop-list__title {
    padding: 0 !important;
  }

  .shop-list-banner-sp {
    display: block;
    padding: 0 20px 20px 20px;
  }

  .shop-list-banner-sp img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 350px) {
  .banner-shop-search-sp {
    width: 150px;
  }
}

/* ---------- media link  ---------- */
.news_web_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.news_web_item {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.news_web_item.item {
  width: 30%;
  margin-top: 20px;
  margin: 0 15px 30px;
}
.news_web_item .news_web_img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.news_web_item img {
  width: 100%;
  height: auto;
}
.news_web_details p {
   line-height: 22px;
}
.news_web_details p.news_title {
  min-height: 69px;
}
@media screen and (max-width: 910px) {
  .news_web_details p.news_title {
    min-height: 87px;
  }
}
#n_bold {
  font-weight: bolder;
}
.news_web_quote {
  text-align: center;
  padding: 31px 0;
}
.new_cul {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .pc{ display: none!important;}
  .sp{ display: block!important;}
  .news_web_content {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 20px;
  }
  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 98%;
    opacity: 0.7;
    transition: .5s ease;
    background-color: #383838;
  }
  .overlay .news_web_quote span {
    color: #ffffff;
    font-weight: bolder;
    font-size: 16px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .news_web_item .news_web_img {
    height: auto!important;
  }
  .news_web_item .news_web_img picture {
    line-height: 1;
  }
  .news_web_item.item {
    width: 48%;
    margin: 0 0 15px;
  }
}