@charset "UTF-8";

/*------ 商品ページ / 商品検索画面・下部[sws] -------*/

/*--商品一覧のZETAハッシュタグ--*//*--★★★他のZETAにも適用するなら共通に移動する事★★★--*/
#search_zeta_hashtag{
	border-bottom: solid 1px #D5D5D5;
}

#search_zeta_hashtag .mod-tagList{
	margin: 0 0 12px
}

.hashtag-list a {
	font-family: "jost-Regular","NotoSansJP-Regular";
	font-size: 12px;
	line-height: 20px;
	border-radius: 10px;
	background: #F7F7F7 0% 0% no-repeat padding-box;
}

/*--COORDINATE文字--*/
.hacobune-media-post-list-item-img-wrapper .hacobune-media-post-list-item-caption .hacobune-media-post-list-item-staffname span{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.hacobune-media-post-list-item-img-wrapper .hacobune-media-post-list-item-caption { 
	line-height: 1.075rem;
}

/*------ sb_block.css -------*/

/*--ページャー下線--*//*--★★★他の検索APIで表示する一覧へ影響がでるため商品一覧のみ実施、space対応の兼合いでクラスの変更有★★★--*/
ul.block-pickup-p{
	border-bottom: 1px solid #D5D5D5;
}

/*--絞り込み検索アイコン--*//*--★★★共通に移動してOK★★★--*/
.block-filter--header .block-filter--header-label {
	width: 60px;
	height: 60px;
	background: #FFFFFF99 url(/img/usr/common/images/icon/filter_icon.png) center center / 100% auto no-repeat;
	border-radius: 0%;
	border: 1px solid #E0E0E0;
}

/*------ common.css -------*/

/*--商品一覧のcidタグ--*/
.mod-tagList > .inner > .list > li > a {
	height: 28px;
	line-height: 27px;
	font-size: 12px;
	font-family: 'jost-Regular','NotoSansJP-Regular';
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #D5D5D5;
	letter-spacing: 0px;
}

/*--商品一覧のコンテンツ区切り線COORDINATE--*//*--★★★商品一覧のみ実施、全体的に線の削除をする場合はここでの定義はいらない★★★--*/
.str-outer.of-type-02{
	border-bottom: unset;
}/** 商品一覧コーデ **/
.page-search .search_coode{
	padding-top: 25px;
}
/** 3カラムに変更 **/
.styling .hacobune-grid-col {
    flex: 0 0 calc((100% - 20px)/3);
    max-width: calc((100% - 20px)/3);
}
/** 縦幅調整 **/
.hacobune-top.styling:has(main.hacobune-app-main) {
    height: 100%;
}
.hacobune-top.styling .hacobune-layout-base-main-contents {
    height: 100%;
}
.hacobune-top.styling .hacobune-logo {
    position: relative;
    bottom: 30px;
    right: 0;
    margin-top: 18px;
}
#coordinateArea {
    min-height: 300px;
}