@charset "UTF-8";
/* --------------------
 ↓ モーダル内ここから
-------------------- */
.related-product-item-price {
    display: none!important;
}

span.hacobune-icon.hacobuce-media-post-item-prev-icon-button *, span.hacobune-icon.hacobuce-media-post-item-next-icon-button * {
color: #fff;
}
.hacobune-readmore a.hacobune-readmore-link-toggle {
color: #5b6770;
}
.hacobune-dialog-content {
border-radius: 10px;
}
/*スタッフ情報*/
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile .hacobune-media-post-staff-profile-image {
width: 76px;
height: 76px;
}
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile {
padding: 5px 10px 0;
}
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile .hacobune-media-post-staff-profile-text > div {
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
}
.hacobune-media-post-list-item-staffname span {
border-bottom: solid 1px #5b6770;
line-height: 1.7;
}
.hacobune-media-post-list-item-staffname {
font-weight: bold;
padding-top: 5px;
}
.hacobuce-media-post-staff-profile-staff-name {
font-weight: bold !important;
}
.hacobuce-media-post-staff-profile-staff-attrs {
display: flex;
flex-direction: column;
}
.hacobuce-media-post-staff-profile-staff-attr:nth-child(2) {
order: 10;
}
.hacobuce-shop-user-staff-height:before {
content: "身長 : ";
}
/*タイトル*/
.hacobuce-media-post-item-side h3.hacobuce-media-post-item-title {
margin: 10px 0 20px;
padding: 7px 20px;
font-size: 16px;
font-weight: 200;
/*font-family: 'Noto Sans Japanese', sans-serif;*/
background: #f7f7f4;
text-align: center;
}

/*説明文*/
.hacobune-readmore {
padding: 0px 10px;
}
.hacobune-readmore .hacobuce-media-post-item-description {
font-size: 14px;
line-height: 1.8em;
}

/*紹介アイテム*/
.hacobune-media-post-item-tile:before {
content: "紹介アイテム";
width: 100%;
white-space: pre;
margin: 10px 0 20px;
padding: 7px 20px;
font-size: 16px;
font-weight: 200;
/*font-family: 'Noto Sans Japanese', sans-serif;*/
background: #f7f7f4;
}
.related-product-item-color, .related-product-item-size {
padding: 0!important;
margin: 0!important;
}

/*スタッフモーダル*/
.hacobuce-shop-user-staff-footsize {
display: none;
}
.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-dialog-close-button-container span.hacobune-icon * {
color: #444;
}
.hacobune-grid-col .hacobune-shop-user-image>img {
aspect-ratio: 1/1;
border-radius: 10px;
}
.hacobune-shop-user-info-wrapper {
display: flex;
flex-direction: column;
}
.hacobuce-shop-user-additional-attr:nth-child(6) {
order: 10;
}
/*「その他のURL」を任意の文字で表示*/
a.hacobune-text-link-root.hacobune-shop-staff-sns-icon:last-child {
    width: auto;
    padding: 0!important;
    margin: 0;
}
a.hacobune-text-link-root.hacobune-shop-staff-sns-icon:last-child:before {
    content: "店舗情報はこちら＞"; /*任意の文字を記載*/
    text-decoration: underline; /*下線の追加*/
}
a.hacobune-text-link-root.hacobune-shop-staff-sns-icon:last-child img {
    display: none; /*アイコンの非表示*/
}

/*モーダル内矢印*/
.hacobune-slider-next button.hacobune-icon-button {
background: url(/img/usr/mv_next.png) no-repeat center;
}
.hacobune-slider-prev button.hacobune-icon-button {
background: url(/img/usr/mv_prev.png) no-repeat center;
}
.hacobune-slider-next button.hacobune-icon-button *, .hacobune-slider-prev button.hacobune-icon-button * {
color: transparent!important;
}
span.hacobune-icon.hacobuce-media-post-item-next-icon-button {
background: url(/img/usr/mv_next.png) no-repeat center;
border-radius: 50%;
}
span.hacobune-icon.hacobuce-media-post-item-prev-icon-button {
background: url(/img/usr/mv_prev.png) no-repeat center;
border-radius: 50%;
}
.hacobuce-media-post-item-next-icon-button *, .hacobuce-media-post-item-prev-icon-button * {
color: transparent!important;
}

