@charset "utf-8";

.recommend {

	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.recommend h3 {
	display: inline-block;
	margin: 20px 0;
	padding: 0 20px;
	font-size: 22px;
	font-weight: bold;
}
.recommend .item-json-wrap {
	width: 92%;
	margin: 0 auto;
	padding: 4% 0;
	overflow: hidden;
}
.item-json-wrap li {
	margin-bottom: 20px;
	border: solid 1px #DDD;
	text-align: left;
	overflow: hidden;
}
.item-json-wrap li:empty {
	display: none;
}
.item-json-wrap .contents-wrap {
	overflow: hidden;
}
.item-json-wrap .img-wrap {
	padding: 10px;
}
.item-json-wrap .img-wrap img {
	width: 100%;
}
.item-json-wrap .body-wrap {
    padding: 0 10px 10px;
}
.item-json-wrap  h4 {
	padding: 10px 5px 6px;
    background: #e0efda;
    color: #002b0d;
    border-top: solid 3px #002b0d;
    border-bottom: solid 2px #c7d6c2;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
}
.item-json-wrap .room-catch {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
    color: #b19546;
    line-height: 1.2;
}
.item-json-wrap .room-info {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.5;
}
.item-json-wrap .recom-box {
	padding: 10px;
	background: #f7edcd;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.item-json-wrap .recom-ttl a {
	display: inline-block;
	margin: 0 0 3px;
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.5;
}
.recom-box-price,
.recom-box-charge {
	text-align: right;
	color: #dc2745;
	line-height: 1.2;
}
.item-json-wrap .recom-box-price span {
	font-size: 18px;
	font-weight: bold;
}
.recom-box-charge {
	font-size: 13px;
}

/*----------------------------------------------------
	おすすめ航空券用CSS 2017.08.30 追加分
----------------------------------------------------*/
#recommend_air h3{
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 20px;
    font-size: 22px;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.recommend_air_wrap{
	width: 92%;
    margin: 0 auto;
    padding: 4% 0;
    overflow: hidden;
}

.recommend_air_wrap a:visited {
    color: #333;
    text-decoration: none;
}

.recommend_air_wrap a:link, .recommend_air_wrap a:visited {
    color: #0D1747;
    text-decoration: none;
}

.air_ticket{
	padding: 10px 10px;
	border: 1px solid #D6C7B7;
	margin-bottom: 10px;
	}

#air_logo img, #air_logo_2 img{
	width: 16%;
    height: auto;
    float: left;
    margin-right: 10px;
}

