@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
  zoom:1;
  display:block;
  max-width:750px;
  width:100%;
  height:auto;
  margin:auto;
}
/* ”Ä—pCSS */
.mb60{margin-bottom:60px !important;}

/* fruitsPortalWrap */
.fruitsPortalWrap{
  max-width:750px;
  width:100%;
  margin:0 auto;
  -webkit-text-size-adjust:100%;
  background: #ffffff;
  font-family: "Ÿà–¾’©‘Ì", "Yu Mincho", YuMincho, "ƒqƒ‰ƒMƒm–¾’© Pro", "Hiragino Mincho Pro", "MS P–¾’©", "MS PMincho", serif;
  color:#39487c;
}
.fruitsPortalWrap img{
  vertical-align: top;
  width: 100%;
  height: auto;
  zoom: 1 !important;
}
.fruitsPortalWrap a{
  display: block;
  color:#39487c;
}

/* couponWrap01 */
.fruitsPortalWrap .couponWrap01 {
  margin: calc(70 / 750 * 100%) auto 0;
}
.fruitsPortalWrap .couponWrap01 .box-shadow {
  box-shadow: 3.5px 3.5px 8px -2px rgba(0,0,0, 1);
}
.fruitsPortalWrap .couponBlock01 {
  background: url(../image/fruits_sp_bg_001_240326.gif) no-repeat top center;
  background-size: 100%;
}
.fruitsPortalWrap .couponBlock01 .couponBlock01Inner {
  width: calc(637 / 750 * 100%);
  margin: auto;
  padding: calc(60 / 750 * 100%) 0;
}
.fruitsPortalWrap .couponBlock01 .column02 {
  margin-top: calc(74 / 637 * 100%);
  margin-inline: auto;
  width: calc(630 / 637 * 100%);
}
.fruitsPortalWrap .couponBlock01 .couponBtn02 {
  margin-top: calc(24 / 637 * 100%);
}

.fruitsPortalWrap .noteBlock01 {
  margin-top: calc(20 / 637 * 100%);
  margin-left: calc(10 / 637 * 100%);
}
.fruitsPortalWrap .noteBlock01 .noteText01 {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.43;
  font-family: "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, "ƒƒCƒŠƒI", sans-serif;
  font-weight: bold;
  color: #3e3e3e;
}
.fruitsPortalWrap .noteBlock01 .noteLink01 a {
  display: inline;
  color: #0b318f;
  text-decoration: underline;
}

/* anchorBlock01 */
.fruitsPortalWrap .anchorBlock01 {
  margin-top: calc(70 / 750 * 100%);
}
.fruitsPortalWrap .anchorList01 {
  display: grid;
  align-items: end;
}
.fruitsPortalWrap .anchorList01.col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.fruitsPortalWrap .anchorList01.col3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.fruitsPortalWrap .anchorList01.col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

/* btnBlock01 */
.fruitsPortalWrap .btnBlock01 {
  margin-inline: auto;
  width: calc(670 / 750 * 100%);
}

/* banƒoƒi[ 2ƒJƒ‰ƒ€ */
.col2-ban_234_60 .bannerList {
  --gap: 10px; /* ’²® */
  gap: var(--gap);
}
.col2-ban_234_60 .bannerItem {
  width: calc(50% - var(--gap) / 2);
}
/* banƒoƒi[ 3ƒJƒ‰ƒ€ */
.col3-ban_234_60 .bannerList {
  --gap: 10px; /* ’²® */
  gap: var(--gap);
}
.col3-ban_234_60 .bannerItem {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}
.bannerWrap {
  margin: calc(70 / 750 * 100%) auto; /* ’²® */
}
.titleBlock-h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.bannerList {
  margin-top: calc(20 / 750 * 100%); /* ’²® */
  margin-inline: auto;
  width:calc(690 / 750 * 100%); /* ’²® */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}

/* informationBlock01 */
.fruitsPortalWrap .informationBlock01 {
  width: 92%;
  margin: calc(70 / 750 * 100%) auto;
}
.fruitsPortalWrap .informationList {
  width: 90%;
  margin: calc(40 / 750 * 100%) auto 0;
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, "ƒƒCƒŠƒI", sans-serif;
  color:#333333;
}
.fruitsPortalWrap .informationItem {
  line-height: 1.5;
}
.fruitsPortalWrap .informationList li + li {
  margin: 8.05% 0 0 0;
}
.fruitsPortalWrap .informationList .informationTtl {
  margin: 0;
  font-weight: bold;
}
.fruitsPortalWrap .informationList .informationTxt {
  margin: 2% 0 0 0;
  line-height: 1.5;
}
.fruitsPortalWrap .informationList .informationTxt br {
  display: block;
  content: "";
  margin: 2%;
}

/* h2TtlBlock01 */
.fruitsPortalWrap .h2TtlBlock01 {
  text-align: center;
}
.fruitsPortalWrap .h2TtlBlock01 .h2Ttl {
  font-size: 17px;
  line-height: 1;
  font-weight: bold;
  color: #e87a5d;
}

/* chartBlockA01 */
.fruitsPortalWrap .chartBlockA01{
  margin-top: calc(55 / 750 * 100%);
}
.fruitsPortalWrap .chartBlockA01 p{
  margin-top: calc(44 / 750 * 100%);
  margin-inline: auto;
  width: calc(671 / 750 * 100%);
}
.fruitsPortalWrap .chartBlockA01 ul {
  margin-top: calc(15 / 750 * 100%);
  padding-left: calc(40 / 750 * 100%);
  padding-right: calc(40 / 750 * 100%);
}
.fruitsPortalWrap .chartBlockA01 ul li{
  padding-left:1em;
  text-indent:-1em;
  font-family: "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, "ƒƒCƒŠƒI", sans-serif;
  font-size: 14px;
  line-height:1.5;
  color:#333333;
}

/* SPƒoƒi[ƒGƒŠƒA‹¤’ÊÝ’è  */
.bnrWrap {
  margin: calc(75 / 750 * 100%) auto 0;
}
.bnrWrap .bnrList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: calc(690 / 750 * 100%);
  margin: calc(40 / 750 * 100%) auto 0;
}
.justify-content-center {
  justify-content: center;
}
/* SP—p 220_255ƒoƒi[ */
.bnrWrap .col2-220_255 {
  /* max-width: inherit; */
}
.bnrWrap .col2-220_255 .bnrItem {
  width: calc(50% - (calc(20 / 690 * 100%)) / 2);
}
.bnrWrap .col2-220_255 .bnrItem:not(:nth-child(2n+1)) {
  margin-left: calc(20 / 690 * 100%);
}
.bnrWrap .col2-220_255 .bnrItem:nth-child(n+3) {
  margin-top: calc(20 / 690 * 100%);
}

.bnrWrap .col3-220_255 {
  /* max-width: inherit; */
}
.bnrWrap .col3-220_255 .bnrItem {
  width: calc((100% / 3) - (calc(20 / 690 * 200%)) / 3);
}
.bnrWrap .col3-220_255 .bnrItem:not(:nth-child(3n+1)) {
  margin-left: calc(20 / 690 * 100%);
}
.bnrWrap .col3-220_255 .bnrItem:nth-child(n+4) {
  margin-top: calc(20 / 690 * 100%);
}
