@charset "shift_jis";
/*------------------------------
  PC
------------------------------*/
@media screen and (min-width: 769px) {
/*tumiWrap****************************************************/
.tumiWrap {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
.tumiWrap a {
  display: block;
}
.tumiWrap img {
  vertical-align: top;
}
.ichioshiBlock {
  text-align: center;
}

/* mv */

/* anchor */
.tumiWrap .anchorList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* banner */
.bannerWrap {
  margin-block-start: 40px;
}
.bannerTtl {
  text-align: center;
}
.bannerList {
  margin-block-start: 40px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
.bannerWrap .bannerItem img {
  width: 100%;
}
/* 750_90バナー 1カラム */
.col1-750_90 .bannerList {
  width: 750px; /* 調整 */
  --gap: 20px; /* 調整 */
  gap: var(--gap);
}

.sp-content {
  display: none;
}
}

/*------------------------------
  SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 768px) {

h2 {
  padding: 0;
  font-size: 0;
  background-color: transparent;
}

/* wrap */
.tumiWrap {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  background: #ffffff;
  color: #333333;
}
.tumiWrap a {
  display: block;
}
.tumiWrap img {
  vertical-align: top;
  width: 100%;
  height: auto;
  zoom: 1 !important;
}
/* mv */

/* anchor */
.tumiWrap .anchorList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* banner */
.bannerWrap {
  margin: calc(50 / 750 * 100%) auto; /* 調整 */
}
.bannerTtl {
  text-align: center;
}
.bannerList {
  margin-top: calc(40 / 750 * 100%); /* 調整 */
  margin-inline: auto;
  width:calc(630 / 750 * 100%); /* 調整 */
  display: flex;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
/* 286バナー 2カラム */
.col2-286_286 .bannerList {
  --column-gap: clamp(1.844rem, 7.87vw, 3.688rem); /* 調整 29.5 ~ 59 */
  column-gap: var(--column-gap);
  --row-gap: clamp(1.281rem, 5.47vw, 2.563rem); /* 調整 20.5 ~ 41 */
  row-gap: var(--row-gap);
}
.col2-286_286 .bannerItem {
  width: calc(50% - var(--column-gap) / 2);
}
/* 286バナー 3カラム */
.col3-286_286 .bannerList {
  --column-gap: 10px; /* 調整 */
  gap: var(--column-gap);
}
.col3-286_286 .bannerItem {
  width: calc((100% / 3) - var(--column-gap) * 2 / 3);
}

.pc-content {
  display: none;
}
}