@charset "utf-8";

/*  発地切り替え（海外）
============================================================================= */
.deptchange-ALL, .deptchange-SPK, .deptchange-SDJ, .deptchange-TYO, .deptchange-NRT, .deptchange-NGO, .deptchange-OSA, .deptchange-FUK, .deptchange-OTH{
	display: none;
}
.deptchange-bd-SPK .deptchange-SPK, .deptchange-bd-SDJ .deptchange-SDJ, .deptchange-bd-TYO .deptchange-TYO, .deptchange-bd-NRT .deptchange-NRT, .deptchange-bd-NGO .deptchange-NGO, .deptchange-bd-OSA .deptchange-OSA, .deptchange-bd-FUK .deptchange-FUK, .deptchange-bd-OTH .deptchange-OTH{
	display: block;
}


/*  タイトル
============================================================================= */
/* メインタイトル */
.ttl-main:before{
	padding-top: calc(148 / 328 * 40%);
	background: url("/gakusei/kaigai/_images/ttl_img01.png") center / 100% auto no-repeat;
}
.ttl-main:after{
	padding-top: calc(148 / 336 * 40%);
	background: url("/gakusei/kaigai/_images/ttl_img02.png") center / 100% auto no-repeat;
}
.ttl-main em{
    color: #00afc4;
}
@media screen and (min-width: 760px){
	.ttl-main:before{
		width: 328px;
		height: 148px;
	}
	.ttl-main:after{
		width: 336px;
		height: 148px;
	}
}


/*  ボタン
============================================================================= */
.fbtn a{
	color: #00afc4;
}




/*  キービジュアル
============================================================================= */
.mv, .mv-inner, .mv-img{
	height: 300px;
}
.mv{
	position: relative;
}
.mv-cont{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.mv-cont .inner{
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mv-img{
	z-index: -1;
	width: 100%;
}
.mv-img.js-Slide-MV{
	opacity: 0;
}
.mv-img.slick-initialized{
	opacity: 1;
}

.mv-img_item{
	position: relative;
	overflow: hidden;
	height: 100%;
}
.mv-img_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    vertical-align: bottom;
	transform: scale(1.05);
	image-rendering: -webkit-optimize-contrast;
}
.mv-img_item.slick-active img{
	animation: mvimg 6s linear 0s;
}
.mv-img_caption{
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 1;
    padding: 0 5px;
    width: 100%;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: right;
    text-shadow: 0 0 0.2em rgb(0 0 0 / 80%);
}

@media screen and (min-width: 760px) {
	.mv-img_caption{
		right: 0;
		top: 5px;
	}
	.mv-cont .inner {
       max-width: 1450px!important;
    }
}


.mv-box{
	margin-top: 20px;
	width: 100%;
}

@media print, screen and (max-width: 759px) {
    .mv-cont .inner{
	    margin: 0 !important;
	}
	.inner {
        margin: 0!important;
    }
	.mv-ttl{
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		width: 90%;
		padding: 30px 20px;
		border-radius: 10px;
		background: url("/gakusei/kaigai/_images/mv_bg.png") repeat;

	}
	.mv-ttl:before, .mv-ttl:after{
		position: absolute;
		bottom: 0;
		content: "";
		display: inline-block;
	}
	.mv-ttl:before{
		left: 0;
		width: 40%;
		height: 0;
		padding-top: calc(83 / 271 * 40%);
		background: url("/gakusei/kaigai/_images/mv_img01.png") center / 100% auto no-repeat;
	}
	.mv-ttl:after{
		right: 0;
		width: 40%;
		height: 0;
		padding-top: calc(87 / 256 * 40%);
		background: url("/gakusei/kaigai/_images/mv_img02.png") center / 100% auto no-repeat;
	}
}
.mv-ttl_txt{
	position: relative;
	z-index: 1;
	color: #fff;
	text-align: center;
	line-height: 1.1;
	font-size: 2.6rem;
	font-weight: bold;
	text-shadow: 0 0 10px rgb(0 0 0 / 80%);
}
.mv-ttl span{
	font-size: 2.0rem;
	font-weight: bold;
}
.mv-bt{
	margin-top: 15px;
	padding-top: 10px;
	text-align: center;
	border-top: dashed 1px #c8f6fc;
}
.mv-bt .m-ico{
	margin-left: 5px;
}
@media screen and (max-width: 759px) {
	.mv-bt{
		margin-top: 6px;
	    padding-top: 5px;
	}
	.mv-bt a{
	color: #fff!important;
	font-size: 1.3rem;
    }
}
@media screen and (min-width: 760px) {
	.mv, .mv-inner, .mv-img{
		height: 500px;
	}
	.mv-box{
		margin-top: 0;
	}
	.mv-ttl_txt{
		overflow: hidden;
		margin: 0 auto 30px;
		width: 100%;
		max-width: 880px;
		padding: 40px 20px;
		letter-spacing: .2em;
		font-size: 6.0rem;
		border-radius: 10px;
		background: url("/gakusei/kaigai/_images/mv_bg.png") repeat;

	}
	.mv-ttl span{
		font-size: 3.0rem;
		letter-spacing: .1em;
	}
	.mv-ttl_txt:before, .mv-ttl_txt:after{
		position: absolute;
		bottom: 0;
		content: "";
		display: inline-block;
	}
	.mv-ttl_txt:before{
		left: 0;
		width: 263px;
		height: 97px;
		background: url("/gakusei/kaigai/_images/mv_img01.png") center / 100% auto no-repeat;
	}
	.mv-ttl_txt:after{
		right: 0;
		width: 263px;
		height: 97px;
		background: url("/gakusei/kaigai/_images/mv_img02.png") center / 100% auto no-repeat;
	}
	.mv-bt{
        position: absolute;
        border-top: none;
        right: 0;
	}
	.bt-top{
        bottom: 115px;
	}
	.mv-bt a{
		
		display: inline-block;
		padding: 10px 20px 10px 30px;
		font-size: 2.0rem;
		border-radius: 50vw;
		background: #fff;
		transition: background-color 0.4s ease;
		
	}
	.mv-bt a:hover{
		opacity: 1;
		background-color: #fff1f6;
	}
}

@keyframes mvimg{
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.05);
	}
}


/*  pagenav
============================================================================= */
.pagenav{
	width: 100%;
	transition: background .3s ease-in-out;
}
.pagenav-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pagenavlist{
	display: flex;
	width: calc(100% + 10px);
}
.pagenavlist_item{
	position: relative;
	width: 100%;
	cursor: pointer;
}
.pagenavlist_item a{
	pointer-events: none;
	display: flex;
	flex-flow: column;
	height: 100%;
	padding: 5px 5px ;
	text-align: center;
	color: #00afc4;
	font-weight: bold;
	border: solid 2px #00afc4;
	background-color: #fff;
	transition: background-color 0.4s ease;
}
.pagenavlist_item-box{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 1.1rem;
}
.pagenavlist_item-txt{
	line-height: 1.3;
	font-weight: bold;
}
.pagenavlist_item-txt span,
.pagenavlist_item-txt em{
	font-weight: bold;
}
.pagenavlist_item a > .m-ico{
	align-self: center;
	font-size: 2.5rem;
	line-height: 1;
}
.pagenavlist_item .m-ico.-search{
	position: relative;
	top: 2px;
	margin-right: 5px;
	font-size: 2.5rem;
	line-height: 1;
}
.fixed .pagenav{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}
.fixed .pagenavlist_item a{
	color: #fff;
	background-color: #00afc4;
}
@media screen and (max-width: 759px) {
	.pagenav{
		padding: 1px;
		background: #00afc4;
	}	
	.pagenav .inner{
		padding: 0;
	}
	.pagenavlist_item-txt span{
		display: none;
	}
	.pagenavlist_item a > .m-ico{
		margin: -3px 0;
	}
	.fixed .pagenavlist_item:not(:first-child):before{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		content: "";
		display: inline-block;
		width: 1px;
		height: 60%;
		background: #a4dae1;
	}
}
@media screen and (min-width: 760px) {
	.pagenav{
		margin-top: -30px;
	}
	.pagenavlist{
		margin-left: -10px;
	}
	.pagenavlist_item{
		margin-left: 10px;
		width: calc(100% - 10px);
	}
	.pagenavlist_item a{
		padding: 10px 10px 0;
		min-height: 107px;
		border-radius: 8px;
	}
	.pagenavlist_item:hover a{
		opacity: 1;
		background: #eef7f8;
	}
	.pagenavlist_item-box{
		font-size: 1.6rem;
	}
	.pagenavlist_item-txt em{
		display: inline-block;
		padding: 10px 0;
		font-size: 2.0rem;
	}
	.pagenavlist_item .m-ico.-search{
		font-size: 3.5rem;
	}
	.fixed .pagenav{
		margin-top: 0;
		width: 100%;
		background: #00afc4;
	}
	.fixed .pagenavlist{
		/*width: calc(100% - 230px);*/
	}
	.fixed .pagenavlist_item{
		margin-left: 0;
		width: 100%;
		border-radius: 0;
	}
	.fixed .pagenavlist_item a{
		min-height: 70px;
	}
	.fixed .pagenavlist_item:not(:first-child):before{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		content: "";
		display: inline-block;
		width: 1px;
		height: 60%;
		background: #a4dae1;
	}
	
	.fixed .pagenavlist_item a{
		padding: 5px;
		color: #fff;
		border-radius: 0;
		background-color: #00afc4;
	}
	.fixed .pagenavlist_item:hover a{
		background: #66cfdc;
	}
	
	.fixed .pagenavlist_item-txt em{
		padding: 0;
		font-size: 1.6rem;
	}
}

.pagenav-dept{
	display: none;
	width: 200px;
}

/* pulldown */
.form-select{
	position: relative;
	display: inline-block;
	width: 100%;
}
.form-dropdown_title{
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 10px;
	width: 100%;
	height: 48px;
	min-height: calc(1em + 31px);
	text-align: left;
	text-overflow: ellipsis;
	line-height: 1;
	color: #00AEC3!important;
	border: 2px solid #00AEC3;
	outline: 0;
	background: #fff;
	border-radius: 5px;
}
.fixed .pagenav-dept{
	display: block;
}
.form-dropdown_title .m-ico{
	color: #00AEC3;
	transition: .2s;
	transform: rotateZ(0) scale(1.5);
}
.form-dropdown_title[aria-expanded=true] .m-ico{
	transform: rotateZ(180deg) scale(1.5);
}
.form-dropdown_list{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	opacity: 0;
	border-bottom: 1px solid #bcbdc2;
	transition: opacity .3s ease-in-out;
}
.form-dropdown_list[aria-hidden=false]{
	display: block;
	height: auto;
	background: #fff;
	opacity: 1;
}
.pagenav-dept{
	display: none;
}
.pagenav-dept .deptchange-list{
	display: none;
}
.pagenav-dept .deptchange-list{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	opacity: 0;
	border-radius: 5px;
	border-top: 1px solid #00AEC3;
	border-bottom: 1px solid #00AEC3;
	transition: opacity .3s ease-in-out;
}
.pagenav-dept .deptchange-list[aria-hidden=false]{
	display: block;
	height: auto;
	background: #fff;
	opacity: 1;
}
.pagenav-dept .deptchange-item{
	padding: 13px 10px;
	line-height: 1.4;
	border-right: 1px solid #00AEC3;
	border-left: 1px solid #00AEC3;
	background: #fff;
}
.pagenav-dept .deptchange-item:not(.is-active) {
    cursor: pointer;
}
.pagenav-dept .deptchange-item.is-active, .pagenav-dept .deptchange-item:not(.is-active):hover{
	background: #e0fcff;
}
@media screen and (max-width: 759px) {
	.pagenav-dept{
		position: absolute;
		right: 5px;
		top: 70px;
		font-size: 1.4rem;
		width: 120px;
	}
	.fixed .pagenav-dept{
		display: block;
	}
}
@media screen and (min-width: 760px) {
	.pagenav-dept{
		width: 200px;
	}
	.form-dropdown_title{
		padding: 13px 20px;
		color: #323743!important;
	}
	.pagenav-dept .deptchange-item{
		padding: 13px 17px;
	}
}

/*  キービジュアル下バナー
============================================================================= */
.head-bn{
	padding: 20px 10px 0;
	text-align: center;
}
.head-bn_txt{
	margin-bottom: 10px;
}
.head-bn img{
	width: inherit;;
	max-width: 100%;
}
.head-bn a{
	transition: opacity 0.2s ease;
}

@media print, screen and (max-width: 759px) {
	.head-bn_pc{
		display: none;
	}
}

@media print, screen and (min-width: 760px) {
	.head-bn{
		padding: 50px 0 0;
	}
	.head-bn_sp{
		display: none;
	}
	.head-bn a:hover{
		opacity: .6;
	}
}




/*  費用から探す
============================================================================= */

