@charset "utf-8";
/*////////////// StyleCSS Document //////////////*/

/* ===============================================
 all（基本事項/全共通）　
=============================================== */
@media screen and (min-width: 400px) {
html {
    font-size: 11px;
}
}
body {
    height: initial;
}
#fair {
    background: url(/tyo/fair/premium_fes/sp/images/common/bg001.png) 0 0 repeat;
    background-size: 60px auto;
}
#fair .contentsBox {
    padding: 2rem 3.1% 0;
}
#footerArea {
    margin-top: 35px;
    position: relative;
}
#footerArea section {
    margin: 0 3.1% 2rem;
    background-color: #fff;
}
#all-footer.hf201411 {
    background-color: #fff;
}
/* bg01 （背景）------------------*/
#breadcrumbArea {
    margin: 0;
	font-size: 12px;
    background-color: #FFF;
}
#breadcrumbArea .breadcrumbList {
    padding: 10px 5px;
}
/* bg01 （グロナビ背景）------------------*/
.bg01 {
    background-color: rgba(255,255,255,0.2);
    border: 1px solid #fff;
}

/* ===============================================
 headerArea　
=============================================== */
#headerArea {
    position: relative;
	margin: 0;
}
#headerArea .titleArea.main {
    margin: 0;
    background: transparent;
}
#headerArea .schedule_txt {
    margin: 15px 6% 10px;
}
.startTxt {
    padding: 0.5em 11%;
    display: block;
}
#headerArea .leadArea {
    margin: 0 0 1rem;
    padding: 1rem 3.1%;
    color: #fff;
}
#headerArea .leadArea span {
    color: #CA2A2A;
    font-size: 1.6rem;
}
#headerArea .otherMenu {
    margin: 1% 3.1% 0;
}
#headerArea .linkArea.listText.search {
    margin: 3%;
}

