@charset "utf-8";
/*////////////// canada wow CSS Document //////////////*/

/* ===============================================
 all（基本事項）　
=============================================== */
html {
	font-size: 16px;
}

@media screen and (max-width: 480px) {
html {
	font-size: 12px;
}
}
/* ===============================================
 headerArea（ヘッダー部分全体）　
=============================================== */
#head > h1, #head > p, #head #modal-open img {
	background-color: #FFF;
}
#head > h1 {
	padding-top: 0;
	margin-bottom: 5%;
}
#headerArea {
	margin-bottom: 6%;
	padding-bottom: 6%;
	background-color: #EEE;
}
#headerArea .titleArea.main {
	margin: 2px 0 0;
}
/* bannersArea（バナーエリア）------------------*/
#headerArea .bannersArea {
	margin: 0 0 2.8%;
}
/* leadArea（ページ案内文）------------------*/
#headerArea .leadArea {
	margin: 2.2% 3.1% 3.9%;
	color: inherit;
	font-weight: normal;
}
#headerArea .leadArea span {
	margin: 0 0 5px 0;
	font-size: 1.4rem;
	color: #FF193D;
	font-weight: bold;
	text-align: center;
	display: block;
}
/* ===============================================
 modal-content（ヘッダーメニュー部分）　
=============================================== */
#modal-content .phw_80px {
	width: 80px;
	margin-bottom: 5px;
}
/* ===============================================
 contentsArea（メインコンテンツ、編集領域部分）　
=============================================== */
#contentsArea {
	font-size: 1rem;
	font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contentsArea * {
	box-sizing: border-box;
}
#contentsArea img {
	width: 100%;
	vertical-align: bottom;
}
#contentsArea .inner {
	padding: 1.25rem .8333333333333333rem;/*15 10＊innerW1420*/
}
#contentsArea .section > .title {
	font-size: 18px;
	text-align: left;
	color: #fff;
	background: #004098;
	padding: 15px 3%;
}
/* ===============================================
 mvArea（メインビジュアル部分）　
=============================================== */

/* ===============================================
 greetingArea（ご挨拶部分）　
=============================================== */
#greetingArea .txtBox {
	overflow: hidden;
}
#greetingArea .txtBox .txt {
	width: 68.66197183098592%;/*975*/
	float: left;
}
#greetingArea .txtBox .photo {
	width: 26.76056338028169%;/*380*/
	float: right;
}
#greetingArea .txtBox .photo .logo {
	margin: .4166666666666667rem auto .625rem;/*5 7.5*/
}
#greetingArea .youtubeBox {
	width: 100%;
	height: 0;
	padding-top: 67.04225352112676%;
	position: relative;
	margin-top: 1.25rem;/*15*/
}
#greetingArea .youtubeBox iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* ===============================================
 tabArea（タブエリア）　