.sect.-cost .sect-sub.-dotline{
	margin-top: 16px;
	padding-top: 30px;
	border-top: dotted 2px #eee;
}
@media screen and (min-width: 760px) {
	.sect.-cost .sect-sub.-dotline{
		margin-top: 50px;
		padding-top: 50px;
	}
}

.sect.-cost .inner{
	position: relative;
}
.sect.-cost .inner:before{
	position: absolute;
	left: 0;
	top: -20px;
	z-index: -1;
	content: "";
	display: inline-block;
	width: 70%;
	height: 0;
	padding-top: calc(77 / 734 * 70%);
	background: url("/gakusei/kaigai/_images/h2_checkourtour.svg") center / 100% auto no-repeat;
}




/* 発地切り替えボタン */
div:not(.pagenav-dept) > .deptchange{
	/*display: none;*/
	margin-top: 30px;
}
div:not(.pagenav-dept) > .deptchange .deptchange-list{
	display: flex;
	flex-wrap: wrap;
	margin: -5px 0 0 -5px;
}
div:not(.pagenav-dept) > .deptchange .deptchange-item{
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin: 5px 0 0 5px;
	padding: 5px;
	width: calc(100% / 4 - 5px);
	color: #00afc4;
	border-radius: 50vw;
	border: solid 1px #777;
	background: #fff;
	transition: background-color 0.4s ease;
}
div:not(.pagenav-dept) > .deptchange .deptchange-item:not(.is-active){
	cursor: pointer;
}
div:not(.pagenav-dept) > .deptchange .deptchange-item.is-active{
	color: #fff;
	border-color: #00AEC3;
	background: #00AEC3;
}
div:not(.pagenav-dept) > .deptchange .deptchange-box{
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
}
div:not(.pagenav-dept) > .deptchange .deptchange-box:before{
	font-size: 1.3rem;
	font-weight: normal;
}
div:not(.pagenav-dept) > .deptchange .deptchange-item[data-dept="SPK"] .deptchange-box:before{ content: "Hokkaido"; }
div:not(.pagenav-dept) > .deptchange .deptchange-item[data-dept="SDJ"] .deptchange-box:before{ content: "Tohoku"; }
div:not(.pagenav-dept) > .deptchange .deptchange-item[data-dept="TYO"] .deptchange-box:before{ content: "Tokyo"; }
div:not(.pagenav-dept) > .deptchange .deptchange-item[data-dept="NGO"] .deptchange-box:before{ content: "Chubu"; }
div:not(.pagenav-dept) > .deptchange .deptchange-item[data-dept="OSA"] .deptchange-box:before{ content: "Kansai"; }
div:not(.pagenav-dept) > .deptchange .deptchange-item[data-dept="FUK"] .deptchange-box:before{ content: "Kyushu"; }

div:not(.pagenav-dept) > .deptchange .deptchange-box span{
	font-weight: bold;
}