/* ===============================================
 lNav（ナビ部分/全共通）　
=============================================== */
#lNav {
    width: auto;
    padding: 0 3.1%;
    margin: 1em 0;
    background-color: rgba(183,175,121,0.2);
    border: none;
}
#lNav .navTitle {
    padding: 1.2rem 0;
    text-align:  center;
    font-size: 1.3em;
    color: #40210f;
}
#lNav div {
    color: #FFF;
    background-color: #000;
    padding: 0.5rem 0;
    font-weight: bold;
    text-align: center;
}
#lNav > ul {
    overflow: hidden;
    clear: both;
    padding-bottom: 1rem;
}
#lNav > ul > li {
    width: 49%;
    float: left;
    background-color: #FFF;
    margin-bottom: 0.5em;
    background-repeat: no-repeat;
    background-image: url("../../sp/images/common/arrow_right_black002.png");
    background-position: 95% 50%;
    background-size: 6px 11px;
}
#lNav.anchor > ul > li {
    background-image: url("../../sp/images/common/arrow_bottom_black001.png");
    background-size: 11px 6px;
}
#lNav.anchor > ul > li:last-child {
    background-image: url("../../sp/images/common/arrow_right_black002.png");
    background-size: 6px 11px;
}
#lNav > ul > li+li {
    margin-left: 2%;
}
#lNav > ul > li:nth-child(2n+1) {
    margin-left: 0;
}
#lNav > ul > li a {
    color: #000;
}
#lNav > ul > li a span {
    display: table-cell;
    height: 4rem;
    vertical-align: middle;
    padding-left: 1rem;
}
#lNav > ul > li.active {
    background-color: #FEF474;
    background-image: initial;
}
#lNav.bg01.ancNav > ul > li {
    background-image: url("../../sp/images/common/arrow_bottom_black001.png");
    background-position: 95% 50%;
    background-size: 11px 7px;
}
/* ===============================================
 mainArea（メインコンテンツ部分/全共通）　
=============================================== */
#mainArea > section {
    margin:  0;
}
#mainArea .linkArea.listText.search {
    width: auto;
    margin: 5% 6%;
    padding: .5% 0;
    background: url(https://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_down_gray001.png) 97% 50% no-repeat #E4E4E4;
    background-size: 18px 12px;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
}
#mainArea .linkArea.listText.search .linkText {
    background: url(https://smp.his-j.com/cmn/img/kanto/fair/common/icon/icon_search.gif) 7px 50% no-repeat;
    background-size: 20px;
}
#mainArea .linkArea.listText.search .linkText a {
    padding: 12px 0 12px 35px;
    color: #333;
}
/* air、a+hのみ------------------*/
#mainArea>.airBox+.couponArea {
    margin: 5% 0;
}
#mainArea > .itemArea.air .media .js-search,#mainArea > .itemArea.airhtl .media .js-search {
    padding: 10px 2%;
    display: block;
}
#mainArea > .itemArea.air .media, #mainArea > .itemArea.airhtl .media {
    border-bottom: solid 1px #b2b2b2;
    background: #fff;
}
/* starttimeArea（受付開始部分）------------------*/
.starttimeArea {
	 /* display: none; */
	 margin: 7% 10% 5%;
	 padding: 2%;
	 color: #073e8e;
	 border: solid 2px #073e8e;
}
.starttimeArea .scheTtl {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0 0 2%;
}
.starttimeArea .scheTtl>span {
	display: inline-block;
}
#headerArea .starttimeArea li {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#mainArea starttimeArea li {
	display: table;
}
#mainArea .starttimeArea {
    color: #333;
    border: none;
    background-color: rgba(255,255,255,0.8);
    font-weight: bold;
    margin: 4%;
    padding: 2% 8%;
}
#mainArea .starttimeArea .tc {
  	display: table-cell;
}
.starttimeArea .col1 {
	width: 110px;
}
.starttimeArea .col2 {
	width: 50%;
}
.starttimeArea .attnTxt {
	font-size: .9rem;
	margin-top: 2%;

}
.starttimeArea .attnTxt:before {
	content: "※";
}
/* titleArea.subheading.●（小見出し/テキスト）------------------*/
#mainArea.indexContsTop .titleArea.subheading {
    margin: 5px 2%;
}
#mainArea.indexContsTop .titleArea.subheading .titleText {
    color: #40210f;
}
#mainArea.indexContsTop .titleArea.subheading .sub-title {
  color: #40210f;
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
}
/* titleArea.subheading.●（小見出し/アイコン設定）------------------*/
#mainArea.indexContsTop .titleArea.subheading {
	background-image: url("../../sp/images/index/icon_tour.png");
}
#mainArea.indexContsTop .titleArea.subheading.airhotelIcon {
	background-image: url("../../sp/images/index/icon_airhotel.png");
}
#mainArea.indexContsTop .titleArea.subheading.airIcon {
	background-image: url("../../sp/images/index/icon_air.png");
}
#mainArea.indexContsTop .titleArea.subheading.tourIcon {
	background-image: url("../../sp/images/index/icon_sale.png");
}
#mainArea.indexContsTop .titleArea.subheading.domesticIcon {
	background-image: url("../../sp/images/index/icon_domestic.png");
}
#mainArea.indexContsTop .titleArea.subheading.impressoIcon {
	background-image: url("../../sp/images/index/icon_tour.png");
}
#mainArea.indexContsTop .titleArea.subheading.asiaIcon {
	background-image: url("../../sp/images/index/icon_asia.png");
}
#mainArea.indexContsTop .titleArea.subheading.beachIcon {
	background-image: url("../../sp/images/index/icon_beach.png");
}
#mainArea.indexContsTop .titleArea.subheading.europeIcon {
	background-image: url("../../sp/images/index/icon_europe.png");

}
#mainArea.indexContsTop .titleArea.subheading.usaIcon {
	background-image: url("../../sp/images/index/icon_usa.png");
}
#mainArea.indexContsTop .titleArea.subheading.oceIcon {
	background-image: url("../../sp/images/index/icon_oceania.png");
}
#mainArea.indexContsTop .titleArea.subheading.htlIcon {
    background-image: url("../../sp/images/index/icon_htl.png");
    margin: 5px 0 0;
}
#mainArea.indexContsTop .titleArea.subheading.opIcon {
    background-image: url("../../sp/images/index/icon_opt.png");
    margin: 5px 0 0;
}
#mainArea.indexContsTop .titleArea.subheading.ppsIcon {
    background-image: url("../../sp/images/index/icon_pps.png");
    background-size: 40px;
    padding-left: 48px;
}
#mainArea.indexContsTop .titleArea.subheading.cruiseIcon {
    background-image: url("../../sp/images/index/icon_cruise.png");
}
#mainArea.indexContsTop .titleArea.subheading.businessIcon {
    background-image: url("../../sp/images/index/icon_business.png");
}
#mainArea.indexContsTop .titleArea.subheading.busIcon {
    background-image: url("../../sp/images/index/icon_bus.png");
}


