@charset "utf-8";

/* KOMI-KOMI
------------------------------------------------------*/
.komikomi{position:relative;margin:24px -8px 0;padding:16px;border-radius:8px;background:#F4F5F5}.komikomi__dt{text-align:center;line-height:1.5}.komikomi__dt-subtxt{display:block;font-size:1.4rem;font-weight:500}.komikomi__dt-txt{display:block;font-size:1.8rem;font-weight:700}.komikomi__dd{display:flex;flex-direction:column;gap:16px;margin-top:8px;line-height:1.7}.komikomi__bd{flex:1}.komikomi__kome{margin-top:8px;font-size:1.2rem}.komikomi__img{display:flex;flex-direction:column}.komikomi__img-ex{margin-bottom:4px;font-size:1.4rem;font-weight:500}.komikomi__img-list{display:flex;gap:4px}.komikomi__img-listitem-img{position:relative}.komikomi__img-listitem-caption{margin-top:4px;font-size:1.2rem;line-height:1.3}.komikomi__link{margin-top:16px;text-align:right}@media screen and (max-width:999px){.komikomi__img-ex::after{content:"："}}@media screen and (min-width:1000px){.komikomi{margin:80px 0 0;padding:32px 40px;border-radius:32px}.komikomi__dt-subtxt{font-size:1.6rem}.komikomi__dt-txt{font-size:1.8rem}.komikomi__dd{flex-direction:row-reverse;gap:32px;margin-top:24px}.komikomi__kome{margin-top:16px;font-size:1.4rem}.komikomi__img{margin-top:calc(-1em - 8px);width:45%}.komikomi__img-ex{text-align:center;margin-bottom:8px}.komikomi__img-list{gap:8px}.komikomi__link{position:absolute;right:40px;bottom:32px;margin-top:0}}

/* MAP
------------------------------------------------------*/
.mapsearch__hd-block{min-width:700px;width:100%}.mapsearch__hd-bt:first-child{left:78%;top:31%}.mapsearch__hd-bt:nth-child(2){left:70%;top:51%}.mapsearch__hd-bt:nth-child(3){left:5%;top:90%}.mapsearch__hd-bt:nth-child(4){left:72%;top:49%}.mapsearch__hd-bt:nth-child(5){left:76%;top:24%}.mapsearch__hd-bt:nth-child(6){left:67.5%;top:57%}.mapsearch__hd-bt:nth-child(7){left:38%;top:35%}.mapsearch__hd-bt:nth-child(8){left:77.5%;top:40%}.mapsearch__hd-bt:nth-child(9){left:55%;top:60%}.mapsearch__hd-bt:nth-child(10){left:79%;top:36%}.mapsearch__hd-bt:nth-child(11){left:13%;top:29%}.mapsearch__hd-bt:nth-child(12){left:44%;top:56%}.mapsearch__hd-bt:nth-child(13){left:13.5%;top:39%}.mapsearch__hd-bt:nth-child(14){left:76%;top:44%}.mapsearch__hd-bt:nth-child(15){left:80%;top:51%}.mapsearch__hd-bt:nth-child(16){left:76%;top:51%}.mapsearch__hd-bt:nth-child(17){left:47%;top:67%}.mapsearch__hd-bt:nth-child(18){left:63.5%;top:67%}.mapsearch__hd-spot:first-child{left:12%;bottom:32%}.mapsearch__hd-spot:nth-child(2){left:30%;bottom:17%}.mapsearch__hd-spot:nth-child(3){left:53%;top:84%}@media print,screen and (min-width:1000px){.mapsearch__hd-block,.mapsearch__hd-img{width:1520px}}


/* 注目コース
============================================================================= */
#chumoku_cms.block-lv2{
	margin-top: 0;
	padding: 40px 0;
} 
#chumoku_cms .tour-cassette_item a{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 0;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.3);
	transition: opacity .3s ease-out;
}
@media screen and (max-width: 999px){
	#chumoku_cms .tour-cassette_item a{
		padding: 16px;
	}
}

.tour-cassette_item{ margin-top: 10px;}
.tour-cassette_item a{
	position: relative;
    display: block;
	padding: 15px;
    height: 100%;
	line-height: 1.5;
    text-decoration: none!important;
    background: #fff;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 20%);
	transition: opacity 0.3s;
}
.tour-cassette_item.-icon{
	display: flex;
	flex-wrap: wrap;
}
#chumoku_cms .page-title-h2__wrap{background: #fff0;max-width: 1255px;}
#chumoku_cms .tour-cassette_price-num span{font-size: 1.8rem;}
#chumoku_cms .tour-cassette_price-txt,#chumoku_cms .tour-cassette_att {font-size: 1.0rem;}
#chumoku_cms {background: var(--baselightcolor);}
#chumoku_cms .page-title-h2{font-size: 2.2rem; font-weight: bold;padding: 20px 20px 0;}
#chumoku_cms .lookjtb-cst_icon li {
	color: #873535;
    border-color: #873535;
    background: #fff;
    border: solid 1px;
    margin: 0;
    }
