:root {
  --section-heading-title-size: 32px;
}

body {
  line-height: 1.8;
}

@media (min-width: 768px) {
  .child-nav {
    grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr;
  }
}
.fixed-nav {
  z-index: 1001;
}

.container .container {
  padding-right: 0;
  padding-left: 0;
}

/* TOPページ */
#topSlider6.splide.is-initialized:not(.is-active) .splide__list {
  display: grid;
}
#topSlider6.splide.is-initialized:not(.is-active) .splide__arrows{
  display: none;
}

@media (max-width: 767px) {
  .top-best-seller #topSlider6{
    padding: 0 24px !important;
  }
  .top-best-seller #topSlider6 .section-column {
      gap: unset;
      display: flex !important;
  }
  #topSlider6 .splide__slide {
    width: 100%;
  }
}

.excerpt-list--top{/* newsリストをカードに変更 */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  border-top: 0;
}

.excerpt-list--top .excerpt:first-child::before,
.excerpt-list--top .excerpt:nth-child(3n+1)::after{
  content: '';
  display: block;
  border-top: 1px dotted #707070;
  position: absolute;
  z-index: 10;
  left: 0;
  width: calc(300% + 60px);
}

.excerpt-list--top .excerpt:first-child::before{
  top: 0;
}
.excerpt-list--top .excerpt:nth-child(3n+1)::after{
  bottom: 0;
}

.excerpt-list--top .excerpt{
  grid-template-columns: repeat(1, 1fr);
  border-bottom: 0;
  display: block;
}

.excerpt-list--top .excerpt__meta{
  flex-wrap: wrap;
}

.excerpt__image{
  margin-bottom: 27px;
}

.excerpt-list--top .excerpt__image img{
  object-fit: cover;
  width: 100%;
  aspect-ratio: 350 / 250;
}

@media (max-width: 767px) {
  .excerpt-list--top{
    grid-template-columns: repeat(2, 1fr);
  }
  .excerpt-list--top .excerpt:nth-child(3n+1)::after{
    content: none;
  }
  .excerpt-list--top .excerpt:first-child::before{
    width: calc(200% + 30px);
  }
  .excerpt-list--top .excerpt:nth-child(2n+1)::after{
    content: '';
    display: block;
    border-top: 1px dotted #707070;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: calc(200% + 30px);
  }

}

/* 下層ページ共通 */
.page-heading__title {
  font-size: 40px;
}

@media (max-width: 767px) {
  .page-heading__title {
    font-size: 30px;
  }

  .page-heading__subhead {
    font-size: 14px;
  }
}

.section-heading__title {
  font-size: 32px;
  font-size: var(--section-heading-title-size);
}

@media (max-width: 767px) {
  .section-heading__title {
    font-size: 28px;
  }
}

.section-heading__text {
  font-size: 18px;
  font-size: var(--section-heading-subhead-size);
}

@media (max-width: 767px) {
  .section-heading__text {
    font-size: 16px;
  }
}

/* sidebar */
.sidebar-heading__title {
  font-size: 40px;
}

@media (max-width: 767px) {
  .sidebar-heading__title {
    font-size: 30px;
  }
}

.sidebar-products-menu-heading__title {
  font-size: 20px;
  margin-bottom: 0px;
}

.sidebar-products-menu-heading__subhead {
  margin-top: -0.25em;
}


/* Products */
@media (max-width: 767px) {
  .products-list--category {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    word-break: break-all;
  }
  .page-products-details .page-column__main {
    border-top: 1px solid #aaa;
    padding-top: 40px;
  }
}

/* エラーメッセージ非表示時のスタイル */
.validator-result-,
.validator-result-1,
.v-result-,
.v-result-1 {
  display: none;
}

/* エラーメッセージ表示時のスタイル */
.validator-result-error,
.validator-result-0,
.v-result-error,
.v-result-0 {
  display: block;
  color: #F00;
}

/* 管理画面の調整 */
body.login {
  padding-top: 90px;
}

@media (max-width: 767px) {
  body.login {
    padding-top: 0;
  }
}

body.login .wrap {
  padding-top: 0;
}

.acms-admin-btn-action-group {
  margin: 10px 0;
}

.products-item.products-item--category {
  position: relative;
}

.acms-admin-modal :before,
.acms-admin-modal :after {
  vertical-align: baseline;
}

.acms-admin-modal-hide:focus {
  border-color: unset;
  border: 0;
  outline: 0;
}

/* 製品ページ */
.products-item__image img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  max-width: unset;
  width: 100%;
  height: 100%;
}

.top-slider-wrap .products-item__image img {
  object-fit: cover;
}

.recommend-list img.noimage {
  width: 125px;
  height: 125px;
}

/* 生地一覧 */
.fabric-section {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #aaa;
}

.fabric-easy-about__image {
  max-width: 100px;
}

