@charset "utf-8";
/* CSS Document */
.Tour .CommonTtl .main{font-size: 6vw;padding-bottom: 0;}
.Tour .CommonTtl .sub{font-size: 3vw;}

/*---------------------------------------MainVisual*/
.Tour #MainVisual{display: block;height: auto;width: 90%;}
.Tour #MainVisual .icon{}
.Tour #MainVisual .icon li{}
.Tour #MainVisual .box{flex-direction: column-reverse;margin-bottom: 10px;}
.Tour #MainVisual .main{
	padding-right: 0;
}
.Tour #MainVisual .main h3{
	letter-spacing: -0.5px;
	margin-bottom: 5px;
}
.Tour #MainVisual .main h3 .sub{
	font-size: 4vw;
}
.Tour #MainVisual .main h3 .ttl{
	font-size: 5.5vw;
}
.Tour #MainVisual .main h3 strong{
	font-size: 5.5vw;
}
.Tour #MainVisual .main h3 span{}
.Tour #MainVisual .main .info{
	/* display: block; */
}
.Tour #MainVisual .main .info dl:nth-of-type(1),
.Tour #MainVisual .main .info dl:nth-of-type(2){width: 100%;}
.Tour #MainVisual .main .info dt{}
.Tour #MainVisual .main .info dd{}
.Tour #MainVisual .main .info dl.port{}
.Tour #MainVisual .main .price{
	display: block;
}
.Tour #MainVisual .main .price dt{padding-bottom: 5px;}
.Tour #MainVisual .main .price dt p{}
.Tour #MainVisual .main .price dt p strong{}
.Tour #MainVisual .main .price dt strong{}
.Tour #MainVisual .main .price dd{}
.Tour #MainVisual .photo{
	width: 100%;
	max-width: inherit;
	margin-top: 0;
	margin-bottom: 6px;
}
.Tour #MainVisual .photo img{}
.Tour #MainVisual .photo:after{
	width: 80px;
	height: 80px;
	background-position: center;
	background-size: cover;
	background-image: url(../images/item/icon_recom.png);
	content: "";
	right: auto;
	left: 20px;
	top: -20px;
}
#SearchAtte{}
#SearchAtte ul{}
#SearchAtte li{}
#SearchAtte li:before{}
#SearchAtte li + li{}


/*---------------------------------------TourSC*/
.TourSC{
	position: relative;
	margin-bottom: 30px;
}
.TourSC .Inner{
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}
.TourSC .Inner p{
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
	flex: 1;
}
.TourSC .Inner p + p{
	border-left: none;
}
.TourSC .Inner p a{
	padding: 5px 0px;
	font-size: 12px;
}
.TourSC .Inner p a:after{
	padding-top: 0;
}
.TourSC .Inner p a:hover{}
.TourSC .Reserve{}
.TourSC .Reserve a{}

.TourSC .TourSCAccIn{
    position: absolute;
    background-color: #222e45;
    top: 39px;
    width: 100%;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);
    z-index: 9;
}
.TourSC .TourSCAccIn > div{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    width: 97%;
    margin: 9px auto;
    justify-content: space-between;
    column-gap: 5px;
}
.TourSC .TourSCAccIn > div p{flex: auto;width: 48%;}
.TourSC .TourSCAccIn > div p a{
	border: 1px solid #fff;
	margin-bottom: 8px;
	border-radius: 3px;
	padding: 5px 5px;
	display: block;
}

/*---------------------------------local*/
#local{
}


/*------------------------------------TourPoint*/
#TourPoint{
	width: 90%;
	margin-bottom: 30px;
}
#TourPoint .deco{
	font-size: 30px;
}
#TourPoint .Inner{
	display: block;
}
#TourPoint .Main{
	margin-right: 0;
}
#TourPoint .Main dl{}
#TourPoint .Main dt{
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 5px;
}
#TourPoint .Main dd{}
#TourPoint .Main dl + dl{}
#TourPoint .Photo{
	width: 100%;
	margin-top: 20px;
}
#TourPoint .Photo .img{}
#TourPoint .Photo .img:after{}
#TourPoint .Photo .img img{}
#TourPoint .Photo .caption{
	position: relative;
	bottom: auto;
	right: auto;
}
#TourPoint .atte{
	padding: 0;
}


