@charset "utf-8";


/* main ------------- */
#slide { overflow-x:hidden; margin-bottom: 2em;}
.top-slider-pager .slick-slide { margin:.5em .2em;}


h2.ttl {font-size: 1.25em; font-weight: 700; line-height: 1.8;}
.medama_ttl_in {font-size: 1.25em; font-weight: 700; line-height: 1.8;}
hgroup h2.ttl {line-height: 1;}
.medama_ttl_in {justify-content: center; align-items: center; line-height: 1;}
/* hgroup.medama_ttl h2 span:last-child { text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff; } */
.medama_ttl .medama_ttl_in .duration {font-size: 1.4em; color: #ff5050; -webkit-text-stroke: 8px #fff; paint-order: stroke; line-height: 1;}
.medama_ttl .medama_ttl_in .duration span { display: block; text-indent: 3em; }
.medama_ttl .medama_ttl_in .duration em { font-size: 1.4em; }
.medama_ttl .medama_ttl_in .limited {font-size: 2.2em; color: #ffba00; -webkit-text-stroke: 8px #fff; paint-order: stroke; line-height: 2; margin-inline: .2em;}
.medama_ttl .medama_ttl_in .number {font-size: 1.6em; color: #fff; -webkit-text-stroke: 8px #ff5050; paint-order: stroke;}
.medama_ttl .medama_ttl_in .number span { font-size: 1.5em; }

.zaiko_ttl {font-size: 1.5em; border-bottom: dotted 4px #0d0d0d; color: var(--color-base); padding-bottom: 0; display: inline-block; padding-left: 2.7em; margin: 0 auto; position: relative;}
.zaiko_ttl::before {content: ""; display: block; width: 2.5em; height: 1.5em; background: url(../img/top/zaiko_ttl_icon.svg) no-repeat 100% / 100%; position: absolute; left: 0; top: 0;}

.medama_ttl {text-align: center; background: url(../img/top/medama_ttl.png) no-repeat center; background-size: 100%; height: 60px; width: 100%; margin-bottom: clamp(0,4vw,40px);}
.medama_ttl .medama_ttl_in {position: relative; padding-top: 0; padding-right: 4em;}

.search_ttl_maker {display: inline-block; background: #fff; padding: .7em 2em; border-radius: 35px; box-shadow: 5px 5px #707070; margin: 0 auto 1.5em; position: relative;}
.search_ttl_maker::after {content: ""; display: block; width: 2.4em; height: 2.4em; position: absolute; top:.5em; right: 1em; background: url(../img/top/search_icon.svg) no-repeat 100% / 100%;}
.search_ttl_maker h2 {padding-right: 2em;}

.search_ttl_price {display: inline-block; background: #92e0ee; padding: .7em 2em; border-radius: 35px; box-shadow: 5px 5px #707070; margin: 0 auto 1.5em; position: relative;}
.search_ttl_price::after {content: ""; display: block; width: 2.4em; height: 2.4em; position: absolute; top:.5em; right: 1em; background: url(../img/top/search_icon.svg) no-repeat 100% / 100%;}
.search_ttl_price h2 {padding-right: 2em;}

.flyer_ttl {display: block; max-width: 950px; height: 120px; font-size: 1.3em; line-height: 1.3; text-align: left; padding-left: 120px; background: url(../img/top/flyer_ttl.png) left top no-repeat; margin: 0 auto;
  .sub {
    font-size: .85em; font-weight: 700; padding-top: 1em;
  }
}

.reason_ttl,.reason_ttl {display: inline-block; background: #92e0ee; padding: .7em 2em; border-radius: 35px; box-shadow: 5px 5px #707070; margin: 0 auto 30px; position: relative;}
.info_ttl {background: var(--color-base); color: var(--color-wht); text-align: center; padding: .5em; margin-bottom: 1.5em;}
.mg-0 { margin: 0; }

h2.nav_ttl { margin-top: 1em; line-height: 1.5; }
.top-nav {margin-block: 1em; gap: .5em;}
.top-nav h3 {display: block; border-radius: 10px; font-size: 1em; height: 110px; text-align: center; color: #fff; font-weight: 700; margin: 0; position: relative;}
.top-nav h3.recommend {background: var(--color-base); width: 32%;}
.top-nav h3.stock {background: var(--color-l-orn); width: 32%;}
.top-nav h3.flyer {background: var(--color-grn); width: 32%;}
.top-nav h3.reserve {background: var(--color-d-orn); flex: 1; max-width: 450px; height: 100px; font-size: 1.4em; padding-top: .5em; padding-left: 1.5em; margin-top: .3em;}
.top-nav h3 a {display: block; width: 100%; height: 100%; color: #fff; padding-top: 1em; position: relative;}
.top-nav h3 span { display: block;}
.top-nav h3.recommend a::before {content:""; display: block; width: 3em; height: 3em; position: absolute; bottom: .8em; left:0; right:0; margin:auto; background: url(../img/top/medama_icon.svg) no-repeat 100% / 100%;}
.top-nav h3.stock a::before {content:""; display: block; width: 3em; height: 3em; position: absolute; bottom: .8em; left:0; right:0; margin:auto; background: url(../img/top/zaiko_icon.svg)no-repeat 100% / 100%;}
.top-nav h3.flyer a::before {content:""; display: block; width: 3em; height: 3em; position: absolute; bottom: .8em; left:0; right:0; margin:auto; background: url(../img/top/flyer_icon.svg) no-repeat 100% / 100%;}
.top-nav h3.reserve a::before {content:""; display: block; width: 2em; height: 2em; position: absolute; top: .6em; left:0;  margin:auto; background: url(../img/top/reserve_icon.svg) no-repeat 100% / 100%;}

.bn-mac { margin-bottom: 2.5em; }

.car-type-box { margin-bottom:min(8%,80px);
  .list { display:flex; gap:2%; width:90%; margin-top:-27%; margin-inline:auto; padding-bottom:5%; }
}


.stockcount {padding: 20px 0 20px; margin-bottom: clamp(10px,6vw,60px);}
.stock-count {z-index: -1; max-width: 900px; margin-inline: auto; }
.stock-count-wrap {
    position: relative; max-width: 780px; margin: 0 auto;
    &::before {
      content: ''; position: absolute; right: 0; bottom: -20px; width: 100%; height: 100%; background: url(../img/top/zaiko_bg.png?20240924) no-repeat right 0 bottom 0; background-size: 50%;
    }
    .stock-count-list {
      width: 60%; margin: 2em 0 0;
      li {
        width: 100%; border: 3px solid var(--text-color); background-color: var(--color-wht); padding: .8em; border-radius: 10px; margin-bottom: 15px;
        .ttl {font-size: clamp(20px,4vw,32px); color: var(--color-wht); font-weight:600; text-align: center; padding: .3em;}
        .num {
          margin-block: 0; text-align: center; line-height: 1;
        }
        .font-en {
            font-size: clamp(50px,7vw,76px); font-weight: 700;
        }
      }
    }
}
    .stock-count-list li.web-stock {
          .ttl {
            background-color: var(--color-orn);
          }
          .num { color: var(--color-orn);}
    }
    .stock-count-list li.all-stock {
          .ttl {
            background-color: var(--color-blu);
          }
          .num { color: var(--color-blu);}
    }
.contact-btn {
    position: relative; z-index: 0;
    a {
      display: block; padding:.5em .7em; font-size: clamp(20px,3vw,36px); line-height: 1.5; color: var(--text-color); font-weight: 700; text-align: center; background-color: var(--color-sub); box-shadow: 5px 5px #707070;
    }
    span{display: block;}
}


#recommend {
  .recommend-list {
    gap:1em 4%;
    li {
      width:48%; padding: .3em; box-shadow: var(--shadow);
      .cname {
        display: grid; align-items: center; min-height: 4em; font-size: clamp(12px,3vw,24px); color: var(--color-wht); line-height: 1.5; text-align: center; background-color: var(--color-base);
        p { margin-block: unset;}
        .grade { font-size: .83em; font-weight: 500;}
      }
      .info {
        margin-top: .7em; padding-inline: .5em; font-size: clamp(10px,2vw,14px);
        &> div { gap: .7em;}
        dt {
          width: 6em; text-align: center; background-color: var(--color-crm);
        }
        dd {
          flex: 1;
        }
      }
    }
  }
}

.search_price {background-color: var(--color-crm); padding: 30px 0;}
.budget-list {
  gap: .5em 0; max-width: 720px; margin-inline: auto;
  li {
      width: 49%; background-color: var(--color-base); border-radius: 10px; text-align: center;
    a {
      display: block; padding: .5em; padding-top: 5em; font-size: clamp(16px,3vw,24px); color: var(--text-color); font-weight: 700; text-align: center; position: relative;
    }
    .num {font-size: 1.6em;}
    .num2 { font-size: 1.3em; }
    ::before {content: ""; display: block; width: 60px;height: 60px; background: url(../img/top/search_wht_icon.svg) no-repeat 100% / 100%; position: absolute; top: 15px; left: 0; right: 0; margin: auto;}
  }
  li:nth-child(2) {background-color: var(--color-l-orn);}
  li:nth-child(3) {background-color: var(--color-orn);}
  li:nth-child(4) {background-color: var(--color-grn);}
}

.search_maker {background: #92e0ee; padding: 30px 0;}
.search_lead { margin-block: 0 2em; }
.maker-list {
  gap: .5em 0; max-width: 720px; width: 100%; margin-inline: auto;
  li {
    width: 24%; background: var(--color-wht); border-radius: 10px;
    a {
      display: block; align-items: center; padding: 0 .5em; font-weight: 700;
      img { max-width: 90%;}
      span {display: block; font-size: .875em;}
    }
  }
}
.ranking_ttl {width: 100%; background: url(../img/top/ranking_ttl.png) no-repeat center center; background-size: 100%; height: 105px; text-align: center;}
.ranking_ttl h2.ttl {color: var(--color-wht); display: inline-block; margin: 0 auto; line-height: 80px;}
.ranking_ttl h2 .sm { font-size: .85em; }
.ranking_ttl h2 .en { font-size: .5em; }
.ranking-list {
  margin-block: 0; counter-reset: number;
  a { display: block; padding: .5em;}
  li {
    width: calc((100% - .5em) / 3); position: relative;
    .cname {width: 100%; position: absolute; display: block; left: 0; bottom: -1em; text-align: center;}
    &::after {content: ""; display: block; width: 30px; height: 60px; background: url(../img/top/ranking_stecker.png) no-repeat 100% / 100%; position: absolute; top: -10px; right: -10px; z-index: 10;}
    &::before {counter-increment: number; content: counter(number); font-size: 1em; font-weight: 700; color: var(--color-red); position: absolute; top: 3px; right: 1px; z-index: 15;}
  }
}
.ranking_lead { margin-block: 2em 0; }
.bnr_stock { margin-top: 5em; padding-top: .5em; background-color: var(--color-sub); }
.bnr_stock a {display: block; width: 100%; padding: 0 .5em;}
.bnr_stock a span {
  display: inline-block; position: relative;
  &::before {
    content: ''; position: absolute; width: 34%; aspect-ratio: 1 / .668; top: -45%; right: 18%; background: url(../img/top/stock_hukidashi.png) no-repeat center / contain;
  }
}
.coupon_lead { margin-block: 0 2em; }
.contact_btn {background: var(--color-d-orn); max-width: 700px; margin: 0 auto 60px; border-radius: 10px; text-align: center; position: relative; height: 100px;}
.contact_btn a {padding-left: 1.5em; color: #fff; font-size: 1.5em; font-weight: 600; }
.contact_btn a::before {content:""; display: block; width: 1.5em; height: 1.5em; position: absolute; top:0; bottom: 0; left: 1em;  margin:auto; background: url(../img/top/reserve_icon.svg) no-repeat 100% / 100%;}
.contact_btn a span {display: block; }

.bnr-coupon {
  margin-bottom: clamp(14px,3vw,28px);
}

#flyer {
  background-color: var(--color-l-blu); padding: 10px 0 50px; position: relative; z-index: 1;
  &::before {position: absolute; inset: -8px 8px 8px -8px; border: 3px solid #070707; content: '';}
  &::after {position: absolute; top: 10px; left: -35px; width: 100px; height: 3px; background: #070707; transform:rotate(-45deg); content: '';}
  .flyer-list {
    gap: 1em; width: 80%; margin: 1em auto;
    li { width: 47%; text-align: center; z-index: 5;}
  }
}

.reason-list li:nth-child(odd) {
  width: 100%; height: 150px; display: block; padding: 0 .5em 1em; position: relative;
  div {width: 48%; display: block; position: absolute; top: 0; right: 0;}
  img {width: 48%; display: block; position: absolute; top: 0; left: 0;}
}
.reason-list li:nth-child(even) {
  width: 100%; height: 150px; display: block; padding: 0 .5em 1em; position: relative;
  div {width: 48%; display: block; position: absolute; top: 0; left: 0;}
  img {width: 48%; display: block; position: absolute; top: 0; right: 0;}
}
.reason-list {
  li {
      h3 {
      color: var(--color-base); font-size: .9em; border-bottom: 3px solid var(--color-base); margin-bottom: .3em; padding-bottom: .3em;
      }
    }
    .txt {font-size: .875em; margin-block: .5em; line-height: 1.5;}
  }
}
.blog {
  border: 2px solid var(--color-base);
}

.top_info_list li {width: 100%;
  h3{color: var(--color-base); font-size: 1.875em;
    span { font-size: .9em; }
  }
  .imege {width: 100%;}
  .gmap {width: 100%; height: 250px; margin-bottom: 1em;}
}

.article-list {
  gap: .5em; padding: .5em;
  li {
    width:calc((100% - .5em) / 2); position:relative;
    &::before { content:""; position:relative; z-index:2; display:block; padding-top:100%; background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
      background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}/*liを正方形に&グラデ*/
    &:hover::before {
      background:-moz-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
      background:-webkit-linear-gradient(top, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background:linear-gradient(to bottom, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */}
  }
  figure {position:absolute; z-index:1; top:0; width:100%; height:100%; }
  img { width:100%; height:100%; object-fit:cover;}
  a {
    position:absolute; z-index:3; top:0; height:100%; width:100%; color:#fff; text-decoration:none;
    p { position:absolute; bottom:0; margin:0; padding:1em; line-height:1.5;}
  }
  time { display:block; font-size:0.8rem; }

}


.info-area {
  .ttl {
    gap: 1em; align-items: center;
    .logo {
      flex: 1;
    }
    .lead {
      font-size: .85em; color: var(--color-blu); font-weight: 700; line-height: 1.5;
    }
  }
  .dtl-wrap {
    margin-top: 1em;
    dt { font-size: 1.25em; background-color: var(--color-base);}
    dd {
      font-size: 1.28em;
      a { font-size: 1.5em; color: var(--color-base);}
    }
    address { margin-top: .4em; font-style: unset;}
  }
}

#top_contact {
  text-align: center;
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.6;
  color: var(--color-wht);
  .bg_contact {
    background: url(../img/top/top_contact_bg_sp.jpg) no-repeat; background-size: cover; background-position: center center;
    padding: 1.2em 0;
  }
  p {margin-block: .5em;}
  .bg_color {
    background: #19243a;
    padding: 1.6em;
    line-height: 1.6em;
    a.tel_num {color:var(--color-wht); font-size: 1.25em;}
  }
  .reserve_btn a {display: inline-block; background: var(--color-yel); padding: .6em 3em; color: var(--color-base); position: relative; padding-left: 4em; font-size: 1.25em;}
  .reserve_btn a span {display: block; line-height: 1.2;}
  .reserve_btn a:before {content: ""; background: url(../img/top/reserve_blu_icon.svg) no-repeat left top / auto 100%; width:1.5em; height: 1.5em; position: absolute; left: 2.2em; top: 1em;}
}


/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
  .top-slider .slick-slide { margin-inline: .5em;}


  .top-slider { position:relative;
    .slick-slide { margin-inline: .5em;}
    #arrow {
      position:relative; top:-280px; left:50%;
      width:1100px; margin-left:-550px;
      .slick-arrow {
        position:absolute; top:-5px; width:30px; height:570px; background:rgba(0,0,0,.4); transition:all .3s;
      }
      .slick-prev { left:-24px; }
      .slick-next { right:-24px; }
      .slick-arrow::before {
        content: ''; position: absolute; top:50%; margin-top:-12px;
        width:24px; aspect-ratio: 1; background-color:#fff;
        clip-path: var(--arrow);
      }
      .slick-prev:before { left:0px; transform: rotate(180deg); }
      .slick-next:before { right:0px; }
      .slick-arrow:hover { opacity:0.7; }
    }
  }



  .top-nav {margin-block: 2em;}
  .top-nav h3 {font-size: 1.8em; margin: 5px 2px 2px; height: 180px;}
  .top-nav h3.recommend {width: 20%;}
  .top-nav h3.stock {width: 20%;}
  .top-nav h3.flyer {width: 20%;}
  .top-nav h3.reserve {height: 180px; width: 38%; font-size: 1.8em; padding-top: 1.5em; padding-left: 1.5em; margin-top: 5px;}
  .top-nav h3 a {padding-top: 20px;}
  .top-nav h3.recommend::before {width: 2.6em; height: 2.6em; bottom: .8em;}
  .top-nav h3.stock::before {bottom: .8em; left:0;}
  .top-nav h3.flyer::before {bottom: .8em; left:0;}
  .top-nav h3.reserve::before {width: 2em; height: 2em; top:0; bottom: 0; left:1.5em;}


  h2.ttl {font-size: 2.5em;}

  .medama_ttl {background-size: auto; height: 90px; width: 100%; margin-bottom: 1em;}

  .search_ttl_price::after {width: 3.25em; height: 3.25em;}
  .search_ttl_maker::after {width: 3.25em; height: 3.25em;}
  .maker-list li {width: 24%;}
  .ranking_ttl {margin-bottom: 1em; background-size: 66%;}

  .stock-count-wrap {
      &::before {background: url(../img/top/zaiko_bg.png?20240924) no-repeat right 0 bottom -70px; background-size: 40%;}
  }
  #recommend {
    .recommend-list {
      gap:1em 2%;
      li {
        width:23.5%; padding-bottom: .4em; box-shadow: var(--shadow);
      }
    }
  }

.maker-list li a {padding: 1em;}

  .ranking-list {
    gap: 1em;
    li { width: calc((100% - 3em) / 4);
      &::after {content: ""; display: block; width: 70px; height: 90px; background: url(../img/top/ranking_stecker.png) no-repeat 100% / 100%; position: absolute; top: -10px; right: -10px;}
      &::before {font-size: 2em; font-weight: 700; color: var(--color-red); position: absolute; top: 8px; right: 15px; z-index: 15;}
  }
  }
.flyer_ttl {font-size: 1em;
  .sub {
    font-size: 1.4em; line-height: 1.5; margin: 0;
  }
}

  #flier {
    padding-block: 2em;
    .flier-list {
      li { width: 28%;}
    }
  }
  .bnr_stock { margin-top: 8em; text-align: center;}

  .reason-list {
    gap: 1em; margin-block: 1em;
    li {
      h3 {
         font-size: 2em;
      }
      .txt {height: 2em; font-size: 1em; margin-bottom: 2.5em;}
    }
  }
  .reason-list li:nth-child(odd) {
  width: calc((100% - 1em) / 2); height: auto; padding: 0 .5em 1em;
  div {width: 100%; position: relative;}
  img {width: 100%; position: relative;}
}
.reason-list li:nth-child(even) {
  width: calc((100% - 1em) / 2); height: auto; padding: 0 .5em 1em;
  div {width: 100%; position: relative;}
  img {width: 100%; position: relative;}
}


.contact_btn a {font-size: 2em;}
.top_info_list li {width: 48%;
  .gmap {height: 300px;}
}

  .article-list {
    gap: 1em; padding: 1em;
    li {
      width:calc((100% - 3em) / 4); position:relative;
    }
  }

  .info-area {
    display: grid; grid-template-columns: auto 400px; grid-template-rows: repeat(2,1fr);
    grid-template-areas:
    "ttl image"
    "dtl image";
    width: 90%; margin-inline: auto;
    .ttl {
      grid-area: ttl; flex-direction: column-reverse; gap: unset; align-items: start;

    }
    .image { grid-area: image;}
    .dtl-wrap {
      grid-area: dtl;
    }
  }
#top_contact {
  font-size: 1.4em;
  .bg_contact {
    background: url(../img/top/top_contact_bg.jpg) no-repeat; background-size: cover; background-position: center center;
    padding: 1.5em 0;
  }
  p {margin-block: 1em;}
}


}

/* カレンダー
--------------------------------------------------- */
#fcal { overflow:hidden; }

#fcal .data { position:relative; margin-bottom:15px; width:49%; border: 3px solid var(--color-base); background:#fff; }
#fcal .ym { margin:0; font-weight: bold; text-align:center; color: var(--color-wht); background: var(--color-blu); }
#fcal .ym .year { margin-top:0; font-size:1.4em; }
#fcal .ym .month { font-size:1.8em; margin-left:.2em; }

#fcal .data .saturday { color: var(--color-blu); }
#fcal .data .holiday { color: var(--color-red); }
#fcal .data table { margin: 2% auto; width:96%; }
#fcal .data td { padding:2px; font-weight:bold; text-align:center; }
#fcal .data td span { display:block; width:28px; margin:auto; padding-bottom:2px; line-height:26px; border-radius:50%; }

#fcal .calList { margin-bottom:1em; column-gap: 25px; }
#fcal .calList li { position:relative; padding-left:20px; font-weight:bold; }
#fcal .calList li::before { content:""; position:absolute; width:15px; height:15px; top:7px; left:0; border-radius:50%; }

#fcal span.close { color: var(--color-red); }
#fcal .data td.close span { color:#FFF; background-color: var(--color-red); }

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

}

/* 960px以上(PC) */
@media screen and (min-width: 1100px) {
  .bnr_stock { margin-top: 6em;}
  .bnr_stock a span {
    &::before {
      top: -20%; right: -30%; background: url(../img/top/stock_hukidashi_pc.png) no-repeat center / contain;
    }
  }
}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
  .top-slider { width: 100vw; margin: 0 calc(50% - 50vw); }
  #top_contact {font-size: 1.125em;}
  #fcal .data { width:100%; }
  .top-nav h3 { flex: 1;}
  .top-nav h3.reserve { margin-top: 0; width: 100%; flex: none;}
  .bn-mac { margin-bottom: 2.3em; }
  .budget-list li .num { font-size: .9em; }

  .stock .recommend-list { margin-top: 1em; }
  .stock-count-wrap .stock-count-list { margin-top: 0;}

  .medama_ttl { background: url(../img/top/medama_ttl_sp.png) no-repeat center; background-size: 100%; height: 115px; width: 100%; margin-bottom: clamp(0,4vw,40px);}
  .medama_ttl .medama_ttl_in { flex-direction: column; padding-right: 0; padding-top: 6px; }
  .medama_ttl .medama_ttl_in .duration { font-size: 1.1em; }
  .medama_ttl .medama_ttl_in .duration span { display: inline; padding-left: 3px; }
  .medama_ttl .medama_ttl_in .limited { margin-top: 8px; padding-right: 0; font-size: 1.8em; line-height: 1; }
  .medama_ttl .medama_ttl_in .number { padding-top: 8px; font-size: 1em; }
  .medama_ttl .medama_ttl_in .number span { padding: 0 2px; font-size: 1.5em; }

  .sec_lead { text-align: start; }
  .coupon_lead { margin-bottom: 1em; }
  .search_lead { margin-bottom: 1.5em; }


  #flyer {
  .flyer-list {
    width: 90%; margin-left: 1em;
    li { width: 100%;}
  }
  .flyer_ttl { padding-left: 83px; background-size: 22%; background-position-y: bottom;}

  }
  .ranking_ttl { height: 92px; }

  .top_info_list li h3 { line-height: 1.3; }

  .reason_ttl.ttl-txt { margin-bottom: 20px; }

}