@charset "UTF-8";
/* ========================================
    商品ページ表示
======================================== */
/* 共通（リール動画・投稿） */

/* リール動画 */
.visumo-reels__item .hacobune-app-container.hacobune-app-container-no-font {
    padding: 0px !important;
}
.visumo-reels__item .hacobune-mix-list-item {
    background: inherit!important;
}
.visumo-reels__item .hacobune-layout-base {
    width: 55%;
    margin: 0 auto;
}
.visumo-reels__item .hacobune-slider-container .hacobune-slider-next,
.visumo-reels__item .hacobune-slider-container .hacobune-slider-prev {
    margin: 0!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.visumo-reels__item .hacobune-slider-container .hacobune-slider-prev {
    left: -25px;
}
.visumo-reels__item .hacobune-slider-container .hacobune-slider-next {
    right: -25px;
}
.visumo-reels__item .hacobune-icon-button {
    height: auto !important;
    width: auto !important;
}
.visumo-reels__item span.hacobune-icon {
    height: 25px!important;
    width: 25px!important;
}
.visumo-reels__item svg.hacobune-icon{
    height: 25px!important;
    width: 25px!important;
}
.visumo-reels__item .hacobune-slider {
    --slider_break_points_xs_width: 0 !important;
    --slider_break_points_xs_perview: 1 !important;
    --slider_break_points_sm_width: 600 !important;
    --slider_break_points_sm_perview: 1 !important;
    --slider_break_points_md_width: 960 !important;
    --slider_break_points_md_perview: 1 !important;
    --slider_break_points_lg_width: 1264 !important;
    --slider_break_points_lg_perview: 1 !important;
}
.visumo-reels__item .hacobune-slider-swiper-container {
    margin: 0 !important;
}
.visumo-reels__item .hacobune-mix-list-item-figure-thumbnail {
    aspect-ratio: 9 / 16 !important;
    object-fit: cover;
}
.visumo-reels__item .hacobune-video-icon.hacobune-mix-video-icon {
    width: 44px !important;
    height: 44px !important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
}
.visumo-reels__item .hacobune-mix-list-item-description {
    display: none !important;
}
.visumo-reels__item .hacobune-mix-list-item-additional-comment{
    margin-top: 0!important;
}
.visumo-reels__item .hacobune-logo-image {
    margin-left: 2px!important;
}
/* 投稿 */
.visumo-photos__item .visumo-title {
    display: block!important;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: left;
    letter-spacing: 0.05em;
    margin: 0 auto 20px!important;
}
.visumo-photos__item .visumo-title .sub {
    font-size: 1.4rem;
    font-weight: normal;
    padding-left: 20px;
}
.visumo-photos__item .hacobune-app-container.hacobune-app-container-no-font {
    background: none!important;
}
.visumo-photos__item .hacobune-mix-list-item-main .hacobune-mix-list-item-description {
    padding: 0 !important;
}
.visumo-photos__item .hacobune-mix-list-item-main .hacobune-mix-list-item-description:after {
    background: none !important;
}
.visumo-photos__item .hacobune-mix-list-item-main {
    letter-spacing: .1em !important;
}
.visumo-photos__item .hacobune-logo-image {
    margin-left: 2px!important;
}
.visumo-photos__item .hacobune-logo {
    text-align: right!important;
}
/* ========================================
    モーダル表示
======================================== */
/* リール動画 */
.hacobune-dialog-rounded .hacobune-dialog-wrapper {
    width: 98vw !important;
}
.hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content {
    border-radius: 8px !important;
}
.hacobune-dialog-rounded .hacobune-dialog-wrapper .hacobune-dialog-content .hacobune-dialog-close-button-container {
    top: -36px !important;
}
.hacobune-insta-item-content {
    height: 88vh!important;
}
.hacobune-insta-item-main {
    padding: 30px !important;
    background-color: #f5f5f5 !important;
}
.hacobune-insta-item-side {
    padding: 30px !important;
}
.hacobune-insta-related-product {
    border-bottom: 1px solid #dcdcdc!important;
    margin-bottom: 20px !important;
}
.hacobune-insta-item-title {
    line-height: 1.5 !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding: 0 !important;
}
.hacobune-insta-item-tile{
    width: 100%!important;
    margin: 0 -7.5px 5px !important;
}
.hacobune-dialog-rounded .hacobune-insta-item-tile-product, .hacobune-dialog-rounded .hacobune-material-item-tile-product, .hacobune-dialog-rounded .hacobune-media-post-item-tile-product, .hacobune-dialog-rounded .hacobune-social-item-tile-product, .hacobune-dialog-rounded .hacobune-video-item-tile-product {
    width: 25%!important;
    margin: 0!important;
    padding: 10px 7.5px!important;
}
.hacobune-insta-item-text-caption {
    width: 100% !important;
}
.related-product-item-price {
    display: none;
}
.hacobune-insta-item-text-caption {
    text-align: left !important;
    line-height: 1.5 !important;
}
.hacobune-insta-item-side>.hacobune-insta-item-user {
    justify-content: flex-start!important;
    align-items: center!important;
}
.pointer.hacobune-insta-item-user-icon {
    display: block!important;
}
.hacobune-insta-item-user:before{
    display: none!important;
}
.hacobune-insta-item-user-by {
    margin: 0 6px !important;
}
.hacobune-readmore-wrapper.readhide {
    max-height: var(--height-of-more) !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.hacobune-readmore .hacobune-readmore-link-toggle {
    display: block!important;
}
.hacobune-dialog-rounded .hacobune-readmore .hacobune-readmore-link-toggle.toggle-up {
    display: flex !important;
}
.hacobune-insta-item-side>.hacobune-insta-item-footer {
    position: static !important;
    bottom: auto !important;
    right: auto!important;
}
/* 投稿 */
.hacobuce-insta-item-next-icon {
    right: -8px !important;
}
.hacobuce-insta-item-prev-icon {
    left: -8px !important;
}
.hacobuce-insta-item-next-icon,
.hacobuce-insta-item-prev-icon{
    width: 35px!important;
    height: 70px!important;
    background-color: #6666!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    border-radius: 4px!important;
}
.hacobuce-insta-item-next-icon-button:before,
.hacobuce-insta-item-prev-icon-button:before{
    display: none!important;
}
.hacobuce-insta-item-next-icon .hacobuce-insta-item-next-icon-button .hacobune-icon,
.hacobuce-insta-item-prev-icon .hacobuce-insta-item-prev-icon-button .hacobune-icon{
    display: block!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%)!important;
    position: absolute!important;
}