@charset "utf-8";
/*//////////////  cambodia「TOP」/ indexCSS Document  //////////////*/

#headerArea .mvArea .title {
	width: 63.73333333333333%;/*478*/
}

/* ===============================================
 recommendTour「おすすめツアー」　
=============================================== */
#recommendTour {
	padding-bottom: 6%;/*45*/
}
#recommendTour .titleLine + .title {
	width: 45.333333333333335%;/*340*/
}
#recommendTour .linkArea {
	margin-top: 7.648725212464589%;/*54*/
}

/* ===============================================
 contsNav「コンテンツ一覧」　
=============================================== */
#contsNav {
	background: url(https://www.his-j.com/smp/kanto/special/cambodia/images/bg001.png);
	padding: 6.666666666666667% 0;/*50 0*/
}
#contsNav .contsList li {
	background: no-repeat 0 0 / cover;
}
#contsNav .contsList li:not(:last-child) {
	margin-bottom: 3.021148036253776%;/*20*/
}
#contsNav .contsList li.basicSpot{
	background-image: url(https://www.his-j.com/smp/kanto/special/cambodia/images/index/contsNav_list_bg_001.webp);
}
#contsNav .contsList li.maniacSpot{
	background-image: url(https://www.his-j.com/smp/kanto/special/cambodia/images/index/contsNav_list_bg_002.webp);
}
#contsNav .contsList li.shopping{
	background-image: url(https://www.his-j.com/smp/kanto/special/cambodia/images/index/contsNav_list_bg_003.webp);
}
#contsNav .contsList li.hotel{
	background-image: url(https://www.his-j.com/smp/kanto/special/cambodia/images/index/contsNav_list_bg_004.webp);
}
#contsNav .contsList li a {
	color: #fff;
	display: block;
	padding: 2.870090634441088% 13.14199395770393% 3.021148036253776% 3.323262839879154%;/*19 87 20 22 */
	background: url(https://www.his-j.com/smp/kanto/special/cambodia/images/icon_arrow_right_001.png) no-repeat 97.58308157099698% center;
	background-size: 6.042296072507553%;/*646 / 40*/
}
#contsNav .contsList li .title {/*w553*/
	margin-bottom: 4.33996383363472%;/*24*/
}
#contsNav .contsList li.basicSpot .title {/*w553*/
	width: 74.50271247739602%;/*412*/
}
#contsNav .contsList li.maniacSpot .title {/*w553*/
	width: 99.63833634719711%;/*551*/
}
#contsNav .contsList li.shopping .title {/*w553*/
	width: 77.21518987341772%;/*427*/
}
#contsNav .contsList li.hotel .title {/*w553*/
	width: 80.47016274864376%;/*445*/
}


/* ===============================================
 infoBox「情報＆サポート」　
=============================================== */
body::before {/*「background-size: cover」を使ってるとき「background-attachment:fixed」が効かないのでその対象法*/
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(https://www.his-j.com/smp/kanto/special/cambodia/images/index/infoBox_bg.webp) no-repeat center top;
	-webkit-background-size:cover;/*Android4*/
}
#container {
	position: relative;
	z-index: 2;
}
#recommendTour,#otherInfo,header,#footerArea,#all-footer.hf201411 {
	background: #fff !important;
}
#infoBox .bgWrap {
	/*background: url(https://www.his-j.com/smp/kanto/special/cambodia/images/index/infoBox_bg.webp) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;*/
	padding: 3.333333333333333% 0 10%;/*25 0 75*/
	color: #fff;
}
#infoBox .titleArea {
	margin-bottom: 5.333333333333333%;/*40*/
}

/*＝＝＝＝＊＊basisInfo「基本情報」＊＊＝＝＝＝*/
#basicInfo .titleLine + .title {
	width: 26.4%;/*198*/
}
#basicInfo .detailList {
	color: #fff;
	font-weight: bold;
	line-height: 1.416666666666667;
}
#basicInfo .detailList .dl {
	width: 100%;
	display: table;
}
#basicInfo .detailList .dl:not(:first-of-type) {
	border-top: 1px dotted #fff;
}
#basicInfo .detailList .dt, #basicInfo .detailList .dd {
	display: table-cell;
	padding: .8333333333333333em 0;/*20 0*/
}
#basicInfo .detailList .dt {
	width: 22.6628895184136%;/*160*/
	padding-right: 1.41643059490085%;/*10*/
	white-space: nowrap;
}
#basicInfo .detailList .linkArea {/*w546*/
	width: 91.57509157509158%;/*500*/
	margin: 2.747252747252747% auto auto 0;/*15 auto auto 0*/
}
@media screen and (max-width:350px) {
#basicInfo .detailList .linkArea {/*w546*/
	width: 100%;/*500*/
}
}


/*＝＝＝＝＊＊infoDesk「ツアーデスク」＊＊＝＝＝＝*/
#infoDesk .titleLine + .title {
	width: 51.6%;/*387*/
}
#infoDesk .deskList li:not(:last-child) {
	margin-bottom: 16.18122977346278%;/*100*/
}
#infoDesk .deskList .name {
	font-size: 1.5rem;/*18*/
	text-align: center;
}
#infoDesk .deskList .img {
	margin-bottom: 2.912621359223301%;/*18*/
}
#infoDesk .deskList .linkArea {
	margin-top: 3.72168284789644%;/*23*/
}
#infoDesk .deskList .linkArea + .txt {
	margin-top: 6.472491909385113%;/*40*/
}


/*＝＝＝＝＊＊otherInfo「その他の情報」＊＊＝＝＝＝*/
#otherInfo {
	padding: 5.333333333333333% 0 6%;/*40 0 45*/
}
#otherInfo .title {
	font-size: 1.5rem;/*18*/
	text-align: center;
	margin-bottom: 3.2%;/*24*/
}
#otherInfo .linkList {
	overflow: hidden;
	text-align: center;
}
#otherInfo .linkList li:nth-child(odd) {
	float: left;
}
#otherInfo .linkList li:nth-child(even) {
	float: right;
}
#otherInfo .linkList .guide {
	width: 55.01618122977346%;/*340*/
}
#otherInfo .linkList .icon {
	width: 35.598705501618125%;/*220*/
}
#otherInfo .linkList .txt {
	margin-bottom: .3333333333333333em;/*8*/
}
#otherInfo .linkList .guide .linkArea {
	margin-top: .75em;/*18*/
}
#otherInfo .linkList .guide .linkArea.btn.newWindow {/*340*/
	background-size: 8.823529411764706%;/*30*/
	background-position: 95% 50%;
}
#otherInfo .linkList .guide .linkArea.btn.newWindow a {/*340*/
	padding-right: 15%;
}