/* 任意でレイアウト調整 */
._pagenator ._nav._page{
	display: inline-block !important;
}

._searchresults > ._items > ._item{
	width: 300px;
	text-align: left;
}

/* jsにて件数をタブに挿入するため参照用の表示は削除 */
#itemSearchstatus, #contentsSearchstatus, #faqSearchstatus{
	display: none;
}
/* カテゴリのヒット件数を非表示*/
span._count{
	display: none;
}

/* タブ切り替えのcss(一例) */
#searchTab{
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}

#searchTab label{
	order: -1;
}

#searchTab label::before, #searchTab label::after{
	/* css打消し */
	display: none;
}

#searchTab .tabswitch{
	margin-left: 5px;
	padding: 10px 20px;
	border: 1px solid #999;
	border-bottom: none;
}
#searchTab .popfind{
	display: none;
	width: 100%;
}

#searchTab .searchtab:checked + label{
	background: #ddd;
}
#searchTab .searchtab:checked + label + div.popfind{
	display: block;
}
#searchTab input.searchtab{
	display: none;
}
div.ht-SPTopbox .ht-SPwords{
	display:none;
}
.main{
	max-width: 1200px;
	margin: 0 auto;
}

/*   キーワード検索   */

.main .ht-serchbox-result{
	background-color: #eee;
	padding: 35px 35px 20px;
	margin-bottom: 70px;
}
.main .ht-serchbox-result-ttl{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.main input#qbody{
	display: block;
	width: calc(70% - 60px);
	height: 40px;
	padding: 0 10px;
	border-radius: 4px 0 0 4px;
	line-height: 38px;
	float: left;
	box-sizing: border-box;
	font-size: 1.6rem;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	border-right: none;
}
.main .ht-serchbox-result input:nth-of-type(2){
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 60px;
	height: 40px;
	border-radius: 0 4px 4px 0;
	background: #333333;
	padding: 7px;
}

.main .ht-serchbox-result input:nth-of-type(2):hover{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	opacity: 0.5;
	transition: all 0.3s ease;
}
.main .ht-serchbox-result ._popfind_component{
	margin-top: 20px;
}
.main .searchmain div.ht-Area-checkbox > div._popfind_component > div._attributegroup ._sub_groups ._attributegroup,
.main .searchmain div.ht-Area-checkbox > div ._popfind_component > div._attributegroup ._sub_groups ._attributegroup {
  margin-top: 0px;
}
.main .ht-serchbox-result ._keywordranking{
	margin-left: -10px !important;
	overflow-x: auto;
	padding: 10px;
	display: flex;
}
.main .ht-serchbox-result ._label{
	font-size: 1.4rem;
	white-space: nowrap;
}
.main .ht-serchbox-result ._keywords{
	flex-wrap: nowrap;
}
.main .ht-serchbox-result ._keywords ._rank{
	display: none;
}
.main .ht-serchbox-result ._keywords ._word a{
	background-color: #fff;
	padding: 8px;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius: 3px;
	text-decoration: none;
}
.main .ht-serchbox-result ._keywords ._keyword ._word > a{
	white-space: nowrap;
}
.main .ht-serchbox-result ._keywords ._word a:hover{
	background-color: #333;
	color:#fff;
	transition: all 0.3s ease;
}
.main .ht-serchbox-result ._keywords ._keyword{
	margin-right:0 !important;
}


/*   タブ   */

.main #searchTab .tabswitch{
	width: 220px;
	text-align: center;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 7px 7px 0 0;
	border: none;
	background-color: #eee;
	margin-right: 20px;
}
.main #searchTab .searchtab:checked + label {
	background: #fff !important;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #fff;
	z-index: 1;
}
.main #searchTabItemLabel{
	margin-left:20px !important;
}
.main .popfind{
	margin-top:-1px;
	border-top:1px solid #333;
	padding-top: 20px;
}


/*   商品：プルダウン   */

.main ._sortorderselector ._label{
	display: none;
}
.main .searchselector{
	width:200px;
	margin:0 0 0 auto;
}
.main .searchselector select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 24px;
	display: inline-flex;
	align-items: center;
	border-radius: 0;
	border: solid 1px #333;
	/*background-position: 160px;*/
	background-repeat: no-repeat;
	background-image:url("../img/common/icon_arrow.svg");
	font-size: 14px;
	background-size: 12px;
	padding: 0 0 0 8px !important;
}
.main ._sortorderselector{
	padding-right:0 !important;
}


