@charset "utf-8";


/*-------------------------------------------
　カセット下検索ボタン
---------------------------------------------*/
.product__button {
	margin-top: 20px;
}
.product__button .search-title {
    text-align: center;
    border-bottom:  solid 1px #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 15px;
	padding-bottom: 5px;
}
.product__button .button-base.flex {
    display: flex;
    flex-wrap: wrap;
}
.product__button .button-base .button-base__link {
	display: block;
    padding: 12px 0 14px;
	background: linear-gradient(#8e1507,#c81d09);
	color: #fff;
	font-size: 16px;
	line-height: 1.0;
    border-radius: 100px;
    font-weight: 700;
	text-align: center;
	position: relative;
	transition: all 0.2s ease;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.23);
	&:hover {
		background: linear-gradient(#fff,#dfe9f3);
		color: #c21500;
	}
}
.product__button .button-base.flex .button-base__link {
    margin: 0 10px 10px 0;
    padding: 12px 40px 14px 30px;
}
/*.product__button .button-base .button-base__link::after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("/cmn/icon/icon_arrow_right_white.svg") no-repeat center center;
	position: absolute;
	right: 8px;
	top: 8px;
}*/
.product__button .button-base .button-base__link::after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("/cmn/icon/icon_arrow_right_white.svg") no-repeat center center;
	position: absolute;
	right: 8px;
	top: 8px;
}
.is-sp {
	& .product__button .button-base.flex .button-base__link {
		padding: 12px 6.5vw 14px 5vw;
	}
	& .product__button .button-base .button-base__link::after {
		width: 20px;
		height: 20px;
		right: 5px;
		top: 11px;
	}
}
.base-button {
    & .base-button__link {
        .is-sp & {
            border-radius: 35px;
        }
    }
}
/*------------------------------------
 カセット調整
-------------------------------------*/
.is-pc .product__list--contents .product__list {
	justify-content: left;
	-webkit-text-size-adjust: none;
}
.is-pc .product__wrapper .nopc {
	display: none;
}
/*------------------------------------
 FIT用 PCだけ改行入れる
-------------------------------------*/
.headfoot-is-sp .product__list--title .nosp {
	display: none;
}
/*------------------------------------
 商品空のとき
-------------------------------------*/
.product__list--item:empty {
  display:none;
}
.product__list--notes:empty {
	display: none;
}
.product__list--tokuten:empty,
.product__list--tokuten:has(.product__list--tokuten--item:empty){
	display: none;
}

/*------------------------------------
 新旧上下限js混在応急処置
-------------------------------------*/
/*.product__list--minmax .minmax-new:not(:empty) + .minmax-old,
.product__list--dep .js-split-departure:not(:empty) + span,
.product__list--type .js-split-airport:not(:empty) + span{
  display: none;
}
.product__list--dep .js-split-departure::after,
.product__list--dep span[id*="dep_"]::after{
  content: "出発"
}
.product__list--type.port-type::after{
  content: "発着"
}
.product__list--type.port-type.hotel::after{
  content: ""
}
.product__list--type.port-type.train::after{
  content: "発"
}
.product__list--type.port-type.bus::after{
  content: "発"
}
.product__list--dep .js-split-departure:empty::after,
.product__list--dep span[id*="dep_"]:empty::after{
  display: none;
}*/

/*------------------------------------
完売時スタイル調整
-------------------------------------*/
#soldout {
	.is-pc & {
		.product__list--detail {
			font-size: 11px;
			}
	  }
 }