/*------------------------------------MainAtte*/
.MainAtte{width: 90%;margin-top: 20px;}
.MainAtte ul{}
.MainAtte li{font-size:3.5vw;}
.MainAtte li:before{}


/*-------------------------------------#Sche*/
#Sche{
	padding: 40px 0;
}
#Sche .inner{
	width: 90%;
}
#Sche .inner .Iconlist{
	text-align: left;
	padding-bottom: 10px;
}
#Sche .inner .Entry{
	display: block;
}
#Sche .inner .Entry + .Entry{}
#Sche .inner .Entry + .Entry:before{}
#Sche .inner .StayPlan{}
#Sche .inner .day{
}
#Sche .inner .day strong{
	font-size: 15px;
}
#Sche .inner .day em{}
#Sche .inner .day em + strong{
	font-size: 15px;
}
#Sche .inner .plan{
	display: block;
}
#Sche .inner .plan + .plan{}
#Sche .inner .plan p{}
#Sche .inner .plan p + p{}
#Sche .inner .plan h3{}
#Sche .inner .plan .time{
	width: 100%;
}
#Sche .inner .plan .time dl{}
#Sche .inner .plan .time .multi + dl{}
#Sche .inner .plan .time dl + dl{}
#Sche .inner .plan .time dl.special + dl.special{}
#Sche .inner .plan .time dt{}
#Sche .inner .plan .time dd{}
#Sche .inner .plan .time dd .dept{}
#Sche .inner .plan .time dd .dept + .dept{}
#Sche .inner .plan .time dd .dept dt{}
#Sche .inner .plan .time dd .dept dd{}
#Sche .inner .plan .time .multi{}
#Sche .inner .plan .time .multi.timeInclude{}
#Sche .inner .plan .time .multi.timeInclude:before{}
#Sche .inner .plan .time .multi .multiTtl{}
#Sche .inner .plan .time .multi .multiTtl strong{}
#Sche .inner .plan .time .multi .box{}
#Sche .inner .plan .time .multi .box + .box{}
#Sche .inner .plan .time .multi .box dt{}
#Sche .inner .plan .time .multi .box dd{}
#Sche .inner .SP{}
#Sche .inner .sightseeing,#Sche .inner .gourmet,#Sche .inner .highlight{
	width: auto;
}
#Sche .inner .sightseeing .ttl,#Sche .inner .gourmet .ttl,#Sche .inner .highlight .ttl{}
#Sche .inner .sightseeing .ttlnu,#Sche .inner .gourmet .ttlnu,#Sche .inner .highlight .ttlnu{}
#Sche .inner .sightseeing p,#Sche .inner .gourmet p{}
#Sche .inner .sightseeing p + p,#Sche .inner .gourmet p + p{}
#Sche .inner .sightseeing{}
#Sche .inner .gourmet{}
#Sche .inner .highlight{}
#Sche .inner .special .gourmet,#Sche .inner .special .sightseeing{}
#Sche .inner p strong{}
#Sche .inner em{}
#Sche .inner .gourmet strong{}
#Sche .inner .sightseeing strong{}
#Sche .inner .special p strong{}
#Sche .inner .meal{
	width: auto;
	flex-direction: row;
	justify-content: flex-end;
	border-left: none;
	padding: 0 10px;
	box-sizing: border-box;
	align-items: baseline;
	padding-top: 6px;
	background-color: #ebebeb;
	box-sizing: border-box;
}
#Sche .inner .route .plan .meal{}
#Sche .inner .meal dl{}
#Sche .inner .meal dl + dl{
	margin-top: 0;
	margin-left: 15px;
}
#Sche .inner .meal dt{}
#Sche .inner .meal dd{}
#Sche .inner .meal dd img{}
#Sche .inner .hotel{
	width: auto;
	writing-mode: inherit;
	display: block;
	text-align: right;
	box-sizing: border-box;
	border: none;
	background-color: #ebebeb;
	border-top: 1px dotted #000;
}
#Sche .inner .hotel > *{}
#Sche .atte{
	width: 90%;
}