/*   商品・コンテンツ：チェックボックス   */

.main ._popfind_component ._attributegroup,
.main ._sitesearch_component ._attributegroup{
	width:240px;
	padding-left:0;
	margin-bottom: 40px;
}
.main ._popfind_component ._group,
.main ._sitesearch_component ._group{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.main ._popfind_component input[type="checkbox"],
.main ._sitesearch_component input[type="checkbox"] {
	display: none !important;
}
.main ._popfind_component input[type="checkbox"] + ._label::before,
.main ._sitesearch_component input[type="checkbox"] + ._label::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #333;
}
.main ._popfind_component input[type="checkbox"] + ._label,
.main ._sitesearch_component input[type="checkbox"] + ._label{
	position: relative;
	padding-left: 24px;
	display: inline-flex;
}
.main ._popfind_component input[type="checkbox"]:checked + ._label::after,
.main ._sitesearch_component input[type="checkbox"]:checked + ._label::after {
	content: '';
	display: block;
	border-left: 2px solid #e35554;
	border-bottom: 2px solid #e35554;
	width: 15px;
	height: 9px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 4px;
	top: 1px;
	position: absolute;
}
.main ._popfind_component ._attribute,
.main ._sitesearch_component ._attribute{
	font-size: 1.4rem;
}
._sub_groups ._group {
  display: none;
}
.main ._popfind_component ._attributegroup ._sub_groups ._attributes,
.main ._sitesearch_component ._attributegroup ._sub_groups ._attributes{
	margin-left: 18px;
}
.main ._popfind_component ._attributegroup .sub_groups ._attributegroup,
.main ._sitesearch_component ._attributegroup .sub_groups ._attributegroup{
	padding: 0 !important;
	margin-bottom: 20px !important;
}
.main ._popfind_component ._attributegroup ._attributes ._attribute,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute{
	margin:15px 0;
}
.main ._popfind_component ._attributegroup ._attributes ._attribute,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute{
	width:200px;
}
.main ._popfind_component ._attributegroup ._attributes ._attribute ._attribute,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute ._attribute{
	width:170px;
}
.main ._popfind_component ._attributegroup ._attributes ._attribute._disable,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute._disable{
	display: none;
}
.main ._popfind_component ._attributegroup ._attributes ._attribute ._attribute ._label,
.main ._popfind_component ._attributegroup ._attributes ._attribute ._label,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute ._attribute ._label,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute ._label{
	white-space:pre-wrap !important;
	line-height: 1.4;
	font-size:1.4rem;
}
.main ._popfind_component ._attributegroup ._attributes ._attribute label ._count.countInvisible,
.main ._sitesearch_component ._attributegroup ._attributes ._attribute label ._count.countInvisible{
	display:none;
}


