@charset "utf-8";
/*////////////// tabibitonavi_hotsprings/BasicCSS Document //////////////*/

/* ===============================================
 all（全体）　
=============================================== */
#mainArea {
    margin:  0;
}
#headerArea .titleArea.main, #mainArea section {
    margin: 0;
}
/* .bg01（背景/01）------------------*/
.bg01 {
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/bg_001.jpg");
    background-position:  0 0;
    background-repeat:  repeat;
    background-size: 70px;
    position: relative;
}
.bg01:before {
    content:  "";
    position:  absolute;
    width: 100%;
    height: 18px;
    bottom: -17px;
    left:  0;
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/bg_bd_001.jpg");
    background-position:  0 0;
    background-repeat:  no-repeat;
    background-size: 100% auto;
    z-index: -1;
}
/* .surfingBg（サーフィン背景）------------------*/
.surfingBg {
    padding-top: 6rem;
    background: linear-gradient(180deg, transparent 0, transparent 6rem, #77D3F8 6rem, #77D3F8 100%);
    position: relative;
}
.surfingBg:before {
    content:  "";
    position:  absolute;
    width:  100%;
    height: 6rem;
    top: 0;
    left:  0;
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/tour_bg_001.png");
    background-position:  0 0;
    background-repeat:  no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
/* .phArea（画像）------------------*/
.phArea {
    margin-bottom: 0.7rem;
}
/* .textTitle（テキストタイトル）------------------*/
.textTitle {
    font-size: 150%;
    font-weight:  bold;
    border-left: solid 7px #68CFF8;
    padding: 1% 0 1% 10px;
    letter-spacing: 1px;
    margin-bottom: 0.8rem;
}
.textTitle .smallText { font-size: 1.4rem !important; }
#surfing_usa .textTitle {
    border-left: solid 7px #65D577;
}
#surfing_aus .textTitle {
    border-left: solid 7px #E3D137;
}
/* .descText（テキスト）------------------*/
.descText {
    margin-bottom: 0.8rem;
}
/* .lNav（ローカルナビ）------------------*/
#headerArea .lNav {
    position:  relative;
}
#headerArea .lNav:before {
    content: "";
    position:  absolute;
    width:  100%;
    height: 5px;
    bottom: -5px;
    left:  0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset;
}
#headerArea .lNav .tabMenu {
    clear:  both;
    overflow:  hidden;
    margin: 0 1%;
}
#headerArea .lNav .tabMenu > li {
    float:  left;
    width: 32%;
}
#headerArea .lNav .tabMenu > li+li {
    margin-left: 2%;
    position: relative;
}
#headerArea .lNav .tabMenu > li+li:before {
    content:  "";
    position:  absolute;
    width: 6%;
    height: 70%;
    top: 15%;
    left: -4%;
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/nav_bd.jpg");
    background-position:  0 0;
    background-repeat:  no-repeat;
    background-size: auto 100%;
}
#headerArea .lNav .tabMenu > li.act {
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/nav_act01.png");
    background-position:  0 0;
    background-repeat:  no-repeat;
    background-size: 100% 100%;
}
#headerArea .lNav .tabMenu > li:nth-child(2).act {
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/nav_act02.png");
}
#headerArea .lNav .tabMenu > li:nth-child(3).act {
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/nav_act03.png");
}
/* ===============================================
 gNav（グローバルナビ部分）　
=============================================== */
#gNav {
	margin: 0;
	position: relative;
	top: 0;
	width: 100%;
	height: 45px;
	background-color: #FFF;
	z-index: 4;
	background-image: url("/cmn/img/kanto/tabi/tabibitonavi/header_menu_icon_001.png");
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 37px;
}
#gNav .drawer-hamburger-logo {
	width: auto;
	height: 45px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 25%;
	right: 25%;
}
#gNav .drawer-hamburger-logo img {
	width: auto !important;
	height: 100%;
}
#gNav .drawer-hamburger {
	width: 45px;
	height: 45px;
	padding: 0 10px;
	position: relative;
	top: 0;
}
#gNav .drawer-hamburger-icon {
	display: none;
}
#gNav .drawer-hamburger-icon,
#gNav .drawer-hamburger-icon:after,
#gNav .drawer-hamburger-icon:before {
	background-color: #FFF;
}
#gNav .drawer-hamburger-image img {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}
/* drawer-open（展開時）------------------*/
.drawer-open #gNav {
	position: inherit;
	z-index: 1;
	background: transparent;
}
.drawer-open #gNav .drawer-hamburger {
	position: fixed;
	top: 20px;
	z-index: 4;
}
.drawer-open #gNav .drawer-hamburger-icon {
	background-color: transparent;
	display: block;
}
.drawer-open #gNav .drawer-hamburger-image {
	display: none;
}
.drawer-nav .drawer-menu {
	padding-top: 40px;
    border-bottom: 1px dotted #000;
}
.drawer-nav .drawer-menu li {
    background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_right_black001.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 20px 12px;
    border-top: 1px dotted #000;
}
.drawer-nav .drawer-menu .drawer-menu-item {
	font-size: 1.3rem;
}
.drawer-nav .item-title {
    padding: 2.5em 0 0.5em 0.5em;
    font-size: 1.6rem;
}
.drawer-nav .item-title+.drawer-menu {
    padding-top: 0;
}
/* gNavWrap（追従時）------------------*/
#gNavWrap.fixed #gNav {
	position: fixed;
	top: 0px;
	z-index: 2;
}
/* #breadcrumbArea（パンくず）------------------*/
#breadcrumbArea .breadcrumbList {
    border-bottom: solid 1px #000;
}