#chumoku_cms .lookjtb-cst_icon {position: relative;}
#chumoku_cms .m-ico:before {top: -3px;}
#chumoku_cms .tour-cassette_name span {font-size: 1.5rem;}
#chumoku_cms .lookjtb-cst_icon {top: -2px;}
@media screen and (min-width: 1000px) {
   #chumoku_cms .tour-cassette_price {margin: 5px 20px 0;}
   #chumoku_cms .lookjtb-cst_icon li {margin: 25px 0 0 3px;}
   #chumoku_cms .tour-cassette_list-item{font-size: 1.2rem;}
   #chumoku_cms .tour-cassette_name {font-size: 1.8rem;}
   #chumoku_cms .lookjtb-cst_icon li {
        margin: 10px 0 0 5px;
        padding: 1px 6px;
        font-size: 1.2rem;
        border-radius: 50vw;
    }
}
/* 追記　*/
@media screen and (max-width: 999px){
	.tour-cassette_head:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size: 0; line-height: 0; } .tour-cassette_head { display:inline-block; }
}
.tour-cassette_name{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
}
.tour-cassette_name span{
	font-weight: bold;
}
.tour-cassette_name span.logo{
	display: inline-flex;
	align-items: center;
	height: 100%;
	margin-right: 5px;
}
.tour-cassette_name span.logo img{
	max-width: 100%;
	width: inherit;
	vertical-align: middle;
}
.lookjtb-cst_icon{
    display: flex;
    flex-wrap: wrap;
    margin: 12px 0 0 -2px;
	width: 100%;
}
.lookjtb-cst_icon li{
    margin: 3px 0 0 2px;
    padding: 2px 10px;
    line-height: 1.3;
	color: #fff;
	font-size: 1.2rem;
	border-radius: 50vw;
    background: #333;
}
.tour-cassette_list{
	margin-top: 15px;
	width: 100%;
}
.-ovsdp .tour-cassette_list{
	margin-top: 0;
}
@media screen and (max-width: 999px){
	.-kaigaitour .tour-cassette_list{ margin-left: calc(35% + 10px);}
	.-model .tour-cassette_list{ margin-top: 0;}
}
.tour-cassette_list-item{
	display: flex;
	align-items: flex-start;
	position: relative;
	font-size: 1.3rem;
}
.tour-cassette_list li:not(:first-child){ margin-top: 5px;}
.tour-cassette_list-item .m-ico{
	margin: -2px 5px 0 0;
    font-size: 1.7rem;
}
.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_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: bold;
}
.tour-cassette_price-num span{
	font-size: 2.5rem;
	font-weight: bold;
}
.tour-cassette_price-txt{
	padding-bottom: 5px;
	font-size: 1.3rem;
}
.tour-cassette_att{
	position: relative;
	margin-top: 15px;
	padding-left: 1.2em;
	width: 100%;
	font-size: 1.2rem;
}
.tour-cassette_att:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "\203B";
}
@media screen and (max-width: 999px){
	.tour-cassette_name{
		margin-left: calc(35% + 10px);
	}
}
@media screen and (min-width: 1000px){
	.tour-cassette{
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(3, 1fr);
		margin: 32px 40px 0;
	}
	.tour-cassette_item a{
		display: block;
		padding: 0 0 20px;
	}
	.tour-cassette_item a:hover{
		opacity: .6;
	}
	.tour-cassette_name{
		margin: 0 20px;
		width: auto;
		font-size: 2.0rem;
	}
	.tour-cassette_list.-icon{
		margin-left: 10px;
	}
	.lookjtb-cst_icon{
		position: absolute;
		left: 0;
		top: 8px;
		z-index: 1;
		margin: -5px 0 0 -3px;
		padding: 0 8px;
	}
	.lookjtb-cst_icon li{
		margin: 5px 0 0 3px;
		padding: 3px 10px;
		font-size: 1.4rem;
	}
	.tour-cassette_list{
		margin: 15px 20px 0;
		width: auto;
	}
	.tour-cassette_list-item{
		font-size: 1.4rem;
	}
	.tour-cassette_price{
		margin: 15px 20px 0;
		width: auto;
	}
	.tour-cassette_att{
		margin: 10px 20px 0;
		width: auto;
		font-size: 1.3rem;
	}
}

/*注目ツアーCMS　20250911*/
@media screen and (max-width: 999px){
	#chumoku_cms .body-lv2{
	  overflow-x: auto; /* 横スクロール可能にする */
	  white-space: nowrap; /* アイテムを横に並べる */
	  width: 100%; /* 親要素の幅を画面幅に固定 */
	  white-space: unset;
	  padding: 20px 30px 10px 0;
	  scroll-snap-type: x;
	}
	#chumoku_cms .body-lv2::-webkit-scrollbar{
		width: 5px; /* スクロールバーの幅 */
		height: 8px; /* スクロールバーの高さ */
		background:rgba(0,0,0,.1); /* スクロールバーの背景色 */
	}
	#chumoku_cms .body-lv2::-webkit-scrollbar-thumb {
	  background: rgb(169 169 169); /* ハンドルの色 */
	}
	#chumoku_cms .tour-cassette {
	  display: flex; /* Flexboxでアイテムを横並びに */
	  padding: 0;
	  margin: 0;
	  list-style: none; /* リストスタイルを削除 */
	}
	#chumoku_cms .tour-cassette_item {
	  flex-shrink: 0; /* アイテムが縮まないようにする */
	  width: 100%; /* 例：アイテムの幅を固定 */
	  padding: 10px;
	  margin-right: 0; /* アイテム間のスペース */
	}
	#chumoku_cms .tour-cassette_name {margin-left:auto;}
}