/* 生地一覧モーダル表示（SP） */
@media (max-width: 767px) {
  .glightbox-mobile .glightbox-container .gslide-description {
    top: 50%;
    padding-top: 120px;
  }

  .glightbox-clean .gdesc-inner {
    padding-top: 0;
  }
}

/* SP-menu-backlist */
@media (max-width: 767px) {
  .child-nav .arrow-back {
    color: #fff;
  }
}

/* About us bottom-link */
.about-nav__item {
  font-size: 18px;
}

/* shop catalog botton-R */
.s-button {
  border-radius: 5px;
}

/* 一時的な処置 */
.sidebar-products-menu-list__child,
.sidebar-products-menu-list ul {
  margin-top: 0;
}

@media (max-width: 767px) {
  .fixed-nav {
    height: 70px;
  }

  .fixed-nav-list__item {
    height: 70px;
  }

  .fixed-nav-list__icon svg {
    height: inherit;
  }

  .fixed-nav-list__icon--1 svg {
    width: inherit;
  }

  .fixed-nav-list__icon--2 svg {
    width: inherit;
  }

  .fixed-nav-list__icon--3 svg {
    width: inherit;
  }
}

/* 旧エントリーのユニットスタイル */

/* 枠線ボタン　.btn-outline-dark */
.p-card__linkimg .btn-outline-dark {
  position: absolute;
  bottom: -1px;
  left: 50%;
  border: none;
  background: white;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.p-card__linkimg .btn-outline-dark {
  min-width: 244px
}

.p-card__linkimg .btn-outline-dark:hover {
  background: black
}

/* 赤ボタン　.btn-danger */
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
}

/* 黒ボタン　.btn-dark */
.btn-dark {
  color: #fff;
  background-color: #000;
  border-color: #000
}

.btn-dark:hover {
  color: #fff;
  background-color: black;
  border-color: black
}

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5)
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #000;
  border-color: #000
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5)
}

/* 強調　.font-weight-bold */
.font-weight-bold {
  font-weight: 700 !important
}

/* 中央揃え　.text-center */
.text-center {
  text-align: center !important
}

/* 右揃え　.text-right */
.text-right {
  text-align: right !important
}

/* 行間（広）.p-section__lead */
.p-section__lead {
  line-height: 2
}

.p-section__lead--en {
  font-size: 1.2rem
}

/* ショップお知らせ */
.special-notice {
  padding: 10px;
  background-color: #eee;
  margin: 10px 0;
}

/* ショップリスト */
.page-shoplist .shop-list-section--top .shop-list-section .bg-title {
  color: #777;
  background-color: #fff;
  border: 1px solid #777;
  margin-bottom: 10px;
}
.page-shoplist .shop-list-section#blog,
.page-shoplist .shop-list-section#outlet {
  display: none;
}

/* サンプル記事取り寄せ */
.contact-form-control {
  .fabric-list__item {
    display: block;
    width: 100%;
    list-style-type: none;
    margin-bottom: 1em;
  }

  .fabric-button__image {
    width: 80px;
    margin-right: 0.5em;
  }

  span {
    display: inline-block;
  }

}
.survey-group__textarea {
  width: 100%;
  background-color: #fff;
  border: 1px solid #AAAAAA;
  border-radius: 2px;
  padding: 8px 16px;
}

/* ロゼライフ */
.entry-text-unit {
  margin-top: 1em;
  margin-bottom: 1em;
}

.page-column__main.wide {
  max-width: 990px;
  margin-right: auto;
  margin-left: auto;
}

.thumb-rosetlife {
  margin-bottom: 30px;
}
.thumb-rosetlife__image {
  margin-bottom: 20px;
}

.rosetlife__title {
  margin-bottom: 20px;
}

.thumb-rosetlife__category,
  .rosetlife__category {
    display: inline-block;
  background-color: #aaa;
  color: #fff;
  line-height: 1;
  margin-bottom: 15px;

  padding: 4px 10px;
  font-size: 14px;
}

.rosetlife-header {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #AAAAAA;
}

.rosetlife__title {
  font-size: 28px;
  letter-spacing: 0;
  line-height: 1.5;
  padding-bottom: 24px;
  margin-bottom: 40px
}

@media (min-width: 768px) {
  .thumb-rosetlife-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .thumb-rosetlife {
    margin-bottom: 60px;
    width: calc(50% - 20px);
  }
}

/* フォームのデザイン追加 */
.input-group__input--mini,
.input-group__select--mini {
  display: inline;
  width: 6em;
}

.input-group.input-group__enquete {
  display: block;
  .input-group__name {
    margin-bottom: 1.5em;
    justify-content: flex-start;
    .required {
      margin-left: 2em;
    }
  }
}

.survey-radio-group.survey-radio-group--2columns {
  grid-template-columns: repeat(2, 1fr);
}