/* ===============================================
 infoArea（概要コンテンツ）　
=============================================== */
#infoArea {
    padding: 50px 3.1% 1.5rem;
}

/* ===============================================
 seasonSpotArea（シーズン＆おすすめスポットコンテンツ）　
=============================================== */
#seasonSpotArea {
    padding: 3rem 0;
}
#seasonSpotArea .phTitle {
    margin: 0 3.1% -1px;
}
#seasonSpotArea .phArea {
    margin: 0 3.1% 1rem;
}
#seasonSpotArea .seasonSpotList > li {
    padding: 0 3.1%;
}
#seasonSpotArea .seasonSpotList > li .listTitle {
    padding: 1% 0 1% 30px;
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no1_001.png");
    background-position:  0 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    margin-bottom: 0.5rem;
}
#seasonSpotArea .seasonSpotList > li:nth-child(2) .listTitle {
    background-image:  url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no2_001.png");
}
#seasonSpotArea .seasonSpotList > li:nth-child(3) .listTitle {
    background-image:  url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no3_001.png");
}
#seasonSpotArea .seasonSpotList > li:nth-child(4) .listTitle {
    background-image:  url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no4_001.png");
}
#surfing_idn #seasonSpotArea .seasonSpotList > li .listTitle {
    padding: 1% 0 1% 30px;
    background-image: none;
    background-position:  0 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    margin-bottom: 0.5rem;
}
#surfing_idn #seasonSpotArea .seasonSpotList > li:nth-child(1) .listTitle { padding: 1% 0 !important; }
#surfing_idn #seasonSpotArea .seasonSpotList > li:nth-child(2) .listTitle {
    padding: 1% 0 1% 30px;
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no1_001.png");
    background-position:  0 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    margin-bottom: 0.5rem;
}
#surfing_idn #seasonSpotArea .seasonSpotList > li:nth-child(3) .listTitle { background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no2_001.png"); }
#surfing_idn #seasonSpotArea .seasonSpotList > li:nth-child(4) .listTitle { background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/icon_no3_001.png"); }
#seasonSpotArea .seasonSpotList > li .listTitle span {
    font-size:  125%;
}
#seasonSpotArea .seasonSpotList > li .listTitle .smallText {
    font-size: 100%;
    margin-left: 1rem;
}
#seasonSpotArea .seasonSpotList > li .descText .subTitle {
    display:  block;
    background-color: #68CFF8;
    color: #FFF;
    font-weight:  bold;
    padding: 0.3rem 3.1%;
    margin-bottom: 0.7rem;
}
#surfing_usa #seasonSpotArea .seasonSpotList > li .descText .subTitle {
    background-color: #65D577;
}
#surfing_aus #seasonSpotArea .seasonSpotList > li .descText .subTitle {
    background-color: #E3D137;
}
#seasonSpotArea .seasonSpotList > li+li {
    padding-top: 2.5rem;
    background-image: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/surfing/bd_001.jpg");
    background-position: 0 1rem;
    background-repeat:  no-repeat;
    background-size: 100% auto;
}
#seasonSpotArea .seasonSpotList > li .phArea {
    margin: 0 0 1rem;
}