/*---------------------------------InfoShip*/
#InfoShip{
	padding-top: 40px;
	margin-top: 40px !important;
}
#InfoShip .MainInfo{
	width: 90%;
}
#InfoShip .MainInfo .box{}
#InfoShip .MainInfo .box .txt{}
#InfoShip .MainInfo .box .photo{}
#InfoShip .MainInfo .box + .box{}
#InfoShip .MainInfo.column3{}
#InfoShip .MainInfo.column3 .box{}
#InfoShip .MainInfo.column3 .box .photo{}
#InfoShip .MainInfo.column3 .box .txt{}
.Tour#antarcticcruise #InfoShip .Mainttl .sec{}
.Tour#antarcticcruise #InfoShip .MainInfo{}
.Tour#antarcticcruise #InfoShip #Ponant .Mainttl h2{}
.Tour#antarcticcruise #InfoShip #Ponant .Mainttl h2 .ttl{}
.Tour#antarcticcruise #InfoShip .Mainttl h2:before{}
.Tour#antarcticcruise #InfoShip #Ponant .Mainttl h2:before{}
.Tour#antarcticcruise #InfoShip #Scenic .Mainttl h2:before{}
.Tour#antarcticcruise #InfoShip #SilverseaEx .Mainttl h2:before{}
.Tour#antarcticcruise #InfoShip #Hurtigruten .Mainttl h2:before{}
.Tour#antarcticcruise #InfoShip .MainInfo{}
.Tour#antarcticcruise #InfoShip .detail{}
.Tour#antarcticcruise #InfoShip .detail .sec{}
.Tour#antarcticcruise #InfoShip .detail .sec:first-of-type{}
.Tour#antarcticcruise #InfoShip .detailTtl{}
.Tour #InfoShip .detail{
	width: 90%;
}
.Tour #InfoShip .detail .Inner{width: 100%;}
.Tour#antarcticcruise #InfoShip{}
.Tour #InfoShip .detailData{
	width: 100%;
	display: block;
}
.Tour #InfoShip .detailData dl{}
.Tour #InfoShip .detailData dl + dl{
	margin-left: 0;
	margin-top: 10px;
}
.Tour #InfoShip .detailData dd{}


/*-----------------------------------TourData*/
.TourDataWrap{
	width: 90%;
	padding-top: 40px;
}
.TourDataWrap + .TourDataWrap{
	padding-top: 10px;
}
.TourDataWrap h2{}

.Comment{font-size: 4vw;margin-bottom: 10px;}
.Comment span{}

.TourData{overflow-x: auto;padding-bottom: 11px;}
.TourData .Entry{flex-shrink: 0;}
.TourData .Entry + .Entry{}
.TourData .Entry dt{
	font-size: 12px;
	white-space: nowrap;
	/* width: 8em; */
	padding: 4px 15px;
}
.TourData .Entry dt p{}
.TourData .Entry dd{}
.TourData .Entry dd ul{}
.TourData .Entry dd li{
	white-space: normal;
	font-size: 13px;
	white-space: nowrap;
	padding: 6px 10px;
}
.TourData .Entry.money dd li{}
.TourData .Entry.moneysp dd li{}
.TourData .Entry.tourcode dd li{}
.TourData .Entry dd li + li{}
.TourData .Entry dd li .wait{font-size: 3vw;}
.TourDataWrap h3{}
.TourDataWrap .atte{}
.TourDataWrap .atte ul{}
.TourDataWrap .atte li{}
.TourDataWrap .atte li:before{}
.TourDataWrap .atte li + li{}
.TourDataWrap .atte li strong{}
.TourDataWrap .atte p{}
.TourDataWrap .tax{}
.TourDataWrap .tax ul{}
.TourDataWrap .tax li{}
.TourDataWrap .tax li:before{}
.TourDataWrap .tax li + li{}
.TourDataWrap .tax p{}
.TourDataWrap .campaign{}
.TourDataWrap .campaign dt{}
.TourDataWrap .campaign dd{}
.TourDataWrap .campaign dd p{}


