/* 任意でレイアウト調整 */
._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;
}
/*
#hotword{
	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{
	margin: 0 auto;
}
/*   キーワード検索   */

.main .ht-serchbox-result{
	background-color: #eee;
	padding: 20px;
	margin: 0 20px 30px;
}
.main .ht-serchbox-result-ttl{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.main input#qbody{
	display: block;
	width: calc(100% - 60px);
	height: 40px;
	padding: 0 10px;
	border-radius: 4px 0 0 4px !important;
	line-height: 38px;
	float: left;
	box-sizing: border-box;
	font-size: 1.6rem;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	border-right: none;
}
#qbody {
  -webkit-appearance: none !important;
}
.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{
	display: block !important;
}
.main .ht-serchbox-result ._keywordranking{
	overflow-x: scroll;
	display: flex;
	padding: 8px 0;
	margin: 0;
}
.main .ht-serchbox-result ._label{
	font-size: 1.1rem;
	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: 6px;
	font-size: 1.2rem;
	font-weight: 700;
	border-radius: 2px;
	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 .ht-SP-number{
	margin: 0 20px 30px;
	font-size: 1.4rem;
	line-height: 1.4;
}


/*   タブ   */

.main #searchTab{
	padding: 0 20px;
	margin-bottom:40px;
}
.main #searchTab .tabswitch{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 7px 7px 0 0;
	border: none;
	background-color: #eee;
	margin-right: 10px;
	padding: 15px 10px !important;
}
.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;
}
.main .popfind{
	margin-top: -1px;
	border-top: 1px solid #333;
	padding-top: 10px;
}


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

.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;
	padding: 0 0 0 8px !important;
}
.main ._sortorderselector{
	padding-right: 0 !important;
}


/*   絞り込み検索ボタン   */

.main ._popfind_component ._modal > ._button,
.main ._sitesearch_component ._modal > ._button{
	width: 260px !important;
	margin: 30px auto !important;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 1px !important;
	background-color: #e35554 !important;
	border-radius: 0;
	border-bottom: 0 !important;
	box-shadow: 2px 2px 0px 0 rgb(204, 204, 204);
}
.main ._popfind_component ._modal ._button span::before,
.main ._popfind_component ._modal > ._button::before,
.main ._sitesearch_component ._modal ._button span::before,
.main ._sitesearch_component ._modal > ._button::before{
	content: '';
	display: inline-block;
	background-image: url(../img/common/icon_focus.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 2px;
}
.main ._popfind_component ._modal ._button span,
.main ._sitesearch_component ._modal ._button span{
	margin-top: 4px !important;
	display: inline-block;
}
.main ._sitesearch_component ._modal > ._button{
	background-color: #25906c !important;
}

/*   商品：検索結果   */

.main ._searchresults .nohits{
	font-size: 1.6rem;
	font-weight: 700;
	color: #25906C;
	margin: 50px 0;
	line-height: 1.6;
}
.main ._popfind_component ._searchresults ._item:nth-of-type(3n){
	margin-right: 0;
}
.main ._popfind_component ._searchresults ._items ._item{
	text-align:left;
}
.main ._popfind_component ._items ._item ._wrap{
	/*display: flex;*/
	border: 0;
	padding-bottom: 25px;
	width: 100%;
	margin: 0;
}
.main ._popfind_component ._items ._item ._wrap ._image{
	width: 110px;
	margin-right: 10px;
}
.main ._popfind_component ._items ._item ._wrap ._image img{
	max-width: none !important;
	max-height: none !important;
	width: 100px !important;
}
.main ._popfind_component ._items ._item ._wrap ._text{
	padding: 4px;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 110px;
	margin-top: -95px;
	border: 1px solid #ccc;
}
.main ._popfind_component ._items ._item ._wrap ._summary,
.main ._popfind_component ._items ._item ._wrap ._display_text2{
	padding: 0;
	font-size: 1.3rem;
	margin-bottom: 5px;
	line-height: 1.4;
	margin-left: 110px;
	text-align: left;
}
.main ._popfind_component ._items ._item ._wrap ._title{
	padding: 0;
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 10px;
	margin-left: 110px; 
	/*max-width: calc(100% - 130px);*/
}
.main ._popfind_component ._items ._item ._wrap ._title a{
	flex-grow:0;
}

.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 ._display_text1{
	padding: 0;
	text-align: left;
	margin-left: 110px;
	margin-bottom: 5px;
	font-size: 1.2rem;
	line-height:1.3;
}
.main ._popfind_component ._items ._item ._wrap ._display_text1::before{
	content: "販売名：";
}
.main ._popfind_component ._items ._item ._wrap .ht-Iteminfo{
	flex-grow: 1;
}
.main ._popfind_component ._items ._item ._wrap .ht-Iteminfo .ht-Itemname{
	display: flex;
	font-size: 1.3rem;
	line-height: 1.4;
}
.main ._popfind_component ._items ._item ._wrap .ht-Iteminfo .ht-Itemname p{
	white-space: nowrap;
}
.main ._popfind_component ._items ._item ._wrap div:nth-child(6) div{
	padding: 0;
	font-size: 1.2rem;
}
.main ._popfind_component ._items ._item ._wrap ._additional_text1{
	border: 1px solid #999;
	padding: 4px !important;
	margin-right: 8px !important;
	margin-bottom:8px !important;
	line-height: 28px;
	display: inline;
	margin-left: 110px;
}
.main ._popfind_component ._items ._item ._wrap ._additional_text1::after,
.main ._popfind_component ._items ._item ._wrap ._additional_text2::after,
.main ._popfind_component ._items ._item ._wrap ._additional_text3::after{
	content: "\A";
	white-space: pre;
}
.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: 5px 4px 4px !important;
	margin-right: 8px !important;
	margin-bottom:8px !important;
	display: inline;
	line-height: 28px;
	margin-left: 110px;
}
.main ._popfind_component ._searchresults ._items > div{
	border-bottom: 1px solid #aaa;
}


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

