@charset "utf-8";
/* 関東 TOP専用CSS（PCSP共通）フェアTOP・ツアーTOP（海外・国内） 共通*/

/*PC商品カセット枠の高さ調整
　商材枠の位置変更や、リンクボタンの設置個数変更により要変更
*/

.is-pc .is-height-change .product__button {
  height: 104px; /*ボタン2つ分*/
}
.is-pc .is-height-change-3piece .product__button {
  height: 166px; /*ボタン3つ分*/
}
.is-pc .is-height-change-4piece .product__button {
  height: 228px; /*ボタン4つ分*/
}


/*一時的に海外TOP・海外ツアーTOPのツアー商品のフェアラベルなしへ*/
/*.is-kaigai.is-tour .product__list--label--fair,
.is-kaigai #product-tour .product__list--label--fair,
.is-kaigai #product-business .product__list--label--fair {
  display: none;
}*/

.banner_wrapper {
	margin-top: 20px;
  display: grid;
  justify-items: center;
  gap: var(--gap, min((30vw / 7.5), 15px));
  width: min(var(--default-width-sp), 960px);
  margin: var(--yohaku-top, 80px) auto var(--yohaku-btm, 0);
}
.is-pc .banner_wrapper {
  --gap: 11px;
  grid-template-columns: repeat(2, 1fr);
}
.is-pc .banner_wrapper .base-banner.is-column-1 {
  grid-column: span 2;
}
.is-sp .banner_wrapper .base-banner {
  max-width: 400px;
}
.product__title + .banner_wrapper {
  --yohaku-btm: min((50vw / 7.5), 25px);
}
.product__list--contents ~ .banner_wrapper {
  --yohaku-top: min((60vw / 7.5), 30px);
}

.base-banner__link:hover {
	opacity :0.7;
	transition: .3s;
}