/* ===============================================
 titleArea（タイトル部分/全共通）
=============================================== */
.titleArea.headlines {
    margin: 10% 5% 3%;
    width: auto;
    padding: 0;
    background-color: transparent;
    background: none;
}
/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
.titleArea.headlines .titleText,#footerArea #searchBox .titleArea.headlines .titleText {
    padding-left: 0;
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
}
#footerArea section .titleArea.headlines,#offerLinkArea .titleArea.headlines.offerIcon,#featureArea .titleArea.headlines.featureIcon,#searchArea .titleArea.headlines.searchIcon {
    background-image: none;
    background-color: #e8c84e;
    padding: 3px 0;
    margin: 5% 0 3%;
}
#footerArea section .titleArea.headlines .titleText {
    padding: 8px 0 5px;
    color: #fff;
    font-size: 1.5rem;
}
/* titleArea.headlines.●（アイコン設定/ツアー関連）------------------
.titleArea.headlines.ciaopIcon {
	background-image: url("../../sp/images/common/icon_ciaop.png");
}
.titleArea.headlines.businessIcon {
	background-image: url("../../sp/images/common/icon_business.png");
}
.titleArea.headlines.circuitIcon {
	background-image: url("../../sp/images/common/icon_rt.png");
}
.titleArea.headlines.onlyIcon {
	background-image: url("https://smp.his-j.com/cmn/img/kanto/icon/point.png");
}*/

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	border-left: solid #fff000 6px;
	color: #fff;
}
/*  titleArea（背景なし）--- */
#fair .titleArea.headlines{
	background: none;
}
/* ===============================================
 linkArea（リンク部分/全共通）　
=============================================== */
/* btn（ボタン型/テキスト1行）------------------*/
.linkArea.btn, .linkArea.btn.newWindow {
    background-color: #408f21;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
            box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    border-radius: 20px;
}
.linkArea.btn.btnGreen{
  background-color: #65b328;
  box-shadow: 0 4px 0 0 #559921;
}
.linkArea.btn {
    background-image: url("../../sp/images/common/arrow_right002.png");
    background-position: 96% 50%;
    background-size: 10px 17px;
}
.linkArea.btn.anchor {
    background-image: url("../../sp/images/common/arrow_bottom001.png");
    background-size: 17px 10px;
}
.linkArea.btn.newWindow {
    background-image: url("../../sp/images/common/box002.png");
    background-size: 17px 15px;
}
.linkArea.btn.line {
    background-color: #1bcf0c;
    -webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
            box-shadow: 0 4px 0 0 rgba(0,0,0,0.2);
}
.linkArea.btn.anchor.line {
    /*border: solid 2px #fff;*/
    background-image: url("../../sp/images/common/arrow_bottom002.png");
}
.linkArea.btn.line .linkText a {
    color: #fff;
}
.linkArea.btn.reserve {
   background-image: url(../../sp/images/common/arrow_right002.png);
   background-position: 96% 50%;
   background-size: 10px 17px;
}
.linkArea.btn.reserve {
   background-color: #073e8e;
   box-shadow: 0 4px #09326e;
}
.linkArea.btn.reserve .linkText a {
    color: #fff;
}
.linkArea.btn .linkText a {
    color: #fff;
}
.linkArea.btn.reserve.newWindow {
    background-image: url(https://smp.his-j.com/cmn/img/kanto/icon/instruction/box_white001.png);
    background-size: 17px 15px;
    background-position: 95% 50%;
}
.linkArea.list {
    width: auto;
    border-bottom: solid 1px #b2b2b2;
    background-color: #fff;
    background-image: url(../../sp/images/common/arrow_right001.png);
    background-position:97% 50%;
    background-size:10px auto;
}
.linkArea.list+.linkArea.list {
    border-top: none;
}
.linkArea.list.newWindow {
    background-image: url(../../sp/images/common/box001.png);
    background-position:96% 50%;
    background-size:15px 13px;
}
.linkArea.list a {
    color: #3b3b3b;
}

/* ===============================================
 district（方面別ページのみ適用）　
=============================================== */
/* API詳細（エリア方面部分）------------------*/
#fair .tourArea.district .pointLine:first-child {
    display: block;
    margin: 0 0 5px -1%;
}
#fair .tourArea.district .pointLine02 {
    display: inline-block;
}
#fair .tourArea.district .pointLine .pointText01 {
    background: #f5545b;
}
#fair .tourArea.district .pointLine .pointText02,#fair .tourArea.district .tourboxArea > div:nth-child(even) .pointLine .pointText01 {
    background: #13b5b1;
}
/* ===============================================
 featureArea（おすすめの特集/全共通）
=============================================== */
#footerArea #featureArea {
   margin: 0 3.1% 2rem;
}
/* featureList（リスト部分）------------------*/
#featureArea .featureList {
    padding: 0 0 1rem;
}
#featureArea .featureList li {
    padding: 0 7% 1px 2%;
}
#featureArea .featureList li:last-child {
	border-bottom: none;
}
#featureArea .featureList dl dd h3,
#featureArea .featureList dl dd h4,
#featureArea .featureList .featureBox .detailArea .titleText {
	color: #134f78;
}
/* ===============================================
 tour-preview（API表示部分/全共通）　
=============================================== */
#container .b-box {
    background-color: #010101;
    color: #fff;
}
#container .on-label-text {
    color: #609A33;
}
#container .tour-preview {
    margin: 0;
    background-color: #fff;
    padding: 10px 3.1%;
    border-bottom: solid 1px #b2b2b2;
    margin-bottom: 1px;
}
#container .sellingList .tour-preview {
    margin: 0.5rem 0 1rem 0;
}
#container #fair .tourArea.city .tour-preview {
    padding: 10px 3.1%;
}
.cassetteArea .topArea {
	padding: 0 6.5% 0 3%;
}
.impresso #secConts-spring_summer .item-data {
	display: none;
}
.impresso #secConts-spring_summer .sec-main-ttl .ttl-txt.premium_icon {
	background-image: url(/tyo/fair/premium_fes/sp/images/tour/star.png);
}

