@charset "utf-8";

@media screen and (max-width: 1100px) {

  a.button,
  .section01 h2,
  .weekday h3,
  p.price,
  p.group,
  h3.couse_ttl,
  p.id,
  figcaption,
  .shop_contact a {
    font-family: "Noto Sans CJK JP"!important;
  }

  .left__block h3,
  .left__block_box01 p,
  .left__block_box02 p,
  .left__block_box03 p,
  .left__block_box04,
  dl.course__detail,
  .section03,
  .section04,
  p.limit,
  h3.common_ttl,
  .coupon p,
  .section06,
  .coupon_caution,
  .section06 p span,
  small {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }


  img {
    width: 100%;
  }

  .header__logo {
    width: 100%;
  }

  ul.thumb-item {
    margin: 0 auto;
  }

  .container {
    width: 100%;
  }

  .content {
    width: 90%;
  }


  .right__block {
    width: 100%;
  }

  .course__wrp {
    width: 100%;
  }

  .course__content {
    width: 90%;
  }

  h3.common_ttl::before {
    bottom: inherit;
    top: 15px;
  }

  figure {
    position: relative;
    margin: 0 4% 70px 0;
    float: left;
    width: 48%;
  }

  figure:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  figure:nth-child(3n) {
    margin-right: inherit;
  }

  .shop_pic {
    height: 255px;
  }

  ul.thumb-item li {
    height: auto;
  }

  ul.thumb-item-nav {
    padding: 20px 0;
  }

  .left__block {
    float: none;
    width: 100%;
  }

  .sp_wrp {
    display: flex;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    justify-content: space-between;
  }

  .left__block_box01,
  .left__block_box02,
  .left__block_box03 {
    width: 30%;
    min-height: 150px;
  }

  ul.shop_list li {
    width: 30%;
    margin: 0 5% 50px 0;
    list-style: none;
    float: left;
  }

  .shop_number a:before {
    display: none;
  }

  .header_wrp {
    width: 100%;
  }
}

@media screen and (max-width: 640px){

  html {
    font-size: 14px;
  }

  .PC {
    display: none;
  }

  .SP {
    display: block;
  }

  .reservation {
    width: 80%;
  }

  a.button::before {
    left: 20px;
  }

  .section01 {
    padding: 30px 0 0;
  }

  .section01 h2 {
    font-size: 1.5rem;
  }

  .weekday h3 {
    font-size: 1.3rem;
  }

  ul.thumb-item-nav li {
    margin-right: 5px;
  }

  .left__block h3 {
    font-size: 1.4rem;
    padding-bottom: 1.5rem;
  }

  .sp_wrp {
    display: block;
  }

  .left__block_box01,
  .left__block_box02,
  .left__block_box03 {
    width: 100%;
    height: auto;
    min-height: inherit;
  }

  h3.couse_ttl {
    padding-bottom: 1rem;
    font-size: 1.5rem;
  }

  dl.course__detail {
    padding: 2rem 0 0;
  }

  dl.course__detail dd {
    margin: 0;
    font-size: 1rem;
  }

  h3.common_ttl::before {
    top: 5px;
  }

  .section03 {
    padding-bottom: 2rem;
  }

  .shop_detail {
    padding-top: 1rem;
  }

  table.time_schedule {
    margin-top: 0;
    width: 100%;
  }

  h3.common_ttl span {
    font-size: 1rem;
  }

  table.time_schedule th {
    padding: 16px 5px 16px;
    width: 30%;
    font-size: 1rem;
  }

  table.time_schedule td {
    padding: 16px 0 16px 15px;
    font-size: 1rem;
  }

  .section05 {
    margin: 0 auto 60px;
    padding-top: 0;
    width: 100%;
    min-height: auto;
    background-image: none;
  }

  .coupon {
    width: 100%;
  }

  .coupon_caution {
    margin: 0;
    width: 100%;
    color: #000;
  }

  .section06 p {
    line-height: 1.5;
  }

  figure {
    float: none;
    width: 100%;
    margin-bottom: 2rem;
  }

  figure:nth-child(2n) {
    float: none;
  }

  .shop_contact {
    bottom: 0;
  }

  .shop_list {
    margin: 1rem 0 0;
    padding-bottom: 4rem;
  }

  small {
    font-size: 0.8rem!important;
    line-height: 2;
  }

  ul.shop_list li {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }

  .course__detail ul {
    padding: 0;
  }

  .reservation {
    position: inherit;
    margin: 0 auto 20px;
    background-image: -moz-linear-gradient( -90deg, rgb(236,208,128) 0%, rgb(173,123,54) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(236,208,128) 0%, rgb(173,123,54) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(236,208,128) 0%, rgb(173,123,54) 100%);
    border: solid #f8f2c6 3px;
    border-radius: 17px;
    box-shadow: 0px 0px 6.16px 1.84px rgba(4, 0, 0, 0.15);
    top: 30px;
    right: 30px;
  }

  a.button {
    position: relative;
    display: block;
    width: 100%;
    padding: 11px 0;
    font-size: 22px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
  }

  /*横田追記
  ----------------------------*/
  .add20210924yokota{
    margin: 0 auto;
    font-family: 'Noto Sans Japanese';
    grid-gap:50px;
    align-items:center;
    margin:0px 0px 30px 0px;
  }
  .add20210924yokota p{
    text-align: center;
  }
  .add20210924yokota a{
    display: block;
    object-fit: cover;
    margin: 0 auto;
  }
  .add20210924yokota a img{
    display: block;
    object-fit: contain!important;
    margin: 0 auto;
    width: 86%!important;
  }



}