@charset "utf-8";

/* 「JTBMySTYLE」もおすすめ 20250710
============================================================================= */
.dp-sect{background:#f3fafd;padding:50px 0 !important;}
.dp-sect h2.page-title-h2{color:#2649A5;font-weight: 800;line-height: 2.5rem;}
.dp-sect h3.page-title-h3{
color: #2649A5;font-weight: 800;text-align: center;padding: 30px 0 10px 0;
 }


.dp-sect .dp-subttl{
	background: #2649A5;
    width: 90%;
    margin: 30px auto 0;
    border-radius: 15px;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 30px;
    }
.dp-sect table{width:85%; margin:10px auto 0; background: #fff;}
.dp-sect th,.dp-sect td{border:2px solid #2649a5;padding:10px;text-align:center;font-weight: 800;}

.dp-sect th:first-child,.dp-sect td:first-child{background: #C6CAD0;}
.dp-sect th:nth-child(2){background: #f3d0d0;}
.dp-sect th:nth-child(3){background: #C6CAD0;}
.dp-sect td:nth-child(2),.dp-sect td:nth-child(3){width:40%;}
.dp-sect td a{color:#1743d3;}
.dp-sect ul{
	display: flex;
    width: 85%;
    margin: 10px auto;
    flex-wrap: wrap;
    }
.dp-sect ul li{
	background: #2649A5;
    width: calc(100% / 3 - 10px);
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    margin: 5px;
    font-weight: 600;
    }
.dp-sect ul li a{color:#fff;}
.dp-sect ul li a:after {
	font-family: 'jtb-icon' !important;
    content: "\e902";
}

.dp-sect p{
	text-align: center;
    color: #2649A5;
    font-weight: 800;
    padding-top: 15px;
    font-size: 2.2rem;
    }

.dp-sect ul li:hover {
    border-radius: 40px;
    -webkit-transition: border-radius .3s;
    -o-transition: border-radius .3s;
    transition: border-radius .3s;
}
.dp-sect ul li a:hover{color:#fcff38;}

.dp-sect li a{
    display: block;
    height: 100%;
    width: 100%
}

.dp-sect td:first-child a:after {
	font-family: 'jtb-icon' !important;
    content: "\e910";
}



@media screen and (min-width:768px){
.sp-item { display: none; }
}
@media screen and (max-width: 759px) {
.dp-sect .dp-subttl{font-size: 1.5rem;}
.dp-sect .dp-subttl{width:100%;font-size: 1.3rem;line-height: 25px;}
.table-scroll {
	  overflow-x:scroll;
	  overflow-y:hidden;
       white-space: nowrap;
        width: 97%;
        margin: 0 auto;
        }
.table-scroll::-webkit-scrollbar{ 
   width:10px;
   height:10px;
}
.table-scroll::-webkit-scrollbar-thumb{ 
   background: #aaa;
   /*border-radius: 5px;*/
}
.table-scroll::-webkit-scrollbar-track-piece:end{
   background: #fff5;
}
}
@media screen and (max-width:767px){
.pc-item {display: none; }
}
.dp-sect ul li {width: calc(100% / 2 - 10px);}
.dp-sect .dp-subttl{width: 95%;}
.dp-sect table{margin:10px auto 2px;}
.dp-sect .dp-subttl{border-radius: 5px;margin: 20px auto 0;padding: 5px;}
.dp-sect p{font-size: 1.8rem;}

/* ポイント
============================================================================= */
.sect.-jtbpoint{
	padding: 20px 0;
	background: #f3fafd;
}
.sect.-jtbpoint h2{
	text-align: center;
}
.sect.-jtbpoint h2 span{
	display: inline-block;
	position: relative;
	padding: 0 20px 8px;
	font-size: 1.8rem;
	font-weight: bold;
}
.sect.-jtbpoint h2 span:before{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 3px;
	border-radius: 50vw;
	background-color: #0094D7;
}
.jtbpoint-wrap{
	padding: 20px 15px;
	background: #fff;
}
.jtbpointlist{
	margin-top: 5px;
}
.jtbpointlist_item{
	position: relative;
	padding: 10px 5px 10px 35px;
}
.jtbpointlist_item:not(:first-child){
	border-top: dashed 1px #ccc;
}
.jtbpointlist_item .-icon{
	transform: scale(1.3);
	margin-right: 15px;
    color: #0094D7;
}
.m-ico:before {
    position: relative;
    top: -1px;
    font-family: 'Material Icons Round';
    content: attr(data-icon);
    font-size: 100%;
}
@media print, screen and (max-width: 999px) {
	.jtbpointlist_item .-icon{
		position: absolute;
		left: 0;
		top: 10px;
	}
}
.jtbpointlist_item span{
	font-size: 1.2rem;
}
.jtbpointlist_item a{
	display: inline-block;
	margin-top: 5px;
	padding: 2px 15px;
	color: #3498db;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 50vw;
	border: solid 1px #3498db;
	background: #fff;
	transition: opacity 0.2s ease;
}
.jtbpointlist_item a .m-ico{
	margin-right: 0;
}
.sect{margin-top:0;}

@media print, screen and (min-width: 1000px) {
	.sect.-jtbpoint{
		padding: 30px 0;
	}
	.jtbpoint-wrap{
		margin: 0 auto;
		padding: 20px 30px 10px;
		max-width: 1000px;
	}
	.jtbpointlist_item{
		display: flex;
		align-items: center;
		padding: 10px 20px;
	}
	.jtbpointlist_item span{
		margin-left: 20px;
		font-size: 1.3rem;
	}
	.jtbpointlist_item a{
		margin: 0 0 0 20px;
		padding: 5px 15px;
		font-size: 1.4rem;
	}
	.jtbpointlist_item a:hover{
		opacity: .6;
	}
}

.new:before {
	display: inline-block;
	padding: .1em .4em .3em .4em;
	font-size: 1.0rem !important;
	content: "NEW" !important;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	background-color: #3498DB;
}

.jtbpointlist_item {
    padding: 10px 5px 10px 50px;
}
/*ポイント3画像差し替え*/
.about-list06:before{ background: url("https://www.jtb.co.jp/kaigai/_images/about_point04_2.png") no-repeat center bottom; background-size: 100% auto; }

/* スライダー対応
============================================================================= */
@media screen and (max-width: 759px){
ul.campaign-list {
    display: flex;
    flex-wrap: wrap;
    margin: -5px 0 0 -5px;
}
ul.campaign-list li {
    margin: 5px 0 0 5px;
    width: calc(100% / 2 - 5px);
}
.campaign-list:not(.js-slider) {
    justify-content: left;
}
.slick-dots li button:before{font-size:2.0rem;}

.otherproducts-list {
	display: flex;
        /*margin: 30px -6px 0;*/
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        }


.otherproducts-list > li {
    width: calc(100% / 2 - 5px);
    padding: 3px;
}

.otherproducts-list,.campaign-list {max-width: 100% !important;}

}

/* インフォメーション対応
============================================================================= */
.kaigaiinfo{}
.kaigaiinfo .ttl{
	text-align: center;
}
.kaigaiinfo-wrap{
}
.kaigaiinfo-sect{
	margin-top: 30px;
}
.kaigaiinfo-sect:last-child{
}
.kaigaiinfo-box{
	margin-top: 10px;
}
.kaigaiinfo-list{
	width: 100%;
	border-top: 1px solid #BCBDC2;
}
.kaigaiinfo-list + .kaigaiinfo-list{
	margin-top: 0;
	border-top: none;
}
.kaigaiinfo-list_item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
	transition: opacity .3s;
}
.kaigaiinfo-list_item .m-ico{
	margin-right: 0;
	color: #95999e;
}
	
@media screen and (min-width: 1000px) {
	.kaigaiinfo{}
	.kaigaiinfo-wrap{
		display: flex;
		justify-content: space-between;
	}
	.kaigaiinfo-sect{
		width: calc(100% / 3 - 20px);
	}
	.kaigaiinfo-sect:last-child{
		width: calc((100% / 3) * 2 - 20px);
	}
	.kaigaiinfo-box{
		display: flex;
		justify-content: space-between;
		margin-top: 40px;
	}
	.kaigaiinfo-list{
		width: 100%;
		border-top: none;
	}
	.kaigaiinfo-list + .kaigaiinfo-list{
		margin-left: 40px;
	}
	.kaigaiinfo-list_item a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 17px 18px;
		transition: opacity .3s;
	}
	.kaigaiinfo-list_item a:hover{
		opacity: .6;
	}
}
@media screen and (max-width: 759px){
.kaigaiinfo-list_item {border-bottom: 1px solid #BCBDC2;}
.kaigaiinfo-sect.service{padding: 30px 0;}
}

/*外部リンク矢印調整*/
.info-list li a.icon_window:before{right: 10px;}
.info .info-list li:nth-child(2) a:after,
.info .info-list li:nth-child(3) a:after,
.info .info-list li:nth-child(4) a:after,
.info-list.service01 li:nth-child(1) a:after,
.info-list.service02 li:nth-child(1) a:after,
.info-list.service02 li:nth-child(2) a:after {
    content: unset;
}

/*外部アイコン*/
.info .info-list li:nth-child(1) a:after,
.info .info-list li:nth-child(5) a:after,
.info-list.service01 li:nth-child(1) a:after,
.info-list.service02 li:nth-child(1) a:after,
.info-list.service02 li:nth-child(2) a:after {
    content: "\e910";
    font-size: 1.8rem;
}

/*タビナカ差し替え　20251211*/
.opt-list li.opt-activity a:before{ background: url(https://www.jtb.co.jp/kaigai_opt/img/front/srh/topSpecial/theme_activity.jpg); background-size: cover; }
.opt-list li.opt-citytour a:before{ background: url(https://www.jtb.co.jp/kaigai_opt/img/front/srh/topSpecial/theme_citytour.jpg); background-size: cover; }