/* featureList（supecialのみ）------------------*/
#container .specialArea .on-label-text {
	display: none;
}
#featureArea .featureList .featureBox .detailArea p {
	color: #4d301f;
}
#fair .rank img {
	width: 73px;
	height: auto;
}
.p1 .point1, .p2 .point2, .p3 .point3 {
	display: inline-block;
}
.point-list span {
	padding: 1px 2px;
	margin-right: 5px;
	background: #ddb821;
	color: #fff;
	font-size: 95%;
	display: none;
}
/* ===============================================
 endArea（終了対応/全共通）
=============================================== */
#headerArea.end {
    margin: 0;
}
#endArea .titleArea,#endArea .endText {
    color: #fff;
    text-align: center;
}

/* ===============================================
 offerArea（クーポン）　
=============================================== */
.offerArea .offerBox {
    padding: 3% 3.1%;
    margin: 0;
}
/* ===============================================
 searchArea（検索部分/全共通）　
=============================================== */
#gNavCommonArea.commonSearch {
    margin: 0;
    padding: 2em 3.1%;
	width: auto;
    background-color:  transparent;
}
#gNavCommonArea.commonSearch .one {
    width: 100%;
    margin-bottom: 1%;
    background-color: #fff;
    background-image: url("../../sp/images/common/nav_icon_list_001.jpg");
    background-position: 1.5% 50%;
    background-repeat: no-repeat;
    background-size: 6px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#gNavCommonArea.commonSearch .one span {
    font-size: 1.2rem;
    letter-spacing: -.1em;
    display: block;
}
#gNavCommonArea.commonSearch .one span a {
    padding-left: 5%;
    color: inherit;
    line-height: 3em;
    display: block;
}
#gNavCommonArea.commonSearch .titleArea.headlines .titleText {
	padding: 2% 3% 1%;
	font-size: 1.7rem;
	color: #fff;
	line-height: 1.5em;
}
#gNavCommonArea.commonSearch .navList {
	margin-bottom: 10px;
	padding: 0 0 1px;
	width: 100%;
}
#gNavCommonArea.commonSearch .navList li {
	width: 49.5%;
	margin-bottom: 1%;
	background-color: #fff;
	background-image: url("../../sp/images/common/nav_icon_list_001.jpg");
	background-position: 3% 50%;
	background-repeat: no-repeat;
	background-size: 6px 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
#gNavCommonArea.commonSearch .navList li:nth-child(even) {
	margin-left: 1%;
}
#gNavCommonArea.commonSearch .navList.col1 li {
	width: 100%;
	float: none;
}
#gNavCommonArea.commonSearch .navList.col1 li:nth-child(even) {
	margin-left: 0;
}
#gNavCommonArea.commonSearch .navList li > span {
	font-size: 1.2rem;
	letter-spacing: -.1em;
	display: block;
}
#gNavCommonArea.commonSearch .navList li a {
	padding-left: 10%;
	color: inherit;
	line-height: 3em;
	display: block;
}
#gNavCommonArea.commonSearch .navList li.multiline span > a {
	line-height: 1.5em;
}
@media screen and (min-width: 500px) {
#gNavCommonArea.commonSearch .navList li:nth-child(even).multiline span > a {
    line-height: 1.6em;
}
}
#gNavCommonArea.commonSearch ul {
	margin-bottom: 10px;
	padding: 0 0 1px;
	width: 100%;
}
#gNavCommonArea.commonSearch ul li {
	float: left;
	margin-bottom: 1px;
	padding: 1px 1px 0;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea.commonSearch ul li.no_col {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea.commonSearch ul.special {
	margin-top: 2px;
}
#gNavCommonArea.commonSearch ul.special li {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
#gNavCommonArea.commonSearch ul.special li.multiline a {
	line-height: 1.5em;
}
#gNavCommonArea.commonSearch ul.special li.multiline span > a {
	margin-left: -3%;
}
#gNavCommonArea.commonSearch ul.special li.no_col {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea.commonSearch ul.special li.col_r {
	padding-left: 0;
}
#gNavCommonArea.commonSearch ul.special li.col_l {
	padding-right: 0;
}
#gNavCommonArea.commonSearch ul.special li.no_col.border {
	padding-top: 2px;
}

#gNavCommonArea.commonSearch .navBtn a, #gNavCommonArea2.commonSearch .navBtn a {
	padding-left: 6%;
	color: inherit;
	line-height: 3em;
	display: block;
}
#gNavCommonArea.commonSearch .navBtn, #gNavCommonArea2.commonSearch .navBtn {
	margin-bottom: 10px;
	background-color: #FFF;
	background-image: url("../../sp/images/common/nav_icon_list_001.jpg");
	background-position: 3% 50%;
	background-repeat: no-repeat;
	background-size: 6px 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* ===============================================
 searchArea（ハンバーガーメニュー用）　