/*   商品：検索結果   */
.main .searchmain{
overflow:auto !important;
}
.main ._searchresults .nohits{
	font-size:1.8rem;
	font-weight:700;
	color:#25906C;
	margin:50px 0;
}
.main ._popfind_component ._searchresults ._item{
	margin-right:30px;
}
.main ._popfind_component ._searchresults ._item:nth-of-type(3n) {
	margin-right: 0;
}
.main ._popfind_component ._items ._item ._wrap{
	border: 0;
	padding-bottom:25px;
	width:100%;
	margin:0;
}
.main ._popfind_component ._items ._item ._wrap ._image{
	height: 180px;
	text-align: center;
	margin-bottom:10px;
}
.main ._popfind_component ._items ._item ._wrap ._text{
	padding: 5px;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 15px;
	height:26px;
}
.main ._popfind_component ._items ._item ._wrap ._summary,
.main ._popfind_component ._items ._item ._wrap ._display_text2{
	padding: 0;
	font-size: 1.4rem;
	line-height:1.4;
	margin-bottom: 5px;
}
.main ._popfind_component ._items ._item ._wrap ._title{
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
.main ._popfind_component ._items ._item ._wrap ._image::before{
	display: inline-block;
}
.main ._popfind_component ._items a:hover{
	text-decoration: none !important;
}
.main ._popfind_component ._items ._item ._wrap ._textAsta{
	border: 1px solid #d7073b;
	color:#d7073b;
}

.main ._popfind_component ._items ._item ._wrap ._textMen{
	border: 1px solid #000000;
	color:#000000;
}

.main ._popfind_component ._items ._item ._wrap ._textLuna{
	border: 1px solid #0060b7;
	color:#0060b7;
}
.main ._popfind_component ._items ._item ._wrap ._textCresc{
	border: 1px solid #012f6d;
	color:#012f6d;
}
.main ._popfind_component ._items ._item ._wrap ._textSupple{
	border: 1px solid #f24503;
	color:#f24503;
}
.main ._popfind_component ._items ._item ._wrap ._textNone{
	visibility:hidden;
}
.main ._popfind_component ._items ._item ._wrap div.ht-Iteminfo div:nth-child(5){
	display: flex;
	font-size: 1.2rem;
	flex-wrap: wrap;
}
.main ._popfind_component ._items ._item ._wrap ._display_text1{
	padding: 0;
	margin-bottom: 10px;
	width: 255px;
}
.main ._popfind_component ._items ._item ._wrap ._display_text1::before{
	content: "販売名：";
}
.main ._popfind_component ._items ._item ._wrap div.ht-Itemname{
	display: flex;
	font-size: 1.3rem;
	line-height: 1.4;
}
.main ._popfind_component ._items ._item ._wrap div:nth-child(7) div{
	padding:0;
	font-size: 1.2rem;
}
.main ._popfind_component ._items ._item ._wrap ._additional_text1{
	border: 1px solid #999;
	padding: 3px !important;
	margin-right: 8px !important;
	margin-bottom:8px !important;
	display: inline;
	line-height: 20px;
	font-size: 1.1rem;
}
.main ._popfind_component ._items ._item ._wrap ._additional_text2,
.main ._popfind_component ._items ._item ._wrap ._additional_text3,
.main ._popfind_component ._items ._item ._wrap ._additional_text4{
	background-color: #ededed;
	padding: 4px !important;
	margin-right: 8px !important;
	margin-bottom:8px !important;
	display: inline;
	line-height: 20px;
	font-size: 1.1rem;
}
.main ._popfind_component ._searchresults ._items{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main ._popfind_component ._searchresults ._items > div{
	border-bottom: 1px solid #aaa;
	width: 300px;
}


/*   ページネーション   */

.main ._popfind_component ._pagenator,
.main ._sitesearch_component ._pagenator{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.main #searchFaq ._pagenator{
	width: 1200px !important;
	text-align: center;
}
.main ._popfind_component ._pagenator ._nav._page,
.main ._sitesearch_component ._pagenator ._nav._page{
	padding: .5em 0.7em;
}
.main ._popfind_component ._pagenator ._nav._prev,
.main ._popfind_component ._pagenator ._nav._next,
.main ._sitesearch_component ._pagenator ._nav._prev,
.main ._sitesearch_component ._pagenator ._nav._next{
	margin: 1em 4em;
}
.main ._popfind_component ._pagenator ._page a,
.main ._sitesearch_component ._pagenator ._page a{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 1.6rem;
	font-weight: 700;
	border: 1px solid #333333;
	border-radius: 4px;
	background: #FFFFFF;
	color: #333333;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 2px 2px 0 rgba(187, 187, 187, 1);
	-webkit-transition: background 0.2s ease, color 0.2s ease;
	-moz-transition: background 0.2s ease, color 0.2s ease;
	-o-transition: background 0.2s ease, color 0.2s ease;
	transition: background 0.2s ease, color 0.2s ease;
}
.main ._popfind_component ._pagenator ._current,
.main ._sitesearch_component ._pagenator ._current{
	min-width: 42px;
	height: 40px;
	font-size: 1.6rem;
	font-weight: 700;
	background: #e35555;
	border: 1px solid #e35555;
	border-radius: 4px;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 10px !important;
	margin-left: 10px;
	margin-right: 8px;
}
.main ._popfind_component ._pagenator ._disable,
.main ._sitesearch_component ._pagenator ._disable,
.main ._sitesearch_component ._pagenator ._nav._first{
	display: none;
}
.main ._popfind_component ._pagenator ._prev a,
.main ._popfind_component ._pagenator ._next a,
.main ._sitesearch_component ._pagenator ._prev a,
.main ._sitesearch_component ._pagenator ._next a{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 130px;
	height: 40px;
	font-size: 1.6rem;
	font-weight: 700;
	border: 1px solid #333333;
	border-radius: 4px;
	background: #FFFFFF;
	color: #333333;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 2px 2px 0 rgba(187, 187, 187, 1);
	-webkit-transition: background 0.2s ease, color 0.2s ease;
	-moz-transition: background 0.2s ease, color 0.2s ease;
	-o-transition: background 0.2s ease, color 0.2s ease;
	transition: background 0.2s ease, color 0.2s ease;
}
.main ._popfind_component ._pagenator ._page a:hover,
.main ._popfind_component ._pagenator ._prev a:hover,
.main ._popfind_component ._pagenator ._next a:hover,
.main ._sitesearch_component ._pagenator ._page a:hover,
.main ._sitesearch_component ._pagenator ._prev a:hover,
.main ._sitesearch_component ._pagenator ._next a:hover{
	background-color: #e7e7e7;
}

.main ._searchstatusfull{
text-align: center;
margin-top: 50px;
font-size: 1.4rem;
}
/*   検索窓   */

.main div.poplink.pc022 div.highlighted {
  color: #fff !important;
  background-color: #333 !important;
}
.main div.poplink.pc022 div.highlighted:hover {
  color: #fff !important;
  background-color: #333 !important;
}

.main div.poplink.pc022 > div.poplink_suggest > div.word{
	padding:7px 5px !important;
	font-size: 1.3rem;
}
.main div.poplink.pc022 > div.poplink_suggest > div.word:hover {
	background-color: #333 !important;
	color:#fff !important;
}
.main div.poplink.pc022 > div.poplink_search > div.header{
	padding: 12px !important;
	font-size: 1.5rem;
	font-weight: 700;
	color: #333 !important;
	background-color:#fff !important;
	border-bottom:1px solid #333;
	text-align:center;
	width: 93%;
	margin: 0 auto;
}
.main div.poplink.pc022 > div.poplink_search > div.item{
	border-bottom: 1px solid #eee;
	padding-right:10px !important;
}
.main div.poplink.pc022 > div.poplink_search > div.item a div.item_left{
	margin-left: 10px;
}
.main div.poplink.pc022 > div.poplink_search > div.item a div.item_right{
	padding-left: 10px !important;
	font-size: 1.3rem;
}
.main div.poplink.pc022 > div.poplink_search > div.item a div.item_right div{
	margin-bottom:8px !important;
}
.main div.poplink.pc022 > div.poplink_search > div.item a div.item_right div.title{
	padding-top: 8px;
}
.main div.poplink.pc022{
	margin-top: 40px;
}
.main .ht-serchbox-result input[type="search"]{
	-webkit-appearance: none;
	border: none;
	background: transparent;
	outline: none;
	font-size: 16px !important;
}
.main .ht-serchbox-result input[type="search"]::-webkit-search-cancel-button{
	-webkit-appearance: none;
	border: none;
	background: transparent;
	outline: none;
	font-size: 16px !important;
}
.main .ht-serchbox-result input[type="search"]::-webkit-search-cancel-button{
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	background-image: url('../img/common/icon_close.svg');
	background-position: 50% 50% no-repeat;
	background-repeat: no-repeat;
	cursor: pointer;
}


/*   コンテンツ：検索結果   */

.main ._sitesearch_component ._wrap{
	display: flex;
	margin: 0 !important;
}
.main ._sitesearch_component ._items > ._item{
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	padding-bottom: 10px;
}
.main ._sitesearch_component ._items > ._item ._wrap [class^="_sitesearch_group"]{
	display: block;
}
.main ._sitesearch_component ._items > ._item ._wrap [class^="_"]{
	padding: 0 !important;
}
.main ._sitesearch_component ._items ._item ._sitesearch_group1{
	width: 100px;
	margin-right: 20px !important;
	padding: 0 !important;
}
.main ._sitesearch_component ._items ._item ._sitesearch_group1 ._thumbnail img{
	width: 70px !important;
	border: 0 !important;
}
.main ._sitesearch_component ._items ._item ._sitesearch_group2{
	width: 800px;
	padding: 0 !important;
	margin: 0 !important;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 [class^="_"]{
	margin-bottom: 10px;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._additional_text1{
	background-color: #dddddd;
	display: inline-block;
	padding: 5px !important;
	color: #333;
	font-weight: 700;
	font-size: 1.4rem;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._additional_text1.guide{
	background-color: #22906b;
	color: #fff;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._title a{
	font-size: 2rem;
	font-weight: 700;
	text-decoration: none;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._title a:hover{
	text-decoration: underline;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._snippet{
	font-size: 1.6rem;
	line-height: 1.4;
}


/*   よくある質問：検索結果   */

.main #searchFaq ._items ._item{
	display: inline !important;
}
.main #searchFaq ._items ._item ._wrap{
	width:100% !important;
	border:none;
	border-bottom: 1px solid #ddd !important;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.main #searchFaq ._items ._item ._wrap ._icon img{
	max-width: none;
	width:60px;
}
.main #searchFaq ._items ._item ._wrap div[class^="_layoutgroup"]{
	display:flex;
}
.main #searchFaq ._items ._item ._wrap ._title,
.main #searchFaq ._items ._item ._wrap ._title a{
	font-size:2rem !important;
	font-weight:700 !important;
	line-height:1.4 !important;
	color:#333;
}
.main #searchFaq ._items ._item ._wrap ._additional_text1{
	font-size:1.8rem !important;
	line-height:1.4 !important;
}
.main #searchFaq ._items ._item ._wrap ._layoutgroup1{
	padding:5px !important;
}
.main #searchFaq ._items ._item ._wrap ._layoutgroup2{
	padding-left:80px !important;
}
.main #searchFaq ._items ._item ._wrap ._additional_icons1{
	padding:5px !important;
}
.main #searchFaq div[id^="popfind-sitesearchItem"] ._wrap{
	display:block;
	margin:20px 0 !important;
}
.main #searchFaq ._sitesearch_component ._items > ._item ._wrap ._title{
	padding: 5px 12px 10px 30px !important;
	margin-bottom:50px;
}
.main #searchFaq ._sitesearch_component ._items > ._item ._wrap div[class^="_additional_text"]{
	padding: 5px 12px 10px 30px !important;
	margin-bottom:20px;
}


