@charset "utf-8";

/* ヘッダー
========================= */

#menuNav.nav-wrap ul li {
	&:nth-child(2) {
		background-color: #00b3f7;
		color: #333;
		a {
			color: #FFF;
		}
	}
}

#wrap{
	background: #FFFFFF;
	padding: 0 0 30px;
}

.news-wrap {
	padding: 3% 0 2%;
	background-color: #EEE;
	.line-box-wrap {
		width: 98%;
		margin: 0.5% auto 1.5%;
	}
	.line-box-ttl {
		font-size: 0.7em;
		line-height: 1.2;
		font-weight: bold;
		margin-bottom: 2px;
		display: none;
	}
	.line-box-txt {
		font-size: 0.62em;
		line-height: 1.1;
		margin-bottom: 3px;
		color: #555;
	}
	.item-box-wrap {
		width: 96%;
		margin: 1% auto;
		margin-bottom: 2%;
		position: relative;
		a {
			display: block;
			width: 100%;
			background-color: #FFF;
			text-decoration: none;
			color: #333;
			padding: 0 0;
			background-image: url(//www.his-j.com/kix/tour_top/img/icon/icon_corner.png);
			background-position: right 2px bottom 2px;
			background-size: 8px;
			background-repeat: no-repeat;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			.item-box-icon {
				color: #FFF;
			}
			.item-box-txt {
				color: #2074dc;
			}
		}
		&.domestic-wrap a .item-box-icon {
			color: #FFF;
		}
		&.domestic--color a .item-box-txt {
			color: #416E1F;
		}
	}
	.item-box {
		max-width: 100%;
		padding: 2% 3% 4%;
		border: none;
		background-color: transparent;
	}
	.item-box-subttl {
		font-size: 0.7em;
		line-height: 1;
		margin-bottom: 0.2em;
	}
	.item-box-icon {
		display: inline-block;
		width: auto;
		font-size: 0.7em;
		padding: 2px 5px;
		border: 1px solid #2074dc;
		background-color: #2074dc;
		border-radius: 8px;
		-webkit-border-radius: 0 8px 8px 0;
		-moz-border-radius: 8px;
		vertical-align: middle;
		text-align: left;
		margin-bottom: 5px;
		position: absolute;
		top: 5px;
		left: 0px;
	}
	.domestic-wrap .item-box-icon {
		border-color: #416E1F;
		background-color: #416E1F;
	}
	.item-box-ttl {
		font-size: 1em;
		line-height: 1.2;
		font-weight: bold;
		margin-bottom: 4px;
	}
	.item-box-txt {
		font-size: 0.75em;
		line-height: 1.2;
	}
	.item-box-pic {
		position: relative;
		width: 100%;
		margin: 0;
		img {
			width: 100%;
			display: block;
			margin: 0 auto;
		}
	}
	.item-box-more {
		margin: 15px auto 10px;
		width: 70%;
		text-align: center;
		background-color: #CCC;
		color: #212121;
		font-size: 0.7em;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		a {
			display:block;
			padding: 4% 5%;
			text-align: center;
			background-color: #ffd842;
			color: #212121;
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			background-image: url(/search/kansai/sp/img/icon/icon_next01.png);
			background-position: right 11px center;
			background-size: 19px;
			background-repeat: no-repeat;
			text-decoration: none;
		}
	}
}

.line-box-wrap a .line-box-txt {
	color: #555;
}
.line-box-price {
	font-size: 0.7em;
	line-height: 1.2;
	color: red;
	font-weight: bold;
	margin-bottom: 2px;
}


#domesticWrap{
	margin-top: 40px;
	background-color: #416E1F;
}
.domestic-wrap {
	h2 {
		border-color: #416E1F;
		color: #416E1F;
	}
	.line-box-icon {
		border: 1px solid #416E1F;
		background-color: #416E1F;
	}
}

.other-navi{
	width: 100%;
	padding: 2.5% 2%;
}
.other-navi-box{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	li {
		width: 95%;
		margin: 0 0.5%;
		a {
			display: block;
			padding: 5% 10%;
			font-size: 0.7em;
			background-color: #333;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			background-image: url(/search/kansai/sp/img/icon/icon_down01_wh.png);
			background-position: right 6px bottom 4px;
			background-size: 16px;
			background-repeat: no-repeat;
		}
		&.overseas-icon a {
			background-color: #2074dc;
		}
		&.domestic-icon a {
			background-color: #416E1F;
		}
	}
}

.mainvisual-wrap{
	background-color: #FFFAED;
	padding-bottom: 1.5%;
	.line-box-wrap a {
		color: #FFF;
		padding: 5% 6.5% 2% 6.5%;
		background-image: none;
	}
}

#search_result{
	background-color: #FFFAED;
}