.TourData::-webkit-scrollbar {
  height: 10px; /* スクロールバーの高さ */
}

.TourData::-webkit-scrollbar-thumb {
  background: #222e45; /* ツマミの色 */
  border-radius: 7px; /* ツマミ両端の丸み */
}

.TourData::-webkit-scrollbar-track {
  background: #8c96a8; /* トラックの色 */
  border-radius: 7px; /* トラック両端の丸み */
}

/*-----------------------------------.TourText*/
.TourText .inner{width: 100%;}
.TourText .inner .title{}
.TourText .inner .Entry{}
.TourText.contents:nth-of-type(even) .Entry{}
.TourText .inner .Entry + .Entry{}
.TourText .inner .Entry + .Entry:before{}
.TourText .inner .day{}
.TourText .inner .day strong{font-size: 15px;}
.TourText .inner .day em{}
.TourText .inner .day em + strong{font-size: 15px;}
.TourText .inner .plan{display: block;}
.TourText .inner .plan + .plan{}
.TourText .inner .plan p{
    font-size: 3.5vw;
    padding: 10px;
}
.TourText .inner .plan p + p{}
.TourText .inner .plan .dpt{}
.TourText .inner .plan .time{width: 100%;}
.TourText .inner .plan .time dl{}
.TourText .inner .plan .time dt{width: 5.5em;font-size: 12px;}
.TourText .inner .plan .time dd{font-size: 13px;padding: 5px;}
.TourText .inner .meal{
    width: 100%;
    border-left: none;
    border-top: 1px solid #fff;
    justify-content: flex-end;
    }
.TourText .inner .meal ul{display: flex;
    margin-right: 10px;}
.TourText .inner .meal li{}
.TourText .inner .meal li + li{margin-top: 0;
    margin-left: 5px;}
.TourText .inner .meal li.none{}
.TourText .inner .hotel{
    width: 100%;
    box-sizing: border-box;
    writing-mode: inherit;
    -ms-writing-mode: inherit;
    flex-direction: inherit;
    border-left: none;
    border-top: 1px solid #fff;
    padding: 5px 5px;
    justify-content: flex-end;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
    }
.TourText .inner .hotel > *{
    max-width: inherit;
}
.TourText .atte{width: 100%;margin-top: 10px;}

/*------------------------Coution*/
#Coution{
	width: 90%;
	padding: 10px 0;
	margin-bottom: 20px;
}
#Coution .box{}
#Coution .box + .box{}
#Coution .box.flex{
	display: block;
}
#Coution .box h3{
	font-size: 20px;
}
#Coution .box dl{
	width: 100%;
}
#Coution .box dt{}
#Coution .box dd{}
#Coution .box dl + dl{}
#Coution .box ul{}
#Coution .box li{}
#Coution .box li:before{}
#Coution .box a{}
#Coution .box a:after{}
#Coution .box a:hover{}
#Coution .box li a{}
#Coution .box li a:after{}

/*-----------------------------order*/
#order{}
#order a{}
#order a:after{}



/*------------------------important*/
#important{
	margin-top: 30px;
}
#important strong {}
#important .txt{}
#important .date{}

/*------------------------currency*/
.currency{}
.currency strong {}


/*-----------------------------DPF*/
#DPF{
	width: 90%;
}
#DPF h3{}
#DPF .btn{}
#DPF .btn a{
	display: block;
	font-size: 13px;
	padding: 15px 20px;
	font-weight: normal;
}
#DPF .btn a:hover{}
#DPF .btn a:after{}