=============================================== */
#gNavCommonArea2 h3 {
	/*margin-bottom: 10%;*/
	margin-bottom: 15px;
	text-align: center;
}
#gNavCommonArea2 h3 img {
	width: 210px;
	height: auto;
}
#gNavCommonArea2.commonSearch {
	width: auto;
	margin-bottom: -20px;
	padding: 3% 3% 7%;
	background: rgba(235,199,77,1);
}
#gNavCommonArea2.commonSearch .titleArea.headlines {
	margin: 0 0 1%;
	text-align: center;
	background-color: #408f21;
}
#gNavCommonArea2.commonSearch .titleArea.headlines .titleText {
	padding: 2% 3%;
	font-size: 1.5rem;
	color: #FFF;
	line-height: 1.5em;
}
#gNavCommonArea2.commonSearch .navList {
	margin-bottom: 10px;
	width: 100%;
}
#gNavCommonArea2.commonSearch .navList:last-of-type {
	border-bottom: none;
}
#gNavCommonArea2.commonSearch .navList li {
	width: 49.5%;
	margin-bottom: 1%;
	background-color: #fff;
	background-image: url("../../sp/images/common/nav_icon_list_001.jpg");
	background-position: 3% 50%;
	background-repeat: no-repeat;
	background-size: 6px 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
