@charset "utf-8";

   .fruit {
      color: #583915;
      font-size: 1.6rem;
      font-weight: 500;
      background: linear-gradient(135deg, rgba(255, 252, 232, 0.8), rgba(254, 244, 229, 0.8), rgba(253, 238, 241, 0.8), rgba(240, 240, 255, 0.8), rgba(238, 248, 255, 0.8), rgba(241, 255, 240, 0.8));
      max-width: 980px;
      padding-bottom: 50px;
      margin: auto;
      font-family: "Noto Sans JP", sans-serif;
   }

   .zen-maru,
   .comment,
   .fruit-lineup__list li p {
      font-family: "Zen Maru Gothic", serif;
      /* font-style: normal; */
      font-weight: 700;
   }

   .fs-l-pageMain.category.fruit p,
   .fs-l-pageMain.category.fruit li {
      font-family: "Zen Maru Gothic", serif;
      font-weight: bolder;
   }

   .fruit__tit {
      display: inline-block;
      position: relative;
      color: #A37F37;
      font-size: 3.2rem;
      margin: 0 0 50px;
   }

   .fruit__tit span {
      display: block;
      position: relative;
      z-index: 1;
   }

   .fruit__tit::after {
      position: absolute;
      top: 0;
      content: "";
      display: block;
      background-size: cover;
   }

   .sp {
      display: none;
   }

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

      .fruit {
         font-size: 1.4rem;
         font-weight: 400;
      }

      .fruit__tit {
         margin: 0 0 35px;
         font-size: 2.6rem;
      }
   }

   /* fruit-main__text
------------------------------------------------*/
   .fruit-main {
      position: relative;
   }

   .fruit-main__text {
      position: absolute;
      top: 15%;
      left: 40px;
      width: 340px;
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/main-bg.png") no-repeat center;
      background-size: cover;
   }

   .fruit-main__text p {
      display: block;
      color: #FFFA78;
      font-size: 2.4rem;
      text-indent: -1em;
      padding-left: 1em;
      margin: 0;
   }

   .fruit-main__text p span.dots {
      background-image: radial-gradient(circle at center, #FFFA78 25%, transparent 25%);
      /* 轤ｹ縺ｮ濶ｲ縺ｨ繧ｵ繧､繧ｺ隱ｿ謨ｴ */
      background-position: top right;
      background-repeat: repeat-x;
      background-size: 1em 0.3em;
      padding-top: .3em;
   }

   .fruit-main__text h1 {
      color: #fff;
      text-align: center;
      font-size: 41px;
      margin: 0;
   }

   @media screen and (max-width: 1000px) {
      .fruit-main__text {
         width: 300px;
         height: 260px;
      }
   }

   @media screen and (max-width: 850px) {
      .fruit-main__text {
         width: 300px;
         height: 260px;
      }
   }

   @media screen and (max-width: 750px) {
      .fruit-main__text {
         top: 20%;
         left: 15px;
         width: 40vw;
         height: 35vw;
      }

      .fruit-main__text p {
         font-size: 3.5vw;
      }

      .fruit-main__text h1 {
         font-size: 5vw;
      }

   }

   /* fruit-lineup
------------------------------------------------*/
   .fruit-lineup {
      text-align: center;
      padding-top: 30px;
   }

   .fruit-lineup__tit::after {
      width: 170px;
      height: 65px;
      margin-left: -55px;
      background-image: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/midashi_bg1.png");
   }

   .fruit-lineup__list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      justify-content: space-between;
      list-style: none;
      max-width: 790px;
      margin: 0 auto;
      padding: 0;
   }

   .fruit-lineup__list li {
      margin-bottom: 25px;
   }

   .fruit-lineup__list li p {
      color: #FF7971;
      font-size: 1.7rem;
      font-family: "Zen Maru Gothic", serif;
   }

   .fruit-lineup__list li img {
      width: 100px;
   }

   .fruit-lineup__list li a:hover {
      text-decoration: none;
   }

   .fruit-bnr.box-center.zen-maru {
      display: none;
   }

   @media screen and (max-width: 950px) {
      .fruit-lineup {
         padding: 30px 40px;
      }
   }

   @media screen and (max-width: 650px) {
      .fruit-lineup {
         padding: 30px 20px;
      }

      .fruit-lineup__tit {
         font-size: 28px;
      }

      .fruit-lineup__tit::after {
         width: 150px;
         height: 58px;
      }

      .fruit-lineup__list {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
      }

      .fruit-lineup__list li {
         width: 32%;
         margin-bottom: 10px;
      }

      .fruit-lineup__list li:nth-child(3n-1) {
         margin: 0 2%;
      }

      .fruit-lineup__list li p {
         font-size: 1.5rem;
         line-height: 1.4;
         margin: .5em 0;
      }

      .fruit-lineup__list li img {
         width: 85%;
      }
   }

   /* fruit-lineup2
------------------------------------------------*/
   .fruit-lineup2__tit {
      text-align: center;
      display: block;
      margin-bottom: 2rem;
      padding-bottom: 2rem;
      background: url(https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/midashi_bg4.png) no-repeat center bottom;
   }

   .fruit-lineup2__subtit {
      font-size: 1.8rem;
      margin-bottom: 4rem;
   }

   @media screen and (max-width: 650px) {
      .fruit-lineup2__subtit {
         font-size: 1.5rem;
         margin-bottom: 2rem;
      }
   }

   /* fruit-bnr
------------------------------------------------*/
   .fruit-bnr ul {
      list-style: none;
      display: flex;
      justify-content: space-between;
      list-style: none;
      max-width: 460px;
      margin: 0 auto;
      padding: 0;
   }

   /* 縺願ｩｦ縺励そ繝 ヨ縺後〒縺阪ｋ縺ｾ縺ｧ */

   .fruit-bnr.box-center ul {
      justify-content: center;
   }

   .fruit-bnr li {
      width: 50%;
      text-align: center;
   }

   .fruit-bnr li .fuki {
      color: #FF7971;
   }

   .fruit-bnr li a {
      position: relative;
      display: block;
      width: 80%;
      height: 80%;
      margin: auto;
      border: 2px solid #FF7971;
   }

   .fruit-bnr li a p {
      position: absolute;
      left: 0;
      bottom: -1px;
      display: block;
      margin: 0;
      padding: .4rem;
      width: 100%;
      color: #fff;
      background: #FF7971;
   }

   @media screen and (max-width: 650px) {
      .fruit-bnr ul {
         display: block;
      }

      .fruit-bnr li {
         max-width: 300px;
         width: 70%;
         margin: auto;
      }

      .fruit-bnr li+li {
         margin-top: 3rem;
      }
   }

   /* fruit-about
------------------------------------------------*/
   .fruit-about {
      margin: 70px 0 0;
   }

   .fruit-about__tit {
      position: relative;
      text-align: center;
      display: block;
      margin-bottom: 7rem;
   }

   .fruit-about__tit picture {
      position: absolute;
      top: 0;
      left: 0;
      right: 0
   }

   .fruit-about__tit span {
      display: block;
      top: 1.5rem;
      left: 2rem;
   }

   .fruit-about__box {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 8.5rem;
      margin: 4rem 0;
   }

   .fruit-about__thumb {
      width: 50%;
      padding-right: 5%;
      text-align: center;
   }

   .fruit-about__thumb img {
      width: 100%;
   }

   .fruit-about__box:nth-of-type(odd) .fruit-about__thumb {
      order: 2;
      padding: 0 0 0 5%;
   }

   .fruit-about__text {
      width: 42%;
   }

   .fruit-about__text.grapes {
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/about-grapes.png") no-repeat 150px top;
      background-size: 77px;
   }

   .fruit-about__text.peach {
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2025/about-peach.png") no-repeat right 20px;
      background-size: 94px;
   }

   .fruit-about__text.orange {
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/about-orange.png") no-repeat right 0;
      background-size: 94px;
   }

   .fruit-about__text .point {
      display: inline-block;
      color: #A37F37;
      font-size: 2rem;
      margin-top: 2rem;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/about-line.png") repeat-x left bottom;
   }

   .fruit-about__text .point span {
      font-size: 3.7rem;
   }

   .fruit-about__text h2 {
      color: #FF7971;
      line-height: 1.5;
      margin: 1rem 0;
   }

   @media screen and (max-width: 950px) {
      .fruit-about__box {
         padding: 0;
      }
   }

   @media screen and (max-width: 650px) {
      .fruit-about {
         padding: 0 20px;
      }

      .fruit-about__tit {
         font-size: 25px;
         margin-bottom: 4rem;
      }

      .fruit-about__tit picture {
         max-width: 400px;
         margin: auto;
      }

      .fruit-about__tit::after {
         width: 100%;
         height: 20%;
         left: 0;
         right: 0;
         top: 0;
         margin: auto;
         background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/midashi_bg2_sp.png");
         background-size: cover;
      }

      .fruit-about__tit span {
         top: 1vw;
         left: 2rem;
      }

      .fruit-about__box {
         display: block;
      }

      .fruit-about__thumb {
         margin: auto;
         padding: 0;
         width: 80%;
      }

      .fruit-about__text {
         position: relative;
         width: 100%;
      }

      .fruit-about__text {
         background: none !important;
      }

      .fruit-about__text::before {
         position: absolute;
         right: 0;
         content: "";
         display: block;
      }

      .fruit-about__text.grapes::before {
         top: -5rem;
         width: 88px;
         height: 94px;
         background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/about-grapes.png");
         background-size: cover;
      }

      .fruit-about__text.peach::before {
         top: -2rem;
         width: 129px;
         height: 68px;
         background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2025/about-peach.png");
         background-size: cover;
      }

      .fruit-about__text .point {
         margin: 0;
         line-height: 1;
         padding-bottom: .7em;
         font-size: 1.8rem;
      }

      .fruit-about__text .point span {
         font-size: 3.2rem;
      }

      .fruit-about__text h2 {
         font-size: 2rem;
      }

      .fruit-about__text h2+p {
         letter-spacing: 1px;
         line-height: 1.6;
      }
   }

   /* fruit-osusume
------------------------------------------------*/
   .fruit-osusume {
      position: relative;
      text-align: center;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/osusume_bg.png") center;
      background-size: cover;
      max-width: 740px;
      height: 450px;
      margin: 6rem auto 8rem;
   }

   .fruit-osusume .hito {
      position: absolute;
      bottom: 40px;
      left: 0;
      right: 0;
      margin: auto;
   }

   .fruit-osusume-tit {
      color: #BF855B;
      font-size: 2rem;
      padding: 4rem 0;
   }

   .fruit-osusume__list {
      position: relative;
      list-style: none;
      margin: 0 auto;
      padding: 0;
      max-width: 640px;
   }

   .fruit-osusume__list li {
      position: absolute;
      width: 46%;
   }

   .fruit-osusume__list li p {
      text-align: center;
      display: inline-block;
      padding: 0 1em 20px 0;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/osusume_fuki_01.png") no-repeat right bottom;
      background-size: 90px;
   }

   .fruit-osusume__list li:nth-child(even) p {
      padding: 0 0 20px 1em;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/osusume_fuki_02.png") no-repeat left bottom;
      background-size: 90px;
   }

   .fruit-osusume__list li:nth-child(1) {
      top: 0;
      left: 10%;
   }

   .fruit-osusume__list li:nth-child(2) {
      top: 0;
      right: 2%;
   }

   .fruit-osusume__list li:nth-child(3) {
      top: 60px;
   }

   .fruit-osusume__list li:nth-child(4) {
      top: 60px;
      right: 5%;
   }

   .fruit-osusume__list li:nth-child(5) {
      top: 110px;
   }

   .fruit-osusume__list li:nth-child(6) {
      top: 120px;
      right: 2%;
   }

   .fruit-osusume__list li:nth-child(7) {
      top: 200px;
      left: 0;
   }

   .fruit-osusume__list li:nth-child(8) {
      top: 180px;
      right: -5%;
   }

   .osusume-br {
      display: none;
   }

   @media screen and (max-width: 950px) {
      .fruit-osusume__list li {
         font-size: 1.4rem;
      }
   }

   @media screen and (max-width: 500px) {
      .osusume-br {
         display: block;
      }

      .fruit-osusume-tit {
         padding: 4rem 0 2rem;
      }

      .fruit-osusume {
         height: 470px;
      }

      .fruit-osusume__list li {
         width: 46%;
      }

      .fruit-osusume .hito {
         width: 90px;
      }

      .fruit-osusume__list {
         height: 100%;
      }

      .fruit-osusume__list li p {
         padding: 0 .8em 20px 0;
      }

      .fruit-osusume__list li:nth-child(2) {
         top: 0;
         right: 5%;
      }

      .fruit-osusume__list li:nth-child(even) p {
         padding: 0 0 20px .8em;
      }

      .fruit-osusume__list li:nth-child(3) {
         top: 15%;
         left: 2%;
      }

      .fruit-osusume__list li:nth-child(4) {
         top: 18%;
         right: 0;
      }

      .fruit-osusume__list li:nth-child(5) {
         top: 32%;
      }

      .fruit-osusume__list li:nth-child(6) {
         top: 35%;
      }

      .fruit-osusume__list li:nth-child(7) {
         top: 54%;
      }

      .fruit-osusume__list li:nth-child(8) {
         top: 48%;
         right: 1%;
      }
   }

   /* fruit-voice
------------------------------------------------*/
   .fruit-voice__tit {
      text-align: center;
      font-size: 24px;
      display: block;
      margin-bottom: 3rem;
   }

   .fruit-voice__tit picture {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
   }

   .fruit-voice__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 760px;
      margin: auto;
      list-style: none;
      padding: 0;
   }

   .fruit-voice__list li {
      width: 31%;
      font-size: 14px;
      padding: 15px;
      margin: 10px 0;
      background: #fef7ef;
      border-radius: 1.4rem 1.4rem 0 1.4rem;
      border: 1px dotted #f9b1a4;
   }

   @media screen and (max-width: 950px) {
      .fruit-voice {
         padding: 0 40px;
      }

      .fruit-reading {
         margin: 3rem 40px 8rem !important;
      }
   }

   @media screen and (max-width: 650px) {
      .fruit-voice {
         padding: 0 20px;
      }

      .fruit-voice__tit {
         font-size: 2rem;
         margin-bottom: 1rem;
      }

      .fruit-voice__tit picture {
         top: 20%;
      }

      .fruit-voice__list li {
         width: 48%;
         font-size: 1.3rem;
      }

      .fruit-reading {
         margin: 3rem 20px 8rem !important;
      }
   }


   /* fruit-reading
------------------------------------------------*/
   .fruit-reading {
      max-width: 760px;
      margin: 5rem auto 8rem;
      padding: 2rem 2.5rem;
      background: #fef7ef;
      border-radius: 1rem;
      position: relative;
   }

   .fruit-reading::after {
      position: absolute;
      left: -10px;
      top: -20px;
      display: block;
      content: "";
      width: 70px;
      height: 80px;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/about-orange.png") no-repeat;
      background-size: cover;
   }

   .fruit-reading__tit {
      color: #c17749;
      font-size: 1.8rem;
      margin: 0;
      padding: 0 0 0 50px;
      font-family: "Zen Maru Gothic", serif;
      font-weight: bold;
   }

   .fruit-reading__text {
      font-size: 1.4rem;
      letter-spacing: 1px;
      line-height: 1.7;
   }

   /* fruit-step
------------------------------------------------*/
   .fruit-step {
      margin-bottom: 7rem;
   }

   .fruit-step__tit {
      text-align: center;
      display: block;
      margin-bottom: 6rem;
      padding-bottom: 2rem;
      background: url(https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/midashi_bg4.png) no-repeat center bottom;
   }

   .fruit-step__tit span {
      font-size: 1.6rem;
   }

   .fruit-step__list {
      max-width: 760px;
      margin: auto;
      display: flex;
      justify-content: space-between;
   }

   .fruit-step__item {
      width: 29%;
   }

   .fruit-step__item .thumb {
      position: relative;
   }

   .fruit-step__item .thumb .inner {
      display: block;
      position: relative;
      z-index: 1;
      background: #ffffff;
      border-radius: 1.5rem;
      padding: 2.5rem 2rem 2rem;
   }

   .fruit-step__item .thumb::after {
      position: absolute;
      left: .5rem;
      top: .5rem;
      width: 100%;
      height: 100%;
      border-radius: 1.5rem;
      content: "";
      display: block;
      background: #ffc9c2;
   }

   .fruit-step__item .thumb .step {
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 2;
      color: #fff;
      font-size: 1.4rem;
      background: #FF7971;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      border-radius: 5rem;
   }

   .fruit-step__item .thumb .step span {
      font-size: 1.2em;
   }

   .fruit-step__item p {
      margin-top: 1em;
   }

   @media screen and (max-width: 950px) {
      .fruit-step__list {
         padding: 0 40px;
      }
   }

   @media screen and (max-width: 650px) {
      .fruit-step {
         margin-bottom: 4rem;
      }

      .fruit-step__tit {
         margin-bottom: 2rem;
      }

      .fruit-step__list {
         display: block;
         max-width: 400px;
         width: 85%;
         margin: auto;
         padding: 0 20px;
      }

      .fruit-step__item {
         width: 100%;
         font-size: 1.4rem;
         margin-bottom: 3rem;
      }

      .fruit-step__item .thumb .inner {
         padding: 2.5rem 3rem 2rem;
      }

      .fruit-step__item .thumb .step {
         right: auto;
         top: -1rem;
         left: -3rem;
         font-size: 1.3rem;
         width: 50px;
         height: 50px;
         line-height: 50px;
      }
   }

   /* fruit-item
------------------------------------------------*/
   .fruit-item {
      max-width: 800px;
      margin: 8rem auto 0;
   }

   .fruit-item__box {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 6rem 0;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/item-line.png") repeat-x left bottom;
   }

   .fruit-item__thumb {
      width: 34%;
      margin-top: 3rem;
      border-radius: 1.6rem;
      overflow: hidden;
   }

   .fruit-item__thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .fruit-item__text {
      width: 62%;
   }

   .fruit-item__tit {
      position: relative;
      margin: 0;
      color: #FF7971;
      font-size: 2.4rem;
   }

   .fruit-item__tit::after {
      position: absolute;
      left: -35px;
      top: -26px;
      content: "";
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      background: #717FFF;
      opacity: 0.2;
   }

   .lemon .fruit-item__tit::after {
      background: #fbf668;
   }

   .peach .fruit-item__tit::after {
      background: #FF71CF;
   }

   .mango .fruit-item__tit::after {
      background: #FFA471;
   }

   .muscat .fruit-item__tit::after {
      background: #74FF71;
   }

   .fruitmix .fruit-item__tit::after {
      background: #ff6eb6;
   }

   .grapefruit .fruit-item__tit::after {
      background: #daff69;
   }

   .pineapple .fruit-item__tit::after {
      background: #F4FF71;
   }

   .apple .fruit-item__tit::after {
      background: #ff7171;
   }

   .fruit-item__tit span {
      position: relative;
      z-index: 2;
   }

   .fruit-item_list {
      display: flex;
      flex-wrap: wrap;
   }

   .fruit-item_item {
      width: 29%;
   }

   .fruit-item_item:nth-child(3n-1) {
      margin-left: 6.5%;
      margin-right: 6.5%;
   }

   .fruit-item_item .photo {
      border-radius: 100%;
      overflow: hidden;
      background: #fff;
   }

   .fruit-item_item .photo a {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
   }

   .fruit-item_item .photo a::before {
      content: "";
      padding-top: 100%;
      display: block;
   }

   .fruit-item_item .photo a img {
      width: 80%;
      height: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   .fruit-item_item .name {
      margin: .8em 0 .4em;
   }

   .fruit-item_item .price {
      margin: 0;
   }

   .fruit-item_item .tax {
      font-size: .85em;
   }

   .fruit-item_item button {
      background: #FF7971 !important;
      height: 44px !important;
      margin: 15px auto 15px !important;
      border-radius: 6px;
   }

   .fruit-item_item .detail {
      border: 1px solid #FF7971;
      border-radius: 5rem;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/arrow.png") no-repeat 92% center #fff;
      background-size: 8px auto;
   }

   .fruit-item_item .detail a {
      display: block;
      color: #FF7971;
      text-align: center;
      font-size: 1.4rem;
      padding: .4em;
   }

   .fruit-item_item .detail-only {
      margin-top: 1rem;
   }

   .fruit-item_item .detail-only a {
      padding: .6em;
   }

   @media screen and (max-width: 950px) {
      .fruit-item__box {
         padding: 6rem 4rem;
      }

      .fruit-item__text {
         width: 60%;
      }

      .fruit-item .fruit-item_list {
         justify-content: space-between;
      }

      .fruit-item .fruit-item_item:nth-child(3n-1) {
         margin: 0;
      }

      .fruit-item .fruit-item_item {
         width: 47%;
      }

      .fruit-item .fruit-item_item:nth-child(n+3) {
         margin: 2rem 0 0;
      }

   }

   @media screen and (max-width: 650px) {
      .fruit-item__box {
         display: block;
         padding: 2rem 3rem 6rem;
      }

      .fruit-item__tit+p {
         letter-spacing: 1px;
         font-size: 1.3rem;
      }

      .fruit-item__thumb {
         width: 100%;
         height: 45vw;
         margin: 0;
      }

      .fruit-item__text {
         width: 100%;
         padding-top: 1.5rem;
      }

      .fruit-item_list {
         flex-wrap: wrap;
         justify-content: space-between;
         margin-top: 1.5rem;
      }

      .fruit-item_item {
         width: 47%;
      }

      .fruit-item_item:nth-child(3n-1) {
         margin: 0;
      }

      .fruit-item .fruit-item_item:nth-child(n+3) {
         margin: 2rem auto 0;
      }

      .fruit-item_item.one-column {
         width: 90%;
         margin: 3rem auto 0;
      }

      .fruit-item_item.one-column .photo {
         width: 80%;
         margin: auto;
      }

      .fruit-item_item .detail {
         background-size: 8px auto;
      }
   }

   /* fruit-gift
------------------------------------------------*/
   .fruit-gift {
      display: none;
      text-align: center;
      padding-top: 3rem;
      max-width: 800px;
      margin: 6rem auto 0;
   }

   .fruit-gift__tit {
      color: #fff;
      font-size: 2.4rem;
      padding: 1rem;
      background: #FF7971;
      border-radius: .8rem;
   }

   .fruit-gift__text {
      margin: 3rem 0;
   }

   .fruit-gift .fruit-item_item .photo a img {
      width: 70%;
      height: 70%;
   }

   .fruit-gift .fruit-item_item .name {
      min-height: 7.5rem;
   }

   @media screen and (min-width: 651px) {
      .fruit-gift .fruit-item_item:nth-child(n+4) {
         margin-top: 3rem;
      }
   }

   @media screen and (max-width: 950px) {
      .fruit-gift {
         margin: 2rem 4rem 0;
      }

      .fruit-gift .fruit-item_item .name {
         min-height: 8rem;
      }
   }

   @media screen and (max-width: 650px) {
      .fruit-gift {
         margin: 2rem 2rem 0;
         padding-top: 1rem;
      }

      .fruit-gift__tit {
         font-size: 2rem;
      }

      .fruit-gift .fruit-item_item {
         margin-bottom: 3rem;
      }

      .fruit-gift .fruit-item_item .name {
         min-height: 9rem;
      }
   }

   /* fruit-btn
------------------------------------------------*/
   .fruit-btn {
      max-width: 690px;
      margin: 8rem auto 5rem;
   }

   .fruit-btn ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: 0;
   }

   .fruit-btn ul li {
      width: 46%;
   }

   .fruit-btn ul li a {
      display: block;
      text-align: center;
      padding: 1.5rem 1rem;
      border: 1px solid #FF7971;
      border-radius: 5rem;
      color: #FF7971;
      font-weight: 700;
      background: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/arrow.png") no-repeat 92% center #fff;
      background-size: 10px auto;
   }

   @media screen and (max-width: 650px) {
      .fruit-btn {
         margin: 5rem auto 5rem;
      }

      .fruit-btn ul {
         display: block;
         padding: 0 2rem;
      }

      .fruit-btn ul li {
         width: 100%;
         margin-bottom: 1.5rem;
      }
   }

   /* 1. 全体設定：リンクの下線を消し、変化を滑らかにする */
