/* ----------------------------------------------------------------------
	2017.10.17
	フリーワード用CSS
---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
	フリーワード検索
---------------------------------------------------------------------- */
/* 共通 */
.freeword_box{
	overflow:hidden;
	padding:2px 5px 0 6px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.freeword_box form{
	position:relative;
}
.freeword_box input[type="text"]{
	width:400px;
	height:30px;
	line-height:21px;
	border:solid 1px #CCC;
	padding:2px 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline:0;
}
.freeword_box input[type="text"]::-ms-clear {
	display:none!important;
}
.freeword_box input[type="text"]::-webkit-search-cancel-button,
.freeword_box input[type="text"]::-webkit-search-decoration {
	-webkit-appearance: none!important;
}
.freeword_box input[type="reset"]{
/* 位置調整 */
	position:absolute;
	top:8px;
	right:93px;
/* スタイル */
	width:15px;
	height:15px;
	display:none;
	background: url(../../com_sp/images/cancel.png) no-repeat right top;
	background-size: 15px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	border:none;
	padding:0;
}
.freeword_box input[type="submit"]{
	width:71px;
	height:30px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	background:url(../../com/images/com/btn_freeword_sch.jpg) right top no-repeat;
	/* reset */
	border:none;
	padding:0;
}
.freeword_box .searchsubmit{
	position:absolute;
	top:0;
	right:0;
}
/* ヘッダー */
.freeword_box_head{
	width:243px;
	padding:7px 0 0 26px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.freeword_box_head input[type="text"]{
	width:195px;
	height:22px;
	border-right:none;
	margin-right:0;
}
.freeword_box_head input[type="reset"]{
   /* 位置調整 */
	position:absolute;
	top:5px;
	right:25px;
/* スタイル */
	width:12px;
	height:12px;
	background-size: 12px;
}
.freeword_box_head input[type="submit"]{
	width:22px;
	height:22px;
	background:url(../../com/images/com/gnavi_sch_btn.jpg) right top no-repeat;
}
/* 余白調整 */
#gnavi,
#gnavi ul li .freeword_box,
.freeword_block,
.freeword_box_page,
#search_block,
.freeword_box_page form{
	overflow: visible !important;
}
/* ページ内 */
.freeword_block{
	overflow:hidden;
	height:35px;
}
.freeword_block .freeword_box{
  	background: url(../../com/images/com/img_keyword.jpg) no-repeat top left;
	padding-left:160px;
}
/* 総合トップ検索BOX */
.main-bk .freeword_box_sougou{
	overflow: visible !important;
	width: 750px;
	padding:0;
	margin: 0 auto 20px;
	background:#FFF;
}
.main-bk .freeword_box_sougou input[type="text"]{
	width:542px;
	height:57px;
	line-height:21px;
	border:solid 5px #999;
	padding:2px 10px;
	color:#999;
	font-size:15px;
	font-weight:bold;
	line-height: 297%;
}
.main-bk .freeword_box_sougou input::-webkit-input-placeholder{
	color:#999!important;
}
.main-bk .freeword_box_sougou input:-ms-input-placeholder{
	color:#999!important;
}
.main-bk .freeword_box_sougou input::-moz-placeholder {
	color:#999!important;
}
.main-bk .freeword_box_sougou input[type="submit"]{
	width:208px;
	height:57px;
	background:url(../../com/images/com/searchword_btn_off.jpg) right top no-repeat;
}
.main-bk .freeword_box_sougou .searchsubmit:hover{
	filter: alpha(opacity=0.8);
	-ms-filter: alpha(opacity=0.8);
	opacity: 0.8;
}
/* ----------------------------------------------------------------------
	サジェスト機能
---------------------------------------------------------------------- */
.ep-autosuggest{
	width:100%!important;
	overflow:hidden!important;
	top:21px;
	left:0;
	border:1px solid #CCC!important;
	border-top:none!important;
	border-bottom:none!important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.autosuggest-list,
.autosuggest-list2{
	overflow:hidden!important;
	width:100%!important;
	margin:0 auto!important;
	padding:0!important;
}
.autosuggest-list li,
.autosuggest-list2 li{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-top:none!important;
	border-bottom:1px solid #CCC!important;
}

.autosuggest-list li a,
.autosuggest-list2 li a{
	background:url(../../com/images/com/icon_freeword_search.png) 2px 50% no-repeat;
	background-size:10px;
	display:block;
	color:#000;
	padding:3px 0 3px 20px!important;
}
.autosuggest-list li a:hover,
.autosuggest-list2 li a:hover{
	color:#000;
}
/* 見出し */
.autosuggest-list span.title,
.autosuggest-list2 span.title{
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:4px 10px 2px 35px;
	border-bottom:1px solid #CCC!important;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1) inset;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1) inset;
}
.autosuggest-list span.title{
	background:url(../../com/images/com/icon_freeword_page.png) 10px 50% no-repeat  #CCC;
	background-size:15px;
}
.autosuggest-list2 span.title{
	background:url(../../com/images/com/icon_freeword_shop.png) 10px 50% no-repeat  #CCC;
	background-size:15px;
}
/*ページ内*/
.freeword_box_page .ep-autosuggest{
	top:29px;
}
/* 総合トップ検索BOX */
.main-bk .freeword_box_sougou .ep-autosuggest{
	top:57px!important;
}

/* ----------------------------------------------------------------------
	検索結果
---------------------------------------------------------------------- */
/* 見出し */
/* 検索説明 */
.freeword_seach_bk .area_title_block{
	margin-bottom:20px!important;
}
.freeword_seach_bk .area_title_detail{
	margin:15px 0 0;
}
.freeword_seach_bk .area_title_detail .keyword{
	font-size:14px;
	font-weight:bold;
	border-bottom:dotted 1px #000;
	padding-bottom:5px;
	margin-bottom:5px;
}
.freeword_seach_bk .area_title_detail .keyword .large{
	font-size:18px;
	margin-right:5px;
}
/* 検索数 */
.freeword_seach_bk .area_title_detail .hit .large{
	font-size:14px;
	font-weight:bold;
	margin-right:15px;
}
.freeword_seach_bk .area_title_detail .hit .number{
	color:#E71437;
	margin-right:5px;
	font-size:18px;
}
.freeword_seach_bk .area_title_detail .hit .bold{
	font-weight:bold;
	margin-right:5px;
}
/* 各種見出し */
.freeword_seach_bk .freeword_title{
	margin:40px 0 15px;
}
.area_title_block + .freeword_title{
	margin-top:0!important;
}
/* 余白調整 */
.freeword_seach_bk .pickup_shop_blcok{
	margin-top:20px;
}
.freeword_seach_bk .freelink_block .agr_shop_blcok{
	margin-top:5px;
}
/* ランステ・固定ページ関連 */
.seach_result_list_data {
	border-bottom:dotted 1px #666;
	padding-bottom:10px;
	margin-bottom:10px;
}
.seach_result_list_data a{
	color:#000;
	text-decoration:underline;
}
.seach_result_list_data .name{
	background:url(../images/com/icon_list.jpg) no-repeat 5px 50%;
	padding-left:20px;
}

/* ----------------------------------------------------------------------
	地域リニューアル仕様（20180330）
---------------------------------------------------------------------- */
/*---- 地域トップページCSS ----*/
/* oveflow調整 */
.header-bk,
.header-bk .inner-bk,
.header-bk .header-detail,
.header-bk .header-detail .area,
.header-bk .header-detail .freeword-box-head,
.footer-search-wrap-bk,
.footer-freeword-bk,
.footer-freeword-bk .inner-bk,
.footer-freeword-bk .freeword-box-foot{
	overflow:visible!important;
}
/*-- フリーワード --*/
.header-bk .freeword-box-head{
	width:480px;
	float:left;
	box-sizing:border-box;
	padding:0;
}
/* テキストボックス */
.header-bk .freeword-box-head input[type="text"]{
	width:430px;
	height:36px;
	font-size:14px;
	border:4px solid #FFF;
	-webkit-appearance: none!important;
	border-radius: 5px 0px 0px 5px!important;
	padding:2px 8px!important;
}
.header-bk .freeword-box-head input[type="reset"]{
   /* 位置調整 */
	position:absolute;
	top:10px;
	right:60px;
}
.header-bk .freeword-box-head input[type="submit"]{
	width:50px;
	height:36px;
	background:url(https://www.asreet.com/common/pc/img/com/icon_search_1.png) center center no-repeat #333;
	background-size:20px;
	border:1px solid #333;
	border-radius: 0 5px 5px 0;
}
.header-bk .freeword-box-head input[type="submit"]:hover{
	opacity:0.8;
}
.header-bk .freeword-box-head .ep-autosuggest{
	top:36px;
	z-index:999999!important;
}
.footer-freeword-bk .freeword-box-foot .title{
	width:100%;
}
/*---- 地域フッターCSS ----*/
/*-- フリーワード --*/
.footer-freeword-bk .freeword-box-foot{
	width:800px;
	padding:0;
	margin:0 auto;
}
/* テキストボックス */
.footer-freeword-bk .freeword-box-foot input[type="text"]{
	width:600px;
	font-size:14px;
	border:8px solid #F5F5F5;
	-webkit-appearance: none!important;
	border-radius: 5px 0px 0px 5px!important;
	background:#F5F5F5;
	padding:10px 8px!important;
}
.footer-freeword-bk .freeword-box-foot input[type="reset"]{
   /* 位置調整 */
	position:absolute;
	top:10px;
	right:210px;
}
.footer-freeword-bk .freeword-box-foot input[type="submit"]{
	width:200px;
	height:36px;
	background:url(https://www.asreet.com/common/pc/img/com/icon_search_1.png) 10px center no-repeat #333;
	background-size:16px;
	border:7px solid #333;
	border-radius: 0 5px 5px 0!important;
	text-indent:0;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	box-sizing:border-box;
	padding:0 8px 0 24px!important;
}
.footer-freeword-bk .freeword-box-foot input[type="submit"]:hover{
	opacity:0.8;
}
/* サジェスト調整 */
.footer-freeword-bk .freeword-box-foot .ep-autosuggest{
	top:36px;
}
.footer-freeword-bk .freeword-box-foot .title{
	width:100%;
}
.footer-freeword-bk .freeword-box-foot li{
	float:none!important;
	background:none!important;
	padding:0!important;
	margin-bottom:0!important;
}
.footer-freeword-bk .freeword-box-foot li a:hover{
	text-decoration:none!important;
}