@charset "utf-8";
/*////////////// IndexCSS Document //////////////*/
/* ===============================================
 gNav
=============================================== */
/* #gNav（グローバルナビ部分/海外/国内）------------------*/
#gNav {
    width: auto;
    text-align: initial;
}
#headerArea #gNav div {
    /*liが4つの場合 
		padding: 5% 3.1% 0 3.1%;
	*/
	padding: 5% 5% 0 5%;
}
#gNav .navTitle {
    margin: 20px 32% 12px;
}
#gNav .navList {
    clear: both;
    overflow: hidden;
}
#gNav .navList > li {
    float: left;
    /*liが4つの場合 
	width: 22%;
	*/
	width: 30%;
    margin-bottom: 1rem;
}
#gNav .navList > li+li {
    margin-left: 4%;
}
#gNav .navList > li:nth-child(4n+1) {
    margin: 0;
}
#gNav .navTitle+.navList+.navTitle+.navList li:first-child {
    margin-left: 13%;
}
#headerArea #gNav .interNav+.domeNav {
    padding-top: 1rem;
}
/* ===============================================
 schedArea
=============================================== */
#mainArea {
    padding-top: 1px;
}
#mainArea .schedArea {
    padding: 1.5em 9% 0;
}
#mainArea .schedArea .linkArea.btn {
    margin: 6% 0 0;
}
#headerArea {
	margin: 0 0 3%;
}
#mainArea .linkArea.listText.search {
	margin: 0 6%;
}
/* ===============================================
 titleArea
=============================================== */
/* titleArea.subheading（小見出し）------------------*/
#mainArea.indexContsTop .titleArea.subheading {
	margin: 5px 3%;
	padding: 7px 0 7px 40px;
	border: none;
	background-image: url("../../sp/images/index/flag.png");
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-size: 30px;
}
/* titleArea.subheading.●（小見出し/アイコン設定）------------------*/
#mainArea.indexContsTop .titleArea.subheading.featureIcon {
	background-image: url("../../sp/images/index/icon_feature.png");
}
#mainArea.indexContsTop .titleArea.subheading.saleIcon {
	background-image: url("../../sp/images/index/icon_sale.png");
}
#mainArea.indexContsTop .titleArea.subheading.tourIcon {
	background-image: url("../../sp/images/index/icon_sale.png");
}
#mainArea.indexContsTop .titleArea.subheading.impressoIcon {
	background-image: url("../../sp/images/index/flag.png");
}
#mainArea.indexContsTop .titleArea.subheading.domesticIcon {
	background-image: url("../../sp/images/index/dome.png");
	background-size: 32px;
}
#mainArea.indexContsTop .titleArea.subheading.airhotelIcon {
	background-image: url("../../sp/images/index/icon_airhotel.png");
	background-size: 32px;
}
#mainArea.indexContsTop .titleArea.subheading.airIcon {
	background-image: url("../../sp/images/index/icon_air.png");
	background-size: 32px;
}
#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.annivIcon {
    background-image: url("../../sp/images/index/icon_anniv.png");
    padding-left: 43px;
}
#mainArea.indexContsTop .titleArea.subheading.carIcon {
    background-image: url("../../sp/images/index/icon_car.png");
}