#gNavCommonArea2.commonSearch .one {
    width: 100%;
    margin-bottom: 1%;
    background-color: #fff;
    background-image: url("../../sp/images/common/nav_icon_list_001.jpg");
    background-position: 1.5% 50%;
    background-repeat: no-repeat;
    background-size: 6px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px 1px 0;
}
#gNavCommonArea2.commonSearch .one span {
    font-size: 1.2rem;
    letter-spacing: -.1em;
    display: block;
}
#gNavCommonArea2.commonSearch .one span a {
    padding-left: 5%;
    color: inherit;
    line-height: 3em;
    display: block;
}
#gNavCommonArea2.commonSearch .navList li:nth-child(even) {
	margin-left: 1%;
}
#gNavCommonArea2.commonSearch .navList.col1 li {
	width: 100%;
	float: none;
}
#gNavCommonArea2.commonSearch .navList.col1 li:nth-child(even) {
	margin-left: 0;
}
#gNavCommonArea2.commonSearch .navList li > span {
	font-size: 1.2rem;
	letter-spacing: -.1em;
	display: block;
}
#gNavCommonArea2.commonSearch .navList li a {
	padding-left: 10%;
	color: inherit;
	line-height: 3em;
	display: block;
}
#gNavCommonArea2.commonSearch .navList li.multiline span > a {
	line-height: 1.5em;
}
@media screen and (min-width: 500px) {
#gNavCommonArea2.commonSearch .navList li:nth-child(even).multiline span > a {
    line-height: 1.6em;
}
}
#gNavCommonArea2.commonSearch ul {
	margin-bottom: 10px;
	padding: 0 0 1px;
	width: 100%;
}
#gNavCommonArea2.commonSearch ul li {
	float: left;
	margin-bottom: 1px;
	padding: 1px 1px 0;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea2.commonSearch ul li.no_col {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea2.commonSearch ul.special {
	margin-top: 2px;
}
#gNavCommonArea2.commonSearch ul.special li {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
#gNavCommonArea2.commonSearch ul.special li.no_col {
	width: 100%;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gNavCommonArea2.commonSearch ul.special li.col_r {
	padding-left: 0;
}
#gNavCommonArea2.commonSearch ul.special li.col_l {
	padding-right: 0;
}
#gNavCommonArea2.commonSearch ul.special li.no_col.border {
	padding-top: 2px;
}
/* ===============================================
 searchArea（検索部分_モジュール部分/全共通）
=============================================== */
#footerArea #searchArea {
    padding-bottom: 1px;
}
#searchArea #tour_search_module {
    margin: 0 3.1%;
}
#searchArea #tour_search_module .squeeze-area .btn-area {
    margin: 0 7%;
    width: auto;
}
#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(64, 143, 33)), color-stop(100%, rgba(64, 143, 33)));
    color: #fff;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    border-radius: 20px;
}
#searchArea #tour_search_module ul.start-p>li {
    width: auto;
    margin-bottom: 0;
    float: none;
}
/* otherLinkArea（その他リンク部分）------------------*/
#searchArea .otherLinkArea {
    border-top: 1px dotted #CCC;
}
/* ===============================================
 #guideArea
=============================================== */
#footerArea #guideArea {
    background: initial;
    margin: 0;
    background-color: transparent;
    padding:  0;
}
#mainArea #guideArea {
	margin: 0;
}
#mainArea #guideArea .contentsBox {
	padding: 0;
}
.linkArea.list.top {
    margin: 0;
    background-size: 24px auto;
    background-position: 100% 50%;
}
#guideArea .guideContents {
    border: 5px solid #1893e2;
    background-color: #FFF;
}
#guideArea .guideContents .guideList {
    border-bottom: 5px solid #1893e2;
    margin: 0;
}
#guideArea dl.accordion dt:after {
    background-image: url("../../sp/images/teaser/guide_arrow_down.png");
}
#guideArea dl.accordion dt.open:after {
    background-image: url("../../sp/images/teaser/guide_arrow_up.png");
}
#guideArea .guideContents .guideList:last-child {
	border-bottom: none;
	text-align: center;
	background-image: url("../../sp/images/teaser/box_brn001.png");
	background-repeat: no-repeat;
	background-size: 20px 17px;
	background-position: 95% 50%;
	padding: 5% 0;
}
#guideArea .guideContents .guideList a:last-child {
	font-weight: bolder;
	font-size: 1.4rem;
    color: #8E671C;
}
#guideArea .titleArea {
    background-color: #1893e2;
    padding: 5% 30% 3%;
}
/* reserve_area（オンライン説明/展開部分）------------------*/
#guideArea #reserve_area {
	background: #FFF;
	border-top: 2px solid #CFCFCF;
}
/*--prepArea----*/
.prepArea {
	padding: 8% 3.1% 5%;
    background-color: #fff;
}
.prepArea .textArea {
	margin: 0 9.3%;
}
.prepBox {
	margin: 3% 0 0;
}
.prepBox .prepContents {
	background-color: #FFF;
	padding: 1% 3.1% 3.1%;
	border: 1px solid #e94c55;
	text-align: center;
}
.prepBox .prepContents li:last-child {
	margin-top: 2%;
}
.prepBox .bgBlack {
	background-color: #e94c55;
	font-weight: bolder;
	font-size: 1.2rem;
	color: #FFF;
	text-align: center;
	padding: 1% 3.1%;
}
.prepBox .prepList {
	display: inline-block;
	margin-top: 1%;
	padding: 0 2%;
	font-size: 1.4rem;
	font-weight: bolder;
}
.prepBox .prepList:before {
	content:"●";
	color: #fff000;
}
.prepBox .attnTxt:before {
	content:"※";
}
.otherlinkArea {
	margin: 5% 0;
	text-align: center;
}
.otherlinkArea p span {
	display: inline-block;
}
.otherlinkArea div {
	margin-top: 2%;
}
#fair .otherlinkArea div a {
	color: #024895;
	border-bottom: 1px dotted #024895;
	display: inline;
}
#mainArea #scheduleArea .linkArea.btn {
    margin: 5% 7%;
}
/* ===============================================
 searchBox（お得な海外ツアーを探す/アコーディオン）
=============================================== */
#footerArea #searchBox {
    box-shadow: none;
    border-bottom: dotted 1px #b2b2b2;
}
#searchBox .searchList {
	margin: 5% 3.1% 3%;
	border: 1px solid #CCC;
	border-bottom: none;
}
#searchBox .searchList li {
    background-color: #ECECEC;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.8em;
    text-indent: .8em;
    background-image: url("https://smp.his-j.com/cmn/img/kanto/icon/instruction/arrow_right_gray001.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 25px auto;
    border-bottom: 1px solid #CCC;
}
#searchBox .searchList li a {
    display: block;
    color: #333;
}
/* rankingicon部分------------------*/
/* .sellingList {
	padding: 0 3.1%;
}
.sellingList li {
	width: 100%;
	display: table;
	border-bottom: 1px solid #CCC;
	margin-bottom: 3%;
}
.sellingList li .iconArea {
	width: 30px;
	display: table-cell;
	vertical-align: middle;
} */
.iconArea--rank {
    width: 30px;
    vertical-align: middle;
    margin: 3% 3.1% 1%;
}
.iconArea--rank + li {
  list-style: none;
}
/* #container .sellingList .tour-preview {
    border:  none;
} */
/* ===============================================
 .reservation（買い方ガイドページ）
=============================================== */
.reservation .titleArea.teasermain+.phText {
    padding: 0 3.1%;
}
/* ===============================================
.phCstArea（API使用画像カセット）
================================================*/
.phCstArea {
    position: relative;
    height: 100%;
    width: 100%;
}
.phCstArea+.phCstArea {
    margin-top: 1%;
}
.phCstArea .phCstText {
    position: absolute;
    color: #FFF;
    font-weight: bold;
    padding: 1em 0 0 3%;
    width: 97%;
    top: 0;
    line-height: 1.5em;
    text-shadow: 1px 1px 6px rgba(0,0,0,1);
    letter-spacing: -1px;
}
.phCstArea .phCstText .titleArea {
    margin: 0;
    font-size: 1.8rem;
    padding-bottom: 1%;
    line-height: 1.3em;
}
#container #fair #mainArea .phCstArea .api_detail_spr_tour {
    padding: 0;
}
#container .phCstArea a.dtl-link {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-image: url("https://smp.his-j.com/cmn/img/kanto/fair/common/cassette/icon_link.png");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0;
}
#container a.dtl-link {
    padding: 0 2%;
}
#container #fair .phCstArea .tour-preview {
    border: none;
    padding: 0;
}
#container .phCstArea .tour-api .on-label, #container .phCstArea .on-airport, #container .phCstArea .on-label-text, #container .phCstArea .tour-img, #container .phCstArea .tour-desc .tour-desc-text02, #container .phCstArea .tour-desc .tour-desc-text01 {
    display: none;
}
#container .tour-desc .tour-desc-text02{
  font-size:1.2rem;
}
#container .tour-desc .tour-desc-text01{
  font-size:1rem;
}
#container #fair #mainArea .phCstArea .tour-desc {
    position: absolute;
    bottom: 1em;
    right: 7%;
    width: 93%;
    text-align: right;
}
#container .phCstArea .tour-api .tour-desc-date {
    color: #FFF;
    margin-bottom: 2%;
    background-color: #F90161;
    display: inline-block;
    font-size: 1.1rem;
    position: relative;
}
#container .phCstArea .tour-api .tour-desc-date:before, #container .phCstArea .tour-api .tour-desc-date:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0.4rem;
    top: 0;
    background-color: #F90161;
}
#container .phCstArea .tour-api .tour-desc-date:before {
    left: 0;
}
#container .phCstArea .tour-api .tour-desc-date:after {
    right: 0;
}
#container .phCstArea .tour-desc .tour-desc-text03 {
    color: #FFF;
    font-size: 2.4rem;
    text-shadow: 1px 1px 6px rgba(0,0,0,1);
    white-space: nowrap;
}

