@charset "UTF-8";
/* Scss Document */
/* メディアクエリ
======================================== */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* フォントサイズ
======================================== */
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
/*
熱中症対策におすすめの飲料 /master/heat/index.html
===================== */
.heat-cont__inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }

.heat-catch___ttl {
  line-height: 1.6;
  margin-bottom: 1em; }

.orange {
  color: #fe4e09; }

.red {
  color: #d8232a; }

.lineup-list__wrap {
  background-color: #0594c7;
  border-radius: 1em; }

.lineup-list > li {
  background-color: #fff;
  border-radius: 1em;
  display: flex; }
  .lineup-list > li .item {
    width: 21%; }
  .lineup-list > li dl {
    width: 79%; }
    .lineup-list > li dl dt {
      font-weight: bold;
      border-left: #fe4e09 4px solid;
      padding: 0.1em 0 0.1em 0.5em;
      margin-bottom: 0.5em;
      line-height: 1.4; }
      .lineup-list > li dl dt span {
        font-weight: normal;
        display: block; }

@media screen and (max-width: 767px) {
  .main-catch__wrap {
    margin-bottom: 2em; }

  .heat-logo {
    width: 80%;
    margin: 1em auto; }

  .lineup-list__wrap {
    padding: 5%; }

  .lineup-list > li {
    padding: 10px;
    margin-bottom: 10px; }
    .lineup-list > li:last-child {
      margin-bottom: 0; }
    .lineup-list > li > dl {
      padding-left: 15px; }
      .lineup-list > li > dl dt {
        font-size: 1.8rem; }
        .lineup-list > li > dl dt span {
          font-size: 1.4rem; } }
@media screen and (min-width: 768px) {
  .heat-cont__inner {
    max-width: 1200px; }

  .main-catch__wrap,
  .heat-main__wrap {
    display: flex;
    margin-bottom: 35px; }
    .main-catch__wrap .heat-logo,
    .heat-main__wrap .heat-logo {
      width: 32.5%;
      padding-right: 40px; }
    .main-catch__wrap .heat-catch___ttl,
    .heat-main__wrap .heat-catch___ttl {
      padding-top: 1em;
      font-size: 3.6rem; }
    .main-catch__wrap .heat-catch,
    .heat-main__wrap .heat-catch {
      width: 67.5%; }

  .lineup-list__wrap {
    padding: 30px; }
    .lineup-list__wrap .lineup-list {
      display: flex;
      flex-wrap: wrap; }
      .lineup-list__wrap .lineup-list > li {
        width: 48.7%;
        padding: 20px 40px;
        margin-right: 2.6%;
        margin-top: 30px; }
        .lineup-list__wrap .lineup-list > li:nth-child(2n) {
          margin-right: 0; }
        .lineup-list__wrap .lineup-list > li:nth-child(-n + 2) {
          margin-top: 0; }
        .lineup-list__wrap .lineup-list > li dl {
          padding-left: 40px;
          padding-top: 1.5em; }
          .lineup-list__wrap .lineup-list > li dl > dt {
            font-size: 3rem; }
            .lineup-list__wrap .lineup-list > li dl > dt span {
              font-size: 2rem; } }
/* 2025.05.23 Add */
.btm-bnr__wrap {
  background-color: #fe4e09;
  border-radius: 1em; }
  .btm-bnr__wrap .btm-bnr__inner {
    width: 100%;
    background-color: #fff;
    border-radius: 1em;
    text-decoration: none; }
    .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail {
      color: #000;
      font-weight: bold;
      line-height: 1.4; }
      .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail .sub {
        display: block; }
      .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail .ttl {
        display: inline-block;
        color: #fe4e09;
        padding-bottom: 0.25em;
        padding-right: 1em;
        border-bottom: #fe4e09 2px solid;
        position: relative; }
        .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail .ttl::after {
          content: '';
          width: 1em;
          height: 2px;
          background-color: #fe4e09;
          transform-origin: right bottom;
          transform: rotate(45deg);
          display: block;
          position: absolute;
          right: 0;
          bottom: -1px; }

.caution__wrap {
  display: flex;
  align-items: center;
  font-size: 1.25em; }
  .caution__wrap .icon {
    width: 3.5em; }
  .caution__wrap .txt {
    width: calc(100% - 4em);
    padding-left: 0.5em; }
  .caution__wrap .underline {
    border-bottom: #d8232a 3px solid; }

@media screen and (max-width: 767px) {
  .heat-main__wrap {
    margin: 5% auto 10%; }
    .heat-main__wrap .heat-main__photo {
      width: 60%;
      margin: 0 auto 5%; }
    .heat-main__wrap .heat-main__detail .heat-catch {
      margin-top: 1em; }

  .btm-bnr__wrap {
    margin-top: 5%;
    padding: 5%; }
    .btm-bnr__wrap .btm-bnr__inner {
      display: block;
      padding: 5%; }
      .btm-bnr__wrap .btm-bnr__inner span {
        display: block; }
      .btm-bnr__wrap .btm-bnr__inner .btm-bnr__photo {
        margin-bottom: 0.5em; }
      .btm-bnr__wrap .btm-bnr__inner .ttl {
        font-size: 2rem; } }
@media screen and (min-width: 768px) {
  .heat-main__wrap {
    margin-top: 35px;
    justify-content: space-between; }
    .heat-main__wrap .heat-main__photo {
      width: 41.6%;
      text-align: center; }
    .heat-main__wrap .heat-main__detail {
      width: 58.4%; }

  .btm-bnr__wrap {
    margin-top: 35px;
    padding: 30px; }
    .btm-bnr__wrap .btm-bnr__inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30px 60px; }
      .btm-bnr__wrap .btm-bnr__inner .btm-bnr__photo {
        width: 46.5%; }
      .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail {
        width: 45.6%; }
        .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail .sub {
          font-size: 2.6rem; }
        .btm-bnr__wrap .btm-bnr__inner .btm-bnr__detail .ttl {
          font-size: 4rem; } }
@media (hover: hover) {
  a.btm-bnr__inner:hover span {
    transition: 0.3s;
    opacity: 0.7; } }