@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Noto+Sans+JP:wght@100..900&display=swap');
body{margin: 0;padding: 0;}

.page_sunglasses_sale2026 {
  --teal:#05B1BB;
  --teal-dark:#0399A2;
  --anchor:#24A4AD;
  --navy:#004D9D;
  --orange:#E54815;
  --red:#E14352;
  --gold:#F5A800;
  --blue10:#1F4E9B;
  --price:#C74B4B;
  --ink:#333333;
  --tile:#F7F7F7;
  --store-bg:#F5F5F5;

  color:var(--ink);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
.page_sunglasses_sale2026 *,
.page_sunglasses_sale2026 *::before,
.page_sunglasses_sale2026 *::after { box-sizing:border-box; }
.page_sunglasses_sale2026 img { max-width:100%; height:auto; vertical-align:bottom; }
.page_sunglasses_sale2026 a { color:inherit; text-decoration:none; }
.page_sunglasses_sale2026 ul { list-style:none; margin:0; padding:0; }
.page_sunglasses_sale2026 h2,
.page_sunglasses_sale2026 p { margin:0; }

.page_sunglasses_sale2026 .l-inner {
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 16px;
}

/* ---------- fade animation（参考LP準拠 js-fade-up → is-show） ---------- */
.page_sunglasses_sale2026 .js-fade-up{
  opacity:0;
  transform:translateY(40px);
  transition:opacity .9s ease, transform .9s ease;
  will-change:opacity, transform;
  padding: 0;
}

.page_sunglasses_sale2026 .js-fade-up.is-show{
  opacity:1;
  transform:translateY(0);
}

/* ---------- 共通ボタン ---------- */
.page_sunglasses_sale2026 .c-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:60px;
  padding:12px 18px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  letter-spacing:.02em;
  text-align:center;
  white-space:nowrap;
  background:var(--teal);
  border-radius:10px;
}
.page_sunglasses_sale2026 .c-btn .c-btn-arrow{
  display:inline-flex;
  width:16px;
  flex-shrink:0;
  transition:transform .3s ease;
}
.page_sunglasses_sale2026 .c-btn--stack{
  position:relative;
  isolation:isolate;
  background:transparent;
  border-radius:12px;
  overflow:visible;
}
.page_sunglasses_sale2026 .c-btn--stack::before{
  content:"";
  position:absolute;
  width:calc(100% + 10px);
  height:calc(100% + 10px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) translate(-8px,8px);
  background:url(../img/btn_after.png) center / 100% 100% no-repeat;
  z-index:0;
  transition:width .25s ease, height .25s ease;
}
.page_sunglasses_sale2026 .c-btn--stack::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--teal);
  border-radius:inherit;
  z-index:1;
  transition:transform .25s ease;
}
.page_sunglasses_sale2026 .c-btn--stack > *{ position:relative; z-index:2; transition:transform .25s ease; }
.page_sunglasses_sale2026 .c-btn--pill{ border-radius:9999px; }
.page_sunglasses_sale2026 .c-btn--flat:hover .c-btn-arrow{ transform:translateX(5px); }
.page_sunglasses_sale2026 .c-btn:hover{ text-decoration:none; }

/* =========================================================
   MV
   ========================================================= */
.page_sunglasses_sale2026 .sec-mv img{ display:block; width:100%; }

/* =========================================================
   INTRO
   ========================================================= */