.cost-ttl em{
	display: inline-block;
	margin-top: 5px;
	color: #00afc4;
	font-size: 2.4rem;
	font-weight: bold;
}
.cost-ttl_sub{
	position: relative;
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.cost-ttl_sub:before, .cost-ttl_sub:after{
	position: relative;
	content: "";
	display: block;
	width: 3px;
	border-radius: 3px;
	background: #323743;
}
.cost-ttl_sub:before{
	margin-right: 20px;
	transform:rotate(-20deg);
}
.cost-ttl_sub:after{
	margin-left: 20px;
	transform:rotate(20deg);
}


@media screen and (max-width: 759px){
	.sect-sub.-tour{
		margin-top: 30px;
	}
}


@media screen and (max-width: 759px) {
	.sect-sub.-landcrouse .ttl_main{
		display: inline-flex;
		flex-direction: column-reverse;
	}
	.sect-sub.-landcrouse .ttl_sub{
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 760px) {
	.sect.-cost .inner:before{
		top: -65px;
		width: 734px;
		height: 77px;
		padding-top: 0;
	}

	.sect.-cost .sect-sub{
		margin-top: 50px;
		padding-top: 50px;
	}

	/* 発地切り替えボタン */
	div:not(.pagenav-dept) > .deptchange{
		display: block;
	}
	div:not(.pagenav-dept) > .deptchange .deptchange-list{
		flex-wrap: nowrap;
		margin: 0 0 0 -10px;
	}
	div:not(.pagenav-dept) > .deptchange .deptchange-item{
		margin: 0 0 0 10px;
		padding: 10px;
		width: 100%;
	}
	div:not(.pagenav-dept) > .deptchange .deptchange-item:not(.is-active):hover{
		background-color: #e0fcff;
	}
	div:not(.pagenav-dept) > .deptchange .deptchange-box{
		font-size: 2.0rem;
	}

	.cost-ttl em{
		font-size: 4.5rem;
	}
	.cost-ttl_sub{
		font-size: 2.2rem;
	}
}


/*  商品の特徴
============================================================================= */
.about-head{
	margin: 30px auto 0;
	width: 100%;
	max-width: 1100px;
}
.about-headlist{
	display: flex;
	flex-wrap: wrap;
	margin: -5px 0 0 -5px;
}
.about-headlist_item{
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	margin: 5px 0 0 5px;
	padding: 10px;
	width: calc(100% / 2 - 5px);
	min-height: 50px;
	line-height: 1.4;
	border: solid 1px #ccc;
	background: #fff;
}
@media screen and (max-width: 999px) {
	.about-headlist_item{
		font-size: 1.4rem;
	}
	.about-headlist_item br{
		display: none;
	}
	.about-headlist.-hotel .about-headlist_item:last-child{
		width: calc(100% - 5px);
	}
}
.about-head_box{
	flex: 1;
}
.about-headlist .m-ico{
	margin-right: 10px;
	font-size: 2.0rem;
	color: #888;
}
.about-headbt{
	margin-top: 15px;
	text-align: center;
}
.about-headbt a{
	color: #3498DB;
	font-weight: bold;
}
.about-headbt span{
	position: relative;
	line-height: 1;
	font-weight: bold;
}
@media screen and (min-width: 1000px){
	.about-head{
		margin: 50px auto 0;
	}
	.about-headlist{
		flex-wrap: nowrap;
		margin: 0 0 0 -20px;
	}
	.about-headlist li{
		margin: 0 0 0 40px;
		width: 100%;
		min-height: 75px;
		border-radius: 5px;
		border: solid 1px #ccc;
	}
	.about-headlist.-ovsdp li:nth-child(-n+2){
		width: calc(45% / 2 - 40px);
	}
	.about-headlist.-ovsdp li:nth-child(n+3){
		width: calc(55% / 2 - 40px);
	}
	.about-headlist.-hotel li:nth-child(-n+2){
		width: calc(50% / 2 - 40px);
	}
	.about-headlist.-hotel li:nth-child(n+3){
		width: calc(50% - 40px);
	}
	.about-headlist li:not(:first-child):after{
		position: absolute;
		right: calc(100% + 7px);
		top: 50%;
		transform: translateY(-50%);
		content: "\e145";
		font-family: 'Material Icons Round';
		font-size: 2.6rem;
	}
	.about-headlist .m-ico{
		font-size: 2.6rem;
	}
	.about-headbt{
		margin-top: 30px;
	}
}


/*  ランドクルーズ
============================================================================= */
.landcrouse-head{
	margin-top: 20px;
}
.landcrouse-headlist{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 0 -5px;
}
.landcrouse-headlist_item{
	position: relative;
    display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
	
	margin: 5px 0 0 5px;
	padding: 5px;
	width: calc(100% / 2 - 5px);
	font-size: 1.4rem;
    border-radius: 5px;
	border: solid 1px #ddd;
}
.landcrouse-headlist_item .m-ico{
	margin-right: 5px;
    font-size: 2.6rem;
	color: #888;
}
.landcrouse-head_link{
	margin-top: 20px;
	text-align: center;
}
.landcrouse-head_link a{
	text-decoration: none;
	font-weight: bold;
}

@media screen and (max-width: 759px) {
	.landcrouse-head_box{
		flex: 1;
	}
	.landcrouse-head_box span{
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1.3;
	}
}

@media screen and (min-width: 760px) {
	.landcrouse-head{
		margin-top: 30px;
	}
	.landcrouse-headlist{
		flex-wrap: nowrap;
		margin: 0 0 0 -40px;
	}
	.landcrouse-headlist_item{
		margin: 0 0 0 40px;
		padding: 10px;
		width: inherit;
		min-width: 150px;
		min-height: 75px;
		font-size: 100%;
	}
	.landcrouse-headlist_item:not(:first-child):after {
		position: absolute;
		right: calc(100% + 7px);
		top: 50%;
		transform: translateY(-50%);
		content: "\e145";
		font-family: 'Material Icons Round';
		font-size: 2.6rem;
	}
	.landcrouse-headlist_item .m-ico {
		margin-right: 10px;
	}
	.landcrouse-head_link{
		margin-top: 30px;
	}
}


/*  費用から探す カセット
============================================================================= */

.costCassette_item{
	position: relative;
	margin-top: 15px;
	display:flex !important;
    scroll-snap-align:start;
}
.costCassette_item a{
	position: relative;
	z-index: 1;
	display: block;
	padding-bottom: 20px;
	border-radius: 15px;
	transition: opacity 0.2s;
	overflow: hidden;
	width:100%;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
}

.costCassette-ttl{
	padding: 8px;
	font-weight: bold;
	/*background: #fcebf1;*/
	/*background: repeating-linear-gradient(-45deg, rgba(127, 214, 225, 90%), rgba(127, 214, 225, 90%) 2px, rgba(127, 214, 225, 100%) 2px, rgba(127, 214, 225, 100%) 4px);*/
}
/*.sect-sub.-supportplan .costCassette-ttl{ background: repeating-linear-gradient(-45deg, rgba(248, 226, 78, 90%), rgba(248, 226, 78, 90%) 2px, rgba(248, 226, 78, 100%) 2px, rgba(248, 226, 78, 100%) 4px); }
.sect-sub.-tour .costCassette-ttl{ background: repeating-linear-gradient(-45deg, rgba(127, 218, 244, 90%), rgba(127, 218, 244, 90%) 2px, rgba(127, 218, 244, 100%) 2px, rgba(127, 218, 244, 100%) 4px); }
.sect-sub.-escort .costCassette-ttl{ background: repeating-linear-gradient(-45deg, rgba(196, 163, 246, 80%), rgba(196, 163, 246, 80%) 2px, rgba(196, 163, 246, 90%) 2px, rgba(196, 163, 246, 90%) 4px); }
.sect-sub.-landcrouse .costCassette-ttl{ background: repeating-linear-gradient(-45deg, rgba(243, 151, 160, 90%), rgba(243, 151, 160, 90%) 2px, rgba(243, 151, 160, 100%) 2px, rgba(243, 151, 160, 100%) 4px); }*/

.costCassette-ttl span{
	font-weight: bold;
	font-size: 16px;
}
.costCassette-ttl span.logo {
    display: inline-flex;
    align-items: center;
    /*height: 100%;*/
    margin-right: 5px;
}

.costCassette-body{
	padding: 8px;
}
.costCassette-icon{
	display: flex;
	margin-left: -5px;
}
.costCassette-icon_item{
	margin-left: 5px;
	padding: 4px 10px;
	color: #00AEC3;
	font-size: 1.2rem;
	line-height: 1;
	border-radius: 50vw;
	border: solid 1px #00AEC3;
	background: #fff;
}
.costCassette-detailslist{
	margin-top: 10px;
	font-size: 1.2rem;
}
.costCassette-detailslist_item{
	display: flex;
	align-items: flex-start;
}

.costCassette-detailslist_item .m-ico{
	position: relative;
	top: -3px;
	margin-right: .4em;
	color: #6B6E71;
	font-size: 1.8rem;
}
.costCassette-detailstxt{
	margin-top: 5px;
	font-size: 1.2rem;
}
.costCassette-price{
	margin: 0 8px;
	padding-top: 5px;
	font-size: 1.2rem;
	
	text-align: center;
}
.costCassette-price_txt{
	color: #ff001a;
	font-size: 1.6rem;
	font-weight: bold;
}
.costCassette-price_num{
	font-size: 2.2rem;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.costCassette-conditions{
	margin: 10px 15px 10px;
}

.costCassette-conditions li{
	display: flex;
	font-size: 1.2rem;
}
.costCassette-conditions li:before{
	content: "※";
	margin-right: .2em;
}
.costCassette-bt{
	position: relative;
	margin: 15px auto 0;
	padding: 10px;
	max-width: 250px;
	color: #00afc4;
	text-align: center;
	font-weight: bold;
	border-radius: 50vw;
	border: solid 2px #00afc4;
	background: #fff;
}
.costCassette-bt .m-ico{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
	width: 1em;
	height: 1em;
	color: #fff;
	font-size: 2.0rem;
	line-height: 1;
	border-radius: 50vw;
	background: #00afc4;
}
.costCassette-bt .m-ico:before{
	top: 0;
}

.costCassette.-supportplan .costCassette-price{
	border-top: none;
}
.costCassette.-supportplan .costCassette-conditions{
	margin-top: 0;
}
.costCassette-other{
	margin: 10px 20px 0;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}
.costCassette-other_txt{
	color: #00AEC3;
	font-size: 1.4rem;
}

@media screen and (min-width: 760px) {
	.costCassette{
		display: flex;
		flex-wrap: wrap;
		margin: 15px 0 0 -25px;
	}
	.costCassette_item{
		margin: 8px 0 0 8px;
		width: calc(100% / 3 - 25px);
	}

	.costCassette-detailslist_item:not(:first-child){
		/*margin-top: 5px;*/
	}
	.costCassette-bt{
		padding: 15px;
	}
}

/*  ベストシーズン
============================================================================= */
.seasonList{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px
}
.seasonList_item{
	margin: 5px 0 0 5px;
	width: calc(100% / 4 - 5px);
}
.seasonList_item a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 5px;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	border-radius: 20px;
	border: solid 3px #000;
	background: #fff;
	transition: opacity 0.3s ease;
}
.seasonList_item span{
	color: #999;
	font-size: 1.2rem;
	line-height: 1.3;
}
.seasonList_item.-spring a{ border-color: #ff99ac; }
.seasonList_item.-summer a{ border-color: #fedd00; }
.seasonList_item.-autumn a{ border-color: #f07206; }
.seasonList_item.-winter a{ border-color: #78def8; }

@media print, screen and (min-width: 760px) {
	.seasonList{
		flex-wrap: nowrap;
		margin: 40px 0 0 -10px;
	}
	.seasonList_item{
		margin: 10px 0 0 10px;
		width: calc(100% / 12 - 10px);
	}
	.seasonList_item a{
		padding: 20px 5px;
		border-width: 4px;
	}
	.seasonList_item a:hover{
		opacity: .6;
	}
}

































/*  クーポン
============================================================================= */
.-gakuseisupport{
	margin-top: 30px;
	padding: 30px 0;
	background-color: #f3fcfa;
	background-image: linear-gradient(#e9f5f9 2px, transparent 2px), linear-gradient(to right, #e9f5f9 2px, #f5fbfd 2px);
	background-size: 4px 4px;
}
.-gakuseisupport .sect-sub{
    margin-top: 30px;
}
.-gakuseisupport .sect-sub:first-child{
    margin-top: 24px;
	padding: 24px 0;
}
.-gakuseisupport .kome{
	justify-content: center;
	margin-top: 10px;
}

.-coupon .ttl{
	display: flex;
	align-items: center;
	font-weight: bold;
    color: rgba(0, 0, 0, 0);
	font-size: 2.2rem;
    text-shadow: 1px 2px 0 #ffb1cd;
    -webkit-text-stroke: 1px #888;
    text-stroke: 1px #888;
}
.-coupon .ttl:before, .-coupon .ttl:after{
	content: "";
	flex: 1;
	border-top: dotted 5px #ffb1cd;
}
.-coupon .ttl:before{
	margin-right: 10px;
}
.-coupon .ttl:after{
	margin-left: 10px;
}

.couponCassette{
	margin-top: 10px;
}
.couponCassette_item{
	position: relative;
	margin-top: 15px;
	display: inline-flex;
	width: calc(100% / 2 - 3px );
}
.couponCassette_item a{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
	border-radius: 15px;
	background: #fff;
	transition: opacity 0.2s;
	overflow: hidden;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
}


.couponCassette_head {
    position: relative;
    order: -1;
    padding: 10px;
    font-weight: bold;
    background: #fcebf1;
    border-bottom: dashed 1px #eab0c5;
    background-color: #ff7896;}

.couponCassette_head .m-ico{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: 5px;
    transform: translateY(-50%);
	color: #facbdc;
    font-size: 8.0rem;
    font-weight: normal;
    line-height: 1;
}
	
.couponCassette_iconlist{
	position: relative;
	z-index: 1;
	display: flex;
	margin: -3px 0 0 -3px;
}
.couponCassette_iconlist_item{
	margin: 3px 0 0 3px;
	padding: 5px 10px;
	line-height: 1;
	font-size: 1.4rem;
	border-radius: 50vw;
	background: #fff;
}
.couponCassette_txt{
	position: relative;
	z-index: 1;
	margin-top: 5px;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
}
.couponCassette_txt em{
	font-size: 3.0rem;
	font-weight: bold;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.couponCassette_ttl{
	margin: 10px 15px 0;
	/*font-weight: bold;*/
}
.couponCassette_datelist{
	margin: 10px 15px 0;
	font-size: 1.4rem;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.5em;
    /* row-gap: 0.5em; */
    align-items: center;
}
.couponCassette_datelist dt{
	margin-top: 5px;
}
.couponCassette_datelist dt:after{
	content: "：";
	margin-left: 5px;
}
.couponCassette_datelist dd{
	margin-left: 0em;
}

@media screen and (min-width: 760px) {
.couponCassette_datelist dd{
	margin-left: 1em;
}}

.-coupon .fbtn{
	margin-top: 10px;
}
.-coupon .fbtn a{
	color: #f498b9;
	border-color: #f498b9;
	border-bottom-width: 3px;
	border-right-width: 3px;
}

@media screen and (min-width: 760px) {
	.-gakuseisupport{
		margin-top: 50px;
		padding: 16px 0;
	}
	.-gakuseisupport .sect-sub{
		margin-top: 16px;
	}
	.-gakuseisupport .kome{
		margin-top: 30px;
	}
	.-coupon .ttl{
		font-size: 4.0rem;
	}
	.-coupon .ttl:before{
		margin-right: 30px;
	}
	.-coupon .ttl:after{
		margin-left: 30px;
	}

	.couponCassette{
		display: flex;
		flex-wrap: wrap;
		margin: 10px 0 0 -10px;
	}
	.couponCassette_item{
		margin: 10px 0 0 10px;
		width: calc(100% / 4 - 10px);
	}
	.couponCassette_head .m-ico{
		right: inherit;
		left: 50%;
		top: 50%;
		margin-top: 10px;
		transform: translate(-50%, -50%);
		font-size: 8.0rem;
	}
	.couponCassette_item a{
		height: 100%;
	}
	.couponCassette_item a:hover{
	}
	.couponCassette_head{
		padding: 10px 15px;
	}

	.couponCassette-bt{
		padding: 15px;
	}
	.couponCassette_ttl{
		flex: 1;
		font-size: 14px;
	}
	.-coupon .fbtn{
		margin-top: 10px;
	}
}


/*  キャンペーン
============================================================================= */
.-campaign .ttl{
	display: flex;
	align-items: center;
	font-weight: bold;
    color: rgba(0, 0, 0, 0);
	font-size: 2.2rem;
    text-shadow: 1px 2px 0 #a3c51f;
    -webkit-text-stroke: 1px #888;
    text-stroke: 1px #888;
}
.-campaign .ttl:before, .-campaign .ttl:after{
	content: "";
	flex: 1;
	border-top: dotted 5px #a3c51f;
}
.-campaign .ttl:before{
	margin-right: 10px;
}
.-campaign .ttl:after{
	margin-left: 10px;
}
.campaignCassette{
	margin-top: 10px;
}
.campaignCassette_item{
	position: relative;
	margin-top: 25px;
	padding: 30px 20px 20px;
	border-radius: 5px;
	background: #fff;
}
.campaignCassette_fuki{
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	font-size: 1.4rem;
	width: calc(100% - 40px);
	transform: translateY(-50%);
}
.campaignCassette_box{
	display: flex;
	flex-direction: row-reverse;
}
.campaignCassette_fuki span{
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	border-radius: 50vw;
	background: #a3c51f;
}
.campaignCassette_txt{
	flex: 1;
	margin-left: 15px;
	font-size: 1.4rem;
}
.campaignCassette_icon{
	margin-top: -10px;
	width: 30px;
}
.-campaign .fbtn{
	margin-top: 10px;
}
.-campaign .fbtn a{
	color: #a3c51f;
	border-color: #a3c51f;
	border-bottom-width: 3px;
	border-right-width: 3px;
}


@media screen and (min-width: 760px) {
	.-campaign .ttl{
		font-size: 4.0rem;
	}
	.-campaign .ttl:before{
		margin-right: 30px;
	}
	.-campaign .ttl:after{
		margin-left: 30px;
	}

	.campaignCassette{
		display: flex;
		flex-wrap: wrap;
		margin: 40px 0 0 -10px;
	}
	.campaignCassette_item{
		margin: 10px 0 0 10px;
		width: calc(100% / 3 - 10px);
	}
	.campaignCassette_fuki,
	.campaignCassette_txt{
		font-size: 100%;
	}
	.campaignCassette_icon{
		margin-top: 0;
		width: 50px;
	}
	.-campaign .fbtn{
		margin-top: 10px;
	}
}


/*  パンフレット
============================================================================= */
.sect.-pamphlet .ttl-main em{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sect.-pamphlet .ttl-main em img{
	position: relative;
	top: -2px;
	margin-right: 10px;
	width: 50px;
	vertical-align: bottom;
}

.pamphletCassette{
	margin-top: 10px;
}
.pamphletCassette_item{
	position: relative;
	margin-top: 15px;
}
.pamphletCassette_item a{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
	padding: 15px;
	height: 100%;
	border: solid 1px #777;
	border-radius: 5px;
	border-right: solid 3px #777;
	border-bottom: solid 3px #777;
	background: #fff;
	transition: opacity 0.2s;
	overflow: hidden;
}
.pamphletCassette_box{
	display: flex;
	flex-direction: row-reverse;
	flex: 1;
}
.pamphletCassette_body{
	flex: 1;
	margin-left: 20px;
}
.pamphletCassette_img{
	width: 80px;
}
.pamphletCassette_ttl{
	font-size: 1.4rem;
}
.pamphletCassette_ttl em{
	display: inline-block;
	margin-top: 5px;
	font-size: 1.8rem;
	font-weight: bold;
}
.pamphletCassette_txt{
	margin-top: 20px;
	font-size: 1.4rem;
}
.pamphletCassette-bt{
	position: relative;
    margin: 15px auto 0;
    padding: 10px;
	width: 100%;
    max-width: 300px;
    color: #00afc4;
    text-align: center;
    font-weight: bold;
    border-radius: 50vw;
    border: solid 2px #00afc4;
    background: #fff;
}
.pamphletCassette-bt .m-ico {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    width: 1em;
    height: 1em;
    color: #fff;
    font-size: 2.0rem;
    line-height: 1;
    border-radius: 50vw;
    background: #00afc4;
}

@media screen and (min-width: 760px) {
	.pamphletCassette{
		display: flex;
		flex-wrap: wrap;
		margin: 40px 0 0 -10px;
	}
	.pamphletCassette_item{
		margin: 25px 0 0 25px;
		width: calc(100% / 2 - 25px);
	}
	.pamphletCassette_item a{
		padding: 20px;
	}
	.pamphletCassette_img{
		width: 150px;
	}
	.pamphletCassette_ttl{
		text-align: center;
		font-size: 100%;
	}
	.pamphletCassette_ttl em{
		font-size: 2.2rem;
	}
	.pamphletCassette_txt{
		font-size: 100%;
	}

	.pamphletCassette-bt{
		padding: 15px;
	}

}




/*  検索
============================================================================= */
.sect.-search{
	background: #e0fcff;
}
.search-wrap{
	margin-top: 30px;
}
.search-tab{
	display: flex;
	margin-left: -5px;
	padding: 0 10px;
}
.search-tab_item{
	margin-left: 5px;
}
.search-tab_item-box{
	display: flex;
	align-items: center;
	padding: 5px 10px;
	height: 100%;
	min-height: 50px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
}
@media print, screen and (max-width: 759px) {
	.search-tab_item-box{
		font-size: 1.4rem;
	}
}
.is-active .search-tab_item-box{
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: rgba(255,255,255,.95);
}
.search-tab_item:not(.is-active) .search-tab_item-box{
	color: #fff;
	background: #999;
}


.js-tab_search .mva-search_tabitem{
	display: none;
}
.js-tab_search .search-tab_item .search-tab_item-box{
	transition: background 0.3s;
}

@media print, screen and (min-width: 760px) {
	.search-wrap{
		margin-top: 30px;
	}

	.area-search{
		padding-top: 50px;
	}
	.search-tab{
		padding: 0;
	}
	.search-tab_item-box{
		padding: 5px 30px;
	}
	.is-active .search-tab_item-box{
		border: none;
	}
	.js-tab_search .search-tab_item:not(.is-active) .search-tab_item-box{
		cursor: pointer;
	}
	.js-tab_search .search-tab_item:not(.is-active):hover .search-tab_item-box{
		background: #afafaf;
	}
	
}

/* 海外DP */
.searchtour .main-content{
	padding: 11px 20px 20px;
	border-radius: 0 4px 4px 4px;
    background-color: rgba(255,255,255,.95);
}
@media print, screen and (max-width: 759px) {
	.searchtour .main-content{
		margin-top: -1px;
		padding: 15px;
		border-radius: 0;
		border-top: solid 1px #ccc;
	}
}

/* 海外添乗員同行 */
.searchescort .main-content{
	padding: 11px 20px 20px;
	border-radius: 0 4px 4px 4px;
    background-color: rgba(255,255,255,.95);
}
.searchescort .main-content *:before,.searchescort .main-content *:after{
	box-sizing: border-box;
}
.jtb__device--sp #kaigai_search_area, .jtb__device--sp #kaigai_search_escort{
	padding: 20px 10px;
}
.T-un_topTourSearch .JTB-el_input__body{
	background: #fff;
}

@media print, screen and (max-width: 759px) {
	.searchescort .main-content{
		margin-top: -1px;
		padding: 15px;
		border-radius: 0;
		border-top: solid 1px #ccc;
	}
}




/*  他商材への導線
============================================================================= */
.sect.-other{
	background: #e0fcff;
}
.other-list{
	margin-top: 30px;
}
.other-list_item{
	margin-top: 10px;
}
.other-list_item a{
	position: relative;
	z-index: 1;
	display: block;
	padding: 15px 20px;
	text-align: center;
	color: #00afc4;
	font-weight: bold;
	border-radius: 50vw;
	border: solid 1px #777;
	background: #fff;
}
.other-list_item a .m-ico{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 3.0rem;
	line-height: 1;
}

@media screen and (min-width: 760px) {
	.other-list{
		display: flex;
		flex-wrap: wrap;
		margin: 30px 0 0 -30px;
	}
	.other-list_item{
		margin: 30px 0 0 30px;
		width: calc(100% / 3 - 30px);
	}
	.other-list_item a{
		font-size: 2.0rem;
	}
	.other-list_item a:hover{
		opacity: .6;
	}
}


/*画像高さ調整*/
@media print, screen and (max-width: 759px){
.costCassette_item figure img{
	height: 200px;
}
}
.costCassette_item figure{
    width:100%;
    aspect-ratio: 4 / 3;
    overflow:hidden;
}

.costCassette_item figure img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.costCassette_item > a{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}
.costCassette-detailstxt{
   min-height: 4.8em;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    border-top: solid 1px #7777778c;
    padding-top: 15px;
}

/*追加　20240912*/

/*キーワード*/
.c-keyword__list { 
	display: flex; 
	flex-wrap: wrap; 
	margin-top: 1em; 
	/*justify-content: center;*/
	 }
.c-keyword__list .c-word { 
	align-items: center; 
	background-color: #fff; 
	border: 2px solid #00aec3; 
	border-radius: 100vh; 
	display: inline-flex; 
	height: 3.5em; 
	justify-content: center; 
	margin: .5em .25em; 
	padding: 0 1.75em; 
	color: #00aec3;
	}
.c-keyword__list .c-word span { font-weight: 700; }
/*.c-keyword__list .c-word span::before { content: "＃" !important; padding-right: .25em; }*/
.c-word:hover { background-color: #00aec3 !important; color:#fff !important; }

.keyword_ttl{
	font-weight: bold;
    text-align: center;
    font-size: 3.2rem;
    padding: 50px 20px 20px 20px;
    color: #00aec3;
    }

.sma{display: none;}

  
@media screen and (max-width: 759px) {

.keyword_ttl {
    font-size: 2.0rem;
}

    .c-keyword__list .c-word {
        border: 1px solid;
        height: 2.75em;
        margin: 0 .25em .25em 0;
        padding: 0 1em;
    }

}

/*パンフレット*/
.pamph_ttl{
	font-weight: bold;
    text-align: center;
    font-size: 3.2rem;
    padding: 30px 20px 20px 20px;
    color: #00aec3;
    }

.pamph_box{
	padding: 40px;
    display: inline-flex;
    width: 100%;
    border: solid 1px #00aec3;
    border-radius: 10px;
    background: #eafafb;
    }
.pamph_img{text-align:center;}
.pamph_txt{font-size: 1.5em; padding: 10px 50px;}
.pamph_txt_ttl{font-weight: bold; font-size: 2.4rem; padding: 10px 0 20px;}
.pamph_txt span{font-weight: bold;font-size:100%;}
.pamph_txt ul li { text-indent:-1em; padding-left:1em;font-size: 70%;}

@media screen and (max-width: 759px) {
.pamph_img img {width: 60%; height: auto;}
.pamph_box {display: block; padding: 20px;}
.pamph_ttl{font-size: 2.0rem; padding: 20px;}
.pamph_txt{font-size: 1.0em; padding: 0;}
.pamph_txt_ttl {font-size: 1.8rem;}
.pamph_txt ul li,.pamph_txt span { font-size: 14px;}
}





/*ウィンターSP*/
p.kome {text-indent: 0;}

/*エスコート　パンフレット*/
.esc .pamph_ttl{
    color: #b68cf5;
    }

.esc .pamph_box{
    border: solid 1px #b68cf5;
	background: #e9defa40;
    }
.esc_link{max-width: 600px;}

.recpamph-sect__bookbt{width: 100%;}

.esc .pamph_box .file img {
        width: 60%;
        height: auto;
    }


@media screen and (max-width: 759px) {
.esc_link a {padding: 15px 30px;}
.recpamph-sect__bookbt {width: 60%;}

}



.swiper-slide {
    flex-shrink: 0;
    height: auto !important;
    position: relative;
    transition-property: transform;
    display: block;
    width: 394.667px;
    margin-right: 8px;
}

@media screen and (max-width: 959px) {
    .mv-caption {
        font-size: 0.9rem;
        top: 57%;
    }
}

@media screen and (max-width: 759px) {
    .pagenav .inner {
        padding: 0!important;
    }
}

@media screen and (max-width: 759px) {
.ttl-main {
    position: relative;
    text-align: center;
    margin-top: 10px!important;
}}

/*記事*/
@media print, screen and (min-width: 960px) {
    .tipsCassette_itemTtl {
        font-size: 1.4rem!important;
        text-align: left;
    }
}

/*CPNバナー*/
.cpn-cas {
    margin-top: 20px!important;
}
.cpn-bn {
    margin-top: 30px;
}
@media screen and (max-width: 759px) {
.tipsCassette_itemContent {
    width: calc(55% - 8px);
    display: flex;
    flex-direction: column;
    padding-left: 4px;
}}




/*調整20260902*/
@media screen and (min-width: 760px) {
    .couponCassette_ttl {
        flex: 1;
        font-size: 14px;
        color: #000;
        line-height: 1.4;
        color: rgb(50, 55, 67);
    }
}

.m-ico:before {
    position: relative;
    font-family: 'Material Icons Round';
    content: attr(data-icon);
    font-size: 1.6rem;
}
a.ga-dp {
    /*height: 640px;*/
}

@media screen and (min-width: 760px) {
	.costCassette_item{
	display:block !important;
	flex:0 0 calc((100% - 40px) / 3) !important;
	width:auto !important;
	max-width:300px !important;
	min-width:300px;
	scroll-snap-align:start;
}}

@media screen and (min-width: 760px) {
p.fbtn.MySTYLE_link {
    margin: 24px auto 80px;
}}
@media screen and (max-width: 760px) {
	.costCassette_item{
	display:block !important;
	flex:0 0 88%!important;
	width: 88%!important;
	scroll-snap-align:start;
}}

/* SUPPORT
------------------------------------------------------*/
.support-hd{display:flex;flex-direction:column;gap:16px;margin:0 auto;width:100%;max-width:1000px}.support-hd__block{flex:1;padding:16px;background:#e5f6f5}.support__notes-dt{text-align:center;font-weight:700}.support__notes-dttxt{display:inline-block;font-size:1.6rem;font-weight:700}.support__notes-dd{margin-top:16px}.support__notes-listitem{line-height:1.5}.support__notes-listitem:not(:first-child){margin-top:8px}.support-hd__imgbox{position:relative}.support-bd{margin-top:40px}.support-bd__ttl{text-align:center}.support-cassette{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:16px}.support-cassette__item{display:flex;flex-direction:column;padding:16px;border:solid 1px #dbdbdb;background:#fff}.support-cassette__hd{display:flex;flex-direction:column;line-height:1.5}.support-cassette__hd-ttl{text-align:center;font-size:1.8rem;font-weight:700}.support-cassette__hd-ttl span{font-weight:700}.support-cassette__hd-txt{order:-1;text-align:center;font-size:1.4rem;font-weight:500}.support-cassette__detail{display:flex;flex-direction:row-reverse;gap:8px;margin-top:16px}.support-cassette__detail-bd{flex:1}.support-cassette__detail-txt{line-height:1.5;font-size:1.4rem}.support-cassette__detail-channel{width:100px}.support-cassette__detail-channelico{display:flex;align-items:center;padding:2px 8px;text-align:center;font-size:1.4rem;font-weight:500;border-radius:50vw;background:var(--baselightcolor)}.support-cassette__detail-channelico .m-ico{flex-shrink:0}.support-cassette__detail-channelico span{flex:1;text-align:center;font-weight:700}.support-cassette__detail-channelico:not(:first-child){margin-top:4px}.support-cassette__bditem-btwrap{margin-top:auto;padding-top:16px}.support-cassette__bditem-bt:not(:first-child){margin-top:16px}.support-cassette__bditem-bt-ttl{position:relative;display:inline-block;margin-bottom:8px;padding-left:calc(1.4rem + 8px);font-weight:700}.support-cassette__bditem-bt-ttl-ico{position:absolute;left:0;top:50%;line-height:1;font-size:1.4rem;transform:translateY(-50%) rotate(45deg)}.support-cassette__bditem-bt.-tel .support-cassette__bditem-bt-link{font-size:1.6rem}.support-cassette__bditem-kome{margin-top:16px;text-align:center;font-size:1.2rem}.support-cassette__bditem-kome::before{content:"※";margin-right:4px}.support-bd__att{margin-top:16px;font-size:1.2rem}@media print,screen and (min-width:1000px){.support-hd{flex-direction:row-reverse;gap:32px;margin-top: 32px;}.support-hd__block{padding:32px}.support__notes-dttxt{font-size:2rem}.support__notes-dd{margin-top:16px}.support__notes-listitem{font-size:1.8rem}.support-hd__img{width:40%}.support-cassette{grid-template-columns:repeat(3,1fr);margin-top:24px}.support-cassette__hd-ttl span{font-weight:700}.support-cassette__bditem-bt:not(:first-child){margin-top:8px}.support-cassette__bditem-bt-ttl{margin-bottom:4px;font-weight:700}.support-cassette__bditem-bt-ttl{width:170px}.support-cassette__bditem-bt.-tel .support-cassette__bditem-bt-link{display:inline-flex;pointer-events:none;margin-left:8px;padding:0;min-height:inherit;border:none;box-shadow:none}.support-cassette__bditem-bt.-tel .btn__txt .m-ico{font-size:1.8rem}.support-cassette__bditem-bt.-tel .btn .m-ico.-arrow{display:none}.support-cassette__bditem-kome{display:none}.support-bd__att{font-size:1.4rem;text-align:right}.support.-eur .support-cassette__bditem-bt.-tel{display:flex;flex-direction:column;justify-content:center;align-self:center;min-height:50px;text-align:center;background:#F4F5F5}.support.-eur .support-cassette__bditem-bt.-tel .support-cassette__bditem-bt-link{font-size:2rem;background:none}}

figcaption.caption {position: relative; 
     left: 80%; 
     bottom: 30px; 
     padding: 0 5px; 
     color: #fff; 
     font-size: 1.1rem; 
     line-height: 1.2; 
}


@media screen and (max-width:759px){

  .costCassette{
    width:100%;
    max-width:100%;
    overflow-x:auto;
  }

  .costCassette_item{
    flex:0 0 88% !important;
  }

  

}

.costCassette{
    margin-top:20px;
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    padding:0 8px 20px;
    overflow-x:auto;
    overflow-y:hidden;
    align-items:stretch;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}

html,
main{
	overflow-x:hidden;
}



.sect{margin-top:32px;padding:0}.ttl{font-family:"M PLUS Rounded 1c",sans-serif;text-align:center;line-height:1.3}.ttl_main{position:relative;display:inline;font-size:2.3rem;color:#3681d4;text-shadow:2px 2px 0 #fad859}.ttl_main:before{position:absolute;right:-12px;top:-12px;/*content:""*/;display:inline-block;width:25px;height:22px;background:url(/kaigai/theme/sale/timesale/_images/ttl_bg.png) center / 100% auto no-repeat}.ttl_main span{display:inline-block}.subcontents{margin:-40px auto 0;padding:40px 0 48px;background:#e7f8ff}.moreLink{margin-top:16px;text-align:center}.moreLink a{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;width:100%;min-height:60px;line-height:1.3;color:#fff;font-weight:700;border-radius:0;background:#e98e00;transition:opacity .3s,border-radius .3s}.moreLink a .m-ico{position:absolute;right:8px;top:0;bottom:0;line-height:1;font-size:2.5rem}@media print,screen and (min-width:769px){.sect{margin-top:42px}.ttl_main{font-size:4rem;color:#3681d4;text-shadow:3px 3px 0 #fad859;-webkit-text-stroke:1px #fff}.ttl_main:before{position:absolute;right:-40px;top:-32px;/*content:""*/;display:inline-block;width:67px;height:58px;background:url(/kaigai/theme/sale/timesale/_images/ttl_bg.png) center / 100% auto no-repeat}.subcontents{margin:-160px auto 0;padding:160px 0 80px;background:#e7f8ff}.moreLink{margin:32px auto 0;max-width:600px;width:100%;text-align:center}.moreLink a:hover{opacity:.6;border-radius:30px}}@media print,screen and (min-width:769px){.ttl-timesale{font-family:"M PLUS Rounded 1c",sans-serif;text-align:center;line-height:1.3}.ttl-timesale_main{position:relative;display:inline-flex;flex-direction:column;align-items:center;font-family:"M PLUS Rounded 1c",sans-serif;color:transparent;font-size:7rem;text-align:center;text-shadow:2px 3px 0 #87dcff;-webkit-text-stroke:2px #3681d4}.ttl-timesale_main:before,.ttl-timesale_main:after{position:absolute;top:0;bottom:0;/*content:""*/;display:inline-block;width:194px;height:165px;background:url(/kaigai/theme/sale/timesale/_images/ttl_bg_ribon.png) center / 100% auto no-repeat}.ttl-timesale_main:before{right:calc(100% + 16px)}.ttl-timesale_main:after{left:calc(100% + 16px);transform:scale(-1,1)}}
.contentsbox { margin: 0 auto; padding: 80px 0 100px; background-color: #e7f8ff; }@media screen and (max-width: 768px) { .contentsbox { margin: 0; padding: 24px 0 40px; } }

/*  TOUR
====================================== */
:not(.pagenav-dept)>.deptchange{margin-top:16px;border-radius:8px}:not(.pagenav-dept)>.deptchange .deptchange-item.is-active .deptchange-box:before{border-radius:8px;background:#00b4ff}@media print,screen and (min-width:760px){:not(.pagenav-dept)>.deptchange{margin-top:32px;border-radius:50vw}:not(.pagenav-dept)>.deptchange .deptchange-item.is-active .deptchange-box:before{border-radius:50vw}:not(.pagenav-dept)>.deptchange .deptchange-item.is-active .deptchange-box:after{border-top-color:#00b4ff}:not(.pagenav-dept)>.deptchange .deptchange-item:not(.is-active):after{background:#00b4ff}}.sect.tour{overflow:hidden;position:relative;z-index:1;margin:0;padding:24px 0 40px;/*border-radius:0 0 40vw 40vw / 0 0 40px 40px;*/background-repeat:no-repeat,repeat-y,repeat-y,repeat;background-position:center top,left top,right center,center;background-image:url(/kaigai/theme/sale/timesale/_images/ttl_bg_fubuki.png),url(/kaigai/theme/sale/timesale/_images/timesale_bg.png),url(/kaigai/theme/sale/timesale/_images/timesale_bg_right.png),repeating-linear-gradient(135deg,#e7f8ff,#e7f8ff 20px,#f4fcff 20px,#f4fcff 40px);background-size:auto,20% auto,20% auto,auto}.ttl-timesale{text-align:center}.ttl-timesale_main{position:relative;display:inline-flex;flex-direction:column;align-items:center;font-family:"M PLUS Rounded 1c",sans-serif;color:transparent;line-height:1.3;font-size:3.5rem;text-align:center;text-shadow:2px 2px 0 #87dcff;-webkit-text-stroke:2px #3681d4}.ttl-timesale_main:before,.ttl-timesale_main:after{position:absolute;top:0;bottom:0;content:"";display:inline-block;width:80px;height:68px;background:url(/kaigai/theme/sale/timesale/_images/ttl_bg_ribon.png) center / 100% auto no-repeat}.ttl-timesale_main:before{right:100%}.ttl-timesale_main:after{left:100%;transform:scale(-1,1)}.ttl-timesale_top{text-shadow:2px 2px 0 #ffc900;font-size:2.4rem}.tour-cassette{margin-top:24px}.tour-cassette_item{margin-top:16px;border-radius:16px;background:#fff;overflow:hidden}.tour-cassette_item a{position:relative;display:block;height:100%;line-height:1.5;text-decoration:none!important;background:#fff;transition:opacity 0.3s}.tour-cassette_item.-icon{display:flex;flex-wrap:wrap}.tour-cassette_head{display:flex;flex-direction:column}.tour-cassette_photo{order:-1}.tour-cassette_photo figure{position:relative;overflow:hidden;width:100%;height:0;padding-top:calc(315 / 500 * 100%)!important}.tour-cassette_photo figcaption{position:absolute;right:0;bottom:5px;padding:0 5px;font-size:1.2rem;line-height:1.1rem;color:#fff;text-shadow:1px 1px 0 #333,-1px -1px 0 #333,-1px 1px 0 #333,1px -1px 0 #333,0 1px 0 #333,0-1px 0 #333,-1px 0 0 #333,1px 0 0 #333}.tour-cassette_photo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;vertical-align:bottom}.tour-cassette_name{margin:16px 16px 0;font-size:1.8rem;font-weight:700;line-height:1.3}.tour-cassette_name span{font-weight:700}.tour-cassette_name span.logo{display:inline-flex;align-items:center;margin-right:5px}.tour-cassette_name span.logo img{max-width:100%;width:inherit;vertical-align:middle}.tour-cassette_area{display:flex;flex-wrap:wrap;margin:8px 16px 0 8px}.tour-cassette_area-item{margin:8px 0 0 8px;padding:4px 8px;line-height:1.3;font-size:1.4rem;border-radius:50vw;background:#e5f3fc}.tour-cassette_txt{flex:1;margin:16px 16px 0;font-size:1.6rem}.lookjtb-cst_icon{position:absolute;left:0;top:8px;z-index:1;display:flex;flex-wrap:wrap;margin:-2px 0 0 -2px;padding:0 8px;width:100%}.lookjtb-cst_icon li{margin:2px 0 0 2px;padding:2px 8px;line-height:1.3;color:#fff;font-size:1.2rem;border-radius:50vw;background:#333}.tour-cassette_list{margin:16px 16px 0}.-ovsdp .tour-cassette_list{margin-top:0}@media print,screen and (max-width:759px){.-kaigaitour .tour-cassette_list{margin-left:calc(35%+10px)}.-model .tour-cassette_list{margin-top:0}}.tour-cassette_list-item{position:relative;padding-left:2.8rem;font-size:1.3rem}.tour-cassette_list li:not(:first-child){margin-top:5px}.tour-cassette_list-item .m-ico{position:absolute;left:0;top:-5px;margin:0;color:#999;font-size:2.1rem}.tour-cassette_list-item .logo{margin-left:5px}.tour-cassette_list-item .logo img{max-width:100%;width:inherit;vertical-align:middle}.tour-cassette_list.-icon{display:flex;flex-wrap:wrap;margin-left:-10px}.tour-cassette_list.-icon li{margin-left:10px}.tour-cassette_list.-icon li{margin-left:10px}.tour-cassette_price{display:flex;justify-content:center;align-items:flex-end;margin-top:10px;width:100%;line-height:1.3}.tour-cassette_price-num{color:#cc0d21;font-weight:700}.tour-cassette_price-num span{font-size:2.5rem;font-weight:700;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.tour-cassette_price-txt{padding-bottom:5px;font-size:1.3rem}.tour-cassette_att{position:relative;margin:3px 16px 0;padding-left:1.2em;font-size:1.2rem}.tour-cassette_att:before{position:absolute;left:0;top:0;content:"\203B"}.es-cassette_att{margin-top:15px;padding-left:1.2em;width:100%;font-size:1.2rem;text-align:center}.tour-cassette_link{position:relative;display:flex;justify-content:center;align-items:center;margin:16px 16px 0;padding:8px;min-height:50px;color:#fff;font-weight:700;text-align:center;border-radius:50vw;background:#e98e00}.tour-cassette_link .m-ico{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:3rem}@media print,screen and (min-width:760px){.sect.tour{margin:0 auto;padding:80px 0 100px;/*border-radius:0 0 60vw 60vw / 0 0 200px 200px;*/background-size:auto}.ttl-timesale_main{font-size:7rem;text-shadow:3px 3px 0 #87dcff}.ttl-timesale_main:before,.ttl-timesale_main:after{width:194px;height:165px}.ttl-timesale_main:before{right:calc(100% + 16px)}.ttl-timesale_main:after{left:calc(100% + 16px)}.ttl-timesale_top{text-shadow:3px 3px 0 #ffc900;font-size:5rem}.tour-cassette{display:flex;flex-wrap:wrap;margin:24px 0 0 -24px}.tour-cassette_item{margin:24px 0 0 24px;width:calc(100% / 3 - 24px);border-radius:24px}.tour-cassette_item a:hover{opacity:.6}.tour-cassette_name{font-size:2rem}.tour-cassette_photo+.tour-cassette_name{margin-top:15px}.tour-cassette_list.-icon{margin-left:10px}.lookjtb-cst_icon{margin:-4px 0 0 -4px}.lookjtb-cst_icon li{margin:4px 0 0 4px;padding:4px 12px;font-size:1.4rem}.tour-cassette_list-item{font-size:1.3rem}.tour-cassette_price{margin:16px 16px 0;width:auto}.tour-cassette_att{font-size:1.3rem}}

/*  FEATURE
============================================================================= */
.featureWp{margin-top:16px;padding:16px;border-radius:16px;background-color:rgba(255,255,255,.8)}.featureList{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-8px 0 0 -8px}.featureList_item{position:relative;margin:8px 0 0 8px;width:calc(100% / 2 - 8px)}.featureList_item a{display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:260px;color:#323743;transition:opacity .2s}.featureList_img{order:-1}.featureList_ttl{margin-top:4px;line-height:1.3;font-size:1.4rem}@media print,screen and (min-width:760px){.featureWp{margin-top:32px;padding:40px;border-radius:24px}.featureList{justify-content:center;margin:-32px 0 0 -32px}.featureList_item{margin:32px 0 0 32px;width:calc(100% / 4 - 32px)}.featureList_item a:hover{opacity:.6}.featureList_ttl{margin-top:8px;font-size:1.6rem}}

/*  KEYWORDS
====================================== */
.keywordWp{margin-top:16px}.keyword_list{display:flex;flex-wrap:wrap;justify-content:center;margin:-8px 0 0 -4px}.keyword_item{margin:8px 0 0 4px}.keyword_item a{display:block;padding:4px 8px;border-radius:50vw;border:solid 1px #00b4ff;background:#fff;transition:background .3s}.keyword_item a:before{content:"#";margin-right:4px;color:#00b4ff}@media print,screen and (min-width:760px){.keywordWp{margin-top:32px}.keyword_list{margin:-24px 0 0 -24px}.keyword_item{margin:24px 0 0 24px}.keyword_item a{padding:16px 24px}.keyword_item a:hover{background:#fffad1}}

/*  CONSULTATION
====================================== */
.consultation{position:relative;margin-top:0;padding:24px 0 40px;background:#f4fcff}.consultation:before{position:absolute;left:0;bottom:100%;content:"";display:block;width:100%;height:25px;background:linear-gradient(45deg,#f4fcff 50%,transparent 52%),linear-gradient(315deg,#f4fcff 50%,transparent 52%);background-size:50px 50px}.consultationTxt{margin-top:16px}.consultationList{display:flex;margin:16px 0 0 -8px}.consultationList_item{margin-left:8px;width:calc(100% / 3 - 8px)}.consultationList_item a{display:flex;flex-direction:column;align-items:center;padding:8px;height:100%;text-align:center;line-height:1.3;font-size:1.4rem;border:solid 2px #3681d4;background:#fff;transition:background .3s}.consultationList_item .m-ico{margin-bottom:4px;font-size:4rem;color:#3681d4;line-height:1}@media print,screen and (min-width:760px){.consultation{margin-top:0;padding:80px 0}.consultationTxt{margin-top:32px;text-align:center;font-size:2.1rem}.consultationList{margin:32px 0 0 -32px}.consultationList_item{margin-left:32px;width:calc(100% / 3 - 32px)}.consultationList_item a{padding:24px;font-size:1.8rem;border-width:3px}.consultationList_item .m-ico{font-size:5rem}.consultationList_item a:hover{background:#fffad1}}

/*  クローズ
============================================================================= */
.mvTxt_close{
	display: flex;
	justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 50vw;
    background: #00b4ff;
	letter-spacing: .05em;
}
.magazine {
	text-align: center;
	background-color: #ffa600;
    margin: 0 auto 20px;
    padding: 10px 0;
}
.magazine-txt {
    color: #fff;
	font-weight: bold;
	font-size: 100%;
}

@media screen and (min-width: 768px) {
	.mvTxt_close{
		bottom: 5%;
        width: 47.8%;
        height: 22.4%;
        font-size: 1.5vw;
	}
	.magazine {
		width: 60%;
	}
.pc-none {display: none;}
}

@media screen and (max-width: 767px) {
	.mvTxt_close{
		bottom: 5%;
        width: 75%;
        height: 25.4%;
        font-size: 3vw;
	}
}

/*  ホテルグレード ボタン
============================================================================= */
.grade_btn { display: flex; justify-content: flex-end; }
.grade_btn a { background: #fff; color: #3681d4; border-radius: 50vw; padding: 3px 8px; border: 1px solid #3681d4; }
.grade_btn a .m-ico:before { color: #3681d4; }
.grade_btn a:hover{ background:#fffad1; }

@media screen and (max-width: 767px) {
    .grade_btn a {
        padding: 2px 6px;
        font-size: 12px;
        margin-top: 0;
    }
}

/*  CMS上のサブタイトル
============================================================================= */
p.ttl_sub {
  text-align: center;
  margin: 15px;
}


/*  CMSの注意文言　20250305
============================================================================= */
.tour-cassette{margin-top:0;}
.caution{text-align:right; padding: 5px 0; font-size: 1.5rem; margin: 15px 0 -20px 0; }
@media screen and (max-width: 767px) {
.caution{/*font-size: 12px;*/ text-align: center; padding: 10px 0;}
}
@media screen and (min-width:1000px) {
.sp-item { display: none; }
}

/*CMSクレジット表記追加*/
.crdt {
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 1;
	padding: 0 5px;
	width: 100%;
	color: #fff;
	font-size: 1.2rem;
	text-align: right;
	line-height: 1.3;
	text-shadow: 0 0 0.8em rgb(0 0 0 / 80%);
    }

/*  クーポン領域追加
============================================================================= */
/*
.recommend-sect { background:#e7f8ff; padding-top:80px; padding-bottom:35px; margin-top:0px;}
*/
 .sec-coupon .c-coupon__item +  .c-coupon__item { margin-top: 1.6667em; }
 .sec-coupon .c-sec__sub { margin: 0 -4%; padding: 2em 7%; }
 .sec-coupon .c-filter__head span { font-size: 1.1786em; }
 .sec-coupon dl { margin: 0 -4%; }
 .sec-coupon .c-coupon__data--bottom { flex-wrap: wrap; padding: 1em; }
 .sec-coupon .c-coupon__data--bottom .c-price { width: 100%; }
 .sec-coupon .c-coupon__data--bottom .c-code { justify-content: space-between; margin-top: 1em; width: 100%; }
 .sec-coupon .c-coupon__data--bottom .c-code p { white-space: nowrap; width: calc(50% - .25em); }
 .sec-coupon .c-coupon__data--bottom p { text-align: center; }
 .sec-coupon .c-coupon__data--bottom p .txt { display: block; margin-bottom: .25em; }
 .sec-coupon .c-coupon__data--bottom p .label { width: 100%; }
 .sec-coupon .c-coupon__flow li .btn { width: 100%; }
 .sec-coupon .c-coupon__flow li .btn span { font-size: 1.1667em; }
 .sec-coupon {font-size: 1.5em; margin-bottom: 1.5em; }
  
.c-sec__inner { margin: 0 auto; max-width: 1236px; width: 100%; }
.c-coupon__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:30px; }
.c-coupon__item { background-color: #fff; border-radius: .375em; box-shadow: 0 0 .375em #c7d0d4; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.c-coupon__item:hover { cursor: pointer; }
.c-coupon__head { background: #ff7896; color: #fff; padding: 1em; position: relative; text-align: left; }
.c-coupon__head::after { background-image: linear-gradient(to right, #ff7896, #ff7896 .4375em, transparent .4375em, transparent .625em); background-repeat: repeat-x; background-size: .625em .1875em; bottom: -.1875em; content: ""; display: block; height: .1875em; left: 0; position: absolute; width: 100%; }
.c-coupon__area { background-color: #fff; border-radius: 1em; color: #323743; display: inline-block; font-size: .875em; font-weight: bold; line-height: 2; padding: 0 1.25em; text-align: center;}
.c-coupon__price { font-size: 1em; text-align: center; line-height: 1.35; }
.c-coupon__price em { font-size: 2.5em; font-weight: 500;font-style: unset;}
.c-coupon__bottom { display: flex; flex: 1 0 auto; flex-direction: column; padding: 1.125em; text-align: left; color:#323743; }
.c-coupon__title { font-size: 1.6rem; line-height: 1.4; margin-bottom: 15px; }
.c-coupon__term { font-size: 1.4rem; }
.c-coupon__tags { margin-top: .5em; }
.c-coupon__tags span { border-radius: 1em; display: inline-block; font-size: 1.4rem; line-height: 2; margin-top: .5em; padding: 0 1.25em; }
.c-coupon__tags span + span { margin-left: .5em; }
.c-coupon__tags .type .tour { background-color: #ffd9e2; color: #323743; }
.c-coupon__tags .option span { background-color: #eceff1; }
.c-coupon__list .no-resuslts { color: #ff7896; font-size: 1.25em; font-weight: 500; padding: 2em 0; width: 100%; }
.c-coupon__item { margin: .625em 0; width: calc(calc(100% - 3.75em) / 4); transition: 1s; }

/* top */
.c-coupon__item.close::before,
.c-coupon__item.c-close::before { align-items: center; background-color: rgba( 0,0,0,.75); color: #fff; white-space: pre; content: "\3054\597d\8a55\306b\3064\304d\A" "\914d\5e03\7d42\4e86\3044\305f\3057\307e\3057\305f"; display: flex; font-size: 1.5em; font-weight: 500; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }

/* detail */
.c-coupon__data.c-close::before,
#h-open .c-coupon__data.close::before,
#p-close .c-coupon__data.close::before,
#coupon-close .c-coupon__data::before { align-items: center; background-color: rgba( 0,0,0,.75); color: #fff; white-space: pre; content: "\3054\597d\8a55\306b\3064\304d\A" "\914d\5e03\7d42\4e86\3044\305f\3057\307e\3057\305f"; display: flex; font-size: 1.5em; font-weight: 500; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; border-radius: 0.375em; text-align: center; }

.c-coupon__item.c-close.open::before,
.c-coupon__item.c-close.h-open::before{ content: none;}


.c-coupon__list::before { content: ""; display: block; order: 1; width: calc(calc(100% - 3.75em) / 4); }
.c-coupon__list::after { content: ""; display: block; width: calc(calc(100% - 3.75em) / 4); }

@media screen and (max-width:767px){
/*
.recommend-sect { padding-top:24px; padding-bottom:40px; margin-top:0px;}
*/
#coupon .ttl_main:before { display: none; }

.c-sec__inner {padding: 0 10px;}
.c-coupon__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:10px; }
.c-coupon__item { background-color: #fff; border-radius: .375em; box-shadow: 0 0 .375em #c7d0d4; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.c-coupon__item:hover { cursor: pointer; }
.c-coupon__head { padding: 1rem; }
.c-coupon__area { border-radius: 1em; display: inline-block; font-weight: bold; line-height: 2; padding: 0 1.25em; text-align: center;}
.c-coupon__price { font-size: 1.2rem; text-align: center; line-height: 1.35; }
.c-coupon__bottom { display: flex; flex: 1 0 auto; flex-direction: column; padding: 1.125em; text-align: left; }
.c-coupon__title { font-size: 13px; line-height: 1.4; margin-bottom: 10px; }
.c-coupon__tags { margin-top: .5em; }
.c-coupon__tags span { border-radius: 1em; display: inline-block; font-size: .8125em; line-height: 2; margin-top: .5em; padding: 0 1.25em; }
.c-coupon__tags span + span { margin-left: .5em; }
.c-coupon__tags .option span { background-color: #eceff1; }
.c-coupon__list .no-results { color: #ff7896; font-size: 1.25em; font-weight: 500; padding: 2em 0; width: 100%; }

/* top */
.c-coupon__item.close::before,
.c-coupon__item.c-close::before { align-items: center; background-color: rgba( 0,0,0,.75); color: #fff; white-space: pre; content: "\3054\597d\8a55\306b\3064\304d\A" "\914d\5e03\7d42\4e86\3044\305f\3057\307e\3057\305f"; display: flex; font-size: 1.5em; font-weight: 500; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.c-coupon__item.c-close.open::before,
.c-coupon__item.c-close.h-open::before{ content: none;}

  .c-coupon__item { width: 100%; }
  .c-coupon__head { background-size: auto 80%; }
  .c-coupon__area { font-size: 1rem; }
  .c-coupon__price em { font-size: 2.4rem; line-height: 1; }
  .c-coupon__term, .c-coupon__tags span { font-size: 1rem; }
  .c-coupon__item.close .c-close__txt { font-size: 2.5em; }
  .c-coupon__item.close::before { font-size: 2.5em; }
  .c-coupon__item.c-close::before { font-size: 2.5em; }
  .sec-coupon .c-coupon__item +  .c-coupon__item { margin-top: 1.6667em; }
  .sec-coupon .c-sec__sub { margin: 0 -4%; padding: 2em 7%; }#ff7896
    .sec-coupon .c-filter__head span { font-size: 1.1786em; }
  .sec-coupon dl { margin: 0 -4%; }
  .sec-coupon .c-coupon__data--bottom { flex-wrap: wrap; padding: 1em; }
  .sec-coupon .c-coupon__data--bottom .c-price { width: 100%; }
  .sec-coupon .c-coupon__data--bottom .c-code { justify-content: space-between; margin-top: 1em; width: 100%; }
  .sec-coupon .c-coupon__data--bottom .c-code p { white-space: nowrap; width: calc(50% - .25em); }
  .sec-coupon .c-coupon__data--bottom p { text-align: center; }
  .sec-coupon .c-coupon__data--bottom p .txt { display: block; margin-bottom: .25em; }
  .sec-coupon .c-coupon__data--bottom p .label { width: 100%; }
  .sec-coupon .c-coupon__flow li .btn { width: 100%; }
  .sec-coupon .c-coupon__flow li .btn span { font-size: 1.1667em; }
  .l-guide .c-sec__inner { padding: 0 3%; }
  .sp-none {display: none!important;}
.c-coupon__item { margin: .625em 0; width: calc(calc(98%) / 2); }
}

.c-coupon__item:hover { opacity: 0.6; }
.c-coupon__bottom:hover { color: #3498D8; }

/*  現地オプショナルツアー領域追加
============================================================================= */
.arrange-cas { margin-top: 20px; }
.arrange-cas_item { margin-top: 10px; }
.arrange-cas_item:hover { opacity: 0.6; transition: 0.5s; }
.arrange-cas_box { position: relative; display: block; padding: 15px; height: 100%; line-height: 1.5; background: #fff; box-shadow: 0 0 0.5em rgb(0 0 0 / 20%); border-radius: 5px; }
.arrange-cas_photo { position: relative; }
.arrange-cas_photo figure { position: relative; overflow: hidden; width: 100% !important; height: 0; padding-top: calc(375 / 500 * 100%) !important; }
.arrange-cas_photo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: fill; }
.arrange-cas_name { font-size: 2rem; font-weight: bold; line-height: 1.3; }
.arrange-cas_list { display: flex; flex-wrap: wrap; margin-top: 10px; }
.arrange-cas_list li { position: relative; padding-left: 20px; font-size: 1.4rem; }
.arrange-cas_list li:before { position: absolute; left: 0; top: -2px; font-size: 1.7rem; font-family: 'Material Icons Round'; }
.arrange-cas_list li.-area:before { content: "\e0c8"; }
p.arrange-cas_link { display: block; margin: 15px 18px 0; padding: 10px; color: #fff; font-weight: bold; text-align: center; border: 1px solid #e98e00; border-radius: 50vw; background: #e98e00; font-size: 1.3rem; }
.arrange-cas_price { display: flex; flex-wrap: wrap; font-size: 1.3rem; align-items: center; justify-content: center; flex-direction: column;}
.arrange-cas_price-num { color: #cc0d21; font-size: 1.8rem; }
.arrange-cas_price-num span { font-size: 2.5rem; font-weight: 700; }

.arrange-cas_iconlist { position: absolute; left: 0; top: 8px; z-index: 1; display: flex; flex-wrap: wrap; margin: -2px 0 0 -2px; padding: 0 8px; width: 100%; }
.arrange-cas_iconlist li { margin: 2px 0 0 2px; padding: 2px 8px; line-height: 1.3; color: #fff; font-size: 1.2rem; border-radius: 50vw; background: #333; }


@media screen and (min-width: 768px) {
.arrange-cas { display: flex; flex-wrap: wrap; margin: 30px 0 0 -20px; text-align: left; justify-content: center; }
.arrange-cas_item { margin: 15px 0 0 10px; width: calc(100% / 4 - 10px); }
.arrange-cas_box { display: flex; flex-direction: column; padding: 0 0 20px; border-radius: 5px; }
.arrange-cas_name { display: flex; align-items: normal; margin: 0 16px; font-size: 1.6rem;}
.arrange-cas_photo + .arrange-cas_name, .arrange-cas_grade + .arrange-cas_name { margin-top: 16px; }
.arrange-cas_photo figure { border-radius: 5px 5px 0 0;}
.arrange-cas_list { margin: 12px 16px 0; width: auto; }
.arrange-cas_price { margin: 10px 16px 0; width: auto; }

.arrange-cas_iconlist { top: 15px; margin: -4px 0 0 -4px; padding: 0 15px;}
.arrange-cas_iconlist li { margin: 4px 0 0 4px; padding: 4px 12px; font-size: 1.4rem; }
}

@media screen and (max-width: 767px) {
.arrange-cas_name { margin: 16px 16px 0; font-size: 1.5rem; }
.arrange-cas_list { margin-left: 16px; margin-right: 16px; }

.arrange-cas_iconlist { top: 15px; margin: 5px 0 0 10px; }
}


/*  タイムセール海外ツアーCMS 追加調整
============================================================================= */
.tour-cassette_pricetxt { display: flex; justify-content: center; }

.tour-cassette_table { display: flex; justify-content: flex-start; margin: 7px 16px 10px; }
.td-item { width: 16rem; }

/*  CTAボタン カラー調整
============================================================================= */
.bluebtn a { margin: 20px auto 0; max-width: 425px; color: #3681D4; position: relative; z-index: 1; display: block; padding: 15px 20px; text-align: center; font-weight: bold; border-radius: 50vw; border: solid 1px #777; background: #fff; transition-property: opacity; transition-duration: 0.5s; }
.bluebtn a:hover { opacity: 0.5; }

/*  MV画像の中のタイムセール日付お知らせの場所調整 20251022
============================================================================= */
@media screen and (min-width:1920px){
  .mvImg{max-width:none;}
}
@media screen and (max-width: 767px) {
  .mvTxt_close { width: 85%; }
}

/*  タイムセールクローズ時に表示するMV画像下のメルマガ枠調整 20251022
============================================================================= */
@media screen and (max-width: 767px) {
  .magazine { font-size: 1.2rem !important; }
}

/*  CTAボタン
============================================================================= */
.btn-lineup { display: flex; }

@media screen and (max-width: 767px) {
.btn-lineup { display: block; }
}

/*  クルーズ領域 20260225更新
============================================================================= */
#cruise .ttl_main:before { right: 350px; top: -30px; }
#cruise2 .ttl_main:before { right: 220px; top: -30px; }
.dept_item { margin-top: 50px; }
#cruise .dept_item h3.ttl_main { font-size: 3rem; }
.dept_item .ttl_main:before { display: none; }
#cruise p.ttl_sub { text-align: left; margin: 30px auto 20px; max-width: fit-content; }
.ttl_subbox { display: block; text-align: center; }
.cruise_img { width: fit-content !important; }
.unit-small { font-size: 2rem; }


@media screen and (min-width: 768px) {
#cruise .dept_item h3.ttl_main { -webkit-text-stroke: 0.3px #fff; }
}

@media screen and (max-width: 767px) { 
#cruise .ttl_main:before { right: 30px; top: -10px; }
#cruise .dept_item h3.ttl_main { font-size: 2rem; }
.unit-small { font-size: 1.4rem; }
#cruise p.ttl_sub { margin: 4px; font-size: 1.5rem; }
p.ttl_sub { margin: 15px; font-size: 1.5rem; /*text-align: left;*/}
.ttl_subbox { display: flex; margin-top: 20px; padding: 5px; background-color: #d2f3ff; flex-direction: column;}
.ttl_subitem { padding: 8px; /*width: 150px;*/ margin: 0 auto;}
.cruise_img { width: 100% !important; }
.ttl_subitem:first-child { order: 1; }
.flexible-width { flex-grow: 1; }
.fixed-width { width: 120px; }
}

/*クルーズ カセット調整*/
@media screen and (max-width: 767px) {
#cruise .slider-container { text-align: center; }
#cruise .tour-cassette_item { width: 80%; height: 25rem; padding-bottom: 10px; text-align: left; margin: 5px 0 0 10px;}
#cruise2 .tour-cassette_item { width: 80%; height: 19rem; padding-bottom: 10px; text-align: left; margin: 5px 0 0 10px;}
}

.image-container {
    display: flex; /* 子要素を横並びにする */
    gap: 10px; /* 画像間のスペース（任意） */
    justify-content: center; /* 画像を中央揃えにする（任意） */
    align-items: flex-start; /* 画像の垂直方向の配置（任意） */
}

/*  ランドクルーズ追加 20251202
============================================================================= */
.landcruise-text { margin: 1rem 1.6rem 0; font-size: 1.3rem; text-align: left; color: #333;}
.landcruise-text li::before { content: "●"; font-size: 0.6rem; position: relative; top: -2px; left: 0; color: #333;}
.landcruise-list { margin: 1rem 1rem 0; text-align: left; color: #333; }
.landcruise-list li { font-size: 1.3rem; line-height: 1.5;}

.landcruise-cas { margin-top: 20px; }
.landcruise-cas_item { margin-top: 10px; background: #fff; border-radius: 24px;}
.landcruise-cas_box { position: relative; display: block; height: 100%; line-height: 1.5; box-shadow: 0 0 0.5em rgb(0 0 0 / 20%); padding-bottom: 15px; transition: 0.2s; border-radius: 24px;}
.landcruise-cas_photo { position: relative; margin-top: -1px;}
.landcruise-cas_photo figure { position: relative; overflow: hidden; width: 100% !important; height: 0; padding-top: calc(375 / 500 * 100%) !important; }
.landcruise-cas_photo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: fill; border-radius: 24px 24px 0px 0px;}
.landcruise-cas_name { font-size: 1.6rem; font-weight: bold; line-height: 1.3; margin:24px 16px 0; text-align: left; }
.landcruise-cas_list { display: flex; flex-wrap: wrap; margin-top: 10px; }
.landcruise-cas_list li { position: relative; padding-left: 20px; font-size: 1.4rem; }
.landcruise-cas_list li:before { position: absolute; left: 0; top: -2px; font-size: 1.7rem; font-family: 'Material Icons Round'; }
.landcruise-cas_list li.-area:before { content: "\e0c8"; }
p.landcruisee-cas_link { display: block; margin: 15px 20px 0; padding: 10px; color: #fff; font-weight: bold; text-align: center; border: 1px solid #e98e00; border-radius: 50vw; background: #e98e00; font-size: 1.4rem; }
.landcruise-cas_price { display: flex; flex-wrap: wrap; font-size: 1.3rem; align-items: baseline; justify-content: center; }
.landcruise-cas_price-num { color: #cc0000; font-size: 1.8rem; }
.landcruise-cas_price-num span { font-size: 2.5rem; font-weight: 700; }

.landcruise-cas_iconlist { position: absolute; left: 0; top: 8px; z-index: 1; display: flex; flex-wrap: wrap; margin: -2px 0 0 -2px; padding: 0 8px; width: 100%; }
.landcruise-cas_iconlist li { margin: 2px 0 0 2px; padding: 2px 8px; line-height: 1.3; color: #fff; font-size: 1.2rem; border-radius: 50vw; background: #333; }


@media screen and (min-width:768px){
.landcruise-cas { display: flex; flex-wrap: wrap; margin: 20px 0 0 -20px; text-align: left; justify-content: center; }
.landcruise-cas_item { margin: 12px 0 0 10px; width: calc(100% / 4 - 12px); }
.landcruise-cas_box { display: flex; flex-direction: column; padding: 0 0 10px; }
.landcruise-cas_box:hover { opacity:.6;}
.landcruise-cas_name { display: flex; align-items: normal;}
.landcruise-cas_photo + .landcruise-cas_name, .landcruise-cas_grade + .landcruise-cas_name { margin-top: 20px; }
.landcruise-cas_list { margin: 15px 20px 0; width: auto; }
.landcruise-cas_price { margin: 15px 20px 0; width: auto; }

.landcruise-cas_iconlist { top: 15px; margin: -4px 0 0 -4px; padding: 0 15px;}
.landcruise-cas_iconlist li { margin: 4px 0 0 4px; padding: 4px 12px; font-size: 1.4rem; }
}

@media screen and (max-width:767px){
.landcruise-cas_box { border-radius: 16px; padding: 6px;}
.landcruise-cas_item { width: 100%; border-radius: 16px;}
.landcruise-cas_name { margin: 16px 16px 0; height: 6rem; font-size: 1.5rem;}
.landcruise-cas_list { margin-left: 16px; margin-right: 16px; }
.landcruise-cas_photo { padding: 10px 10px 0;}
.landcruise-cas_photo img { border-radius: 0;}
.landcruise-text { margin: 1.6rem 1.6rem 0; font-size: 1.4rem; }
.landcruise-list { white-space: wrap; margin: 1.6rem 1.6rem 0; }
.landcruise-list li { font-size: 1.3rem; line-height: 1.5;}
.landcruise-cas_price-num span { font-size: 2.5rem; }
.landcruise-cas_price-num { font-size: 1.8rem; }

.landcruise-cas_iconlist { top: 15px; margin: 5px 0 0 10px; }

.landcruise-cas_name { white-space: wrap; }
.landcruise-text { white-space: wrap; }
}

/*  ランドクルーズ クーポン追加 20251202
============================================================================= */

.coupon_intro {display: block; margin-top: 25px; padding: 1rem 0rem 2rem; position: relative;}
p.ttl_main_sub { font-size: 2.2rem; font-weight: bold; margin-top:1rem; padding: 1rem; text-align: center;}
#landcruise .c-coupon__list { margin-top: 0px; }
#landcruise .c-coupon__tit { padding: .5em .75em 0; line-height: 1.2; font-weight: bold;}
@media screen and (max-width:767px){#landcruise .c-coupon__tit {font-size: 1.5rem;}}
#landcruise .c-coupon__tags { margin: 10px; }
.color-landcruise { background: #f6a900; }
.color-landcruise::after { background-image: linear-gradient(to right, #f6a900, #f6a900 .4375em, transparent .4375em, transparent .625em); }
.c-coupon__tags .type .color-landcruise { background-color: #fde3a6; }
.color-landcruise-triangle::after { background-color: #f6a900; }


@media screen and (min-width:768px){
#landcruise .ttl_main:before { right: -120px; }
#landcruise .c-coupon__tit { height: 7rem; }
}

@media screen and (max-width:767px){
#landcruise .ttl_main:before { right: -70px; }
.coupon_intro { margin-top: 10px; }
}

/*  海外ツアーCMS ホテルグレードタグ追加 20251202
============================================================================= */
.lookjtb-cst_icon_tag { z-index: 1; display: flex; flex-wrap: wrap; margin: 12px 0 0 5px; padding: 0 8px; width: 100%; }
.htlgrade-tag {margin:2px 0 0 2px;padding:2px 8px; line-height:1.3;color:#333;font-size:1.4rem;border-radius:50vw;background:#fff0d9; margin: 0 5px;}


/*  クローズ対応 20251202
============================================================================= */
.close .c-close__txt{
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.5em;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 2;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 17px;
	padding-top: 50px;
}

.close{pointer-events: none;}


@media screen and (min-width: 1000px){
.close {position: relative;}
}

/*  ページ全体調整 20260129
============================================================================= */

/*発地ナビ*/
:not(.pagenav-dept)>.deptchange .deptchange-item.is-active .deptchange-box:before { background: #3681d4; }
 :not(.pagenav-dept)>.deptchange .deptchange-item.is-active .deptchange-box:after { border-top-color: #3681d4; }
 :not(.pagenav-dept)>.deptchange .deptchange-item:not(.is-active):after { background: #3681d4; }

@media screen and (max-width:767px){
  :not(.pagenav-dept) > .deptchange .deptchange-list { flex-wrap: initial; }
  :not(.pagenav-dept)>.deptchange .deptchange-box span { font-size: 1.3rem; }
  :not(.pagenav-dept) > .deptchange .deptchange-list.-depttotal5 .deptchange-item:nth-child(-n + 3) { width: initial; }
  :not(.pagenav-dept) > .deptchange .deptchange-list.-depttotal5 .deptchange-item:nth-child(n + 4) { width: initial; }
  :not(.pagenav-dept) > .deptchange .deptchange-item:nth-child(4):after { position: absolute; left: -0.5px; top: 50%; transform: translateY(-50%); content: ""; width: 1px; height: 50px; background: #ccc; }
}


@media screen and (max-width: 999px) {
    :not(.pagenav-dept) > .deptchange .deptchange-list:not(.-depttotal4) .deptchange-item:nth-child(n+4) {
        border-top: none;
    }
}


/*ページ全体*/
.sect.tour { background-image: url(/kaigai/theme/sale/timesale/_images/timesale_bg.png),url(/kaigai/theme/sale/timesale/_images/timesale_bg_right.png); background-color:#e7f8ff; background-position: left top, right center; background-repeat: repeat-y, repeat-y; }
.moreLink a { background: #3681d4; color: #fff; border-radius: 50vw;} 
.bluebtn a { color: #fff; background: #3681d4; border: none;}


@media screen and (max-width:767px){
.sect.tour { background-size: 20% auto, 20% auto; }
}

/*TOUR*/ 
.grade_btn a { border: 1px solid #3681d4; color: #323743;}
.grade_btn a .m-ico:before { color: #3681d4; }

.tour-cassette { margin: 3px 0 0 -12px; }
.tour-cassette_item { width: calc(100% / 4 - 10px); margin: 10px 0 0 10px; border-radius: 5px; box-shadow: 0 0 0.5em rgb(0 0 0 / 20%);}
.tour-cassette_name { font-size: 1.6rem; }
.tour-cassette_list-item .m-ico { font-size: 2.1rem; }
.tour-cassette_list-item .m-ico { font-size: 1.4rem; top: 1px; }
.tour-cassette_list-item { padding-left: 2rem; }
.tour-cassette_link { background: #f3f7ff; border: 2px solid #3681d4; color: #3681d4; font-size: 1.4rem;}

@media screen and (max-width:767px){
.tour-cassette_name { font-size: 1.5rem; border-radius: 5px;}
.lookjtb-cst_icon_tag { margin: 5px 0 0 5px; padding: 0 3px;}
.tour-cassette_price { margin-top: 5px; }
.tour-cassette_link { font-size: 1.4rem; }
}

/*OP*/ 
p.arrange-cas_link {  background: #f3f7ff; border: 2px solid #3681d4; color: #3681d4; }
.landcruise-list .m-ico { color: #999; }
#landcruise .c-coupon__price { font-weight: bold; }
.arrange-cas_list li:before { color: #999;}

/*keyword*/ 
.keyword_item a { border: solid 2px #3681d4; font-weight: 500; }
.keyword_item a:before { color:#3681d4; }

/*consult*/ 
.consultationList_item a:hover { color: #3681d4; }

/*  TOUR スライダ―
====================================== */

@media screen and (max-width:767px){
.slider-container { overflow-x: auto; white-space: nowrap; }
.slider-item { display: inline-block; margin-right: 10px; }

.slider-container::-webkit-scrollbar { background: #656972; border-radius: 5px; height: 5px; }
.slider-container::-webkit-scrollbar-thumb { background: #c2c2c2; border-radius: 5px; }

#tour .tour-cassette_item{width: 80%; height: 50rem; padding-bottom: 10px; }
#lxtour .tour-cassette_item{width: 80%; height: 50rem; padding-bottom: 10px; }
#cttour .tour-cassette_item{ width: 80%; height: 53rem; padding-bottom: 10px; }
.tour-cassette_head { white-space: wrap; }
.tour-cassette_name { white-space: wrap;}
.tour-cassette_txt { white-space: wrap;}
.lookjtb-cst_icon { white-space: wrap; }
.tour-cassette_bot { white-space: wrap; }

.tour-cassette_table { white-space: wrap; }
}


/*  追従ナビ
====================================== */
.pageNav {
    left: 0;
    top: 0;
    z-index: 900;
    background: linear-gradient(to right, #37589d 0%, #1d8585 100%);
    box-shadow: 0 2px 2px 0px rgb(24 24 24 / 29%);
    position:sticky;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 10px 0px;
}

.pageNav_inner {
    padding: 0 10px;
}

.pageNav_list {
    display: flex;
}
.pageNav_item {
    position: relative;
    flex: 1 1 auto;
}
.pageNav_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    text-align: center;
    transition: .2s;
    border-radius: 8px;
    background: #fff;
    color: #323743;
}
.pageNav_item a:hover { 
    opacity:.6;
}
.pageNavBox {
    display: block;
    align-items: center;
    min-height: 40px;
    line-height: 1.3;
    width: 100%;
    padding: 5px;
}

.pageNav_item a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #e98e00;
}


@media screen and (min-width: 768px) {
    .pageNav_inner {
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 1280px;
    }
    .pageNav_item a {
        font-size: 2rem;
        margin: 5px;
        padding-bottom: 10px;
    }
    .pageNavBox {
        padding: 6px;
    }
}

@media screen and (max-width:767px){
    .pageNav {
        width: 100%;
        padding: 5px 2px;
        border-radius: 0px;
    }
    .pageNav_inner {
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 1280px;
    }
   .pageNav_list {
       display: flex;
       flex-wrap: wrap;
       margin: -4px 0 0 -4px;
    }

   .pageNav_item {
       cursor: pointer;
       margin: 4px 0 0 4px;
       width: calc(100% / 4 - 4px);
       transition: opacity 0.3s;
       flex:none;
    }

   .pageNav_item a::after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #e98e00;
    }

  .pageNav_item a {
       display: flex;
       justify-content: space-around;
       min-height: 50px;
       padding-bottom: 2px;
       font-weight: 700;
       border-radius: 8px;
       background: #fff;
       color: #323743;
       font-size: 1.2rem;
    }

   .pageNavBox {
        min-height: auto;
    }
}

/* =============================================================================
    注目情報  20260109追加
============================================================================= */
.newsWp {
    margin-top: 16px;
    padding: 16px;
    border-radius: 16px;
    background-color: #fff;
}

.page-title-h2__wrap{
padding: 20px 15px;
background: #fff;
}

.page-title-h2__wrap {
margin: 0 auto;
padding: 20px 30px 10px;
max-width: 1000px;
}

.news__list--new{
background: #fff;
}

.news__list > dt {
border-top: 1px dashed #d9d9d9;
}

.news__list > dt a{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0 7px 45px;
color: #323743;
text-decoration: none;
transition:opacity 0.3s;
}

.news__list > dt a:hover {
opacity:.6;
}

.news__list > dt a::after {
display: flex;
justify-content: center;
align-items: center;
font-family:'Material Icons Round';
content: "\e5cc";
color: #3498DB;
font-size: 2.5rem;
line-height: 1;
}

.news__list > dt.news__list--new a::before {
position: absolute;
left: 0;
top: 12px;
display: inline-block;
padding: 0 .4em;
font-size: 1.2rem;
content: "NEW";
border-radius: 3px;
color: #fff;
text-align: center;
background-color: #3498DB;
}

.news_none {
  display: none
}

@media screen and (min-width: 760px) {
.newsWp {
margin-top: 32px;
padding: 40px;
border-radius: 24px;
}
.news__list > dt {
border-top: none;
border-bottom: 1px dashed #d9d9d9;
}
.news__list > dt:first-of-type {
border-top: 1px dashed #d9d9d9;
}
.news__list > dt a{
padding: 10px 10px 7px 75px;
}
}

@media screen and (max-width: 759px){
.page-title-h2__wrap {
margin: 0 auto;
padding: 20px 5px 10px;
}
.news__list > dt a{
font-size: 1.4rem;
}
}

/* =============================================================================
  3000ポイントバナー
============================================================================= */
.banner-area {
	text-align: center;
    background-color: #e7f8ff;
}
@media screen and (min-width: 768px){
	.banner-area {
		padding-top: 80px;
	}
	.banner-area img {
		width: auto;
        margin: 16px 0;
	}
}
@media screen and (max-width: 767px){
	.banner-area {
		padding-top: 50px;
	}
	.banner-area img {
		max-width: 80%;
        margin: 8px 0;
	}
}

/* =============================================================================
  h2タイトルのオレンジ色デコレーション スマホでは非表示
============================================================================= */
@media screen and (max-width: 767px){
    .ttl_main:before { 
        display: none;
    }
}

/* =============================================================================
  ツアーカセットCMS クルーズ・エスコート更新日追加
============================================================================= */
.date-update { display: flex; justify-content: flex-end; max-width: 1120px; margin: 10px 0 2px; }

@media screen and (max-width: 767px){
    .date-update { margin: 15px 5px 5px; }
}


/*  リモート相談（スティッキーナビ）
============================================================================= */
.remote-sticky { position: fixed; z-index: 1000; display: block; right: 0; }
.remote-sticky a { display: flex; text-align: center; color: #fff !important; letter-spacing: 0; background: linear-gradient(135deg, #37589d 0%, #1d8585 100%); flex-direction: column; justify-content: center; align-items: center; font-weight: 700; line-height: 1.3; } 
.remote-sticky a:before { content: "\f0e2"; text-align: center; color: #3681d4; background: #fff; font-family: 'Material Icons Round'; font-weight: 400; line-height: 1; }
.remote-text span { color: #fff; }
@media (min-width: 769px) {
	.remote-sticky { top: 74%; }
	.remote-sticky a { width: 104px; padding: 8px 16px; gap: 8px; font-size: 1.2rem; border-radius: 15px 0 0 15px; box-shadow: -4px 4px 10px #0000004d; transition: opacity .3s ease-out; }
	.remote-sticky a:before { font-size: 4.8rem; padding: 5px; border-radius: 12px; }
}
@media (max-width: 768px) {
	.remote-sticky { bottom: 90px; }
	.remote-sticky a { gap: 2px; font-size: 1rem; padding: 4px; border-radius: 8px 0 0 8px; box-shadow: -2px 2px 4px #0000004d; }
	.remote-sticky a:before { font-size: 2.5rem; padding: 3px; border-radius: 8px; }
}


/*  ページ調整　20260901追加
============================================================================= */

.sub-text { font-size: 14px; margin: 5px 0; }
.highlight-text { font-weight: bold; color: #444; }


/* クーポンSP用 */

  @media screen and (max-width:759px){

  .couponCassette{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:12px;
    padding:0 16px 16px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .couponCassette_item{
    flex:0 0 85%;
    width:auto !important;
    margin:0 !important;
    scroll-snap-align:start;
  }

  /* スクロールバー非表示 */
  .couponCassette::-webkit-scrollbar{
    display:none;
  }

}



ttl-main{
	position: relative;
	text-align: center;
    margin-top: 8px;
        }




/* ページナビカルーセル */
@media screen and (max-width: 767px){

  .pagenavlist{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    gap:0px;
    padding:0;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }

  .pagenavlist::-webkit-scrollbar{
    display:none;
  }

  .pagenavlist_item{
    flex:0 0 74px;
    width:66px;
    scroll-snap-align:start;
  }

  .pagenavlist_item a{
    height:100%;
  }

}

@media screen and (min-width:768px){

  




.costCassette-price .yen{
font-size:16px;
font-weight:700;
}

/*タイトル高さを統一*/
.costCassette-ttl{
    min-height: 4.5em;
    line-height: 1.5;
}

@media screen and (min-width:760px){
.costCassette-ttl{
    min-height: 90px;
    line-height: 1.4;
}
.costCassette-detailstxt{
    min-height: 90px;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.costCassette{
    align-items:stretch !important;
}}


@media screen and (min-width:760px){
.costCassette_item > a{
    display:flex !important;
    flex-direction:column;
    height:100%;
}

.costCassette-body{
    flex:1;
    display:flex;
    flex-direction:column;
}

.costCassette-conditions{
    margin-top:auto;
}}


p.costCassette-detailstxt {
    margin-left: 8px;
}
}

@media screen and (max-width:759px){

  .support-cassette__bditem-bt.-tel{
      display:grid;
      grid-template-columns: 1fr auto;
      align-items:center;
      gap:8px;
  }

  .support-cassette__bditem-bt-ttl{
      margin-bottom:0;
      padding-left:18px;
  }

  .support-cassette__bditem-bt-link.-tel{
      white-space:nowrap;
  }

}

#sect-ranking .ttl-main {
  margin:24px;
}

#search .ttl {
  margin:24px;
}

.sect.-search {
    background: #e0fcff;
    padding: 24px 0;
}


.page-top{
    visibility:visible !important;
    opacity:1 !important;
}