#searchWrap .search-nav-wrap{
	background-color: transparent;
	padding: 0 0;
	width: 96%;
	margin: 0 2% 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.search-nav-wrap ul{
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border: 1px solid #DDD;
	li {
		&.search-nav-btn {
			width: 25%;
			vertical-align: middle;
			text-align: center;
			font-size: 3vw;
			padding: 1.5% 0 4.5%;
			border-right: 1px solid #DDD;
			background-color: #fff;
			background-position: bottom center;
			background-size: 12px;
			background-repeat: no-repeat;
			background-image: url(/search/kansai/sp/img/icon/icon_down01.png);
		}
		&#moreOpenBtn {
			display: none;
			border-right: none;
			width: 100%;
			background-image:none;
			padding: 0.5%;
			background-color: transparent;
			color: #FFF;
			max-width: 22px;
			height: 100%;
			text-align: center;
			font-size: 0.75em;
			padding-top: 14px;
			background-position: top -2px center;
			background-size: 16px;
			background-repeat: no-repeat;
			background-image: url(/search/kansai/sp/img/icon/icon_search01_wh.png);
		}
		&:last-child {
			border-right: 1px solid #FFF;
		}
		&.search-btn-active {
			background-color: #FFD842;
			border: 1px solid #FFD842;
		}
		img {
			width: 22%;
			display: block;
			margin: 0 auto 1px;
			vertical-align: middle;
		}
	}
}
#moreOpenBtn {
	font-size: 0.75em;
	color: #023b95;
}

div#closeSearchWrap {
	background-color: #eaf2fa;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	overflow:hidden;
	padding: 2px 0 0;
}

.line-box-more a{
	background-image: url(/search/kansai/sp/img/icon/icon_plus01.png);
	background-position: right 11px bottom 5px;
	background-size: 16px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#searchMenuFooter{
	width: 100%;
	background-color: #EEE;
	opacity: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 1.5% 0;
	z-index: 10000;
}

#resultsArea {
	.linkArea {
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5em;
		a {
			color: #FFF;
			display: block;
			text-decoration: none;
		}
		&.btn {
			width: auto;
			margin: 6% 10% 0;
			padding: 0.5% 0;
			text-align: center;
			background-color: #FF9F00;
			background-image: url(//smp.his-j.com/cmn/portal/kanto/img/icon_arrow.png);
			background-repeat: no-repeat;
			background-position: 100% 50%;
			background-size: 20px 12px;
			border-radius: 10px;
			box-shadow: 0 2px 2px rgba(0,0,0,0.4);
			a {
				padding: 12px 20px 12px 0;
			}
			&.newWindow {
				background-image: url(//smp.his-j.com/cmn/portal/kanto/img/icon_box.png);
				background-position: 95% 50%;
				background-size: 15px 13px;
			}
		}
	}
}

/* 商品一つ
========================= */

#set_send {
	width: auto;
	height: auto;
	line-height:1;
	background-color: #023b95;
	padding: 16px 25px 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.7em;
	margin: 0 auto 0;
	position: absolute;
	top: 3px;
	right: 2px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-image: none;
} 
div#setKeywordWrap {
	overflow: hidden;
}

#modalSearchOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
	padding-top:45px;
}

#search-overlay-msg-unique {
	display: none;
	position: fixed !important;
	top: calc(100% - 180px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 90% !important;
	margin: 0 auto !important;
	z-index: 2147483646 !important;
	background: #fff !important;
	padding: 15px !important;
	border-radius: 15px !important;
	text-align: center !important;
	box-shadow: 0 4px 25px rgba(0,0,0,0.5) !important;
	border: 3px solid #0057b8 !important;
	> p {
		font-weight: bold !important;
		color: #d00 !important;
		font-size: 1.0em !important;
		margin-bottom: 8px !important;
	}
	> div {
		display: flex !important;
		gap: 10px !important;
		justify-content: center !important;
		align-items: center !important;
	}
}
#hit_count_msg_overlay{
	margin-bottom: 12px !important;
	padding: 8px !important;
	background: #f0f7ff !important;
	border-radius: 8px !important;
	.hit_count {
		font-size: 1.3em !important;
		font-weight: bold !important;
		color: #f60 !important;
	}
}
#overlay_search_btn{
	margin: 0 !important;
	flex: 3 !important;
	background: #ff6600 !important;
	padding: 10px !important;
	font-size: 0.9em !important;
	color: #fff !important;
}
#undo_search_condition{
	flex: 2 !important;
	text-decoration: underline !important;
	color: #666 !important;
	cursor: pointer !important;
	font-size: 0.8em !important;
}

/* テスト用仮ボタン */
#moreOpenBtn2 {
	position: fixed;
	top: 50%;
	right: 0;
	display: none;
	max-width: 30px;
	margin: 0;
	text-align: center;
	padding: 15px 5px;
	padding-top: 30px;
	background-color: #233b56;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border: none;
	font-size: 0.75em;
	color: #FFF;
	opacity: 1;
	z-index: 10000;
	background-image: url(/kix/jcom/img/icon/icon_search01_wh.png);
	background-size: 18px;
	background-position: center top 6px;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 1.3;
}