/*PCモーダル*/
@media (min-width: 720px){
/*↓↓モーダル崩れ防止*/
.hacobune-dialog-mask .hacobune-dialog-wrapper {
max-width: 95%;
max-height: 90%;
height: 800px;
}
.hacobune-dialog-wrapper .hacobune-dialog-content {
overflow-y: hidden !important;
}

.hacobune-dialog-content .hacobuce-media-post-item-root {
-ms-grid-rows: 0px 0 1fr 0 0;
grid-template-rows: 0 1fr 0;
height: 100%;
max-width: 100%;
padding: 50px 0 30px 50px !important;
}
/*モーダル左側*/
.hacobune-dialog-wrapper .hacobuce-media-post-item-main {
height: 100% !important;
width: 95%; 
padding: 0 45px 0px 0px !important;
}
.hacobuce-media-post-item-root .hacobuce-media-post-item-main .hacobune-slider {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.hacobune-dialog-mask:not(.hacobune-dialog-rounded) .hacobune-dialog-wrapper .hacobune-slider-container {
height: 60%!important;
position: relative;
padding: 0 5px;
}
.hacobuce-media-post-item-root .hacobune-slider-container .hacobune-slider-swiper-container {
margin: 0px;
height: 100%;
}
.hacobune-dialog-mask:not(.hacobune-dialog-rounded) .hacobune-dialog-content .hacobune-swiper-slide.hacobune-swiper-slide-active {
width: 100% !important;
}
.hacobune-dialog-mask:not(.hacobune-dialog-rounded) .hacobune-dialog-content .hacobune-media-post-item-slider-image {
width: auto;
height: 100%;
display: inline-block;
}
.hacobune-dialog-mask:not(.hacobune-dialog-rounded) .hacobune-dialog-content .hacobune-media-post-item-slider-image img {
max-width: 100%;
max-height: 100%!important;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
object-fit: cover;
aspect-ratio: 1/1;
}
.hacobuce-media-post-staff-profile .hacobuce-media-post-staff-profile-staff-attrs{
margin-top: 7px !important;
line-height: 1.6em !important;
}
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile .hacobune-media-post-staff-profile-image:hover {
opacity: 0.7;
}
.hacobuce-media-post-staff-profile-staff-name:hover {
opacity: 0.7;
}
.hacobuce-media-post-staff-profile-staff-name.hacobune-pointer span {
border-bottom: 1px solid #5b6770;
}
/*カルーセル投稿*/
.hacobune-slider-container .hacobune-icon {
font-size: 28px!important;
height: 28px!important;
width: 28px!important;
}
.hacobune-carousel ul.hacobune-carousel-list {
padding: 0;
margin: 5px 0 0;
}
ul.hacobune-carousel-list li.hacobune-carousel-list-item {
padding: 5px;
}
img.hacobune-media-post-carousel-image {
aspect-ratio: 1/1;
object-fit: cover;
}
/*モーダル内矢印*/
.hacobune-dialog-wrapper .hacobune-slider .hacobune-slider-prev {
left: -45px;
}
.hacobune-dialog-wrapper .hacobune-slider .hacobune-slider-next {
right: -45px;
}
/*モーダル右側*/
.hacobuce-media-post-item-side {
height: auto !important;
padding: 0 20px 0px 0px !important;
margin: 0 !important;
}

/*クローズボタン*/
button.hacobune-icon-button.hacobune-close-button, button.hacobune-icon-button.hacobune-close-button * {
background: transparent!important;
border-color: transparent!important;
color: transparent;
}
.hacobune-dialog-content .hacobune-dialog-close-button-container {
top: -32px !important;
right: 5px !important;
}
.hacobune-dialog-close-button-container button:before {
content: "";
width: 100%;
height: 2px;
background: #fff !important;
position: absolute;
top: 50%;
transform: rotate(45deg);
display: block;
}
.hacobune-dialog-close-button-container button:after {
content: "";
width: 100%;
height: 2px;
background: #fff !important;
position: absolute;
top: 50%;
transform: rotate(-45deg);
display: block;
}

/*紹介アイテム*/
.hacobune-media-post-item-tile-product {
padding: 0 10px;
}
.hacobune-media-post-item-text-caption, .related-product-item-color, .related-product-item-price, .related-product-item-size {
width: 100%!important;
}
/*スタッフ詳細モーダル*/
.hacobune-shop-user-info{
   width: 270px !important;
}
.hacobuce-shop-user-profile{
  padding-bottom: 20px !important;
}
.hacobune-shop-user-snsurl{
  padding: 8px 0 !important;
}
.hacobune-shop-user-dialog .hacobune-dialog-close-button-container button:before, .hacobune-shop-user-dialog .hacobune-dialog-close-button-container button:after {
  display: none;
}

}

/*SP*/
@media(max-width: 720px){
/*SPモーダル*/
.hacobune-dialog-mask:not(.hacobune-shop-user-dialog) .hacobune-dialog-content {
max-width: 95%;
max-height: 94vh;
}
.hacobune-dialog-close-button-container span.hacobune-icon {
position: relative;
top: -1px;
}
.hacobune-dialog-close-button-container span.hacobune-icon * {
color: #fff;
}
.hacobuce-media-post-item-prev-icon svg.hacobune-icon, .hacobuce-media-post-item-next-icon svg.hacobune-icon {
position: relative;
top: -2px;
}
.hacobuce-media-post-item-main {
margin-top: -40px;
}
.hacobuce-media-post-item-root .hacobuce-media-post-item-side {
padding: 0 8px;
display: flex;
flex-direction: column;
}
.hacobuce-media-post-item-side > * {
flex-shrink: 0;
}
.hacobuce-media-post-staff-profile {
order: 4;
border-top: 1px solid #f7f7f4;
}
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile .hacobune-media-post-staff-profile-text > div{
font-size: 12px !important;
line-height: 1.8em !important;
}
.hacobune-readmore .hacobuce-media-post-item-description {
font-size: 12px !important;
}
.hacobune-media-post-item-tile-product {
font-size: 12px !important;
}
.related-product-item-color, .hacobune-media-post-item-text-caption, .related-product-item-price{
  margin: 0 !important;
}
.hacobuce-media-post-item-side h3.hacobuce-media-post-item-title, .hacobune-media-post-item-tile:before{
font-size: 14px;
}
.hacobuce-shop-user-introduction{
font-size: 12px !important;
}
/*投稿画像*/
.hacobune-media-post-item-slider-image {
padding: 0;
width: 100% !important;
padding-top: 100% !important;
z-index: 10 !important;
position: relative !important;
height: 100% !important;
object-fit: contain !important;
margin: auto;
}
.hacobune-media-post-item-slider-image img {
object-fit: cover;
height: 100% !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
max-height: 100%!important;
width: 100%;
}
/*カルーセル*/
.hacobune-carousel ul.hacobune-carousel-list {
padding: 0 7px;
margin-top: 8px;
}
ul.hacobune-carousel-list li.hacobune-carousel-list-item {
padding: 0px;
position: relative;
}
li.hacobune-carousel-list-item:before {
content: '';
display: block;
padding-top: 100%;
}
img.hacobune-media-post-carousel-image {
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 0px;
}
.hacobuce-media-post-item-side h3.hacobuce-media-post-item-title {
margin: 10px 0 10px;
}

}

/* --------------------
 ↑ モーダル内ここまで
-------------------- */

/*共通*/
.hacobune-app-container *, .hacobune-dialog-mask * {
    /*font-family: 'Noto Sans Japanese', sans-serif!important;*/
    font-family: "Yu Gothic", "Meiryo", "Helvetica Neue", "Helvetica", "Arial", sans-serif!important;
    color: #333;
}

.hacobune-narrow-down {
    display: none;
}

/*タイトル*/
.hacobune-layout-base .block-top-event--title {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0 25px;
    max-width: 100%;
}
.block-top-event--title .hcb-selection-title {
    margin: 40px auto 5px;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    /*font-family: 'Noto Sans Japanese', sans-serif!important;*/
    letter-spacing: 0;
}
.hcb-selection-description {
    color: #b8a361;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: initial;
}

.block-top-event--title:not(.hcb-selection-goods-title-wrapper) .hcb-selection-title {
    color: #444;
}

/*商品ページタイトル*/
.hacobune-goods .block-top-event--title {
    display: none;
}
.hacobune-goods .block-top-event--title.hcb-selection-goods-title-wrapper {
    display: block;
}
.hcb-selection-goods-title, .hcb-selection-goods-title-wrapper {
    display: none;
}
.hacobune-goods .hcb-selection-title, .hacobune-goods .hcb-selection-description {
    display: none;
}
.hacobune-goods .hcb-selection-title.hcb-selection-goods-title, .hacobune-goods .hcb-selection-description.hcb-selection-goods-description {
    display: block;
}
.hcb-selection-title.hcb-selection-goods-title {
    font-size: 22px;
    color: #5b6770!important;
}
p.is-read.hcb-selection-description.hcb-selection-goods-description {
    font-weight: 300;
    color: #b8a361;
    font-size: 16px;
}
.hacobune-goods .hacobune-app-container *, .hacobune-dialog-mask * {
    /*font-family: 'Noto Sans Japanese', sans-serif !important;*/
    color: #444;
}
.hacobune-readmore a.hacobune-readmore-link-toggle {
    color: #444;
}
/*投稿*/
.hacobune-grid-col .hacobune-media-post-list-item {
    padding: 0 13px;
}
img.hacobune-media-post-list-item-img {
    border-radius: 10px;
}
.hacobune-media-post-list-item-img-wrapper .hacobune-media-post-list-item-description {
    -webkit-line-clamp: 2;
    font-weight: bold;
}
.hacobune-top .hacobune-media-post-list-item-img-wrapper .hacobune-media-post-list-item-description {
    padding-top: 12px;
}
.hacobune-media-post-list-item-img-wrapper .hacobune-media-post-list-item-caption {
    align-items: flex-start;
    padding-top: 12px;
    line-height: 1.2;
    font-size: 12px;
}
.hacobune-media-post-list-item-caption .hacobune-media-post-list-item-profile {
    padding-top: 0;
}
.hacobune-media-post-list-item .hacobune-media-post-list-item-description {
    height: calc((1.075rem * 2) + 12px);
}
.hacobune-gallery .hacobune-media-post-list-item .hacobune-media-post-list-item-description, .hacobune-goods .hacobune-media-post-list-item .hacobune-media-post-list-item-description {
    height: calc((1.075rem * 2) + 6px);
}
.hacobune-media-post-list-item-title {
    /*
    height: calc((1.075rem * 2) + 6px);
    */
}

/*リンクボタン*/
.hacobune-gallery .hcb-to-nextpage, .hacobune-goods .hcb-to-nextpage {
    display: none;
}
.hacobune-gallery.category .hcb-to-nextpage, .hacobune-gallery.shop .hcb-to-nextpage {
    display: block;
}
.hacobune-top .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn, .hacobune-goods .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn, .hacobune-gallery.category .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn, .hacobune-gallery.shop .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn {
    width: 290px;
    height: 50px;
    margin: 30px auto 0;
    line-height: 50px;
    font-size: 17px;
    border-radius: 25px;
    background-color: #b8a361;
    color: #fff;
    letter-spacing: initial;
    font-weight: 600;
}
.hacobune-gallery.shop .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn {
    margin-top: 0;
}

/*タグ絞り込み*/
.hacobune-top .hacobune-layout-base ul.hacobune-tag-list{
    display: none;
}
.hacobune-layout-base ul.hacobune-tag-list {
    display: flex;
    max-width: 1016px;
    margin: 0 auto;
    padding: 0 0 26px;
}
ul.hacobune-tag-list li.hacobune-tag-list-item {
    width: calc(100% / 5);
}
li.hacobune-tag-list-item span.hacobune-tag-item-label {
    border-radius: 0;
    border-color: #5b6770;
    color: #5b6770;
    border-radius: 5px;
}
.hacobune-tag-list-item span.hacobune-tag-item-label:hover {
    background: #5b6770;
    color: #fff;
}
.hacobune-tag-list-item .hacobune-tag-item-input[type=radio]:checked+.hacobune-tag-item-label {
    background: #5b6770;
}
/*全てタグの変更*/
.hacobune-tag-list-item:first-child span.hacobune-tag-item-label {
    font-size: 0;
}
.hacobune-tag-list-item:first-child span.hacobune-tag-item-label:after {
    content: 'すべて';
    font-size: 14px;
    text-align: center;
    display: block;
}

/*TOP・一覧*/
.hacobune-top .hacobune-app-container, .hacobune-gallery .hacobune-app-container {
    padding: 0;
    max-width: 1024px;
}
.hacobune-gallery .hacobune-media-post-list-item {
    margin-bottom: 26px;
}

/*商品詳細*/
.hacobune-goods .hacobune-app-container {
    padding: 0;
max-width: 1024px;
}
[data-browse-mode="P"] .hacobune-goods .hacobune-app-container .hacobune-media-post-list-item {
    padding: 0 13px;
}
.hacobune-containers-product-media-posts .hacobune-slider {
    --slider_break_points_sm_width: 600 !important;
    --slider_break_points_sm_perview: 2 !important;
    --slider_break_points_md_width: 960 !important;
    --slider_break_points_md_perview: 4 !important;
    --slider_break_points_lg_width: 1264 !important;
    --slider_break_points_lg_perview: 4 !important;
}
.hacobune-containers-product-media-posts .hacobune-slider {
    --slider_break_points_xs_width: 0 !important;
    --slider_break_points_xs_perview: 2 !important;
    --slider_break_points_sm_width: 600 !important;
    --slider_break_points_sm_perview: 2 !important;
    --slider_break_points_md_width: 960 !important;
    --slider_break_points_md_perview: 4 !important;
    --slider_break_points_lg_width: 1264 !important;
    --slider_break_points_lg_perview: 4 !important;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-swiper-container .hacobune-swiper-wrapper {
    align-items: flex-start;
}
.hacobune-goods {
    position: relative;
}
.hacobune-goods .hacobune-slider-container {
    position: relative;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next, .hacobune-goods .hacobune-slider-container .hacobune-slider-prev {
    position: absolute;
    z-index: 10;
    top: 25%;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next *, .hacobune-goods .hacobune-slider-container .hacobune-slider-prev * {
    background: transparent!important;
    width: 35px;
    height: 35px;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next span, .hacobune-goods .hacobune-slider-container .hacobune-slider-prev span {
    display: none;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-prev {
    left: -3px;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next {
    right: -4px;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next button.hacobune-icon-button:before {
    content: "";
    width: 35px;
    height: 35px;
    right: -15px;
    background: url(/img/usr/mv_next.png) no-repeat center;
    background-size: 35px;
    z-index: 100;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-prev button.hacobune-icon-button:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url(/img/usr/mv_prev.png) no-repeat center;
    background-size: 35px;
    z-index: 100;
}

/*店舗ページ*/
h2.template-design-header.hcb-selection-title.hcb-selection-title-shop {
    display: none;
}
.hacobune-gallery.shop h2.template-design-header.hcb-selection-title {
    display: none;
}
.hacobune-gallery.shop h2.template-design-header.hcb-selection-title.hcb-selection-title-shop {
    display: block;
}
.hacobune-gallery.shop ul.hacobune-tag-list {
    display: none;
}

/*お気に入り機能*/
.hacobune-media-post-list-item-img-container .hacobune-favorite-item {
    width: 37px;
    height: 37px;
    bottom: 10px!important;
    right: 10px;
}

.hacobune-favorite-icon  .hacobune-icon {
    height: 30px!important;
    width: 30px!important;
    font-size: 30px!important;
}

div#hacobune-favorite-container .favorite-tab {
    width: 90px;
    height: 75px;
    bottom: 100px;
}

.favorite-tab .favorite-tab-icon {
    width: 43px;
    height: 43px;
    object-fit: contain;
    bottom: 113px;
    left: 11px;
}

.hacobune-favorite-modal-header .hacobune-favorite-modal-tab {
    display: none;
}

.hacobune-favorite-post-list-item .hacobune-favorite-post-list-item-image {
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    object-fit: cover;
}

/*PC*/
@media(min-width: 721px){

/*タイトル*/
.hacobune-layout-base-top-html .sp_only {
    display: none;
}

/*リンクボタン*/
.hacobune-top .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn:hover {
color: #b8a361;
border: 1px solid #b8a361;
background-color: #fff;
width: 280px;
}

/*フロント店舗名*/
.hacobune-media-post-list-item-shopname {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
/*height: 35px;*/
}

/*TOP・一覧*/
.hacobune-top {
padding-bottom: 60px;
}
.hacobune-gallery .hacobune-media-post-list-item {
margin-bottom: 40px;
}
.hacobune-grid-content .hacobune-grid-col {
flex: 0 0 25%;
max-width: 25%;
}
.hacobune-grid-content img.hacobune-media-post-list-item-img {
width: 230px;
height: 230px;
object-fit: cover;
}

/*商品詳細*/
.hacobune-goods {
margin-bottom: 50px;
}
.hacobune-goods .block-top-event--title.hcb-selection-goods-title-wrapper {
padding-top: 0;
}
.hcb-selection-title.hcb-selection-goods-title {
margin-top: 0;
}
.hacobune-goods img.hacobune-media-post-list-item-img {
width: 230px;
height: 230px;
object-fit: cover;
}
.hacobune-goods .hacobune-swiper-slide {margin-right: 0!important;/* width: 25%!important; */flex: 0 0 25%;max-width: 253.5px;}
/*画像スタッフ詳細*/
.hacobune-grid-content img.hacobune-media-post-list-item-img:hover {
opacity: 0.7;
}
.hacobune-media-post-list-item-caption:hover {
opacity: .7;
}

/*カテゴリページ*/
.hacobune-gallery.category {
    padding-bottom: 60px;
}
.hacobune-gallery.category .hacobune-media-post-list-item {
    margin-bottom: 0;
}

/*お気に入り機能*/
.hacobune-media-post-list-item-img-container .hacobune-favorite-item {
    bottom: 20px!important;
    right: 8px;
}

}

/*SP*/
@media(max-width: 720px){

    .hacobune-app-container {
        width: 100%!important;
    }

/*タイトル*/
.hacobune-layout-base .block-top-event--title {
padding: 0;
}
.block-top-event--title .hcb-selection-title {
padding: 0;
margin: calc(55 * (100vw / 950)) 0 calc(50 * (100vw / 950));
border: none;
text-align: center;
line-height: 1.2;
font-size: calc(43 * (100vw / 950));
font-weight: bold;
color: #5b6770;
background: none !important;
}
.hcb-selection-description {
color: #b8a361;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}

.hacobune-gallery.lp .block-top-event--title:not(.hcb-selection-goods-title-wrapper) .hcb-selection-title {
    color: #333;
}

.hacobune-gallery.lp .hacobune-layout-base-top-html .block-top-event--title * {
    font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}

/*投稿*/
.hacobune-media-post-list-item-caption .hacobune-media-post-list-item-profile {
width: 46px;
}
.hacobune-media-post-list-item-profile img.hacobune-media-post-list-item-profile-image {
width: 46px;
height: 46px;
}
.hacobune-media-post-list-item-img-wrapper img.hacobune-media-post-list-item-img {
width: calc(((100vw - 20px) * 0.95 - 10px) / 2);
height: calc(((100vw - 20px) * 0.95 - 10px) / 2);
object-fit: cover;
}
.hacobune-media-post-list-item .hacobune-media-post-list-item-title, .hacobune-media-post-list-item-description, .hacobune-media-post-list-item .hacobune-media-post-list-item-caption {
font-size: 12px;
}
.hacobune-media-post-list-item-img-wrapper .hacobune-media-post-list-item-caption {
    font-size: 10px!important;
}
.hacobune-media-post-list-item-shopname {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
/*height: 52px;*/
}

/*リンクボタン*/
.hacobune-top .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn, .hacobune-goods .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn, .hacobune-gallery.category .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn, .hacobune-gallery.shop .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn {
width: calc(633 * (100vw / 950));
height: calc(107 * (100vw / 950));
padding: 0;
margin: 15px auto 0;
text-align: center;
font-size: calc(40 * (100vw / 950));
border-radius: 40px;
background: #a79868;
color: #fff;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.hacobune-gallery.shop .block-goods-user-review--write-review-btn.hcb-to-nextpage-btn {
    margin-top: 5px;
}
.block-goods-user-review--write-review-btn.hcb-to-nextpage-btn:hover {
    opacity: 1;
}

/*TOP・一覧*/
/*
.hacobune-top .hacobune-media-post-list-item-description {
border-right: 1px solid #E0E2E4;
}
.hacobune-top .hacobune-media-post-list-item-caption {
border-right: 1px solid #E0E2E4;
border-bottom: 1px solid #E0E2E4;
padding-bottom: 5px;
}
*/
.hacobune-grid-container {
padding: 0 10px;
}
.hacobune-grid-container .hacobune-grid-content {
width: 95%;
margin: auto;
}
.hacobune-grid-col .hacobune-media-post-list-item {
padding: 0 5px 15px 0;
}
.hacobune-grid-col:nth-child(2n) .hacobune-media-post-list-item {
padding: 0 0px 15px 5px;
}

/*タグ絞り込み*/
.hacobune-layout-base ul.hacobune-tag-list {
padding: 0 16px 20px;
/*justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;*/
}
ul.hacobune-tag-list li.hacobune-tag-list-item {
width: calc(100% / 3);
padding: 2.5px;
/*white-space: nowrap;*/
}
li.hacobune-tag-list-item span.hacobune-tag-item-label {
font-size: 12px;
padding: 5px 0px;
letter-spacing: initial;
}
.hacobune-tag-list-item:first-child span.hacobune-tag-item-label:after {
font-size: 12px;
}

/*一覧*/
.hacobune-gallery .hacobune-media-post-list-item {
    margin-bottom: 10px;
}

/*カテゴリページ*/
.hacobune-gallery.category {
    padding: 20px 0 0px;
    margin-bottom: 40px;
}
.hacobune-gallery.category .hacobune-media-post-list-item {
    margin-bottom: 0;
}

/*商品詳細*/
.hacobune-goods {
margin-bottom: 30px;
}
.hacobune-goods * {
color: #333;
}
.hacobune-goods .block-top-event--title.hcb-selection-goods-title-wrapper {
padding: 0 15px;
}
.hcb-selection-title.hcb-selection-goods-title {
color: #5b6770!important;
margin-bottom: 5px;
font-size: 18px;
font-weight: bold;
text-align: center;
background: none;
margin-top: 30px;
}
p.is-read.hcb-selection-description.hcb-selection-goods-description {
line-height: 1.8em;
color: #b8a361;
font-size: 14px;
}
.hacobune-goods .hacobune-media-post-list-item {
padding: 0 5px;
}
.hacobune-goods .hacobune-slider-container {
padding: 0 5px;
}
.hacobune-goods .hacobune-media-post-list-item-img-wrapper img.hacobune-media-post-list-item-img {
width: calc(((100vw - 20px) * 0.95 - 0px) / 2);
height: calc(((100vw - 20px) * 0.95 - 0px) / 2);
object-fit: cover;
}
.hacobune-goods .hacobune-media-post-list-item .hacobune-media-post-list-item-description, .hacobune-goods .hacobune-media-post-list-item .hacobune-media-post-list-item-caption {
font-size: 12px;
width: calc(((100vw - 20px) * 0.95 - 0px) / 2);
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next, .hacobune-goods .hacobune-slider-container .hacobune-slider-prev {
bottom: 150px;
bottom: auto;
top: calc(((((100vw - 90px) * 0.95) / 2) / 2));
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-next {
right: -8px;
}
.hacobune-goods .hacobune-slider-container .hacobune-slider-prev {
left: -8px;
}

/*スタッフ詳細*/
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile .hacobune-media-post-staff-profile-image {
margin-right: 15px;
margin-left: 3px;
}
.hacobuce-media-post-item-side .hacobuce-media-post-staff-profile {
padding: 15px 10px 0;
}
.hacobuce-media-post-staff-profile-staff-name span {
border-bottom: solid 1px #5b6770;
}
.hacobuce-media-post-staff-profile .hacobuce-media-post-staff-profile-staff-attrs{
margin-top: 12px !important;
}
.hacobune-shop-user-dialog .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-dialog-close-button-container{
right: 10px !important;
top: 12px !important;
}
.hacobune-shop-user-dialog .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-dialog-close-button-container .hacobune-icon-button{
  background: rgb(102, 102, 102) !important;
height: 28px !important;
width: 28px !important;
}
.hacobune-shop-user-dialog .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-dialog-close-button-container .hacobune-icon-button span.hacobune-icon{
font-size: 16px !important;
height: 16px !important;
width: 16px !important;
color: rgb(255, 255, 255) !important;
}
.hacobune-shop-user-dialog .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-dialog-close-button-container .hacobune-icon-button svg.hacobune-icon {
font-size: 16px!important;
height: 18px!important;
width: 16px!important;
display: block!important;
}
.hacobuce-shop-user-item-side{
padding: 0px 0px !important;
}
.hacobune-shop-user-images {
padding: 5px;
}
.hacobune-shop-user-images .hacobune-shop-user-image {
padding: 0;
width: 100% !important;
padding-top: 100% !important;
z-index: 10 !important;
position: relative !important;
height: 100% !important;
object-fit: contain !important;
margin: auto;
}
.hacobune-shop-user-image>img {
object-fit: cover;
height: 100% !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
border-radius: 10px;
}
.hacobune-shop-user-profile {
    width: 100%;
    padding-top: 10px;
}

.related-product-item-color, .hacobune-media-post-item-text-caption, .related-product-item-price, .related-product-item-size {
    margin: 0 auto!important;
    width: 156px!important;
    }

    .hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-dialog-wrapper .hacobune-dialog-content {
        margin: 10px 5px 10px!important;
        padding: 30px 10px 0;
    }
    .hacobuce-shop-user-item-side .hacobune-grid-container .hacobune-grid-content {
        margin-bottom: 30px;
    }
    .hacobune-dialog-content .hacobuce-shop-user-item-root {
        max-height: 100%;
    }


}


/* --------------------
 ↓ スライダーテンプレート
-------------------- */

/*フロント*/

/*投稿*/
.hacobune-containers-base.hacobune-containers-card-slider .hacobune-card-slider-list-item-figure-thumbnail {
    border-radius: 10px;
}

/*矢印*/
.hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-prev .hacobune-icon-button.icon-slider, .hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-next .hacobune-icon-button.icon-slider {
    background: transparent !important;
    width: 35px;
    height: 35px;
    padding: 0;
}

.hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-prev.hacobune-slider-prev button.hacobune-icon-button:before,
.hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-next.hacobune-slider-next button.hacobune-icon-button:before {
    content: "";
    width: 35px;
    height: 35px;
    z-index: 100;
    border: none;
    transform: none;
    position: static;
    margin: 0;
}

.hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-prev.hacobune-slider-prev button.hacobune-icon-button:before {
    background: url(/img/usr/mv_prev.png) no-repeat center;
    background-size: 35px;
}

.hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-next.hacobune-slider-next button.hacobune-icon-button:before {
    right: -15px;
    background: url(/img/usr/mv_next.png) no-repeat center;
    background-size: 35px;
}

/*モーダル*/
/*矢印*/
.hacobune-dialog-mask.hacobune-dialog-rounded .hacobuce-media-post-item-next-icon-button *, .hacobune-dialog-mask.hacobune-dialog-rounded .hacobuce-media-post-item-prev-icon-button * {
    color: inherit!important;
}

/*関連アイテム*/
.hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-related-product .hacobune-media-post-item-title {
    font-size: 0;
}

.hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-related-product .hacobune-media-post-item-title {
    font-size: 0;
}

.hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-related-product .hacobune-media-post-item-title:before {
    content: "紹介アイテム";
    font-size: 18px;
}

.hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-item-tile:before {
    display: none;
}

.hacobune-dialog-mask.hacobune-dialog-rounded .related-product-item-image {
    aspect-ratio: 1 / 1!important;
}

/*スタッフモーダル*/
.hacobune-dialog-mask.hacobune-dialog-rounded.hacobune-shop-user-dialog .hacobune-dialog-close-button-container span.hacobune-icon * {
    color: inherit;
}

/*PC*/
@media(min-width: 721px){

    /*投稿*/
    .hacobune-containers-base.hacobune-containers-card-slider .hacobune-slider-container .hacobune-slider-swiper-container {
        margin: 0 8px;
    }
    
    .hacobune-containers-base.hacobune-containers-card-slider .hacobune-card-slider-list-item {
        padding: 8px;
    }

    /*モーダル*/

    /*投稿画像*/
    .hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-item-slider-image .hacobune-carousel-item-slider-image-img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    /*カルーセル画像*/
    .hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-slide-carousel .hacobune-carousel-item .hacobune-media-post-carousel-image {
        aspect-ratio: 1 / 1;
    }

    /*見出し*/
    .hacobune-media-post-item-side .hacobune-media-post-item-title {
        padding: 7px 10px;
    }

}

/*SP*/
@media (max-width: 720px) {

    /*フロント*/

    /*表示枚数*/
    .hacobune-containers-base.hacobune-containers-card-slider .hacobune-slider {
        --slider_break_points_xs_width: 0 !important;
        --slider_break_points_xs_perview: 2 !important;
        --slider_break_points_sm_width: 600 !important;
        --slider_break_points_sm_perview: 2 !important;
        --slider_break_points_md_width: 960 !important;
        --slider_break_points_md_perview: 2 !important;
        --slider_break_points_lg_width: 1264 !important;
        --slider_break_points_lg_perview: 2 !important;
    }

    /*投稿*/
    .hacobune-containers-base.hacobune-containers-card-slider .hacobune-slider-container .hacobune-slider-swiper-container {
        margin: 0 5px;
    }

    .hacobune-containers-base.hacobune-containers-card-slider .hacobune-card-slider-list-item {
        padding: 0 5px;
    }

    /*矢印*/
    .hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-prev {
        left: 0px;
    }

    .hacobune-containers-base.hacobune-containers-card-slider .card-slider-hacobune-slider-next {
        right: 0px;
    }

    /*モーダル*/

    /*モーダルサイズ*/
    .hacobune-dialog-mask.hacobune-dialog-rounded:not(.hacobune-shop-user-dialog) .hacobune-dialog-wrapper {
        height: 100%;
    }

    .hacobune-dialog-mask.hacobune-dialog-rounded:not(.hacobune-shop-user-dialog) .hacobune-dialog-wrapper .hacobune-dialog-content {
        max-width: none;
        max-height: calc(100vh - 74px);
    }

    /*投稿画像*/
    .hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-item-slider-image > div {
        object-fit: cover;
        height: 100% !important;
        position: absolute !important;
        top: 0px !important;
        left: 0px !important;
        max-height: 100% !important;
        width: 100%;
    }

    /*カルーセル画像*/
    .hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-carousel-item:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    /*見出し*/
    .hacobune-media-post-item-side .hacobune-media-post-item-title {
        padding: 7px 10px;
    }

    /*関連アイテム*/
    .hacobune-dialog-mask.hacobune-dialog-rounded .hacobune-media-post-related-product .hacobune-media-post-item-title:before {
        font-size: 14px;
    }

}
.hacobune-layout-base-top-html {
    display: none;
}
.block-top-event--title {
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .hacobune-slider .hacobune-swiper-wrapper .hacobune-swiper-slide {
        overflow: hidden;
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
.hacobune-media-post-item-content .hacobune-swiper-slide.hacobune-swiper-slide-visible.hacobune-swiper-slide-fully-visible.hacobune-swiper-slide-active {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}
.hacobune-swiper-wrapper .hacobune-swiper-slide.hacobune-swiper-slide-next {
  flex: 0 0 auto !important;
  max-width: none !important;
  width: 20%px !important; /* インラインで指定されている値と同じ値、または再現したい値 */
}

}
h2.template-design-header.hcb-selection-title {
    background-image: none;
}
@media (min-width: 769px) {
h2.template-design-header.hcb-selection-title br {
    display: none;
}
p.is-read.hcb-selection-description br {
    display: none;
}
}
/* --------------------
 ↑ スライダーテンプレート
-------------------- */