@charset "utf-8";
/*////////////// IndexCSS Document //////////////*/
/* ===============================================
 gNav
=============================================== */
/* #gNav（グローバルナビ部分/海外/国内）------------------*/
#gNav {
    width: auto;
    text-align: initial;
}
#headerArea #gNav div {
    padding: 0 3.1%;
}
#gNav .navTitle {
    margin: 20px 32% 12px;
}
#gNav .navList {
    clear: both;
    overflow: hidden;
}
#gNav .navList > li {
    float: left;
    width: 22%;
    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 .titleArea.subheading.starIcon {
    background-image: url("../../sp/images/index/star.png");
    margin-top: 30px;
}
#mainArea.indexContsTop .titleArea.subheading.pointIcon {
    background-image: url("../../sp/images/index/point.png");
}

#mainArea.indexContsTop .recommendArea .itemboxArea > li >h4 {
    margin: 10% 3.1% 1em;
    border-left: solid 8px #604d00;
    color: #604d00;
    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;
}
.linkArea.btn+.itemboxArea {
    margin-top: 2rem;
}
.itemboxArea div[class^="premium_fes--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^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item-icons {
    margin: 0 0 3px 0;
}
.itemboxArea div[class^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item-icons li {
    width: 85px;
    height: 13px;
    padding: 1px;
    font-size: 10px;
    border-bottom: none;
}
.itemboxArea div[class^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content {
    padding: 0;
}
.itemboxArea div[class^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content img {
    height: 100%;
}
.itemboxArea div[class^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap {
    width: 64%;
    margin: 0 0 0 2%;
}

.itemboxArea div[class^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap .item_title {
    margin: 0;
    font-size: 1.3rem;
}
.itemboxArea div[class^="premium_fes--sptop-"]:not(.cassetteArea).cassetteAreaST .item_content .item_body_wrap .item_body {
    margin: 0;
    font-size: 1.3rem;
    font-weight: bold;
}
.itemboxArea div[class^="premium_fes--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;
}