@charset "utf-8";
/* 完売対応用 */
.link-disabled-container {
	position: relative;
	display: inline-block;
	cursor: default !important;
	pointer-events: none; 
}
.disabled-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
}
/*------------------------------------------------
  国内DPバナー高さ調整　
--------------------------------------------------*/
/*.is-kokunai-top.pc #product-airhotel .is-image-cover {
	height: 120px;
}*/

/*------------------------------------------------
     検索ボタン消してツアー導入ボタン
--------------------------------------------------*/
:is(.is-top,.is-kaigai-tour,.is-kokunai-top,.is-impresso,.is-special,.is-bus) .float-button {
	display: none!important;
}
.float-button {
	bottom: min((70vw / 3.75), 170px);
}
#fix-bnr {
    display: none;
    position: fixed;
    right: 10px;
	bottom: min((70vw / 3.75), 100px);
    /*bottom: 150px;*/
    z-index: 100;
	a {
		display: block;
	}
	img {
		width: 120px;
	}
	.close {
	  position: absolute;
	  right: 5px;
	  top: 3px;
		a{
			width: 25px;
			height: 25px;
			background-color: #fff;
			border-radius: 50%;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			line-height: 25px;
			color: #888;
		}
	}
	.is-size-sp & {
		right: 5px;
		/*bottom: 55px;*/
		img {
			width: 100px;
		}
		.close {
		  right: 0;
		  top: 0;
		}
	}
}
/*------------------------------------------------
     LINEお友達登録ボタン サイドバナー
--------------------------------------------------*/
#fix-bnr-line {
    display: none;
    position: fixed;
    right: 10px;
	bottom: min((173vw / 3.75), 230px);
    /*bottom: 310px;*/
    z-index: 100;
	a {
		display: block;
	}
	img {
		width: 120px;
	}
	.close {
	  position: absolute;
	  right: 5px;
	  top: 3px;
		a{
			width: 25px;
			height: 25px;
			background-color: #fff;
			border-radius: 50%;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			line-height: 25px;
			color: #888;
		}
	}
	.is-size-sp & {
		right: 5px;
		/*bottom: 175px;*/
		img {
			width: 100px;
		}
		.close {
		  right: 0;
		  top: 0;
		}
	}
}


/*------------------------------------------------
     LINEお友達登録ボタン
--------------------------------------------------*/
.line-wrap-simple {
}
.line-inner {
    width: 90vw;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0.1vw;
    line-height: 1.5;
}
.line-inner .fukidashi {
    font-size: 4.1vw;
    font-weight: bold;
    margin-bottom: 2vw;
}
.line-button {
	width: 100%;
}
.line-button a {
    display: block;
    color: #fff;
    font-size: 3.5vw;
    font-weight: bold;
    border-radius: 8vw;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, .14);
    background: url(/kansai/images/icon/icon-linekansai.png) no-repeat;
    background-size: 12vw;
    background-position: 3vw;
    background-color: #15c618;
    padding: 2.4vw 4vw 1.8vw 16vw;
    position: relative;
    text-decoration: none;
}
.line-button a span.small {
    display: block;
    font-size: 2.8vw;
    font-weight: normal;
}
.line-button a span.strong {
    display: block;
}
.line-button a span.strong::after {
	content: "▶";
    font-size: 4vw;
    margin-left: 1.4vw;
}
.line-button a span.line-friend {
    font-size: 1.3em;
    color: #fff231;
    padding: 0 0.5vw;
}

@media (width > 640px) {
	.line-wrap-simple {
	}
	.line-inner {
		width: 375px;
		letter-spacing: 0;
	}
	.line-inner .fukidashi {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.line-button a {
		font-size: 14px;
		border-radius: 40px;
		box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, .14);
		background: url(/kansai/images/icon/icon-linekansai.png) no-repeat;
		background-size: 50px;
		background-position: 22px;
		background-color: #15c618;
		padding: 10px 16px 10px 60px;
	}
	.line-button a span.small {
		font-size: 12px;
	}
	.line-button a span.strong::after {
		content: "▶";
		font-size: 16px;
		margin-left: 8px;
	}
	.line-button a span.line-friend {
		padding: 0 5px;
	}
}
@media screen and (min-width: 1025px) {
	.line-wrap-simple {
		margin: -50px 0 0 0;;		
}
/*------------------------------------------------
     スマホ横の時は非表示
--------------------------------------------------*/
@media screen and (orientation: landscape) and (max-width: 956px) {
	.float-button,#fix-bnr,#fix-bnr-line {
		display: none !important;
	}
}
/*------------------------------------------------
     レスポ調整用
--------------------------------------------------*/
.is-size-pc {
	.nopc {
		display: none;
	}
}
.is-size-sp {
	.nosp {
		display: none;
	}
}
/*------------------------------------------------
     タイムセールSPナビ調整
--------------------------------------------------*/
.headfoot-is-sp.is-kaigai-timesale {
	.product-anchor {
		gap: 1.2vw;
	}
	.base-button {
		.ui-static-button.is-type-anchor {
			padding: 2vw 2vw 2vw 3.2vw;
		}
	}
}