/*   SP版の検索結果数をPC版にて非表示   */

.ht-SP-number{
	display: none;
}


/*   SP版の絞り込み検索ボタンをPC版にて非表示   */

.main .PC-invisible{
	display: none;
}


/*   ヘッダ：検索窓   */

#wrapper.pt_storefront #header .headInner #headUtility{
	right: 0;
}
#header #headSearch input#qheader[type="search"]{
	display: block;
	width: calc(100% - 67px);
	padding: 0 2px 0 18px;
	border-radius: 4px 0 0 4px;
	line-height: 28px;
	border-right: none;
	float: left;
	border: 1px solid #cccccc;
	border-right:0;
	font-size: 1.6rem;
	color:#999;
}
@-moz-document url-prefix() {
	#header #headSearch input#qheader[type="search"]{
		height: 28px;
	}
}
#header #headSearch input:nth-of-type(3){
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 45px;
	height: 30px;
	border-radius: 0 4px 4px 0;
	background: #333333;
	padding: 5px;
}
#header #headSearch input:nth-of-type(2):hover{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	opacity: 0.5;
	transition: all 0.3s ease;
}
#header #headSearch .poplink.pc033,
.ht-SPTopbox .poplink.pc033{
	margin-top:30px;
}
#header #headSearch .poplink.pc033 div.highlighted,
.ht-SPTopbox div.poplink.pc033 div.highlighted {
  color: #fff !important;
  background-color: #333 !important;
}
#header #headSearch .poplink.pc033 div.highlighted:hover,
.ht-SPTopbox div.poplink.pc033 div.highlighted:hover {
  color: #fff !important;
  background-color: #333 !important;
}
#header #headSearch .poplink.pc033 > div.poplink_suggest > div.word,
.ht-SPTopbox div.poplink.pc033 > div.poplink_suggest > div.word{
	padding:7px 5px !important;
	font-size: 1.3rem;
}
#header #headSearch .poplink.pc033 > div.poplink_suggest > div.word:hover,
.ht-SPTopbox div.poplink.pc033 > div.poplink_suggest > div.word:hover {
	background-color: #333 !important;
	color:#fff !important;
}
#header #headSearch .poplink.pc033 > div.poplink_search > div.header,
.ht-SPTopbox div.poplink.pc033 > div.poplink_search > div.header{
	padding: 12px !important;
	font-size: 1.5rem;
	font-weight: 700;
	color: #333 !important;
	background-color:#fff !important;
	border-bottom:1px solid #333;
	text-align:center;
	width: 93%;
	margin: 0 auto;
}
#header #headSearch .poplink.pc033 > div.poplink_search > div.item,
.ht-SPTopbox div.poplink.pc033 > div.poplink_search > div.item{
	border-bottom: 1px solid #eee;
	padding-right: 10px !important;
}
#header #headSearch .poplink.pc033 > div.poplink_search > div.item a div.item_left,
.ht-SPTopbox div.poplink.pc033 > div.poplink_search > div.item a div.item_left{
	margin-left: 10px;
}
#header #headSearch .poplink.pc033 > div.poplink_search > div.item a div.item_right,
.ht-SPTopbox div.poplink.pc033 > div.poplink_search > div.item a div.item_right{
	padding-left: 10px !important;
	font-size: 1.3rem;
}
#header #headSearch .poplink.pc033 > div.poplink_search > div.item a div.item_right div,
.ht-SPTopbox div.poplink.pc033 > div.poplink_search > div.item a div.item_right div{
	margin-bottom: 8px !important;
}
#header #headSearch .poplink.pc033 > div.poplink_search > div.item a div.item_right div.title,
.ht-SPTopbox div.poplink.pc033 > div.poplink_search > div.item a div.item_right div.title{
	padding-top: 8px;
}
#header #headSearch input::-webkit-search-cancel-button,
div.ht-SPTopbox input::-webkit-search-cancel-button{
	-webkit-appearance: none;
	border: none;
	background: transparent;
	outline: none;
	font-size: 16px !important;
}
#header #headSearch input::-webkit-search-cancel-button,
div.ht-SPTopbox input::-webkit-search-cancel-button{
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	background-image: url('../img/common/icon_close.svg');
	background-position: 50% 50% no-repeat;
	background-repeat: no-repeat;
	cursor: pointer;
}