.main ._popfind_component ._pagenator,
.main ._sitesearch_component ._pagenator{
	text-align: center;
	padding: 0;
}
.main ._popfind_component ._pagenator ._nav._page,
.main ._sitesearch_component ._pagenator ._nav._page{
	padding: .5em 0.5em;
}
.main ._popfind_component ._pagenator ._nav._prev,
.main ._sitesearch_component ._pagenator ._nav._prev{
	margin-left: 0;
}

.main ._popfind_component ._pagenator ._nav._next,
.main ._sitesearch_component ._pagenator ._nav._next{
	margin-right: 0;
}

.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;
	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{
	padding-left: 10px !important;
	padding-right: 10px !important;
	height: 40px;
	font-size: 1.6rem;
	font-weight: 700;
	background: #e35555;
	border: 1px solid #e35555;
	border-radius: 4px;
	color: #FFFFFF;
	padding-top: 10px !important;
	margin-left: 5px;
	margin-right: 3px;
}
.main ._popfind_component ._pagenator ._disable,
.main ._sitesearch_component ._pagenator ._disable,
.main ._sitesearch_component ._pagenator ._nav._first{
	display: none !important;
}
.main ._popfind_component ._pagenator ._prev a,
.main ._popfind_component ._pagenator ._next a,
.main ._popfind_component ._pagenator ._prev span,
.main ._popfind_component ._pagenator ._next span,
.main ._sitesearch_component ._pagenator ._prev a,
.main ._sitesearch_component ._pagenator ._next a,
.main ._sitesearch_component ._pagenator ._prev span,
.main ._sitesearch_component ._pagenator ._next span{
	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;
	padding: 0 15px;
	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 ._popfind_component ._pagenator ._nav._page,
 .main ._sitesearch_component ._pagenator ._nav._page{
	max-width: 50px !important;
}
.main ._popfind_component ._pagenator ._nav._page._current,
 .main ._sitesearch_component ._pagenator ._nav._page._current{
	max-width: 46px !important;
}
.main ._popfind_component ._pagenator ._nav._prev,
 .main ._sitesearch_component ._pagenator ._nav._prev{
	max-width: 100px !important;
}
.main ._popfind_component ._pagenator ._nav._next,
 .main ._sitesearch_component ._pagenator ._nav._next{
	max-width: 100px !important;
}
.main ._searchstatusfull{
text-align: center;
margin-top: 50px;
font-size: 1.3rem;
}


/*   検索窓   */

.main div.poplink.pc022 > div.poplink_suggest > div.word{
	margin: 3px 5px;
	padding: 5px !important;
	font-size: 1.3rem;
}
.main div.poplink.pc022 > div.poplink_search > div.header{
	padding: 7px 10px !important;
	font-size: 1.3rem;
	font-weight: 700;
	color: #333 !important;
}
.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-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 ._searchresults > ._items > ._item{
	width: 100%;
}
.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: 50px;
	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{
	flex: 1;
	padding: 0 !important;
	margin: 0 !important;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 [class^="_"]{
	margin-bottom: 10px;
	word-break: break-all;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._additional_text1{
	background-color: #dddddd;
	display: inline-block;
	padding: 4px !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{
	line-height:1.4;
}
.main ._sitesearch_component ._items > ._item ._wrap ._sitesearch_group2 ._title a{
	font-size: 1.8rem;
	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.5rem;
	line-height: 1.4;
}


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

.main #searchFaq ._items{
	margin-top:10px;
}

.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 [class^="_"]{
	padding:0 !important;
}
.main #searchFaq ._items ._item ._wrap ._icon img{
	max-width: none;
	width:50px;
}
.main #searchFaq ._items ._item ._wrap ._title,
.main #searchFaq ._items ._item ._wrap ._title a{
	font-size:1.6rem !important;
	font-weight:700 !important;
	line-height:1.4 !important;
	color:#333;
}
.main #searchFaq ._items ._item ._wrap ._additional_text1{
	font-size:1.4rem !important;
	line-height:1.4 !important;
}
.main #searchFaq ._items ._item ._wrap ._layoutgroup1{
	padding:0px !important;
	margin-bottom:20px;
}
.main #searchFaq ._items ._item ._wrap ._additional_icons1{
	padding:0 !important;
}
.main #searchFaq div[id^="popfind-sitesearchItem"] ._wrap{
	display:block;
	margin:20px 0 !important;
}

