@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap");
.main {
  width: 100% !important;
  padding-bottom: 0;
}


/*----------------------
          PC
----------------------*/

.inner {
  width: 954px;
  margin: 0 auto;
}
.ttl-en {
  /*letter-spacing: .05em;
  text-indent: .05em;*/
  padding-bottom: 21px;
  position: relative;
}
.ttl-en__inner {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.ttl-en .line {
  width: 80px;
  height: 2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  background: #262626;
}
a.over {
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a.over:hover {
  opacity: 0.6;
}
.mv {
/*  height: 680px;*/
  background: #fff;
  margin-bottom: 200px;
}
.mv .inner {
  position: relative;
}
.mv__img {
  width: 420px;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 1;
}
.mv .pr_mark {
  position: absolute;
  right: 0;
  top: 44px;
}
.mv__detail {
  width: 100%;
  position: relative;
  z-index: 2;
  text-align: center;
  padding-left: 410px;
  padding-top: 57px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mv__detail__logo {
  width: 305px;
  margin: 0 auto;
}
.mv__detail__ttl-sub {
  color: #262626;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  margin-top: 30px;
}
.mv__detail__ttl-sub2 {
  color: #262626;
  font-size: 20px;
  font-family: 'Shippori Mincho', serif;
  line-height: 170%;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}
.mv__detail__ttl {
  width: 544px;
  margin: 24px auto 0;
  -webkit-transform: translateX(6px);
          transform: translateX(6px);
}
.mv__detail__txt {
  width: 460px;
  font-size: 16px;
  line-height: 180%;
  text-align: justify;
  margin: 33px auto 0;
  color: #262626;
}
.item {
  padding-top: 157px;
}
.item.item01 {
  background: #f3f3f2;
  padding: 2em 0 0;
}
.item.item03 {
  background: #f3f3f2;
  padding: 2em 0 0;
  margin-top: 12em;
}
.item .item__ttl {
  margin: 48px auto 0;
}
.item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 57px;
}
.item__content__detail {
  width: 454px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*.item__content__detail .ttl.ttl1 {
  width: 234px;
}
.item__content__detail .ttl.ttl2 {
  width: 259px;
}
.item__content__detail .ttl.ttl3 {
  width: 257px;
}
.item__content__detail .ttl.ttl4 {
  width: 285px;
}*/
.item__content__detail .txt {
  font-size: 16px;
  line-height: 180%;
  margin-top: 27px;
  text-align: justify;
  color: #262626;
}
.item__content__detail .credit,
.product__content .credit,
.comment__content .credit {
  font-size: 12px;
  line-height: 166.6666666667%;
  color: #666;
  margin-top: 26px;
}
.item__content__detail .online-shop-btn,
.information__content .online-shop-btn {
  width: 298px;
  height: 64px;
  margin-top: 53px;
}
.item__content__detail .online-shop-btn a,
.information__content .online-shop-btn a {
  width: 100%;
  height: 100%;
  border: 1px solid #640125;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #640125;
  font-size: 14px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #fff;
}
.item__content__detail .online-shop-btn a:after,
.information__content .online-shop-btn a:after {
  content: "";
  width: 8px;
  height: 13px;
  background: url("https://cf.hpplus.jp/01_shueisha/eclat/module/ecl_citizen2405/img/arrow.png") no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
}
.item__content__img {
  width: 500px;
}
.item__content.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.item__content.reverse .item__content__detail {
  padding-left: 30px;
  padding-right: 0;
}
.item-bottom {
  padding-top: 153px;
  padding-bottom: 120px;
}
.item-bottom .official-btn {
  width: 462px;
  height: 80px;
  margin: 0 auto;
}
.item-bottom .official-btn a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #640125;
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
.item-bottom .official-btn a:after {
  content: "";
  width: 8px;
  height: 13px;
  background: url("https://cf.hpplus.jp/earth/ec_strasburgo2303/pc/img/arrow-white.png") no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
}
.item-bottom .credit {
  margin-top: 77px;
  font-size: 10px;
  line-height: 150%;
  color: #9f9f9f;
  text-align: center;
}
.item-bottom .sns {
  margin-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-bottom .sns__item {
  width: 28px;
  height: 28px;
  margin-right: 32px;
}
.item-bottom .sns__item:last-of-type {
  margin-right: 0;
}
.item-bottom .sns__item a {
  width: 100%;
  height: 100%;
}
.product03 {
  border: 1px solid #202020;
  padding: 2em;
}
.shop-list {
  width: 954px;
  margin: 120px auto 0;
}
.shop-list__ttl {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  line-height: 1;
}
.shop-list__list {
  margin-top: 30px;
}
.shop-list__list__item {
  font-size: 16px;
  line-height: 175%;
  margin-top: 12px;
}
.shop-list__list__item:first-child {
  margin-top: 0;
}
.n-sf-wrap .n-sf, .n-sf-wrap.n-sf {
  opacity: 0;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
}
.n-sf-wrap.show .n-sf, .n-sf-wrap.show.n-sf {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.9s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.9s cubic-bezier(0.33, 1, 0.68, 1);
}
.n-sf-wrap .n-d1 {
  -webkit-transition-delay: 0.1s !important;
          transition-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}
.n-sf-wrap .n-d2 {
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}
.n-sf-wrap .n-d3 {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}
.n-sf-wrap .n-d4 {
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}
.n-sf-wrap .n-d5 {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}
.n-sf-wrap .n-d6 {
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}
.n-sf-wrap .n-d7 {
  -webkit-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}
.n-sf-wrap .n-d8 {
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.n-sf-wrap .n-d9 {
  -webkit-transition-delay: 0.9s !important;
          transition-delay: 0.9s !important;
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}
.n-sf-wrap .n-d10 {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important;
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.n-sf-wrap .n-d11 {
  -webkit-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important;
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}
.n-sf-wrap .n-d12 {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.n-sf-wrap .n-d13 {
  -webkit-transition-delay: 1.3s !important;
          transition-delay: 1.3s !important;
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}
.n-sf-wrap .n-d14 {
  -webkit-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.n-sf-wrap .n-d15 {
  -webkit-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important;
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
.n-sf-wrap .n-d16 {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}
.n-sf-wrap .n-d17 {
  -webkit-transition-delay: 1.7s !important;
          transition-delay: 1.7s !important;
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
}
.n-sf-wrap .n-d18 {
  -webkit-transition-delay: 1.8s !important;
          transition-delay: 1.8s !important;
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
.n-sf-wrap .n-d19 {
  -webkit-transition-delay: 1.9s !important;
          transition-delay: 1.9s !important;
  -webkit-animation-delay: 1.9s !important;
          animation-delay: 1.9s !important;
}
.n-sf-wrap .n-d20 {
  -webkit-transition-delay: 2s !important;
          transition-delay: 2s !important;
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
.n-sf-wrap2 .n-sf2, .n-sf-wrap2.n-sf2 {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.n-sf-wrap2 .n-sf3, .n-sf-wrap2.n-sf3 {
  width: 0;
}
.n-sf-wrap2.show .n-sf2, .n-sf-wrap2.show.n-sf2 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.n-sf-wrap2.show .n-sf3, .n-sf-wrap2.show.n-sf3 {
  opacity: 1;
  width: 80px;
  -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.n-sf-wrap2 .n-d1 {
  -webkit-transition-delay: 0.07s !important;
          transition-delay: 0.07s !important;
  -webkit-animation-delay: 0.07s !important;
          animation-delay: 0.07s !important;
}
.n-sf-wrap2 .n-d2 {
  -webkit-transition-delay: 0.14s !important;
          transition-delay: 0.14s !important;
  -webkit-animation-delay: 0.14s !important;
          animation-delay: 0.14s !important;
}
.n-sf-wrap2 .n-d3 {
  -webkit-transition-delay: 0.21s !important;
          transition-delay: 0.21s !important;
  -webkit-animation-delay: 0.21s !important;
          animation-delay: 0.21s !important;
}
.n-sf-wrap2 .n-d4 {
  -webkit-transition-delay: 0.28s !important;
          transition-delay: 0.28s !important;
  -webkit-animation-delay: 0.28s !important;
          animation-delay: 0.28s !important;
}
.n-sf-wrap2 .n-d5 {
  -webkit-transition-delay: 0.35s !important;
          transition-delay: 0.35s !important;
  -webkit-animation-delay: 0.35s !important;
          animation-delay: 0.35s !important;
}
.n-sf-wrap2 .n-d6 {
  -webkit-transition-delay: 0.42s !important;
          transition-delay: 0.42s !important;
  -webkit-animation-delay: 0.42s !important;
          animation-delay: 0.42s !important;
}
.n-sf-wrap2 .n-d7 {
  -webkit-transition-delay: 0.49s !important;
          transition-delay: 0.49s !important;
  -webkit-animation-delay: 0.49s !important;
          animation-delay: 0.49s !important;
}
.n-sf-wrap2 .n-d8 {
  -webkit-transition-delay: 0.56s !important;
          transition-delay: 0.56s !important;
  -webkit-animation-delay: 0.56s !important;
          animation-delay: 0.56s !important;
}
.n-sf-wrap2 .n-d9 {
  -webkit-transition-delay: 0.63s !important;
          transition-delay: 0.63s !important;
  -webkit-animation-delay: 0.63s !important;
          animation-delay: 0.63s !important;
}
.n-sf-wrap2 .n-d10 {
  -webkit-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}
.n-sf-wrap2 .n-d11 {
  -webkit-transition-delay: 0.77s !important;
          transition-delay: 0.77s !important;
  -webkit-animation-delay: 0.77s !important;
          animation-delay: 0.77s !important;
}
.n-sf-wrap2 .n-d12 {
  -webkit-transition-delay: 0.84s !important;
          transition-delay: 0.84s !important;
  -webkit-animation-delay: 0.84s !important;
          animation-delay: 0.84s !important;
}
.n-sf-wrap2 .n-d13 {
  -webkit-transition-delay: 0.91s !important;
          transition-delay: 0.91s !important;
  -webkit-animation-delay: 0.91s !important;
          animation-delay: 0.91s !important;
}
.n-sf-wrap2 .n-d14 {
  -webkit-transition-delay: 0.98s !important;
          transition-delay: 0.98s !important;
  -webkit-animation-delay: 0.98s !important;
          animation-delay: 0.98s !important;
}
.n-sf-wrap2 .n-d15 {
  -webkit-transition-delay: 1.05s !important;
          transition-delay: 1.05s !important;
  -webkit-animation-delay: 1.05s !important;
          animation-delay: 1.05s !important;
}
.n-sf-wrap2 .n-d16 {
  -webkit-transition-delay: 1.12s !important;
          transition-delay: 1.12s !important;
  -webkit-animation-delay: 1.12s !important;
          animation-delay: 1.12s !important;
}
.n-sf-wrap2 .n-d17 {
  -webkit-transition-delay: 1.19s !important;
          transition-delay: 1.19s !important;
  -webkit-animation-delay: 1.19s !important;
          animation-delay: 1.19s !important;
}
.n-sf-wrap2 .n-d18 {
  -webkit-transition-delay: 1.26s !important;
          transition-delay: 1.26s !important;
  -webkit-animation-delay: 1.26s !important;
          animation-delay: 1.26s !important;
}
.n-sf-wrap2 .n-d19 {
  -webkit-transition-delay: 1.33s !important;
          transition-delay: 1.33s !important;
  -webkit-animation-delay: 1.33s !important;
          animation-delay: 1.33s !important;
}
.n-sf-wrap2 .n-d20 {
  -webkit-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}



/*追記分*/
.information__content {
  margin-top: 60px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
}

.information__content img {
  width: 40%;
}

.information__content div {
  width: 40%;
}

.information__content__ttl {
 font-size: 16px;
 line-height: 180%;
 margin-top: 40px;
 text-align: justify;
 color: #262626;
}
.information__content__credit {
  margin-top: 40px;
  font-size: 12px;
  line-height: 150%;
  color: #9f9f9f;
}

/*メインタイトル*/
.mv__detail__ttl.n-sf.n-d4 {
  font-family: 'Shippori Mincho', serif;
  color:#640125;
  font-size: 40px;
}

/*小見出し*/
.item__content__detail .ttl.ttl1 {
  font-family: 'Shippori Mincho', serif; 
  color:#640125;
  font-size: 25px;
}





/*----------------------
          SP
----------------------*/

@media screen and (max-width: 767px) {

}