@charset "shift_jis";
.hacobune-media-post-item-color { display: none !important;}
.hacobune-media-post-item-size { display: none !important;}
.hacobune-narrow-down { display: none !important;}
.hacobune-media-post-list-item-height { font-size: 14px; font-weight: normal !important; text-align: center; padding-top: 1px;}
.hacobune-media-post-list-item-description { display: none !important;}
.hacobuce-media-post-staff-profile-height::before{ content: "/"; }
.hacobuce-media-post-staff-profile-height span{ margin-left: 5px;}
.hacobuce-media-post-staff-profile-staff-attrs{ margin-top: 0!important;}
.hacobuce-media-post-staff-profile-staff-attr, .hacobuce-shop-user-additional-attr{ display:none;}
.hacobuce-media-post-staff-profile > div { vertical-align: top; font-size: 14px; display: flex;}
.hacobuce-media-post-staff-profile-staff-name{ margin-right: 5px;}
.hacobune-shop-user-title   { display: none;}
.hacobune-grid-col { padding: 0 4px!important; position: relative;}
.hacobune-grid-col::after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: #fff; display: none;}
.hacobune-media-post-list-item { padding: 0 !important; border: none !important;}
.hacobuce-media-post-staff-profile-shop-name,
.hacobune-media-post-list-item-shopname, .hacobuce-shop-user-shopname { display: none !important;} 
.hacobune-media-post-list-item-staffname { padding-right: 5px; font-size: 14px; font-weight: normal !important; text-align: right;}
.hacobune-media-post-list-item-caption { width: 100%; height: 40px; margin-top: 0 !important; padding: 8px 0 1px 0 !important; position: absolute; bottom: -1px; left: 0; background: #fff; text-align: center !important;}
.hacobune-gallery .hacobune-media-post-list-item-text { min-width: calc(100% - 35px); flex: auto;}
.hacobune-media-post-list-item-caption > div { display: block; text-align: left;}
.hacobune-media-post-list-item-img { width: 100% !important; max-height: initial !important; border: #fff 1px solid !important; min-height: 101%; object-fit: cover;}
.hacobune-goods .hacobune-slider-container { justify-content: flex-start !important; position: relative !important;}
.hacobune-goods .hacobune-slider-container .hacobune-slider-swiper-container { margin: 0 !important;}
.hacobune-goods .hacobune-slider-prev { margin: 0 !important; position: absolute; left: 0; top: calc(50% - 32px); z-index: 2;}
.hacobune-goods .hacobune-slider-next { margin: 0 !important; position: absolute; right: 0; top: calc(50% - 32px); z-index: 2;}
.hacobune-goods .hacobune-slider-prev .hacobune-icon,
.hacobune-goods .hacobune-slider-next .hacobune-icon { width: 32px !important; height: 32px !important; font-size: 32px !important;}
.hacobune-goods .hacobune-icon-button { border-radius: 0 !important; opacity: 0.5 !important;}
.hacobune-text-link-root-item, .hacobune-text-link-root.hacobune-logo { pointer-events:none;}
.hacobune-tag-list{ display:none !important;}
.hacobuce-media-post-item-description{ white-space: pre-line;}
.hacobune-goods .hacobune-media-post-list-item-caption > div * { text-align: left; margin-left: 5px;}
.hacobune-layout-base .hacobune-tag-list { display: none !important;}
.hacobune-dialog-wrapper .hacobune-slider-prev,
.hacobune-dialog-wrapper .hacobune-slider-next  {
  opacity: 0.7;
}
ul.hacobune-carousel-list li.hacobune-carousel-list-item img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0;
  border: 0;
  object-fit: cover;
}
li.hacobune-carousel-list-item:after {
  display: none !important;
}

@media screen and (min-width: 960px) {	
  .hacobune-media-post-list-item-profile-no-image, .hacobune-media-post-list-item-profile { width: 25px !important; height: 25px !important; padding: 0 !important; margin: 0 3px 0 0 !important;}
  .hacobune-media-post-list-item-profile-icon { height: 15px !important; top: 3.5px !important;}
  .hacobune-media-post-list-item-profile-icon-container { width: 25px !important;height: 25px !important;}
  .hacobune-media-post-list-item-text { font-size: 12px !important;}
  .hacobune-media-post-list-item-staffname, .hacobune-media-post-list-item-height { padding: 0; font-size: 12px;}
  .hacobune-media-post-list-item-profile-image { width: 25px !important;  height: 25px !important;}
  .hacobune-grid-col { padding-bottom: 20px !important;}
  .hacobune-grid-row .hacobune-grid-col:first-child, .hacobune-grid-row .hacobune-grid-col:nth-child(5n+1) { margin-left: 0 !important;}
  .hacobune-media-post-list-item-img-wrapper { height: 226px !important; max-height: 226px !important; padding: 0 0 40px!important; position: relative; overflow: hidden;}
  .hacobune-media-post-list-item-img { max-width: 184px !important;}
  h2.design-hakobune-headline { padding: 10px; margin: 0 0 10px 0; border-radius: 2px; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 1.6; color: #ffffff; background: #868686; text-align: left;}
  p.design-hakobune-leadtext { margin-top: 18px; padding-bottom: 30px; text-align: left; font-size: 12px; letter-spacing: 0.04em; line-height: 1.5;}
  .hacobune-dialog-wrapper { height: 100vh !important; align-items: center;}
  .hacobune-dialog-content { width: 1100px !important; max-height: 100vh !important; min-height: 90vh !important; margin: 0 auto !important; align-self: center; position: relative;}
  .hacobune-dialog-close-button-container { position: absolute !important; top: 0 !important; right: 0 !important;}
  .hacobune-dialog-close-button-container .hacobune-icon-button { width: 36px !important; height: 36px !important; background: none !important;}
  .hacobune-dialog-close-button-container:before { content: ""; width: 100%; height: 2px; background: #aeaeae; position: absolute; top: 50%; transform: rotate(45deg); display: block;}
  .hacobune-dialog-close-button-container:after { content: ""; width: 100%; height: 2px; background: #aeaeae; position: absolute; top: 50%; transform: rotate(-45deg); display: block;}
  .hacobune-dialog-close-button-container .hacobune-icon-button span { display: none !important;}
  .hacobune-media-post-item-slider-image { width: 430px; max-height: 550px; margin: 0 auto !important;}
  .hacobune-media-post-item-slider-image img { max-height: 550px !important; margin: 0 auto !important;}
  .hacobune-dialog-wrapper .hacobune-slider-prev .hacobune-icon,
  .hacobune-dialog-wrapper .hacobune-slider-next .hacobune-icon {
      width: 34px !important;
      height: 34px !important;
      font-size: 34px !important;
      line-height: 1.0;
  }
  .hacobune-dialog-wrapper .hacobune-slider-prev .hacobune-icon {
    text-indent: -0.0192857143em;
  }
  .hacobune-media-post-item-tile-product-link img { height: 186px; max-height: 186px !important; margin-bottom: 5px; padding: 0 5px 0 0 !important;}
  .hacobuce-media-post-item-main { min-height: 80vh !important;} 
  .hacobuce-media-post-item-side { height: calc(80vh - 50px) !important; overflow-y: scroll;}
  .hacobune-media-post-item-text-caption { line-height: 1.3rem !important;}
  #page_staffstyring .hacobune-media-post-list-item-img-wrapper { height: 275px !important; max-height: 275px !important;}
	/* 20211207 add */
	.hacobune-close-button svg.hacobune-icon,
	.hacobune-close-button svg.hacobune-icon * { opacity: 0 !important;}
	.hacobuce-shop-user-profile { display: block !important; overflow: hidden;}
	.hacobune-shop-user-avatar  { width: 170px; float: left;}
	.hacobune-shop-user-info    { min-width: calc(100% - 170px); padding: 10px 0 10px 34px !important; float: right;}
	.hacobuce-shop-user-staffname { margin-bottom: 0 !important;}
	.hacobune-shop-user-info-wrapper { display: flex; align-items: center;}
	.hacobuce-shop-user-staff-height { margin: 0 15px 0 0 !important;}
	.hacobuce-shop-user-staff-height::before { content: '/ �g���F'; margin-left:5px;}
	.hacobuce-shop-user-staff-footsize { margin: 0 15px 0 0 !important;}
	.hacobune-shop-user-profile { min-width: calc(100% - 170px); float: right;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-staff-footsize { display: none;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-shop-user-info { padding-top: 30px !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-item-side .hacobune-grid-container { width: 100% !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-grid-col { max-width: 20% !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-shop-user-image > img { aspect-ratio: 5/7 !important;}
	.hacobune-gallery .hacobune-media-post-list-item-height::before { display: none;}
	.hacobune-gallery .hacobune-media-post-list-item-caption > div  { text-align: left; display: block; flex: auto;}
	.hacobune-gallery .hacobune-media-post-list-item-caption > div.hacobune-media-post-list-item-text { width: calc(100% - 60px);}
	.hacobune-gallery .hacobune-media-post-list-item-caption > div * { text-align: left;}
	.hacobune-gallery .hacobune-media-post-list-item-height span { padding-left: 0;}
  .hacobune-media-post-list-item-create-date-time{
    display: none;
  }
  .hacobune-media-post-staff-profile-text {
    flex-wrap: wrap;
  }

  .hacobuce-media-post-staff-profile-create-date-time {
      width: 100%;
  }

  .hacobuce-media-post-staff-profile-create-date-time span:after {
      content: "UP";
      margin-left: 5px;
  }
  ul.hacobune-carousel-list .hacobune-carousel-list-item .hacobune-video-icon {
    width: 24px !important;
    height: 24px !important;
  }

  /* ���i�ڍׁF�X�^�b�t�X�^�C�����O */
  .wrapper_ .hacobune-slider .hacobune-media-post-list-item-img-wrapper {
    height: auto !important;
    max-height: none !important;
    padding-bottom: 0 !important;
  }
  .wrapper_ .hacobune-slider .hacobune-media-post-list-item-img-wrapper img {
    max-height: 187px !important;
  }
  .wrapper_ .hacobune-slider .hacobune-media-post-list-item-caption {
    position: relative;
  }

  ul.hacobune-carousel-list {
    justify-content: flex-start !important;
    margin: 20px 54px 0 !important;
    padding: 0 0 5px !important;
    flex-wrap: nowrap;
    overflow-y: auto;
  }
  .hacobune-carousel ul.hacobune-carousel-list li.hacobune-carousel-list-item {
    width: 20% !important;
    min-width: 60px;
    padding: 0 !important;
    margin: 5px;
	max-height: 80px;
	overflow: hidden;
  box-sizing: border-box;
  }
  img.hacobune-media-post-carousel-image {
   min-height: 80px !important;
  }
  ul.hacobune-carousel-list li.hacobune-carousel-list-item img.hacobune-media-post-carousel-active {
    border: none;
	height: calc(100% + 10px) !important;
  }
}
@media screen and (max-width: 959px) {
  .hacobune-grid-col { max-width: 50% !important; margin: 0 0 20px 0; padding-bottom: 10px !important;}
  .hacobune-media-post-list-item-height { padding-top: 0;}
  .hacobune-media-post-list-item-img-wrapper { height: 295px !important; max-height: 295px !important; padding: 0 0 40px!important; position: relative; overflow: hidden;}
  .hacobune-media-post-list-item-staffname,
  .hacobune-media-post-list-item-staffname span { font-size: 12px !important;}
  h2.design-hakobune-headline { padding: 8px 10px; margin: 10px 0; border-radius: 2px; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 1.5; color: #ffffff; background: #242322; text-align: left;}
  p.design-hakobune-leadtext { margin: 14px 0 0 10px; padding-bottom: 18px; text-align: left; font-size: 14px; letter-spacing: 0.04em; line-height: 1.5;}
  .hacobune-goods .hacobune-swiper-slide,
  .hacobune-gallery .hacobune-swiper-slide { width: 50% !important; margin: 0 !important;}
  .hacobune-goods .hacobune-swiper-slide .hacobune-media-post-list-item,
  .hacobune-gallery .hacobune-swiper-slide .hacobune-media-post-list-item { width: 100% !important; padding: 0 5px !important; margin: 0 !important; box-sizing: border-box !important;}
  .hacobune-dialog-mask * { font-family: "�q���M�m�p�S ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif !important;}
  .hacobune-dialog-mask { z-index: 10002 !important;}
  .hacobune-dialog-overlay { opacity: 0 !important;}
  .hacobune-dialog-content { margin: 0px 8px 10px!important;}
  .hacobune-dialog-content .hacobune-swiper-container { margin: -25px 5px 0 !important;}
  .hacobune-dialog-content .hacobune-swiper-wrapper { text-align: center;}
  .hacobune-dialog-close-button-container .hacobune-icon-button { width: 34px !important; height: 34px !important; background: hsla(0,0%,40%,.6) !important;}
  .hacobune-dialog-close-button-container .hacobune-icon-button span { width: 24px !important; height: 24px !important; font-size: 24px; position: relative;}
  .hacobune-dialog-close-button-container .hacobune-icon-button span:before { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; transform: rotate(45deg); display: block;}
  .hacobune-dialog-close-button-container .hacobune-icon-button span:after { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; transform: rotate(-45deg); display: block;}
  .hacobune-dialog-close-button-container .hacobune-icon-button span .hacobune-icon { display: none !important;}
  .hacobune-dialog-mask .hacobune-media-post-item-tile { justify-content: space-between !important;}
  .hacobune-dialog-mask .hacobune-media-post-item-tile-product-link img { max-height: 100% !important;}
  .hacobune-dialog-mask .hacobune-media-post-item-tile .hacobune-media-post-item-tile-product { width: 48% !important; padding: 0 5px !important;}
  .hacobune-dialog-mask .hacobune-media-post-item-text-caption { width: auto !important; padding-top: 8px !important; line-height: 1.3rem !important;}
  .hacobune-dialog-wrapper .hacobune-slider-prev .hacobune-icon,
  .hacobune-dialog-wrapper .hacobune-slider-next .hacobune-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 30px !important;
    line-height: 1.0;
  }
  .hacobune-dialog-wrapper .hacobune-slider-prev .hacobune-icon {
    text-indent: -0.0192857143em;
  }
  .hacobune-dialog-content .hacobune-media-post-item-slider-image { max-width: calc(100vw - 10px) !important; max-height: calc(100vw + 40px) !important; width: calc(100vw - 10px) !important; height: calc(100vw + 40px) !important; display: table-cell; vertical-align: middle; text-align: center;}
  .hacobune-dialog-content .hacobune-swiper-slide-active { width: 100% !important; margin: 0 !important; text-align: center; display: table !important;}
  .hacobune-dialog-content .hacobune-swiper-slide-prev + .hacobune-swiper-slide-active { margin-rigth: 10px !important;}
  .hacobune-dialog-content .hacobune-media-post-item-slider-image img { max-width: 100% !important; max-height: 100% !important;}
  .hacobune-dialog-mask .hacobune-carousel { width: 89.32%; margin: 0 auto; overflow: hidden;}
  .hacobune-carousel ul.hacobune-carousel-list { margin-top: 0; padding: 0 0 5px; justify-content: flex-start; flex-wrap: nowrap; width: 100%; overflow-y: auto;}
  .hacobune-app-container { padding: 0 !important; width: 100% !important;}
  .hacobune-media-post-list-item-caption { height: 55px; padding: 0 !important;}
	.hacobune-media-post-list-item-profile{ padding: 0 !important; margin: 0 !important;}
  .hacobune-media-post-list-item-profile-image, .hacobune-media-post-list-item-profile-no-image { padding: 0 !important; margin: 0 !important; width: 40px !important; height: 40px !important;}
  .hacobune-media-post-list-item-profile-icon { height: 25px !important; top: 6.5px !important; left: 8px !important}
  .hacobune-media-post-list-item-profile-icon-container { width: 40px !important;height: 40px !important;}
	/* 20211207 add */
	.hacobune-close-button svg.hacobune-icon,
	.hacobune-close-button svg.hacobune-icon * { opacity: 0 !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-dialog-content { max-height: calc(90vh - 50px);}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-dialog-content .hacobuce-shop-user-item-root { height: 100% !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-item-side { padding-left: 0 !important; padding-right: 0 !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-shop-user-image > img { aspect-ratio: 5/7 !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-staff-footsize { display: none;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-grid-container { padding-bottom: 80px;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-shop-user-info-wrapper { padding: 0 !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-shop-user-info { flex: 1 !important; align-self: center;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-shop-user-profile { flex: 1 !important; align-self: center; padding: 10px 0; float: right; width:50%;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-profile { display: block !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-profile .hacobuce-shop-user-staff-height::before { content: "�g���F"; font-size: 12px; }
	.hacobune-shop-user-dialog .hacobuce-shop-user-profile .hacobune-shop-user-avatar, .hacobune-shop-user-dialog .hacobuce-shop-user-profile .hacobune-shop-user-no-avatar, .hacobune-shop-user-dialog .hacobuce-shop-user-profile .hacobune-shop-user-info { float: left; width:50%; padding: 0;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobuce-shop-user-introduction { margin-bottom: 0 !important;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-dialog-close-button-container::before { content: ''; width: 34px; height: 34px; border-radius: 34px; display: block; background: rgb(102, 102, 102, 0.8) !important; position: absolute;}
	.hacobune-dialog-mask.hacobune-shop-user-dialog .hacobune-icon-button.hacobune-close-button { max-width: 34px !important; max-height: 34px !important; margin-right: 16px !important; background: transparent !important;}
	.hacobune-shop-user-dialog .hacobune-dialog-wrapper .hacobune-icon-button span.hacobune-icon { max-width: 24px; max-height: 24px;}
	.hacobune-gallery .hacobune-media-post-list-item-height::before { display: none;}
	.hacobune-gallery .hacobune-media-post-list-item-caption > div  { text-align: left; display: block; flex: auto;}
	.hacobune-gallery .hacobune-media-post-list-item-caption > div.hacobune-media-post-list-item-text { width: calc(100% - 60px); min-width: calc(100% - 60px);}
	.hacobune-gallery .hacobune-media-post-list-item-caption > div * { text-align: left;}
	.hacobune-gallery .hacobune-media-post-list-item-height span { padding-left: 0;}
  .hacobune-media-post-list-item-create-date-time{
    display: none;
  }
  .hacobune-media-post-staff-profile-text {
    flex-wrap: wrap;
  }

  .hacobuce-media-post-staff-profile-create-date-time {
      width: 100%;
  }

  .hacobuce-media-post-staff-profile-create-date-time span:after {
      content: "UP";
      margin-left: 5px;
  }
  ul.hacobune-carousel-list .hacobune-carousel-list-item .hacobune-video-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .hacobune-carousel ul.hacobune-carousel-list li.hacobune-carousel-list-item {
    padding: 5px !important;
    width: 20% !important;
    min-width: 60px;
	max-height: 80px;
	overflow: hidden;
  }
  img.hacobune-media-post-carousel-image {
    min-height: 70px !important;
  }
  li.hacobune-carousel-list-item img.hacobune-media-post-carousel-image.hacobune-media-post-carousel-active {
    border: none !important;
	height: calc(100% + 10px) !important;
  }
  /* STAFF�X�^�C�����O �X�N���[���o�[ */
  .hacobune-carousel .hacobune-carousel-list::-webkit-scrollbar { display: none; -webkit-appearance: none;}
  .hacobune-carousel .contents-bar { width: 100%; height: 2px; background-color: #FFFFFF; position: relative;}
  .hacobune-carousel .contents-bar span { width: 110px; height: 2px; display: block; position: absolute; left: 0; top: 0; background-color: #c0bfc0;}
}