@charset "UTF-8";
/*////////////// hahakotabi/commonCSS Document //////////////*/

/* ===============================================
 all（全体）
=============================================== */
#mainArea,
#headerArea .titleArea.main,
#mainArea section { margin: 0; }
#headerArea { position: relative; }
/* .phArea（画像）------------------*/
.phArea { margin-bottom: 0.7rem; }
#headerArea .phTitleArea h2 {
  text-align: center;
  margin: 10px 0;
}
#headerArea .phTitleArea h2 img { width: 39%; }
/* ===============================================
 mainArea 共通
=============================================== */
#mainArea h3 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.1;
  padding: 0 3px 10px;
  margin-bottom: 15px;
}
#mainArea p.lead,
#mainArea p.txt { font-size: 15px; }
#mainArea p.lead {
  font-weight: bold;
  line-height: 1.5;
  margin: 40px 0 0;
}
#mainArea p.txt { line-height: 1.27; }
#introArea,
#contentsArea .conts { font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; }
/* ===============================================
 introArea
=============================================== */
#introArea h3 { margin-bottom: 20px; }
/* ===============================================
 tourArea（おすすめツアーコンテンツ）　
=============================================== */
#tourArea {
  margin: 45px 0 0 !important;
  padding: 35px 3%;
}
.tourListArea {
  padding: 15px 4%;
  background-color: #FFF;
  border-radius: 10px;
  box-sizing: border-box;
}
.tourListArea h3 {
  width: 93%;
  margin: 0 auto 18px;
  padding: 0;
  border-bottom: none !important;
}
.tourListArea .linkArea.btn {
  background-image: none;
  border-radius: 5px;
}
.tourListArea .linkArea.multiline a { line-height: 1.3; }
/* tour-preview（APIデザイン部分）------------------*/
#container .tour-preview {
  padding: 0 0 10px;
  margin-bottom: 20px;
}
#container .api_detail_spr_tour:nth-of-type(3) .tour-preview {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
#container .tour-preview .tour-desc .tour-desc-text01 {
  color: #333;
  font-size: 12px;
  line-height: 1.2;
  margin: 2px 0;
}
#container .tour-preview .tour-desc .tour-desc-text02 {
  color: #333;
  margin: 0;
  font-size: 13px;
  line-height: 1.3;
}
#container .tour-desc .tour-desc-text03 {
  color: #e60012;
  margin: 0;
  font-size: 17px;
}
#container .tour-preview .tour-desc-date { font-size: 11px; }
#container .tour-preview .tour-fuel { font-size: 12px; }
#container .tour-preview .on-label-text { display: none; }
/* ===============================================
 footerArea（フッターエリア）　
=============================================== */
#footerArea { margin: 0; }
/* .titleArea.headlines（タイトルデザイン）------------------*/
.cntsWrap .titleArea.headlines {
  background-image: none;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin: 3% 3% 7%;
  border-bottom: solid 5px #000;
  position: relative;
}
.cntsWrap .titleArea.headlines .titleText {
  color: #000;
  padding: 1em 0 0.5em;
  font-size: 2rem;
}
.cntsWrap .titleArea.headlines::before,
.cntsWrap .titleArea.headlines::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 46.5%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
}
.cntsWrap .titleArea.headlines::before { border-top: 20px solid #000; }
.cntsWrap .titleArea.headlines::after {
  margin-top: -7px;
  border-top: 20px solid #fff;
}
/* .otherLinkTitle（サブタイトルデザイン）------------------*/
#searchArea .otherLinkArea {
  border-top: none;
  padding: 0;
  text-align: center;
}
.otherLinkTitle {
  font-weight: bold;
  padding: 0 2.5% 1.5%;
  border-bottom: solid 3px #000;
  display: inline;
  font-size: 130%;
}
/* .linkArea.btn（フッターエリア/ボタンデザイン）------------------*/
#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(253, 171, 41)), color-stop(100%, rgba(253, 171, 41, 1)));
  box-shadow: 0 3px rgb(202,133,30);
}
.otherLinkArea .linkArea.btn { box-shadow: 0 3px rgb(202,133,30); }
/* .featureArea（おすすめ特集エリア部分）------------------*/
#featureArea .featureList li { border-bottom: none; }
#featureArea .featureList li+li { border-top: dotted 1px #000; }
#featureArea .featureList { padding: 0 3.1%; }
#featureArea .featureList .featureBox .phArea { padding: 0 2% 0 0; }
#featureArea .featureList .featureBox .detailArea .titleText { color: #000; }
#featureArea .featureList li { background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_black001.png"); }