.fruit a {
    text-decoration: none !important;
    transition: all 0.3s ease; /* ふわっとした動きにする */
}

/* 2. マウスオーバー時のエフェクト（透明度と明るさを変える） */
.fruit a:hover {
    opacity: 0.7; /* 少し透明にする */
    filter: brightness(1.1); /* 少し明るくする */
}

/* 3. 画像が含まれるリンクのホバー時、画像を少し拡大させる（ボタン感を出す） */
.fruit-lineup__list li a:hover img,
.fruit-bnr a:hover img,
.fruit-gift .fruit-item_item a:hover img {
    transform: scale(1.05); /* 5%ほど拡大 */
    transition: transform 0.3s ease;
}

/* 4. テキストが含まれるリンクのホバー時、色を強調する */
.fruit-lineup__list li a:hover p,
.fruit-bnr a:hover p,
.fruit-btn ul li a:hover {
    color: #e67e22 !important; /* 三國屋様のトンマナに合わせたオレンジ系（お好みで調整してください） */
}

/* 5. フッター追従バナー等の特殊なボタンも下線を消す */
.foot_bnr-box a {
    text-decoration: none !important;
}

/* --- ボタン（カートへ・詳細はこちら）の反転エフェクト --- */

/* 1. ボタンの初期状態（枠線あり・背景白） */
.fruit-btn ul li a {
    display: block;
    text-align: center;
    padding: 1.5rem 1rem;
    border: 1px solid #FF7971; /* 枠線の色 */
    border-radius: 5rem;
    color: #FF7971 !important; /* 文字の色 */
    background-color: #fff !important; /* 背景の色 */
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease; /* 変化を滑らかに */
    background-image: url("https://zen3928.itembox.design/item/images/season/fruit_mugicha/2024/arrow.png");
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 10px auto;
}

/* 2. マウスオーバー時の反転処理 */
.fruit-btn ul li a:hover {
    background-color: #FF7971 !important; /* 背景を枠線の色にする */
    color: #fff !important; /* 文字を白にする */
    opacity: 1; /* 反転させるので透明度は下げない */
    /* 矢印アイコンを白に変更した画像があれば、ここでbackground-imageを差し替えることも可能です */
}

/* 3. その他の画像リンク（ラインナップ等）は、引き続き「少し透ける」効果を維持 */
.fruit-lineup__list a:hover,
.fruit-gift a:hover,
.fruit-bnr a:hover {
    opacity: 0.7;
}