#container .phCstArea .tour-api .tour-fuel {
    font-size: 1.0rem;
    color: #FFF;
    margin-top: 0.3em;
    text-shadow: 1px 1px 6px rgba(0,0,0,1);
    font-weight: bold;
}
.phCstArea .batchText {
    position:  absolute;
    bottom: 4em;
    right:  8%;
    color: #FFF;
    background-color: #F90161;
    padding: 0 2%;
    font-size: 1.1rem;
}
.phCstArea .batchText+.batchText {
    bottom: 6em;
}
#container .indexContsTop .phCstArea .tour-api .tour-desc-date, #container .indexContsTop .phCstArea .tour-api .tour-fuel {
    display: none;
}

#container #fair .tourArea.city .api_detail_spr_tour, #container #fair .tourArea.city .tourboxArea>div {
    padding: 0;
}
/* ===============================================
ツアー共通
================================================*/
#mainArea.tourArea .tourArea:first-child .titleArea.headlines ,#mainArea.impressoArea .tourArea:first-child .titleArea.headlines {
    margin: 0 0 3%;
}
#mainArea.tourArea .titleArea.headlines ,#mainArea.impressoArea .titleArea.headlines {
	background: linear-gradient( 90deg, rgba(11,73,158,0) 0%, rgba(11,73,158,0.5) 12%, rgba(11,73,158,0.58) 18%, rgb(11,73,158) 47%, rgba(11,73,158,0.99) 48%, rgba(11,73,158,0.5) 86%, rgba(11,73,158,0) 100%);
}
#mainArea.tourArea > section ,#mainArea.impressoArea > section {
    margin: 0 0 10%;
}
#mainArea.impressoArea  .linkArea.listText.search {
    background-image: url(https://smp.his-j.com/cmn/img/kanto/icon/instruction/box_gray001.png);
    background-position: 97% 50%;
    background-size: 15px 13px;
}
#mainArea.impressoArea+#footerArea {
    padding-top: 5%;
}
/*#mainArea.tourArea {
    margin: 0;
    padding-bottom: 10px;
}*/
#mainArea.tourArea > section:last-child {
    margin: 0;
}

/* ===============================================
フッター買い方ガイド枠
================================================*/
#guideArea .titleArea.text {
    color:  #FFF;
    text-align:  center;
    font-size: 150%;
    padding: 3% 0 1%;
}
#guideArea .guideContents .guideList .guideText {
    padding: 5% 0 5% 25%;
    display:  block;
    background-image: url("../../sp/images/teaser/guide_icon_online.png");
    background-position: 9% 50%;
    background-repeat:  no-repeat;
    background-size: 10% auto;
    font-size: 90%;
    line-height: 1.5;
}
#guideArea .guideContents .guideList:first-child .guideText {
    background-size: 12% auto;
    background-position: 8% 50%;
}
#guideArea .guideContents .guideList .guideText span {
    display:  block;
    color: #1893e2;
    font-size: 150%;
    font-weight: bold;
}
#guideArea #reserve_area p {
    font-size: 95%;
    color: #1893e2;
    font-weight:  bold;
}
#guideArea .guideContents .guideList a:last-child {
    font-weight:  normal;
    font-size:  inherit;
    color: initial;
}
#guideArea .guideContents .guideList:last-child a {
    font-weight: bold;
    font-size:  1.4rem;
    color: #1893e2;
}
#guideArea .guideContents .guideList:nth-child(2) .guideText {
    background-image: url("../../sp/images/teaser/guide_icon_shop.png");
}
#guideArea .guideContents .guideList a:nth-child(2) {
    background-image: url("a");
}
#guideArea .guideContents .guideList.text:nth-child(2) a,#guideArea .guideContents .guideList.text:nth-child(3) a {
    background-image: url("../../sp/images/teaser/box_brn001.png");
    background-repeat:  no-repeat;
    background-size: 20px 17px;
    background-position: 95% 50%;
    display:block;
}
#guideArea .guideContents .guideList:nth-child(3) .guideText {
    background-image: url("../../sp/images/teaser/guide_icon_tel.png");
}

