@charset "UTF-8";
/* search_area */
#search_box .md_search_tabList {
	width: auto;
	display: block;
	border: none;
	background: none;
}
#search_box .md_search {
	padding: 0;
}
#search_box + .heading-search {
	margin-top: 80px;
}
.heading-search {
	background: #134f78;
	line-height: 20px;
	color: #fff;
}
.heading-search::before {
	padding: 0;
	border-radius: 100%;
	width: 21px;
	height: 21px;
	line-height: 21px;
	display: inline-block;
	vertical-align: middle;
}
/* area_title */
.area_title {
	margin-bottom: 20px;
	padding-bottom: 3px;
	border-bottom: 2px dotted #c19b53;
	width: 100%;
}
.area_title span {
	font-weight: bold;
	font-size: 160%;
	padding: 0 0 0 35px;
	height: 41px;
	display: inline-block;
	letter-spacing: 0;
	line-height: 41px;
}
/* item_area */
.col-2 .media-des, .col-2 .media-price {
	font-size: 1.7rem;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	margin-bottom: 15px;
}
.media-des .small {
	font-size: 1.2rem;
}
.col-2 .media-tax {
	line-height: 2.4;
}
.col-3 {
	/*width: 31.66666666666667%;*//*304*/
}
.col-2 .media-price {
	width: 40%;
}
.col-3 .media-summary dt, .col-4 .media-summary dt {
	width: 26.27737226277372%;/*72*/
	background: #7d7d7d;
}
.col-3 .media-summary dd, .col-4 .media-summary dd {
	width: 73.72262773722628%;/*202*/
	color: #3b3b3b;
}
/* 商品カセット */
.media {
	border: 5px solid #e6e6e6;
	background: #FFF;
	margin-bottom: 24px;
}
.media:not(.comson):hover {
	border-color: #427293;
}
.media a > .wrap {
	padding-bottom: 10px;
}
.media-des {
	color: #3b3b3b;
}
.media-price {
	float: none;
	color: #e62c36;
}
.date {
	color: #3b3b3b;
	margin-top: 3px;
}
.media-summary {
	clear: none;
}
.media-summary dt {
	font-size: 0.68rem;
}
.media-summary dd {
	font-size: 0.77rem;
}
.media-addList {
	padding-top: 0;
	color: #7d7d7d;
}
.media-addList li {
	line-height: 1.3;
}
.media-addList li::before {
	margin-right: .3rem;
}
.media-summary dt.media-point {
	background: #f00;
	line-height: 1.2;
	padding: 3px 1%;
}
.media-des, .media-price {
	margin-bottom: 10px;
}
.media-wrap .media-badge {
	z-index: 2;
	background: #f8825d;
}
.media-wrap + #guide {
	margin-top: 50px;
}
.media-btn {
	color: #fff;
	width: 60%;
	margin: 0 auto;
	font-size: 16px !important;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	background: #f8825d;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 17px 0 14px;
	line-height: 1;
}
.media:not(.comson):hover .media-btn {
	background: #f8825d;
	opacity: 0.7;
}
.media:not(.comson) .media-btn::before {
	width: 24px;
	height: 23px;
	background: url(http://www.his-j.com/tyo/fair/autumn/common/css/../images/ico_search_wh.png) no-repeat 0 0;
	background-size: 24px;
	padding-right: 16px;
}
.media-btn-wrap {
	background: none;.media-summary dt
}
/* カード - ビジネスクラス */
div#area_title4 {
	background: rgb(145,90,0);
	background: -moz-linear-gradient(left, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
	background: linear-gradient(to right, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#915a00', endColorstr='#915a00', GradientType=1 );
	border: none;
	text-align: center;
	color: #FFF;
}
#area_title4.area_title span {
	background: none !important;
	padding: 5px 0 0;
}
#area_title4 ~ .media {
	border: 2px solid #C49D02 !important;
	background: rgb(245,237,216);
	background: -moz-linear-gradient(-45deg, rgba(245,237,216,1) 0%, rgba(255,255,255,1) 50%, rgba(245,237,216,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(245,237,216,1) 0%, rgba(255,255,255,1) 50%, rgba(245,237,216,1) 100%);
	background: linear-gradient(135deg, rgba(245,237,216,1) 0%, rgba(255,255,255,1) 50%, rgba(245,237,216,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5edd8', endColorstr='#f5edd8', GradientType=1 );
}
#area_title4 ~ .media.col-2 {
	width: 48%;
}
#area_title4 ~ .media .media-btn-wrap {
	background: #EDDFA7;
}
#area_title4 ~ .media .media-btn {
	color: #fff;
	width: 60%;
	margin: 0 auto;
	font-size: 1.25rem;
	font-weight: bold;
	border: 2px solid #945e00;
	background: #f8825d;
}
#area_title4 ~ .media .media-summary dt {
	background: #242424;
}
#area_title4 ~ .media .media-badge {
	background: rgb(145,90,0);
	background: -moz-linear-gradient(left, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
	background: linear-gradient(to right, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#915a00', endColorstr='#915a00', GradientType=1 );
}
/*
#area_title4 ~ .media:hover {
  border-color: #242424 !important;
}
*/
#area_title4 ~ .media .media-price {
	color: #B70000;
}
#area_title4 ~ .media .cabin {
	font-weight: bold;
	font-size: 130%;
	color: #945e00;
	line-height: 1;
}
#area_title4 ~ .media .media-summary dt {
	background: rgb(145,90,0);
	background: -moz-linear-gradient(left, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
	background: linear-gradient(to right, rgba(145,90,0,1) 0%, rgba(196,157,2,1) 51%, rgba(145,90,0,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#915a00', endColorstr='#915a00', GradientType=1 );
}
#area_title4 ~ .media .media-tax {
	color: #242424;
}
/* ボタン - ビジネスクラス */
.btn-biz {
	display: block;
	margin: 30px auto 0;
	color: #F1DC89;
	width: 50%;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 4px;
	background: #292929;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
	text-align: center;
	padding: 12px 0 10px;
	line-height: 1;
	text-decoration: none;
}
.btn-biz:hover {
	background: #9a0000;
	color: #FFF;
}
/* バナー 960x100 */
.bnr_l {
	margin: 20px 0;
}
.bnr_l a:hover {
	opacity: 0.8;
}