/* ===============================================
 rentalArea（レンタルコンテンツ）　
=============================================== */
#mainArea #rentalArea {
    margin-bottom: 1rem;
}
#rentalArea .descText {
    margin: 0 3.1% 0.8rem;
}
#rentalArea .phTitle {
    margin-bottom: 1rem;
}

/* ===============================================
 tourArea（おすすめツアーコンテンツ）　
=============================================== */
#tourArea {
    padding: 6rem 3.1% 1em;
}
#tourArea .descText {
    margin-bottom: 0;
}
#tourArea .phTilte {
    margin-top: -2rem;
}
.tourListArea {
    padding:  3.1%;
    background-color:  #FFF;
}
/* tour-preview（APIデザイン部分）------------------*/
#container .tour-preview {
  padding: 0 0 10px;
  border-bottom: none;
}
#container .tour-preview .on-airport {
  display: none;
}
#container .tour-preview .tour-img {
  width: 100%;
  height: 150px;
  margin: 0;
  float: none;
}
#container .tour-preview .tour-img .tour-img-container {
  width: 100%;
  height: 100%;
}
#container .tour-preview .tour-desc {
  width: 100%;
  margin: 0;
  float: none;
}
#container .tour-preview .tour-desc .tour-desc-text02 {
  margin: 5px 0 0;
}
/* tourBox（ツアーボックス）------------------*/
.api_detail_spr_tour+.tourBox {
    border-top: dotted 1px #000;
    padding: 3% 0 4%;
}
.tourBox > .descText {
    clear: both;
    overflow: hidden;
}
.tourBox > .descText:before {
    content: "■";
    float: left;
}
.tourBox > .descText > p {
    display: block;
    margin-left: 1em;
    font-size: 90%;
}
.titleBox {
    display: block;
    font-weight: bold;
    line-height: 2rem;
    font-size: 1.3rem;
}
.descText+.descText {
    padding-top: 3%;
}
.tourBox .smallText {
    font-size: 90%;
    line-height: 0;
    color: #666;
}
/* htlLink（ホテルリンク）------------------*/
.descText .htlLink {
    display: block;
    text-align: right;
    position: relative;
    margin-top: 0.5rem;
}
.descText .htlLink a {
    color: #000;
    border-bottom: solid 1px #000;
    margin-right: 1rem;
}
.descText .htlLink:after {
    content: ">";
    top: 0;
    right: 0;
    position: absolute;
    font-size: 1.5rem;
}
/* linkArea（ボタン）------------------*/
#tourArea .linkArea.btn {
    background-color: #C29F43;
    box-shadow: 0 3px #A77D1E;
}

/* ===============================================
 footerArea（フッターエリア）　
=============================================== */
#footerArea {
    margin:  0;
}
/* lNav（ローカルナビ/フッター）------------------*/
#footerArea .lNav {
    margin: 1.5rem 3.1%;
}
#footerArea .lNav .phText {
    margin-bottom: 1.5rem;
}
#footerArea .lNav .tabMenu {
    clear: both;
    overflow:  hidden;
}
#footerArea .lNav .tabMenu > li {
    float:  left;
    width: 32%;
    background: linear-gradient(0deg, #FEF655 0%, #6ED0F5 100%);
    background-size: 100% 100%;
}
#footerArea .lNav .tabMenu > li+li {
    margin-left: 2%;
}
#footerArea .lNav .tabMenu > li span {
    margin: 3px;
    display:  block;
    background-color: #FFF;
}
#footerArea .lNav .tabMenu > li.act span {
    background-color:  transparent;
}
/* .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");
}