#mainArea.indexContsTop .recommendArea .itemboxArea > li >h4 {
    margin: 10% 3.1% 1em;
    border-left: solid 8px #134f78;
    color: #134f78;
    padding: 1.5% 0 1.5% 2%;
}
/* ===============================================
 linkArea
=============================================== */
/* linkArea + ul.tourboxArea（ピックアップツアー内）------------------*/
.linkArea + ul.tourboxArea {
	margin: 10% 0 0;
}
/* ===============================================
 recommendArea　
=============================================== */
#mainArea.indexContsTop .recommendArea .leadArea {
	margin: 0 0 2%;
}
#mainArea.indexContsTop .recommendArea .leadArea .leadText span {
	font-size: 1.4rem;
	color: #CA2B15;
	font-weight: bold;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST {
    margin: 1rem 3.1%;
    border: solid 1px #a0a0a0;
    padding: 10px 3.1%;
    box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);
    line-height: 1.5;
    overflow: hidden;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item-icons {
    margin: 0 0 3px 0;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item-icons li {
    width: 85px;
    height: 13px;
    padding: 1px;
    font-size: 10px;
    border-bottom: none;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content {
    padding: 0;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content img {
    height: 100%;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap {
    width: 64%;
    margin: 0 0 0 2%;
}

.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap .item_title {
    margin: 0;
    font-size: 1.3rem;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap .item_body {
    margin: 0;
    font-size: 1.3rem;
    font-weight: bold;
}
.itemboxArea div[class^="autumn--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap .item_fuel {
    color: #E32400;
}
.cassetteArea .js-search .phArea {
    width: 100%;
    height: 0;
    padding-top: calc((400 / 750) * 100%);
    background: no-repeat 0 0;
    background-size: cover;
    display: block;
}
.cassetteArea .js-search .topArea {
    padding-right: 7%;
    line-height: 1.4;
}
.cassetteArea .js-search span {
    display: block;
}
.cassetteArea .js-search .topArea .descBox {
    font-size: 1.2rem;
}
.cassetteArea .bottomArea .priceText {
    font-size: 1.8rem;
}
.cassetteArea .js-search .priceText span, .cassetteArea .js-search .fuelText span {
    display: inline;
}
.cassetteArea .js-search .bottomArea .fuelText {
    line-height: 1.4;
}
/* ===============================================
 conceptArea　
=============================================== */
#conceptArea .salesmsgArea {
	margin: 2px 3.1% 2%;
}
/* ===============================================
 adArea　
=============================================== */
#mainArea.indexContsTop #adArea .api_detail_spr_tour+.titleArea.subheading {
    margin: 10px 0 0;
}
#adArea .on-label-text {
   display: none; 
}
/* ===============================================
 footerArea　
=============================================== */

/* ===============================================
 featureArea　
=============================================== */
/* .offerArea（お得な情報部分/タイトル）------------------*/
.offerArea .offerList dl dd h3 {
    color: #16408c;
}
.offerArea .offerList li:only-child {
    border-bottom:  none;
    padding-bottom: 20px;
}

.showNextView {
	padding: 0 3.8% 5.7%;
	background: #fff;
}
.btnPatR {
	border-radius: 8px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fa4d3b), color-stop(0.00, #cf2210));
	background: linear-gradient(#fa4d3b, #cf2210);
}
.btnPatR a.row1 {
	text-align: center;
	padding: 7% 0;
	font-size: 1.8rem;
	font-weight: bold;
	background: url("https://smp.his-j.com/cmn/img/kanto/fair/2018hatsu/reservation/ico_arrowr_white.png") no-repeat 97% 50%;
	background-size: 3% auto;
	color: #fff;
}

#areaWrap {
    padding: 3% 0 0;
}
#areaWrap h3, #areaWrap_dome h3 {
    color: #fff;
    border-left: 10px solid #fff;
}
#areaWrap h3, #areaWrap_dome h3 {
    padding: 1.2% 4% 2%;
    margin: 10px 0 0 10px;
    color: #16408c;
    border-left: 10px solid #16408c;
    line-height: 1.2;
    position: relative;
}
.other-item-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* padding: 1.5% 0 2% 4%; */
}
#areaWrap .other-item-box {
    /* min-width: 980px; */
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
#areaWrap .other-item-box li {
    /* max-width: 160px; */
    padding: 0.5em;
    /* font-size: 0.65em; */
    line-height: 1.4em;
}
.other-item-box li {
    padding: 0.5em;
    max-width: 85px;
    /* font-size: 0.8em; */
    text-align: center;
}
#areaWrap .other-item-box li a {
    max-width: 160px;
    padding: 0;
    background-image: none;
    display: block;
    /* font-size: 11px; */
}
.other-item-box li img {
    border: 3px solid rgba(7, 62, 142, 0.1);
}
.other-item-box li img {
    width: 100%;
    display: block;
    margin: 0 auto 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#areaWrap_dome{
	/*background-color: #FFFAED;*/
	padding: 3% 0 0;
}

#areaWrap_dome h2{
	padding: 1.2% 4% 2%;
    margin: 10px 0 0 10px;
    color: #16408c;
    border-left: 10px solid #16408c;
    line-height: 1.2;
    position: relative;
}

#areaWrap_dome .other-item-box li{
	/* max-width: 160px; */
	padding: 0.5em;
	/* font-size: 0.65em; */
	line-height: 1.4em;
}
#areaWrap_dome .other-item-box li a{
	max-width: 160px;
	padding: 0;
	background-image:none;
	display: block;
	/* font-size: 11px; */
}
#areaWrap_dome .other-item-box{
	/*min-width: 980px;*/
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}