@charset "UTF-8";
/*////////////// tabibitonavi_castle/BasicCSS Document //////////////*/

/* ===============================================
 all（全体）　
=============================================== */
#mainArea { margin: 0; }
#headerArea .titleArea.main,
#mainArea section { margin: 0; }
#headerArea { position: relative; }
/* .phArea（画像）------------------*/
.phArea { margin-bottom: 0.7rem; }
#headerArea .phTitleArea .txt {
  position: absolute;
  left: 0;
  top: 53%;
  color: #fff;
  font-size: 13px;
  line-height: 1.75;
  text-align: center;
  width: 100%;
}
/* .descText（テキスト）------------------*/
.descText { margin-bottom: 0.8rem; }
/* .lNav（ローカルナビ）------------------*/
#headerArea .lNav {
  position: absolute;
  left: 0;
  bottom: 11px;
  width: 100%;
}
#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;
}
@media screen and ( max-width:367px) {
  #headerArea .phTitleArea .txt { font-size: 12px; }
}
/* ===============================================
 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; }
/* ===============================================
 countryArea（国別説明コンテンツ）　
=============================================== */
#countryArea {
  border: 4px solid #72640a;
  background: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/castle/bg_country.png") repeat-y 0 0;
  background-size: cover;
  padding: 25px 3%;
}
#countryArea h3 { text-align: center; }
#countryArea h3 img { width: 73%; }
#countryArea p {
  margin-top: 25px;
  text-align: center;
}
#castle_deu #countryArea { border: 4px solid #72640a; }
#castle_ita #countryArea { border: 4px solid #6c3432; }
#castle_fra #countryArea { border: 4px solid #305566; }
#castle_deu #countryArea,
#castle_ita #countryArea,
#castle_fra #countryArea {
  border-left: none;
  border-right: none;
}
/* ===============================================
 contentsArea（城説明コンテンツ）　
=============================================== */
#contentsArea { margin: 4px 0 !important; }
#castle_deu #contentsArea { border-top: 4px solid #72640a; }
#castle_ita #contentsArea { border-top: 4px solid #6c3432; }
#castle_fra #contentsArea { border-top: 4px solid #305566; }
#contentsArea .conts {
  background: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/castle/bg_cas.png") no-repeat 0 0;
  background-size: contain;
  padding: 12px 3%;
}
#contentsArea .conts h4 { margin-bottom: 12px; }
#contentsArea .conts dl { margin: 12px 0 38px; }
#contentsArea .conts dl dt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
#castle_deu #contentsArea .conts dl dt { color: #72640a; }
#castle_ita #contentsArea .conts dl dt { color: #6c3432; }
#castle_fra #contentsArea .conts dl dt { color: #305566; }
#contentsArea .conts dl dt:before,
#contentsArea .conts dl dt:after {
  content: '◆';
  display: inline-block;
}
#contentsArea .conts dl dt:before { margin-right:0.5rem; }
#contentsArea .conts dl dt:after { margin-left:0.5rem; }
#contentsArea + h3 {
  width: 88%;
  margin: 0 auto;
}
/* ===============================================
 hotelArea（古城ホテルコンテンツ）　
=============================================== */
#hotelArea {
  background: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/castle/bg_hotelArea.jpg") repeat 0 0;
  padding: 53px 6% 0;
  margin-top: -35px !important;
}
#hotelArea .hotellist { margin-top: 10px; }
#hotelArea .hotellist li {
  padding: 30px 0;
  border-bottom: 2px dotted #333;
}
#hotelArea .hotellist li:last-child {
  border-bottom: none;
}
#hotelArea .hotellist li .thumb {
  width: 64%;
  margin: 0 auto 10px;
}
#hotelArea .hotellist li .casname { margin-bottom: 15px; }
#hotelArea .hotellist li .casname span {
  display: block;
  text-align: center;
  line-height: 1.5;
}
#hotelArea .hotellist li .casname .cacth {
  font-size: 18px;
  font-weight: bold;
}
#castle_deu #hotelArea .hotellist li .casname .cacth { color: #72640a; }
#castle_ita #hotelArea .hotellist li .casname .cacth { color: #6c3432; }
#castle_fra #hotelArea .hotellist li .casname .cacth { color: #305566; }
#hotelArea .hotellist li .casname .name { font-weight: bold; }
#hotelArea .hotellist li .castxt { margin-bottom: 18px; }
#hotelArea .hotellist li .linkbtn a {
  width: 60%;
  height: 40px;
  display: block;
  margin: 0 auto 5px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 12px 0;
}
#hotelArea .hotellist li .linkbtn a:after {
  display: inline-block;
  content: '';
  background: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/castle/ico_linkbtn.png") no-repeat 0 3px;
  background-size: 7px auto;
  width: 7px;
  height: 13px;
  margin-left: 0.5rem;
}
#castle_deu #hotelArea .hotellist li .linkbtn a {
  background: #72640a;
  box-shadow: 0 5px #544b13;
}
#castle_ita #hotelArea .hotellist li .linkbtn a {
  background: #6c3432;
  box-shadow: 0 5px #4e201e;
}
#castle_fra #hotelArea .hotellist li .linkbtn a {
  background: #305566;
  box-shadow: 0 5px #1e3b48;
}
/* ===============================================
 tourArea（おすすめツアーコンテンツ）　
=============================================== */
#tourArea {
  padding: 0 3% 1em;
  background: url("https://www.his-j.com/smp/kanto/special/tabi/images/tabibitonavi/castle/bg_hotelArea.jpg") repeat 0 0;
}
#tourArea .descText { margin-bottom: 0; }
.tourListArea {
  padding: 3.1%;
  background-color: #FFF;
  border: 1px solid #656565;
}
.tourListArea h3 {
  width: 58%;
  margin: 0 auto 18px;
}
/* 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;
}
/* linkArea（ボタン）------------------*/
#castle_deu #tourArea .linkArea.btn {
  background: #72640a;
  box-shadow: 0 5px #544b13;
}
#castle_ita #tourArea .linkArea.btn {
  background: #6c3432;
  box-shadow: 0 5px #4e201e;
}
#castle_fra #tourArea .linkArea.btn {
  background: #305566;
  box-shadow: 0 5px #1e3b48;
}
/* ===============================================
 footerArea（フッターエリア）　
=============================================== */
#footerArea { margin: 0; }
/* lNav（ローカルナビ/フッター）------------------*/
#footerArea .lNav { margin: 1.5rem 3.1%; }
#footerArea .lNav .phText {
  width: 75%;
  margin: 0 auto 1.5rem;
}
#footerArea .lNav .tabMenu {
  clear: both;
  overflow: hidden;
  margin: 0 2%;
}
#footerArea .lNav .tabMenu > li {
  float: left;
  margin-right: 6%;
}
#footerArea .lNav .tabMenu > li:first-child { width: 37%; }
#footerArea .lNav .tabMenu > li:nth-child(2) { width: 22%; }
#footerArea .lNav .tabMenu > li:last-child {
  width: 29%;
  margin-right: 0;
}
#footerArea .lNav .tabMenu > li img {
  width: 100%;
  zoom: 0.5;
}
/* .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"); }