/*   モーダル   */

.main ._popfind_component ._attributegroup,
.main ._sitesearch_component ._attributegroup{
	padding-left: 0;
}
.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: 11px;
	height: 11px;
	border: 1px solid #333;
}
.main ._popfind_component input[type="checkbox"] + ._label,
.main ._sitesearch_component input[type="checkbox"] + ._label{
	position: relative;
	padding-left: 16px;
	display: inline-flex;
	padding-top: 2px;
}
.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: 12px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 3px;
	top: 5px;
	position: absolute;
}
.main ._popfind_component ._modal ._window,
.main ._sitesearch_component ._modal ._window{
	background-color: #ededed;
	margin-top: 60px;
	height:calc( 100% - 60px);
}
.main ._popfind_component ._modal ._window._show ._wrap,
.main ._sitesearch_component ._modal ._window._show ._wrap{
	border: 1px solid #333;
	padding: 20px;
	margin: 20px;
	width: auto;
}
.main ._sitesearch_component ._modal ._window._show ._wrap{
	margin: 100px 20px 0 !important;
	display: block;
}
.main ._modal ._window ._wrap ._head ._close{
	border: 0 !important
}
.main ._modal ._window ._wrap ._head ._status{
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
}
.main ._modal ._window ._wrap ._body{
	max-height: calc(100vh - 330px);
}
.main ._modal ._window ._wrap ._body ._group{
	font-size: 14px;
}
.main ._modal ._window ._wrap ._body ._attributes ._attribute{
	font-size: 14px;
	margin: 7px 0;
}
.main ._modal ._window ._wrap ._body ._attributes ._attribute ._sub_groups ._group {
  display: none;
}
.main ._popfind_component input[type="checkbox"] + ._label::before,
.main ._sitesearch_component input[type="checkbox"] + ._label::before{
	margin-top: 6px;
}
.main ._popfind_component ._modal ._foot,
.main ._sitesearch_component ._modal ._foot{
	padding-top: 10px;
	border-top: 1px solid #333;
}
.main ._popfind_component ._modal ._foot ._button,
.main ._sitesearch_component ._modal ._foot ._button{
	width: 260px !important;
	margin: 10px auto !important;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 1px !important;
	background-color: #e35554 !important;
	border-radius: 3 !important;
	border-bottom: 0 !important;
	box-shadow: 2px 2px 0px 0 rgb(204, 204, 204);
	padding: 8px !important;
}