.page_sunglasses_sale2026 .sec-intro{
  position:relative;
  padding:30px 0 30px;
  background:linear-gradient(90deg,
    #FAE2D8 0%, #FFF1D6 26%, #FDECDC 50%, #FBE3E1 66%, #EDE1E8 84%, #DCE2EE 100%);
}

.page_sunglasses_sale2026 .intro-card{
  position:relative;
  width:130vw;
  margin-left:calc(50% - 65vw);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:60px calc(25vw + 12px) 60px;
  background:#fff;
  border-radius:50%;
  text-align:center;
}

/* バッジは円の中（上部）に配置 */
.page_sunglasses_sale2026 .intro-badge{
  margin:0 auto 12px;
  text-align:center;
}

.page_sunglasses_sale2026 .intro-badge-icon{ width:130px; }
.page_sunglasses_sale2026 .intro-title{
  position:relative;
  display:inline-block;
  padding:0 12px;
  color:var(--navy);
  font-size:24px;
  font-weight:900;
  line-height:1.8;
  letter-spacing:.02em;
}
.page_sunglasses_sale2026 .intro-title::before,
.page_sunglasses_sale2026 .intro-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:2px;
  height:100%;
  background:var(--navy);
  transform-origin:center;
}
.page_sunglasses_sale2026 .intro-title::before{ left:-8px;  transform:translateY(-50%) rotate(-11deg); }
.page_sunglasses_sale2026 .intro-title::after{  right:-8px; transform:translateY(-50%) rotate(11deg); }
.page_sunglasses_sale2026 .br-sp{ display:inline; }
.page_sunglasses_sale2026 .intro-title .is-orange{ color:var(--orange); }
.page_sunglasses_sale2026 .intro-title .is-red{ color:var(--red); }
.page_sunglasses_sale2026 .intro-text{
  margin-top:22px;
  margin-bottom: 15px;
  font-size:18px;
  font-weight:600;
  line-height:1.7;
}
.page_sunglasses_sale2026 .intro-text .is-teal{ color:var(--teal); font-weight:700; }
.page_sunglasses_sale2026 .intro-btn-wrap{
  margin-top:26px;
  width:83vw;
  max-width:400px;
}
.page_sunglasses_sale2026 .intro-btn-wrap .c-btn{ width:100%; max-width:none; }

/* =========================================================
   ANCHOR（ページ内リンク 4つ）
   ========================================================= */
.page_sunglasses_sale2026 .sec-anchor{ padding:34px 0 6px; background:#fff; }
.page_sunglasses_sale2026 .anchor-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.page_sunglasses_sale2026 .anchor-list > li{
  width:calc((100% - 10px) / 2); /* 2列（repeat(2,1fr)相当）。折り返した余りは中央寄せ */
  box-sizing:border-box;
}
.page_sunglasses_sale2026 .anchor-btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:54px;
  height: 100%;
  padding:10px 4px;
  border:2px solid #05B1BB;
  border-radius:8px;
  color:#333;
  font-size:12px;
  font-weight:600;
  text-align:center;
  line-height:1.4;
  transition:color .3s ease, border-color .3s ease;
}
.page_sunglasses_sale2026 .anchor-arrow{
  display:block;
  width:14px;
  height:11px;
  background:url(../img/arrow.svg) center/contain no-repeat;
  transition:transform .3s ease;
}
.page_sunglasses_sale2026 .anchor-btn:hover{
  color:var(--teal);
  border-color:var(--teal);
}
.page_sunglasses_sale2026 .anchor-btn:hover .anchor-arrow{
  transform:translateY(3px);
}

/* =========================================================
   PRODUCTS（クリアランスセール対象商品）
   ========================================================= */