=============================================== */
#tabArea {
	width: 92%;
	margin: 0 auto 15px;
}
#tabArea ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#tabArea ul li {
	border: 1px solid #004098;
	background: #fff;
	text-align: center;
	width: 48.5%;
	padding: 11px 0;
	color: #004098;
	font-size: 1.25rem;/*15*/
	font-weight: bold;
}
#tabArea ul li span {
	font-size: .8333333333333333rem;/*10*/
	display: block;
}
#tabArea ul li span.ls05 { letter-spacing: -0.5px; }
#tabArea ul li.active {
	background: #004098;
	position: relative;
	color: #fff;
}
#tabArea ul li.active:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #004098 transparent transparent transparent;
	border-width: 8px 4px 0 4px;
}
/* ===============================================
 mainConts（メインコンテンツ部分）　
=============================================== */
.mainConts {
	padding-bottom: 1.25rem;/*15*/
}
.mainConts > .title {
	margin-bottom: 1.25rem;/*15*/
}
.mainConts .tourList .box + .box {
	margin-top: 1.041666666666667rem;/*12.5*/
}
.mainConts .tourList .box {
	background: no-repeat center center;
	background-size: cover;
	color: #fff;
}
.mainConts .tourList .box.bgPosiT {
	background-position: top;
}
.mainConts .tourList .box.bgPosiB {
	background-position: bottom;
}
.mainConts .tourList .box.none {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tourList00.jpg);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.mainConts .tourList .box a {
	display: block;
	position: relative;
	color: #fff;
}
.mainConts .tourList .box a::after {
	content: "";
	background: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/icon_arrow.png) no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: .8333333333333333rem;/*10*/
	margin: auto;
}
.mainConts .tourList .box .inner {
	padding: .8333333333333333rem;/*10*/
	height: 20.83333333333333rem;/*250*/
	position: relative;
}
.mainConts .tourList .box.long .inner {
	height: 37.5rem;/*450*/
}
.mainConts .tourList .box .season {
	background: #cfa972;
	padding: .3125rem .7916666666666667rem;/*3.75 9.5*/
	border-radius: 2.5px;
	display: table;
	margin-bottom: .625rem;/*7.5*/
}
.mainConts .tourList .box .season.spring {
	background: #f08e9a;
}
.mainConts .tourList .box .season.summer {
	background: #36cfb8;
}
.mainConts .tourList .box .season.autumn {
	background: #f76e2b;
}
.mainConts .tourList .box .season.winter {
	background: #84c6e7;
}
.mainConts .tourList .box .season .detail, .mainConts .tourList .box .season .month {
	display: table-cell;
	vertical-align: middle;
}
.mainConts .tourList .box .season .month {
	font-size: 1.25rem;/*15*/
	font-weight: bold;
	padding-left: .4375rem;/*5.25*/
	margin-left: .4375rem;/*5.25*/
	border-left: 1px dashed #fff;
	display: inline-block;
}
.mainConts .tourList .box:not(.long) .season {
	font-size: .9166666666666667rem;/*11*/
	padding: .2083333333333333rem .5625rem;/*2.5 6.75*/
}
.mainConts .tourList .box:not(.long) .season .month {
	font-size: 1rem;/*12*/
}
.mainConts .tourList .box .title {
	font-size: 1.5rem;/*18*/
	line-height: 1.2;
	text-shadow: 0px 0px 6px #3e5066;
}
.mainConts .tourList .box .title .small {
	display: block;
	font-size: 1rem;/*12*/
	margin-top: .75rem;/*9*/
}
.mainConts .tourList .box.long .title {
	font-size: 2.083333333333333rem;/*25*/
}
.mainConts .tourList .box.long .title .small {
	font-size: 1.25rem;/*15*/
}
@media screen and (max-width: 360px) {
.mainConts .tourList .box .title {
	font-size: 16px;/*18*/
}
.mainConts .tourList .box.long .title {
	font-size: 20px;/*25*/
}
.mainConts .tourList .box .title .small {
	font-size: 12px;/*15 or 12*/
}
}
.mainConts .tourList .box .txt {
	position: absolute;
	width: 100%;
	padding: 1.25rem .8333333333333333rem;
	left: 0;
	bottom: 0;
	/*text-shadow: 0px 0px 6px #3e5066;*/
	text-shadow: 0px 0px 6px #000;
}
.mainConts .tourList .box .txt .small {
	font-size: 10px;
}
.mainConts .tourList .box .txt .kome {
	display: block;
	margin-top: 4px;
}
.mainConts .tourList .box .imgCredit {
	position: absolute;
	bottom: 0;
	right: 4px;
	font-size: .8333333333333333rem;/*10*/
	color: #cbcbcb;
	text-align: right;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
}
/* ===============================================
 tourArea（おすすめ旅20選）　
=============================================== */