.main ._sitesearch_component ._modal ._foot ._button{
	background-color: #25906c !important;
}
.main ._modal ._window ._wrap ._body ._attributes ._attributegroup{
	margin: 0 0 0 18px; ! important;
	padding: 0 !important;
}
.main ._attributegroup ._attributes ._attribute span._label{
	white-space: pre-wrap;
	padding-right: 5px;
}
.main ._attributegroup ._attributes ._attribute._disable {
display: none;
}
.main ._modal ._window ._wrap ._body ._attributes ._attributegroup ._attributes ._attribute label{
	display: flex;
}
.main .main ._popfind_component ._attributegroup ._attributes ._attribute label ._count.countInvisible{
	display: none;
}


/*   モーダル：チェックボックス   */

.main form .poplink.sphs{
	width: calc(100% - 40px) !important;
	margin-top: 40px;
	margin-left: 20px;
	padding: 0 20px 20px;
	background-color: #eee !important;
	background-color: #eee !important;
}
.main form div.poplink > div.poplink_suggest{
	border: 0;
}
.main form .poplink_suggest .word{
	font-size: 1.4rem;
	padding: 0 8px;
	margin: 0 8px;
}
.main form .poplink_suggest .word.highlighted{
	background-color: #333 !important;
	border: 1px solid #333 !important;
}
.main div.poplink.sphs > div.poplink_suggest{
	background-color: #eee !important;
}
.main div.poplink.sphs > div.poplink_suggest > div.word.highlighted::after{
	border-color: #333 transparent transparent transparent !important;
	bottom: -6px;
}
.main div.poplink.sphs > div.poplink_suggest > div.word{
	border-radius: 0;
	margin: 6px 6px 6px 0 !important;
}
.main div.poplink > div.close_button{
	top: -2em;
	width: 25px !important;
	height: 25px !important;
	left: calc(100% - 25px) !important;
}
.main div.poplink.sphs > div.poplink_search{
	border: 0 !important;
	padding-top: 5px;
	background-color: #eee !important;
}
.main div.poplink.sphs > div.poplink_search .item{
	margin-right: 8px !important;
	border: 0 !important;
	padding-bottom: 12px !important;
}
.main div.poplink.sphs > div.poplink_search > div.item > a > div.image_box{
	padding: 10px 8px 8px;
}
.main div.poplink.sphs > div.poplink_search > div.item > a > div.image_box img{
	max-height: 80px;
}
.main div.poplink.sphs > div.poplink_search > div.item > a > div.title{
	padding: 10px 10px 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	overflow: visible !important;
	-webkit-line-clamp: 10 !important;
}
.main div.poplink.sphs > div.poplink_search > div.item{
	max-height: none !important;
}


/*   PC版に表示のある部分をSP版にて非表示   */

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

/*   ヘッダ トップページ：検索窓   */

div.ht-SPTopbox{
	background-color: #eee;
	padding: 20px;
}

#header #headSearchBox div.ht-SPHdrformbox{
	height:42px;
}

