@charset "utf-8";
/*////////////// cambodia/BasicCSS Document //////////////*/
/* ===============================================
 all（基本事項）　
=============================================== */
/*＝＝＝＝＊＊大枠＊枠組み設定＊＊＝＝＝＝*/
/*----html設定----*/
html {
  min-width: 320px;
}
@media screen and (min-width:500px) and (max-width:600px) {
  html {
    font-size: 88%; /*14px*/
  }
}
@media screen and (max-width:499px) {
  html {
    font-size: 75%; /*12px*/
  }
}
@media screen and (max-width:350px) {
  html {
    font-size: 65.625%; /*10.5px*/
  }
}
/*----cntsWrap----*/
.cntsWrap {
  font-size: 1rem; /*w375時12px*/
  line-height: 1.333333333333333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
}
.cntsWrap * {
  box-sizing: border-box;
}
.cntsWrap a {
  cursor: pointer;
}
/*----inner----*/
*[class^="inner"] {
  margin: auto;
}
.inner706 {
  width: 94.13333333333333%;
}
.inner662 {
  width: 88.26666666666667%;
}
.inner618 {
  width: 82.4%;
}
/*＝＝＝＝＊＊linkArea.btn（共通ボタンレイアウト）＊＊＝＝＝＝*/
.linkArea.btn {
  width: 66.66666666666667%; /*500*/
  max-width: 500px;
  margin: auto;
  padding: 0;
  background: #d56968 url(/smp/kanto/special/cambodia/images/icon_arrow_right_002.png) no-repeat 95% 50%;
  background-size: 3.6%; /*18*/
  border-bottom: 3px solid #b14d4c;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
}
.linkArea.btn:has(a[href^="#"]) {
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_down_002.png);
  background-size: 4.2%;
}
.inner706 .linkArea.btn {
  width: 70.82152974504249%; /*500*/
}
.inner662 .linkArea.btn {
  width: 75.52870090634441%; /*500*/
}
.inner618 .linkArea.btn {
  width: 80.90614886731392%; /*500*/
}
.linkArea.btn.w100 {
  width: 100%;
}
.linkArea.btn.newWindow {
  background-size: 6%; /*30*/
  background-position: 96% 50%;
}
.linkArea.btn:not(:last-of-type) {
  margin-bottom: .8333333333333333em; /*20*/
}
.linkArea.btn .linkText a, .linkArea.btn.acBtn .linkText {
  font-size: 1rem;
  line-height: 1.25;
  padding: 1.208333333333333em 12% 1.083333333333333em 4%; /*29 60 26 20*/
  color: #fff;
}
.linkArea.btn.multiline .linkText a, .linkArea.btn.multiline.acBtn .linkText {
  padding: .9166666666666667em 6% .8333333333333333em 4%; /*22 60 20 20*/
  text-align: left;
}
.linkArea.btn.newWindow .linkText a {
  padding-right: 11%; /*55*/
}
.linkArea.list.top {
  margin: 8% 0 0; /*60*/
}
/*↓分岐＊ボタン地色変更に伴う設定↓*/
.linkArea.btn.bgcWhite {
  background-color: #eee;
  border-color: #979696;
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_right_003.png);
}
.linkArea.btn.bgcWhite.newWindow {
  background-image: url(https://smp.his-j.com/cmn/img/kanto/icon/instruction/box_black001.png);
}
.linkArea.btn.bgcWhite .linkText a {
  color: #333;
}
.linkArea.btn.bgcOliveGreen {
  background-color: #6c6a04;
  border-color: #575501;
}
.linkArea.btn.bgcOliveYellow {
  background-color: #e1e3c0;
  border-color: #9a9a82;
}
.linkArea.btn.bgcOliveYellow .linkText {
  color: #6c6a04;
}
.linkArea.btn.acBtn {
  background-size: 4.8%; /*24*/
  cursor: pointer;
  margin-bottom: 0;
}
.linkArea.btn.bgcOliveGreen.acOpenBtn {
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_down_002.png);
}
.linkArea.btn.bgcOliveYellow.acOpenBtn {
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_down_001.png);
}
.linkArea.btn.bgcOliveGreen.acCloseBtn {
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_up_002.png);
}
.linkArea.btn.bgcOliveYellow.acCloseBtn {
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_up_001.png);
}
/* ===============================================
 headerArea（ヘッダー部分全体）　
=============================================== */
#headerArea {
  padding-bottom: 5.333333333333333%; /*40*/
}
/*＝＝＝＝＊＊mvArea「メインビジュアル」＊＊＝＝＝＝*/
#headerArea .mvArea {
  background: no-repeat center center;
  background-size: cover;
  padding-top: 38.66666666666667%; /*290*/
  position: relative;
}
/*↓ 分岐＊mvImg ↓*/
#top #headerArea .mvArea {
  background-image: url(/smp/kanto/special/cambodia/images/index/mv_img.webp);
}
#spot #headerArea .mvArea {
  background-image: url(/smp/kanto/special/cambodia/images/spot/mv_img.webp);
}
#shopping #headerArea .mvArea {
  background-image: url(/smp/kanto/special/cambodia/images/shopping/mv_img.webp);
}
#hotel #headerArea .mvArea {
  background-image: url(/smp/kanto/special/cambodia/images/hotel/mv_img.webp);
}
/*↑ 分岐＊mvImg ↑*/
#headerArea .mvArea .title {
  position: absolute;
  top: 14.28571428571429%; /*60*/
  left: 0;
  right: 0;
  margin: auto;
}
#headerArea .mvArea .leadArea {
  background: rgba(38, 7, 4, .8);
  color: #fff;
  padding: .6666666666666667em .9166666666666667em .5833333333333333em; /*16 22 14*/
  margin: 0;
  position: relative;
}
#headerArea .mvArea .leadArea:before {
  content: "\24b8 HIS海外営業本部 Michael";
  color: #fff;
  font-size: .6666666666666667rem; /*16*/
  line-height: 1;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, .5);
  position: absolute;
  top: -1.5em; /*24*/
  right: 1.375em; /*22*/
}
#hotel, #shopping {
  #headerArea .mvArea .leadArea:before {
    content: none;
  }
}
#js-breadcrumb {
  overflow-x: hidden;
}
/*＝＝＝＝＊＊gNav「グローバルナビ」＊＊＝＝＝＝*/
.gNav ul {
  overflow: hidden;
  width: 100%;
}
.gNav ul li {
  float: left;
  width: 25%;
  background: url(/smp/kanto/special/cambodia/images/gnavi_bg_off.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
#top .gNav ul li.top, #spot .gNav ul li.spot, #shopping .gNav ul li.shopping, #hotel .gNav ul li.hotel { /*active*/
  background-image: url(/smp/kanto/special/cambodia/images/gnavi_bg_on.png);
  background-size: cover;
}
.gNav ul li:not(:last-child):after {
  content: "";
  width: 1px; /*2px*/
  height: 100%;
  background: #c49890;
  position: absolute;
  top: 0;
  right: 0;
}
.gNav ul li a {
  padding: 43.73333333333333% 0 8.533333333333333%; /*82 0 16*/
  display: block;
}
.gNav ul li img {
  display: block;
  margin: auto;
}
.gNav ul li.top img {
  width: 39.46666666666667%;
}
.gNav ul li.spot img {
  width: 60.8%;
}
.gNav ul li.shopping img {
  width: 84.8%;
}
.gNav ul li.hotel img {
  width: 48%;
}
/* ===============================================
 mainArea（メインコンテンツ部分）　
=============================================== */
#mainArea, #mainArea section {
  margin: 0;
}
/*＝＝＝＝＊＊titleArea「section見出し」＊＊＝＝＝＝*/
.titleArea {
  margin: 0 auto 4%; /*30*/
}
.titleLine {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 4.933333333333333%; /*37*/
  background: url(/smp/kanto/special/cambodia/images/title_icon_001.png) no-repeat center center;
  background-size: contain;
  margin-bottom: .7916666666666667em; /*19*/
}
.titleLine:before, .titleLine:after {
  content: "";
  width: 44.93333333333333%; /*337*/
  /*height: 5.405405405405405%;/*2*/
  height: 1px;
  background: rgba(105, 65, 60, .7);
  position: absolute;
  bottom: 16.21621621621622%; /*6*/ /*bottom: 6px;*/
}
.titleLine:before {
  left: 0;
}
.titleLine:after {
  right: 0;
}
.titleLine.sub {
  background-image: url(/smp/kanto/special/cambodia/images/title_icon_002.png);
  background-size: contain;
}
.titleLine.sub:before, .titleLine.sub:after {
  background: #f7d997;
}
.titleLine + .title {
  margin: auto;
}
/*＝＝＝＝＊＊conts「sectionコンテンツ」＊＊＝＝＝＝*/
.conts {
  padding-bottom: 10.66666666666667%; /*80*/
}
.conts.bgcOliveYellow {
  background: url(/smp/kanto/special/cambodia/images/bg001.png);
}
.conts > .img {
  padding-top: 2.133333333333333%; /*16*/
  margin-bottom: 2.666666666666667%; /*20*/
}
.conts .txtBox .title:not(.sub) {
  color: #6c6a04;
}
.conts .txtBox:not(.col02) .title:not(.sub) {
  font-size: 1.5rem;
}
.conts .txtBox:not(.col02) .title.sub {
  color: #624266;
}
.conts .txtBox .title + .title.sub {
  margin-top: 1.41643059490085%; /*10*/
}
.conts .txtBox > .title.sub {
  margin-top: 2.678571428571429%; /*15*/
}
/*↓分岐＊2column*/
.conts .txtBox.col02 {
  overflow: hidden;
}
.conts .txtBox.col02 .box {
  width: 44.13333333333333%; /*331*/
  float: left;
}
.conts .inner706.txtBox.col02 .box {
  width: 46.88385269121813%; /*331*/
}
.conts .inner706.txtBox.col02 .box:nth-of-type(n+3) {
  margin-top: 6.232294617563739%; /*44*/
}
.conts .inner706.txtBox.col02 .box:nth-of-type(even) {
  float: right;
}
.conts .txtBox.col02 .box .title {
  margin-top: 4.531722054380665%; /*15*/
}
/*＝＝＝＝plusMore＝＝＝＝*/
.conts .plusMore {
  width: 74.666666666666675%; /*560*/
  margin: 2.916666666666667em auto 0; /*70*/
}
.conts .plusMore .linkArea { /*w560*/
  width: 89.28571428571429%; /*500*/
  margin-top: 1.166666666666667em; /*28*/
}
/*＝＝＝＝imgSlider（画像スライダー設定）＝＝＝＝*/
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
}
/*----pluImg ★複数画像がある場合スライドで表示----*/
.pluImg.swiper-container {
  padding-bottom: 18px; /*8+10*/
  margin-bottom: .5833333333333333em; /*14*/
}
.pluImg .swiper-slide {
  background: #fff;
}
.pluImg .swiper-pagination-bullets {
  bottom: 0;
}
.pluImg .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #7d7d7d;
}
.pluImg .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #d2517a;
}
.conts.bgcOliveYellow .pluImg .swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
}
.conts.bgcOliveYellow .pluImg .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #d2517a;
}
/*----slider-container ★アコーディオン内のslider表示---*/
.slider-container {
  padding-bottom: 18px;
  margin-bottom: .5833333333333333em;
}
.slider-container .img-slide.half img {
  width: 48%; /*360*/
  margin: auto;
}
/* pagination */
.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  width: 8px;
  height: 8px;
  margin: 4px;
}
.slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
}
.slick-dots li button:before {
  content: "";
  font-size: 0;
  line-height: 0;
  width: 8px;
  height: 8px;
  opacity: 1 !important;
  background: #7d7d7d;
  border-radius: 100%;
}
.conts.bgcOliveYellow .slick-dots li:not(.slick-active) button:before {
  background: #fff;
}
.slick-dots li.slick-active button:before {
  background: #d2517a;
}
/*＝＝＝＝specialBox＝＝＝＝*/
.specialBox {
  max-width: 662px;
  width: 88.26666666666667%;
  margin: 2.708333333333333em auto 0; /*65*/
  padding: 13.5px 1.25em 1.375em; /*27 30 33*/
  position: relative;
  background: #f7f8ee;
  border: 1px solid #47607d;
  border-radius: 5px; /*10px*/
}
.inner706 .specialBox {
  width: 93.76770538243626%; /*662*/
}
.inner662 .specialBox {
  width: 100%; /*662*/
}
.inner618 .specialBox {
  width: 100%; /*662*/
}
.specialBox:before {
  content: "";
  background: url(/smp/kanto/special/cambodia/images/icon_crown_001.png) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  width: 49px; /*98*/
  height: 29px;
  /*padding-top: 8.761329305135949%;58*/
  left: 0;
  right: 0;
  top: -19px;
  margin: auto;
  /*margin: -5.740181268882175% auto 0;38*/
  z-index: 1;
}
.specialBox .title {
  margin: auto;
}
.specialBox .title + .txt { /*w602*/
  margin-top: 1.25em; /*30*/
}
.specialBox.kodawari .title { /*「HISのこだわり」w602*/
  width: 41.02990033222591%; /*247*/
  max-width: 247px;
  display: block; /*androidで非表示になるので記述*/
}
.specialBox .linkArea { /*w602*/
  width: 83.05647840531561%; /*500*/
  margin-top: 1.166666666666667em; /*28*/
}
.specialBox .linkArea + .linkArea {
  margin-top: .8333333333333333em; /*20*/
}
/*＝＝＝＝acBox＝＝＝＝*/
.acBox .acOpenBtn.open, .acBox .acCons {
  display: none;
}
.acBox + .acBox {
  margin-top: .8333333333333333em; /*20*/
}
/* ===============================================
 tour-preview（API表示部分）★指定styleはtemplate使用（temp：spcms /kanto/template/css/api.html 参照）
=============================================== */
#container .tour-preview .tour-desc .tour-desc-text01, #container .tour-preview .tour-desc .tour-desc-date {
  font-size: 0.8333333333333333rem; /*10*/
}
#container .tour-preview .tour-desc .tour-desc-text02 {
  font-size: 1.083333333333333rem; /*13*/
  font-weight: bold;
}
#container .tour-preview .tour-desc .tour-desc-text03 {
  font-size: 1.5rem; /*18*/
}
#container .tour-preview .tour-desc .tour-fuel {
  font-size: 1rem; /*12*/
}
#container .tour-preview .on-label, #container .tour-preview .on-airport, #container .tour-preview .on-label-text {
  display: none;
}
/*↓分岐＊1column*/
#container .boxCol01 .tour-preview {
  padding: 0;
  border-bottom: none;
}
#container .boxCol01 .tour-preview .tour-img {
  width: 100%;
  height: auto;
  margin: 0;
  float: none;
}
#container .boxCol01 .tour-preview .tour-img .tour-img-container {
  height: 0;
  padding-top: 42.4929178470255%; /*300*/
}
#container .boxCol01 .tour-preview .tour-desc {
  width: 100%;
  margin: 0;
  float: none;
}
#container .boxCol01 .tour-preview .tour-desc .tour-desc-text02 {
  margin: 1.841359773371105% 0 0; /*13*/
}
#container .boxCol01 .tour-preview .tour-desc .tour-desc-text01 {
  margin: .7082152974504249% 0 1.41643059490085%; /*5 0 10*/
}
/*↓分岐＊2column*/
#container .boxCol02 .tour-preview {
  margin: 3.39943342776204% 0 0; /*24*/
  padding: 3.68271954674221% 0 0; /*26*/
  border-bottom: none;
  border-top: 1px dotted #000;
}
#container .boxCol02 .tour-preview .tour-desc {
  width: 64.87252124645892%; /*458*/
  float: right;
  margin: 0;
}
#container .boxCol02 .tour-preview .tour-desc .tour-desc-text02 {
  margin-left: 0;
}
#container .boxCol02 .tour-preview .tour-img {
  width: 32.86118980169972%; /*232*/
  height: auto;
  margin: 0 2.26628895184136% 0 0; /*16*/
}
#container .boxCol02 .tour-preview .tour-img .tour-img-container {
  border-radius: 0;
  height: 0;
  padding: 81.89655172413793% 0 0; /*95*/
}
#container .boxCol02 .tour-preview .tour-api .tour-desc-text03 {
  overflow: hidden;
  clear: both;
}
/* ===============================================
 footerArea（フッター部分全体）　
=============================================== */
#footerArea {
  margin: 0;
}
#all-footer.hf201411 p.jobLink a {
  background-position: 7px center;
}
/*＝＝＝＝＊＊contsNav「コンテンツナビ」＊＊＝＝＝＝*/
#footerArea .contsNav {
  background: url(/smp/kanto/special/cambodia/images/bg001.png);
  padding: .6666666666666667em 0 .5833333333333333em; /*16 0 14*/
  margin-top: 2.916666666666667em; /*70*/
}
#footerArea .contsNav .title {
  text-align: center;
  font-size: 1.5rem; /*18*/
  margin-bottom: .4444444444444444em; /*16*/
}
#footerArea .contsNav li {
  background: url(/smp/kanto/special/cambodia/images/bg002.png);
}
#footerArea .contsNav li:not(:last-child) {
  margin-bottom: .6666666666666667em; /*16*/
}
#footerArea .contsNav a {
  display: block;
  color: #333;
  padding: .9583333333333333em 9.333333333333333% .9583333333333333em 2.933333333333333%; /*23 70 23 22*/
  background: url(/smp/kanto/special/cambodia/images/icon_arrow_right03.png) no-repeat 97.06666666666667% 50%; /*728*/
  background-size: 9px; /*18*/
}
#footerArea .contsNav a span {
  display: block;
  background: url(/smp/kanto/special/cambodia/images/icon_flour_002.png) no-repeat 0 46%;
  background-size: 25px; /*50*/
  padding-left: 31.5px; /*63*/
  line-height: 1.291666666666667em;
}
/*↓分岐＊active↓*/
#spot #footerArea .contsNav li.spot, #shopping #footerArea .contsNav li.shopping, #hotel #footerArea .contsNav li.hotel {
  background: #b2b57f;
}
#spot #footerArea .contsNav .spot a, #shopping #footerArea .contsNav .shopping a, #hotel #footerArea .contsNav .hotel a {
  background-image: url(/smp/kanto/special/cambodia/images/icon_arrow_right02.png);
}
#spot #footerArea .contsNav .spot a span, #shopping #footerArea .contsNav .shopping a span, #hotel #footerArea .contsNav .hotel a span {
  background-image: url(/smp/kanto/special/cambodia/images/icon_flour_001.png);
}
/*＝＝＝＝＊＊searchArea「ツアー検索」＊＊＝＝＝＝*/
#searchArea .titleArea {
  margin: 0;
  padding: 1.111111111111111em 0 1.666666666666667em; /*40 0 60*/
  font-size: 1.5rem; /*36*/
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
}
#searchArea:has(#searchApp) {
  padding-bottom: 20px;
  .titleArea {
    padding-bottom: .5em;
  }
}
#searchArea #tour_search_module .selectBox {
  font-size: 1.08rem;
}
#searchArea #tour_search_module ul.start-p {
  margin: 0;
}
#searchArea #tour_search_module .squeeze-area .btn-area {
  width: 70.82152974504249%; /*500*/
  max-width: 500px;
  margin: 1.041666666666667em auto 0; /*25*/
}
#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
  padding: 1.208333333333333em 6% .9583333333333333em 4%; /*29 30 23 20*/
  background: #d56968 url(/smp/kanto/special/cambodia/images/icon_arrow_right_002.png) no-repeat 95% 50%;
  background-color: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(213, 105, 104, 1)), color-stop(100%, rgba(213, 105, 104, 1)));
  background-size: 3.6%; /*18*/
  border-bottom: 3px solid #b14d4c;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.25;
}
/*＝＝＝＝otherLinkArea（その他リンク部分）＝＝＝＝*/
#searchArea .otherLinkArea {
  margin: 1.25em auto 0; /*30*/
  padding: .75em 0 0; /*18*/
  border-top: 1px dotted #000;
}
#searchArea .otherLinkText {
  margin-bottom: 1.041666666666667em; /*25*/
}