.page_sunglasses_sale2026 .sec-products{ padding:28px 0 32px; background:#fff; }
.page_sunglasses_sale2026 .sec-title{
  font-size:22px;
  font-weight:600;
  text-align:center;
  letter-spacing:.04em;
}
/* タブの数字/％/OFF の文字サイズ（SP） */
.page_sunglasses_sale2026 .tab-num{ font-size:18px; }
.page_sunglasses_sale2026 .tab-pct{ font-size:14px; }
.page_sunglasses_sale2026 .tab-off{ font-size:18px; }

/* タブ */
.page_sunglasses_sale2026 .tab-list{
  display:flex;
  gap:10px;
  justify-content:center;
  margin:30px 0 40px;
}
.page_sunglasses_sale2026 .tab{
  flex:1 1 0;
  max-width:150px;
  min-height:48px;
  padding:8px 6px;
  border:none;
  border-radius:9999px;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background-color .25s ease, color .25s ease;
}
/* 通常時（非選択）：淡い背景＋色文字 */
.page_sunglasses_sale2026 .tab[data-tab="30"]{ background:#FCE4DB; color:var(--orange); }
.page_sunglasses_sale2026 .tab[data-tab="20"]{ background:#FFF3D9; color:#E0A93C; }
.page_sunglasses_sale2026 .tab[data-tab="10"]{ background:#DDE7F1; color:#4E7AB4; }
/* 選択時：ベタ塗り＋白文字 */
.page_sunglasses_sale2026 .tab.is-active{ color:#fff; }
.page_sunglasses_sale2026 .tab[data-tab="30"].is-active{ background:var(--orange); }
.page_sunglasses_sale2026 .tab[data-tab="20"].is-active{ background:var(--gold); }
.page_sunglasses_sale2026 .tab[data-tab="10"].is-active{ background:var(--blue10); }

.page_sunglasses_sale2026 .tab-panel{ display:none; }
.page_sunglasses_sale2026 .tab-panel.is-active{ display:block; }

/* 一覧を見るボタン（SPは画面の約80%幅） */
.page_sunglasses_sale2026 .sec-product-btn{ margin-top:36px; text-align:center; }
.page_sunglasses_sale2026 .sec-product-btn .c-btn--stack{ width:90vw; max-width:400px; }

/* =========================================================
   商品リスト（共通 / 参考LPのクラス構成を踏襲）
   ========================================================= */
.page_sunglasses_sale2026 .sec-product-list ul{
  display:flex;
  flex-wrap:wrap;
  gap:30px 11px;
}
.page_sunglasses_sale2026 .sec-product-list li{ width:calc(50% - 5.5px); }
.page_sunglasses_sale2026 .sec-product-list li a{ display:block; height:100%; }
.page_sunglasses_sale2026 .sec-product-list li a:hover{ opacity:.7; transition:opacity .3s ease; }
.page_sunglasses_sale2026 .sec-product-list figure{
  margin:0 0 12px;
  background:var(--tile);
  overflow:hidden;
}
.page_sunglasses_sale2026 .sec-product-list figure img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
}
.page_sunglasses_sale2026 .product-name{
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  margin-bottom:4px;
}
.page_sunglasses_sale2026 .product-sub-name{
  font-size:12px;
  font-weight:400;
  color:#000;
  line-height:1.5;
  margin-bottom:0;
}
.page_sunglasses_sale2026 .product-price{
  font-size:20px;
  font-weight:700;
  color:var(--price);
}
.page_sunglasses_sale2026 .product-price .product-tax{
  font-size:10px;
  font-weight:400;
  margin-left:2px;
}

/* =========================================================
   CATEGORY（4セクション）
   ========================================================= */
.page_sunglasses_sale2026 .sec-category{ padding:105px 0 28px; }
.page_sunglasses_sale2026 .cat-head{
  position:relative;
  padding:78px 24px 92px;
  text-align:center;
}
/* 見出し帯 */
.page_sunglasses_sale2026 .cat-head::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  height:100%;
  z-index:-1;
}
.page_sunglasses_sale2026 .sec-uv       .cat-head::before{ background:linear-gradient(90deg,#FAE1DA 0%,#FBE8D8 55%,#FEF3D7 100%); }
.page_sunglasses_sale2026 .sec-first    .cat-head::before{ background:linear-gradient(90deg,#FFF1D6 0%,#FDEBDB 55%,#F9E0E6 100%); }
.page_sunglasses_sale2026 .sec-sports   .cat-head::before{ background:linear-gradient(90deg,#F8E1E9 0%,#EEE1EC 55%,#D6E2EE 100%); }
.page_sunglasses_sale2026 .sec-fashion  .cat-head::before{ background:linear-gradient(90deg,#D6E2EE 0%,#E5E2E7 55%,#FAE2D8 100%); }

.page_sunglasses_sale2026 .cat-illust{
  position:absolute;
  top:40px;
  left:50%;
  transform:translate(-50%,-100%);
  height:auto;
}
.page_sunglasses_sale2026 .sec-uv .cat-illust{ width:220px; max-width:86%; }
.page_sunglasses_sale2026 .sec-first .cat-illust,
.page_sunglasses_sale2026 .sec-sports .cat-illust,
.page_sunglasses_sale2026 .sec-fashion .cat-illust{ width:48%; max-width:200px; }
.page_sunglasses_sale2026 .cat-title{
  font-size:22px;
  font-weight:600;
  letter-spacing:.04em;
}
.page_sunglasses_sale2026 .cat-note{
  margin-top:8px;
  font-size:12px;
  font-weight:500;
  color:#333;
}
.page_sunglasses_sale2026 .sec-category .sec-product-list{
  margin-top:-55px;
  padding:0 16px;
}
.page_sunglasses_sale2026 .sec-category .sec-product-btn{ margin-top:30px; }
.page_sunglasses_sale2026 .sec-category .sec-product-btn .c-btn{ width:auto; min-width:250px; }
.page_sunglasses_sale2026 .cat-note a{text-decoration: underline;}

/* =========================================================
   STORE
   ========================================================= */
.page_sunglasses_sale2026 .sec-store{
  padding:44px 20px 48px;
  background:var(--store-bg);
  text-align:center;
}
.page_sunglasses_sale2026 .store-title{
  font-size:22px;
  font-weight:600;
  letter-spacing:.04em;
  color: #333;
}
.page_sunglasses_sale2026 .store-text{
  margin-top:16px;
  font-size:16px;
  font-weight:600;
  line-height:1.7;
  color: #333;
}
.page_sunglasses_sale2026 .store-icon{ width:22px; margin-left:4px; vertical-align:-3px; }
.page_sunglasses_sale2026 .sec-store-btn{ margin-top:24px; }
.page_sunglasses_sale2026 .store-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  max-width:560px;
  min-height:64px;
  padding:14px 24px;
  background:#fff;
  border-radius:12px;
  color:var(--teal);
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
}
.page_sunglasses_sale2026 .store-pin{ width:14px; }
.page_sunglasses_sale2026 .store-note{
  margin-top:22px;
  font-size:12px;
  color:#333;
  line-height:1.7;
}

/* =========================================================
   PC（min-width:741px）
   ========================================================= */
@media screen and (min-width:741px){
  .page_sunglasses_sale2026 .l-inner{ padding:0 40px; }
  .page_sunglasses_sale2026 .c-btn{ gap:14px; min-height:64px; padding:12px 34px; font-size:16px; letter-spacing:.04em; }
  .page_sunglasses_sale2026 .c-btn .c-btn-arrow{ width:22px; }
  .page_sunglasses_sale2026 .c-btn--stack{ font-size:24px; font-weight:600; }
  .page_sunglasses_sale2026 .br-sp{ display:none; }
  .page_sunglasses_sale2026 .sec-intro{ padding:123px 0 125px; }
  .page_sunglasses_sale2026 .intro-card{
    left:auto;
    transform:none;
    width:auto;
    aspect-ratio:auto;
    display:block;
    max-width:1460px;
    margin:0 auto;
    padding:50px 56px 92px;
    border-radius:175px;
  }
  .page_sunglasses_sale2026 .intro-badge{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-60%);
    margin:0;
  }
  .page_sunglasses_sale2026 .intro-badge-icon{ width:150px; }
  .page_sunglasses_sale2026 .intro-title{
    padding:0 70px;
    font-size:42px;
    font-weight:900;
    line-height:1.6;
  }
  .page_sunglasses_sale2026 .intro-title::before,
  .page_sunglasses_sale2026 .intro-title::after{ width:4px; height:3em; }
  .page_sunglasses_sale2026 .intro-title::before{ left:0; transform:translateY(-50%) rotate(-16.5deg); }
  .page_sunglasses_sale2026 .intro-title::after{ right:0; transform:translateY(-50%) rotate(16.5deg); }
  .page_sunglasses_sale2026 .intro-text{ margin-top:30px; font-size:24px; font-weight:600; }
  .page_sunglasses_sale2026 .intro-btn-wrap{
    position:absolute;
    left:50%;
    bottom:0;
    margin:0;
    width:auto;
    max-width:none;
    transform:translate(-50%,50%);
  }
  .page_sunglasses_sale2026 .intro-btn-wrap .c-btn{ width:500px; max-width:500px; min-width:0; height:90px; min-height:90px; }
  .page_sunglasses_sale2026 .c-btn--stack:hover::before,
  .page_sunglasses_sale2026 .c-btn--stack:active::before,
  .page_sunglasses_sale2026 .c-btn--stack.is-pressed::before{ width:100%; height:100%; }
  .page_sunglasses_sale2026 .c-btn--stack:hover::after,
  .page_sunglasses_sale2026 .c-btn--stack:active::after,
  .page_sunglasses_sale2026 .c-btn--stack.is-pressed::after{ transform:translate(-8px,8px); }
  .page_sunglasses_sale2026 .c-btn--stack:hover > *,
  .page_sunglasses_sale2026 .c-btn--stack:active > *,
  .page_sunglasses_sale2026 .c-btn--stack.is-pressed > *{ transform:translate(-8px,8px); }

  /* ANCHOR */
  .page_sunglasses_sale2026 .sec-anchor{ padding:61px 0 0; }
  .page_sunglasses_sale2026 .anchor-list{
    gap:22px; /* display:flex / flex-wrap / justify-content はSP側の指定を継承 */
  }
  .page_sunglasses_sale2026 .anchor-list > li{
    width:calc((100% - 22px * 3) / 4); /* 4列（repeat(4,1fr)相当）。折り返した余りは中央寄せ */
  }
  .page_sunglasses_sale2026 .anchor-btn{
    min-height:85px;
    font-size:18px;
    border-width:3px;
    border-radius:10px;
  }
  .page_sunglasses_sale2026 .anchor-arrow{ margin-top:5px; }

  /* PRODUCTS */
  .page_sunglasses_sale2026 .sec-products{ padding:90px 0 170px; }
  .page_sunglasses_sale2026 .sec-title{ font-size:36px; }
  .page_sunglasses_sale2026 .tab-list{ gap:20px; margin:55px 0 60px; }
  .page_sunglasses_sale2026 .tab{ max-width:360px; min-height:60px; }
  .page_sunglasses_sale2026 .tab-num{ font-size:30px; }
  .page_sunglasses_sale2026 .tab-pct{ font-size:24px; }
  .page_sunglasses_sale2026 .tab-off{ font-size:30px; }
  .page_sunglasses_sale2026 .sec-product-btn{ margin-top:56px; }
  .page_sunglasses_sale2026 .sec-product-btn .c-btn--stack{ width:500px; max-width:500px; min-width:0; height:90px; min-height:90px; }
  .page_sunglasses_sale2026 .sec-product-list ul{ gap:40px 16px; }
  .page_sunglasses_sale2026 .sec-product-list li{ width:calc((100% - 64px)/5); }
  .page_sunglasses_sale2026 .sec-product-list figure{ margin-bottom:16px; }
  .page_sunglasses_sale2026 .product-name{ font-size:14px; margin-bottom:5px; }
  .page_sunglasses_sale2026 .product-sub-name{ font-size:12px; margin-bottom:0px; }
  .page_sunglasses_sale2026 .product-price{ font-size:22px; }

  /* CATEGORY */
  .page_sunglasses_sale2026 .sec-category{ padding:0 0 190px; }
  .page_sunglasses_sale2026 .cat-head{
    max-width:1440px;
    margin:0 auto;
    padding:60px 40px 102px;
    text-align:center;
  }
  .page_sunglasses_sale2026 .cat-illust{
    top:110px;
    bottom:auto;
    transform:translateY(-100%);
  }
  .page_sunglasses_sale2026 .sec-uv      .cat-illust{ width:428px; max-width:none; }
  .page_sunglasses_sale2026 .sec-first   .cat-illust{ width:392px; max-width:none; }
  .page_sunglasses_sale2026 .sec-sports  .cat-illust{ width:356px; max-width:none; }
  .page_sunglasses_sale2026 .sec-fashion .cat-illust{ width:362px; max-width:none; }
  .page_sunglasses_sale2026 .sec-category.is-right .cat-illust{ left:auto; right:0; }
  .page_sunglasses_sale2026 .sec-category.is-left .cat-illust{ left:0; right:auto; }
  .page_sunglasses_sale2026 .cat-title{ font-size:36px; }
  .page_sunglasses_sale2026 .cat-note{ margin-top:10px; font-size:14px; }
  .page_sunglasses_sale2026 .sec-category .sec-product-list{
    max-width:1440px;
    margin:-60px auto 0;
    padding:0 40px;
  }
  .page_sunglasses_sale2026 .sec-category .sec-product-btn{ margin-top:55px; }
  .page_sunglasses_sale2026 .sec-category .sec-product-btn .c-btn{ width:300px; min-width:0; min-height:64px; font-size:20px; font-weight:600; }

  /* STORE */
  .page_sunglasses_sale2026 .sec-store{ padding:74px 24px 88px; }
  .page_sunglasses_sale2026 .store-title{ font-size:36px; }
  .page_sunglasses_sale2026 .store-text{ margin-top:0; font-size:24px; font-weight:600; }
  .page_sunglasses_sale2026 .store-icon{ width:26px; }
  .page_sunglasses_sale2026 .sec-store-btn{ margin-top:30px; }
  .page_sunglasses_sale2026 .store-btn{ width:500px; font-size:24px; font-weight:600; min-height: 90px;}
  .page_sunglasses_sale2026 .store-note{ margin-top:26px; font-size:14px; font-weight:500; }
  .page_sunglasses_sale2026 .product-price .product-tax{font-size: 12px;}
}
.l-free-main > .forcms_block:not(.p-lensComSearchStore):last-of-type{ padding-bottom:0; }
/* =========================================================
   SP のみの追加調整（max-width:740px）
   ========================================================= */
@media screen and (max-width:740px){
  .page_sunglasses_sale2026 .intro-title::before, .page_sunglasses_sale2026 .intro-title::after{
    top: 60%;
    height: 80%;
  }
  .page_sunglasses_sale2026 .sec-products{padding: 60px 0 32px;}
  .page_sunglasses_sale2026 .intro-badge{margin: 0 auto 35px;}
  .page_sunglasses_sale2026 .sec-category .sec-product-btn .c-btn{ width:auto; min-width:220px; }
  .page_sunglasses_sale2026 .c-btn--stack::before{
    width:calc(100% + 3px); 
    height:calc(100% + 3px);
    transform:translate(-50%,-50%) translate(-3px,3px);
    background: url(../img/sp_btn_after.png) center / 100% 100% no-repeat;
  }
  .page_sunglasses_sale2026 #sec-products .sec-product-btn{padding: 0 15px;}
  .page_sunglasses_sale2026 #sec-products .sec-product-btn .c-btn--stack{width: 100%;}
  .page_sunglasses_sale2026 .pc-only{display: none;}
}

@media screen and (max-width:375px){
	.page_sunglasses_sale2026 .intro-card{
    width: 140vw;
    margin-left: calc(50% - 70vw);    
  }
}

@media screen and (max-width:320px){
	.page_sunglasses_sale2026 .intro-card{
    width: 160vw;
    margin-left: calc(50% - 80vw);
  }
}

.attention{
  position: relative;
  display: inline-block;
  padding: 0 30px;
}

.attention:before,
.attention:after{
    position: absolute;  
    bottom: 7px;
    content: "";
    background: #000;    
    height: 60%;
    width: 1px;
}

.attention:before {
    left: 0;
    transform: rotate(-40deg);
}
       
.attention:after {
    right: 0;
    transform: rotate(40deg);
}

.cat-sub-ttl{
  font-size: 22px;
  font-weight: 600;  
}

.cat-sub-ttl p{display: inline-block;}

.cat-sub-ttl .txt-red{
    color: #D94343;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}

.cat-sub-ttl .txt-red span{font-size: 35px;}

@media screen and (max-width:740px){
  .cat-sub-ttl {font-size: 16px;}
  .cat-sub-ttl .txt-red span {font-size: 28px;}
  .cat-sub-ttl .txt-red{font-size: 18px;}
  .attention:before,
  .attention:after{bottom: 5px;}
}