#header #headSearchBox div.ht-SPHdrformbox form input#qbody,
div.ht-SPTopbox form input#qbody,
#header #headSearchBox div.ht-SPHdrformbox form input#qheader,
div.ht-SPTopbox form input#qheader{
	display: block;
	width: calc(100% - 84px);
	height: 38px;
	border-radius: 4px 0 0 4px;
	font-size: 1.6rem;
	line-height: 38px;
	border-right: none;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	border-right: none;
	padding: 0 10px;
}

#header #headSearchBox div.ht-SPHdrformbox input:nth-of-type(3),
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: 60px;
	height: 40px;
	border-radius: 0 4px 4px 0;
	background: #333333;
	padding: 7px;
}
#header #headSearchBox div.ht-SPHdrwords,
div.ht-SPTopbox .ht-SPwords{
	padding-top: 8px;
	overflow-x: auto;
	white-space: nowrap;
	padding: 20px 0 10px 0;
}
#header #headSearchBox div.ht-SPHdrwords .label,
div.ht-SPTopbox .ht-SPwords .label{
	font-size: 1.1rem;
	white-space: nowrap;
	font-weight: 700;
	margin-right: 10px;
}
#header #headSearchBox div.ht-SPHdrwords span a,
div.ht-SPTopbox .ht-SPwords span a {
	background-color: #fff;
	padding: 6px;
	font-size: 1.2rem;
	font-weight: 700;
	border-radius: 2px;
	text-decoration: none;
	margin-right: 5px;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs{
	margin-top: 50px;
	padding:0 20px 20px;
	background-color:#eee !important;
	height: 100vh;
}
#header #headSearchBox div.ht-SPHdrformbox form div.poplink > div.poplink_suggest,
div.ht-SPTopbox div.ht-SPformbox form div.poplink > div.poplink_suggest{
	border:0;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink_suggest .word,
div.ht-SPTopbox div.ht-SPformbox form .poplink_suggest .word{
	font-size: 1.4rem;
	padding: 0 8px;
	margin: 0 8px;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink_suggest .word.highlighted,
div.ht-SPTopbox div.ht-SPformbox form .poplink_suggest .word.highlighted{
	background-color: #333 !important;
	border: 1px solid #333 !important;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_suggest,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_suggest{
	background-color:#eee !important;
	margin-bottom: 5px;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_suggest > div.word.highlighted::after,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_suggest > div.word.highlighted::after{
	border-color: #333 transparent transparent transparent !important;
	bottom: -6px;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_suggest > div.word,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_suggest > div.word{
	border-radius: 0;
	margin:6px 6px 6px 0 !important;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_search,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_search{
	border:0 !important;
	padding-top:5px;
	background-color: #eee !important;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_search .item,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_search .item{
	margin-right:8px !important;
	border:0 !important;
	padding-bottom: 12px !important;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_search > div.item > a > div.image_box,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_search > div.item > a > div.image_box{
	padding: 10px 8px 8px;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_search > div.item > a > div.image_box img,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_search > div.item > a > div.image_box img{
	max-height:80px;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_search > div.item > a > div.title,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_search > div.item > a > div.title{
	padding:10px 10px 0 !important;
	font-size:12px !important;
	line-height:1.4 !important;
	overflow:visible !important;
	-webkit-line-clamp: 10 !important;
}
#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.poplink_search > div.item,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.poplink_search > div.item{
	max-height:none !important;
}
#header #headSearchBox div.ht-SPHdrformbox form input::-webkit-search-cancel-button,
div.ht-SPTopbox div.ht-SPformbox form input::-webkit-search-cancel-button{
	-webkit-appearance: none;
	border: none;
	background: transparent;
	outline: none;
	font-size: 16px !important;
}
#header #headSearchBox div.ht-SPHdrformbox form input::-webkit-search-cancel-button,
div.ht-SPTopbox div.ht-SPformbox form 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;
}

#header #headSearchBox div.ht-SPHdrformbox form .poplink.sphs > div.close_button,
div.ht-SPTopbox div.ht-SPformbox form .poplink.sphs > div.close_button {
	top: -2em;
	width: 25px !important;
	height: 25px !important;
	left: calc(100% - 35px) !important;
}