@charset "utf-8";
/* ポイント
============================================================================= */
.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;
	}
.img_size{width: 260px !important;}
}

.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;
}

/* スライダー対応
============================================================================= */
@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);
}
.slick-dots li button:before{font-size:2.0rem;}

.otherproducts-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    /*margin: 30px -6px 0;*/
    flex-wrap: wrap;
}


.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; }