#tourArea .tourList .box.tour01 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour01_a.jpg);
}
#tourArea .tourList .box.tour02 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour02_a.jpg);
}
#tourArea .tourList .box.tour03 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour03_a.jpg);
}
#tourArea .tourList .box.tour04 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour04_a.jpg);
}
#tourArea .tourList .box.tour05 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour05_b.jpg);
}
#tourArea .tourList .box.tour06 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour06_b.jpg);
}
#tourArea .tourList .box.tour07 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour07_b.jpg);
}
#tourArea .tourList .box.tour08 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour08_b.jpg);
}
#tourArea .tourList .box.tour09 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour09_b.jpg);
}
#tourArea .tourList .box.tour10 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour10_b.jpg);
}
#tourArea .tourList .box.tour11 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour11_b.jpg);
}
#tourArea .tourList .box.tour12 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour12_b.jpg);
}
#tourArea .tourList .box.tour13 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour13_b.jpg);
}
#tourArea .tourList .box.tour14 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour14_b.jpg);
}
#tourArea .tourList .box.tour15 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour15_b.jpg);
}
#tourArea .tourList .box.tour16 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour16_b.jpg);
}
#tourArea .tourList .box.tour17 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour17_b.jpg);
}
#tourArea .tourList .box.tour18 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour18_b.jpg);
}
#tourArea .tourList .box.tour19 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour19_b.jpg);
}
#tourArea .tourList .box.tour20 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_tour20_b.jpg);
}
/* ===============================================
 moreArea（たくさんのWowにあふれるカナダ）　
=============================================== */
#moreArea { padding-top: 1.25rem; }
#moreArea .tourList .box.more01 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_more01.jpg);
}
#moreArea .tourList .box.more02 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_more02.jpg);
}
#moreArea .tourList .box.more03 {
	background-image: url(https://www.his-j.com/smp/kanto/special/canada/images/wow/img_more03.jpg);
}
/* ===============================================
 christmas（クリスマスカナダ）　
=============================================== */
#christmas .flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#christmas {
	background: #def1f9;
	display: none;
	padding-bottom: 38px;
}
#contentsArea  #christmas > .title { text-align: center; }
#christmas h4 {
	text-align: center;
	width: 72.1%;
	margin: 0 auto 10px;
}
#christmas .wrapper {
	width: 92%;
	margin: 13px auto 0;
}
#christmas .wrapper .box_txt {
	margin: 25px 0 40px;
}
#christmas .wrapper .box_txt dt,
#christmas .wrapper .box_thumb dl dt {
	font-weight: bold;
	position: relative;
	padding-top: 22px;
}
#christmas .wrapper .box_txt dt span,
#christmas .wrapper .box_thumb dl dt span {
	background: #e45f4c;
	color: #fff;
	font-size: .8333333333333333rem;/*10*/
	font-weight: normal;
	padding: 4px;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#christmas .wrapper .phlist { margin-bottom: 30px; }
#christmas .wrapper .phlist li { margin-bottom: 15px; }
#christmas .wrapper .phlist li img {
	width: 45.2%;
	height: 100%;
	zoom: 1;
	margin-right: 4.6%;
}
#christmas .wrapper .phlist li span {
	vertical-align: top;
	font-weight: bold;
	width: 50%;
}
#christmas .wrapper .box_circle { margin-bottom: 30px; }
#christmas .wrapper .box_circle dt { font-size: 1.5rem;/*18*/ }
#christmas .wrapper .box_circle dt span { color: #e45f4c; }
#christmas .wrapper .box_circle dd { margin-top: 15px; }
#christmas .wrapper .box_circle dd img { margin-top: 25px; }
#christmas .wrapper .box_thumb { padding-bottom: 23px; }
#christmas .wrapper .box_thumb > img {
	width: 31.8%;
	height: 100%;
	vertical-align: top;
	margin-right: 2.3%;
	zoom: 1;
}
#christmas .wrapper .box_thumb dl { width: 63.6%; }
#christmas .wrapper .box_thumb dl dd { font-size: .8333333333333333rem;/*10*/ }
#christmas .wrapper .tourttl {
	background: #004098;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
#container #christmas .tour-preview {
	width: 92%;
	padding:10px 4% 5px;
	box-sizing: content-box;
}
#container #christmas .on-airport,
#container #christmas .tour-api .on-label,
#container #christmas .tour-label,
#container #christmas .tour-api .tour-desc-date { display: none; }
#container #christmas .tour-img { width: 30%; }
#container #christmas .tour-desc .tour-desc-text02 {
	color: #333;
	font-size: 14px;
}
#container #christmas .tour-api .tour-desc-text03 {
	color: #e10000;
	font-size: 16px;
	font-weight: normal;
}
#container #christmas .mt70 { margin-top: 70px; }