/*   トップページ：検索パネル   */

div.ht-SPTopbox{
	height: 80px;
	background-color: #eee;
	padding-top:25px;
	display: flex;
}
div.ht-SPTopbox .ht-wordsbox{
	margin: 0 auto;
	display: flex;
	max-width: 1200px;
}
div.ht-SPTopbox .ht-SPwords{
	padding-top: 8px;
	overflow-x: auto;
	white-space: nowrap;
	max-width:810px;
	padding-left:50px;
}
div.ht-SPTopbox .ht-SPwords span.label{
	font-size: 1.4rem;
	white-space: nowrap;
	font-weight: 700;
	margin-right: 15px;
}
div.ht-SPTopbox .ht-SPwords span a{
	background-color: #fff;
	padding: 8px;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius: 3px;
	text-decoration: none;
	margin-right: 5px;
}
div.ht-SPTopbox .ht-SPwords span a:hover{
	background-color: #333;
	color:#fff;
	transition: all 0.3s ease;
}
div.ht-SPTopbox input[type="search"]{
	display: block;
	width: 200px;
	height: 30px;
	padding: 0 10px;
	border-radius: 4px 0 0 4px;
	line-height: 28px;
	border-right: none;
	float: left;
	border: 1px solid #cccccc;
	background-color:#fff;
	border-right:0;
	font-size: 1.6rem;
}
div.ht-SPTopbox input:nth-of-type(3){
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 45px;
	height: 32px;
	border-radius: 0 4px 4px 0;
	background: #333333;
	padding: 6px;
}
div.ht-SPTopbox input:nth-of-type(2):hover{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	opacity: 0.5;
	transition: all 0.3s ease;
}
.ht-wordsbox .ht-SPformbox{
	min-width: 290px;
	margin-left:20px;
}
#wrapper.pt_storefront{
	min-width: 1200px !important;
}
