@charset "utf-8";
/* 「SSS2024」北海道 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;
}*/


/*------------------------------------
タイトル
-------------------------------------*/
/*.is-pc #imp .product__title{
    margin-top: 80px;
}
*/
.product__title--main-text .font-small{
	font-size: .75em;
}

/*.is-pc #kagaitour .product__title{
	margin-top: 0px;
}
*/

/*------------------------------------
スライドバナー
-------------------------------------*/
.swiper-pagination-bullet[class*="is-kaigai-summer"] {
  --pagination-icon: var(--ico-kaigai-tour);
}

/*-----------------------------------------
商品
-------------------------------------------*/
#product-summer .product__list--detail.itemtxet,
#product-pickup .product__list--detail.itemtxet,
#product-tour .product__list--detail.itemtxet,
#product-dad .product__list--detail.itemtxet,
#product-impresso .product__list--detail.itemtxet,
#product-business .product__list--detail.itemtxet,
#product-cruise .product__list--detail.itemtxet,
#product-clearance .product__list--detail.itemtxet,
#product-weekend .product__list--detail.itemtxet,
#product-room .product__list--detail.itemtxet,
#product-hnl .product__list--detail.itemtxet,
#ny .product__list--detail.itemtxet,
#sel .product__list--detail.itemtxet,
#tpe .product__list--detail.itemtxet,
#asia .product__list--detail.itemtxet,
#hnl .product__list--detail.itemtxet,
#gum .product__list--detail.itemtxet,
#beach .product__list--detail.itemtxet,
#south .product__list--detail.itemtxet,
#usa .product__list--detail.itemtxet,
#oce .product__list--detail.itemtxet,
#imp .product__list--detail.itemtxet,
#tyo .product__list--detail.itemtxet,
#newyear .product__list--detail.itemtxet,
#product-kaigai-tour .product__list--detail.itemtxet{
	background: #eee;
    font-size: min((22vw / 7.5), 11px);
    margin-top: 10px;
    color: #000;
    text-align: left;
    font-weight: normal;
    padding: min((20vw / 7.5), 10px) min((20vw / 7.5), 8px);
}

#kagaisummer .product__list--point:empty{
  display: block;
  opacity: 0;
}


.product__list--point:empty{
    display: none;
}

.is-sp #product-tour .product__list--detail.itemtxet{
	margin: 1% 0;
}
/*
.is-sp .product__list--price{
	margin-top: calc(10vw / 7.5);
}

.is-sp .product__list--label > [class*="product__list--label--"]:empty{
    display: none;
}
*/
/*-----------------------------------------
その他商品リンク
-------------------------------------------*/
.is-pc .product__button .button-base.flex{
	display:flex;
}

.is-pc .product__button .button-base.flex .button-base__link{
	margin: 0 5px 10px;
	width: 100%;
}

.is-sp .product__button .button-base.flex .button-base__link{
	margin: 0 0 2vw 0;
}

.is-sp .nosp{
  display: none;
}

.is-pc .nopc{
  display: none;
}


/*-----------------------------------------
商品アイコン設置 PC
-------------------------------------------*/
.is-pc .product__list--label > [class*="product__list--label--"] {
    width: 100%;
}
.is-pc .product__list--label > [class*="product__list--label--"]:empty {
    display: none;
}
.is-pc .product__list--label--fair,
.is-pc .product__list--label--shien,
.is-pc .product__list--label--goto{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.is-pc .product__list--label--cm {
  background: #e70012;
}
.is-pc .product__list--label--sale {
    font-size: 11px!important;
    background: #e70012;
}
.is-pc .product__list--label--line {
  background: #07b53b;
}
.is-pc .product__list--label--news {
  background: #ff6000;
}
.is-pc .product__list--label--mail {
    font-size: 10px!important;
    background: #ff6000;
}
.is-pc .product__list--label--black {
  background: #000000;
  color: #f3d222;
  width: 170px !important;
}
.is-pc .product__list--label--other {
  background: #e70012!important;
}
.is-pc .product__list--point:empty {
    display: none;
}
/*-----------------------------------------
商品アイコン設置 SP
-------------------------------------------*/
.is-sp .product__list--label > [class*="product__list--label--"] {
    width: 24vw;
    font-size: calc(22vw / 7.5);
    padding: 0.25em!important;
}
.is-sp .product__list--label > [class*="product__list--label--"]:empty {
    display: none;
}
.is-sp .product__list--label--fair,
.is-sp .product__list--label--shien,
.is-sp .product__list--label--goto{
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
}
.is-sp .product__list--label--cm {
  background: #e70012;
}
.is-sp .product__list--label--sale {
  background: #e70012;
}
.is-sp .product__list--label--line {
  background: #07b53b;
}
.is-sp .product__list--label--news {
  background: #ff6000;
}
.is-sp .product__list--label--mail {
    background: #ff6000;
}
.is-sp .product__list--label--black {
    background: #000000;
	width: 45vw!important;
	color: #f3d222;
}
.is-sp .product__list--label--other {
  background: #e70012!important;
}
.is-sp .product__list--point:empty {
    display: none;
}
/*
.is-sp .is-cruise .fair-page-list__link::before {
    width: calc(122vw / 7.5);
    height: calc(108vw / 7.5);
    background-image: url(/fair/spring/hokkaido/assets/common/images/icon_cruise.png);
    margin-top: calc(-10vw / 7.5);
    margin-bottom: calc(6vw / 7.5);
}
*/

/*-----------------------------------------
見出し調整 SP
-------------------------------------------*/
/*
.is-sp .product__title--main-text{
	font-size: calc(51vw / 7.5);
}
*/

.is-sp .product__title--main-text {
    font-size: calc(54vw / 8.5);
    line-height: 1.2;
}


/*-----------------------------------------
dadバナー調整
-------------------------------------------*/
#dad .banner__other--item {
	background: none;
}

.is-pc #dad h2{
	margin-bottom: 50px;
}

.is-sp #dad h2{
	margin-bottom: 8%;
}

/*-----------------------------------------
タイムセールFIT調整
-------------------------------------------*/
.is-pc #sale div.product__list{
	margin-left: -5px;
    margin-top: 15px;
}

/*-----------------------------------------
navi調整
-------------------------------------------*/
.is-pc .tour-navi__maindst .tour-navi__list--item{
	width: 150px;
	height: 150px;
}

/*-----------------------------------------
バナー調整
-------------------------------------------*/

.is-sp .product__wrapper .product__title:not(.is-type-image) + *{
    margin-bottom: calc(10vw / (375 / 100));
}

.is-pc .banner__other--wrapper{
    width: 100%;
    max-width: 960px;
}

.is-pc :is(.banner__other--wrapper, #shisaku):not(:last-child){
    margin-bottom: 20px;
}

.is-pc .banner__other.is-size-harf{
    width:96%;
    margin: 0 auto;
}