/* ===============================================
フッターバナーエリア
================================================*/
.bannerListAir{
  padding-top: 5%;
}
.bannerList{
  margin: 0 0 5% 0;
}
.bannerList li{
  margin: 0 3.1% 0 3.1%;
}
.bannerList li+li{
  margin-top: 5%;
}

/* ===============================================
drawerMenu
================================================*/
.nM {
	width: 100%;
	position: relative;
}
.menu-trigger,
.menu-trigger span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
  background: #fff;
}
.menu-trigger{
  position: absolute;
  width: 45px;
  height: 45px;
  background: #408f21;
  z-index: 101;
  top: 8px;
  right: 8px;
  cursor: pointer;
  /*box-shadow: 0 3px 0 #d07660;*/
  border: solid 1px #fff;
  border-radius: 7px;
}
.menu-trigger.active {
  background: none;
  box-shadow: none;
  border: none;
  width: 45px;
  height: 45px;
	top: -90px;
	margin-top: calc((135.5 / 750) * 100%);/*%指定*/
}
.menu-trigger.active span {
  background: #fff;
}
.accordion dt{
  cursor: pointer;
}
.menu-trigger span{
  position: absolute;
  width: 19px;
  height: 3px;
  left: 0;
  right: 0;
  margin: auto;
}
.menu-trigger span:nth-of-type(1){
  top: 8px;
}
.menu-trigger span:nth-of-type(2){
  top: 19px;
}
.menu-trigger span:nth-of-type(3){
  top: 30px;
}
.menu-trigger.active span:nth-of-type(1){
  -webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
  top: 5px;
}
.menu-trigger.active span:nth-of-type(2){
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  -webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
    top: 23px;
}
.g-nav{
  display: none;
  position: absolute;
  top: -32px;
  width: 100%;
  height: auto;
  z-index: 100;
}
.g-nav .list{
  padding: 0 20px;
}
.g-nav .list .item {
  border-bottom: 1px solid #CCC;
}
.g-nav .list .item:last-child {
  border-bottom: none;
}

.g-nav .list .item a{
  display: block;
  text-align: left;
  text-decoration: none;
  color: #00254E;
  padding: 15px 0 15px 5px;
}
.g-nav .item2{
  display: block;
  text-align: left;
  text-decoration: none;
  color: #00254e;
  padding: 15px 0 15px 5px;
  font-weight: bolder;
  font-size: 1.4rem;
  background-color: #FFF;
  border-left: 10px solid #9C9ABF;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
}
.menu-trigger2 {
  background-color: #408f21;
  color: #fff;
  display: block;
  text-align: center;
  padding: 3%;
  margin: 8% 15% 0;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 20px;
  cursor: pointer;
}
.menu-trigger2 div{
	position: relative;
}
.menu-trigger2 div:before,.menu-trigger2 div:after {
    content: "";
    width: 11px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 48%;
    left: 30%;
}
.menu-trigger2 div:before {
    transform: rotate(45deg);
}
.menu-trigger2 div:after {
    transform: rotate(-45deg);
}
/* ===============================================
ホテル
================================================*/
.asia .sec-main-ttl .ttl-txt {
  background-image: url(/tyo/common/images/sp/icon/ico-city-asi-oth.png);
}
.beach .sec-main-ttl .ttl-txt {
  background-image: url(/tyo/common/images/sp/icon/ico-city-bch-oth.png);
}
.europe .sec-main-ttl .ttl-txt {
  background-image: url(/tyo/common/images/sp/icon/ico-city-eur-oth.png);
}
.america .sec-main-ttl .ttl-txt {
  background-image: url(/tyo/common/images/sp/icon/ico-city-usa-usa.png);
}
.oceania .sec-main-ttl .ttl-txt {
  background-image: url(/tyo/common/images/sp/icon/ico-city-usa-aus.png);
}
/* ===============================================
OP
================================================*/
.tour-desc .tour-city {
  border-left: solid #134f78 6px;
  margin-bottom: 5px;
  padding: 2px 0 2px 5px;
  color: #333;
  font-size: 1em;
  font-weight: bold;
}
#container .tour-api .tour-desc-text03 {
  margin: 3px 0 0;
}
.tour-desc .tour-desc-text03 .discount {
  color: #fff;
  background: #e74e58;
  font-size: 0.7em;
  padding: 3px 5px;
  margin-right: 7px;
}