.air_ticket_main p{
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
    color: #b19546;
    line-height: 1.2;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.air_price{
	text-align: right;
    color: #dc2745!important;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    line-height: 1.2;
}

.air_price span{
	font-size: 18px;
    font-weight: bold;
}
.air_price span small {
	font-size: 12px;
	font-weight: normal;
}
.air_ticket_text p{
	font-size: 90%;
    line-height: 175%;
}
/*----------------------------------------------------
	おすすめ航空券+ホテル用CSS 2017.09.01 追加分
----------------------------------------------------*/
.recommed_h3{
    margin: 20px 0 0;
    padding: 0 20px;
    font-size: 130%;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.recommend_airhotel{
	background-color: #D6F6FC;
	padding: 10px 0;
	margin-bottom: 8px;
}
.special-box-fit{
	padding: 10px 5px;
	position:relative;
}

.special-box-fit .special-box-fit{
	float:left;
	width: 50%;
	padding: 8px;
/* 	background-color: #FFF; */
/* 	border-color: #D6F6FC; */
	/*pointer-events: none;*/
}
.special-box-fit .item-box{
	width: 100%;
    padding: 10px;
    background-color: #FFF;
    border-color: #D6F6FC;
	/*pointer-events: none;*/
}
.special-box-fit .item-box:hover{
	border-color: #FFD842;
}
.special-box-fit .item-box-pic{
	width: 38%;
	float: left;
}
.special-box-fit .item-box-info{
	float: right;
	width: 60%;
	/* padding: 0 10px; */
	background-position: right 0px bottom 0px;
}
.item-box a{
	text-decoration: none;
	color: #004098;
}

.item-box a:visited{
	text-decoration: none;
	color: #004098;
}

.special-box-fit .item-fit-ttl{
	font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.4em;
    border-left: 5px solid #004098;
    padding-left: 5px;
}

.special-box-fit .item-box-pic {
	margin-bottom: 5px;
	float: left;
	width: 30%;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*height: 120px;*/
}
.special-box-fit .item-box .item-box-pic:nth-child(odd) {
	display:none;
}

.special-box-fit .item-box-pic img {
	width: auto;
	height: 120px;
	box-sizing: border-box;
}

.special-box-fit .item-box-info {
	width: 68%;
	float: right;
	padding: 0.5em;
	background-color: #EEE;
	background-position: right 2px bottom 2px;
	background-size: 8px;
	background-repeat: no-repeat;
}

.special-box-fit .item-fit-price{
	background-color: #FFF;
    padding: 2px 2px;
    margin-bottom: 3px;
    margin-right: 3px;
    font-size: 0.6em;
    vertical-align: middle;
}

.special-box-fit .item-box-date {
	clear: none;
    display: inline-block;
    font-size: 0.6em;
    line-height: 1.2;
    color: #004098;
    padding: 0 5px;
    text-align: left;
    float: left;
    vertical-align: middle;
    background-color: #FF0;
    padding: 4px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.special-box-fit .item-box-ttl {
	clear: none;
	float: left;
	display: inline-block;
	font-size: 1.1em;
	line-height: 1.2;
	padding: 2px 5px;
	text-align: left;
	margin-bottom: 0;
	color: #004098;
	font-weight: bold;
	vertical-align: middle;
}

.special-box-fit .item-box-price {
	clear: both;
	font-size: 1.3em;;
	line-height: 1.2;
	font-weight: bold;
	color: red;
	text-align: right;
	padding: 0 5px;
	margin-bottom: 7px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.special-box-fit .item-fit-icon{
	/*margin-right: 57%;*/
    font-size: 80%;
    /* background-color: #DDD; */
    padding: 4px 10px;
    color: #FFF;
    background-color: #004098;
    margin-bottom: 5px;
    /* text-align: center; */
    /* display: none; */
    /*font-weight: bold;*/
}

.special-box-fit .item-fit-airline{
		background-image: url(/kix/area/common/img/icon/icon_air04.png);
		background-repeat: no-repeat;
		background-position: left 7px top 7px;
		background-size: 14px;
		padding: 3px 5px;
		padding-left: 30px;
		background-color: #FFF;
		border: 1px solid #eee;
		font-size: 100%;
}
.special-box-fit .item-fit-hotel{
		background-image: url(/kix/area/common/img/icon/icon_hotel01.png);
		background-repeat: no-repeat;
		background-position: left 7px top 7px;
		background-size: 14px;
		padding: 3px 5px;
		padding-left: 30px;
		background-color: #FFF;
		border: 1px solid #eee;
		font-size: 100%;
}
.special-box-fit .item-fit-lank{
		background-image: url(/kix/area/common/img/icon/icon_recom03.png);
		background-repeat: no-repeat;
		background-position: left 7px top 7px;
		background-size: 14px;
		padding: 3px 5px;
		padding-left: 30px;
		background-color: #FFF;
		border: 1px solid #eee;
		font-size: 100%;
}

.special-box-fit .item-box-btn {
	clear: both;
	width: 70%;
	margin: 3px auto 0;
	text-align: center;
	padding: 0.2em;
	color: #333;
	background-color: #FFBE00;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: url(/kix/jcom/img/icon/icon_next03.png);
	background-size: 15px;
	background-position: top 2px right 7px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 0.9em;
}
.special-box-fit .item-fit-hosoku{
	font-size:0.6em;
	color:#666;
	float: left;
	width: 31%;
	padding: 0 5px;
}

.scroll-top {
	display: block;
	padding-top: 113px;
	margin-top: -113px;
	background-color: transparent;
}

p.section-pagetop{
	background-color: #FFF;
}

.special-box-fit .item-fit-lank img {
    width: 69px!important;
}


/*----------------------------------------------------
	ツアー検索ボタン用CSS 2020.04.04 追加分
----------------------------------------------------*/
.recommend h3{
	width: 100%;
	text-align: center;
}
.recommend h3 a{
	display: block;
	width: 100%;
	margin: 20px auto;
	padding: 10px 20px 10px 10px;
	color: #730e0e;
	border: 1px solid #730e0e;
	text-decoration: none;
	position: relative;
}
.recommend h3 a::after{
	position: absolute;
	right: 5px;
	top: 50%;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 24px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}