@charset "Shift_JIS";
html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  font-size: 62.5%;
}

/* SP */
.header {
  z-index: 1000;
}
.content__inner {
  overflow: visible;
}

/* -------------------------------------------
 * suigei
 * ------------------------------------------- */
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@400;600;700;900&display=swap');
 :root{
  --main-color: #070f2c;
  --key-color: #c12a1e;
  --key-color-blue: #1ea3f2;
 }
.suigei{
  font-family: 'Noto Serif JP', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 500;
  color: #231815;
  font-size: 1.6rem;
}
.suigei .main__inner{
  width: 90%;
  margin: auto;
}
.suigei img{
  width: 100%;
  height: auto;
}

/* suigei__intro */
.suigei__intro{
  background-color: var(--main-color);
  color: #fff;
  padding-block: 60px;
}
.suigei__intro__logo{
  margin-bottom: 63px;
}
.suigei__intro__header{
  text-align: center;
  margin-bottom: 23px;
}
.suigei__intro__header span{
  font-size: 1.6rem;
  /* border: 1px solid #fff; */
  padding: 8px 33px;
  display: inline-block;
  background: var(--key-color);
}
.suigei__intro__cont .cont__header{
  text-align: center;
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 32px;
}
.suigei__intro__cont .cont__text{
  display: flex;
  justify-content: center;
}
.suigei__intro__cont .cont__text p{
  writing-mode: vertical-rl;
  font-size: 1.6rem;
  line-height: 3;
  min-height: 300px;
}

/* suigei__cta */
.suigei__cta{
  background: var(--main-color);
  background-size: contain;
  padding-block: 0 60px;
}
.suigei__intro__inner_frame {
  border: solid 2px #070f2c;
  padding: 30px 0 0;
}
.suigei__cta._last{
  padding-top: 115px;
  /* clip-path: polygon(0 0, 100% 13vw, 100% 100%, 0% 100%); */
  margin-top: -90px;
}
.suigei__cta__inner{
  /* box-shadow: inset 0 0 0 10px #05123e, inset 0 0 0 11px #e8c66a, 3px 3px 10px 0 rgba(6, 12, 27, 0.4); */
  background: var(--main-color) url(/images/suigei/cta_bg_sp.jpg) no-repeat center bottom/cover;
  padding: 10px;
  color: #fff;
  position: relative;
}
.suigei__cta__flag{
  position: absolute;
  width: 110px;
  top: -12px;
  left: 20px;
  margin-top: 10px;
}
.suigei__cta__header{
  text-align: center;
  margin-top: 10px;
  font-size: 2.4rem;
  font-weight: 900;
}
.suigei__cta__header ruby[data-ruby]{
  position: relative;
  font-size: 2.8rem;
}
.suigei__cta__header ruby[data-ruby]::before{
  content: attr(data-ruby);
  position: absolute;
  top: -1.5em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1rem;
}
.suigei__cta__header ruby[data-ruby] rt{
  visibility: hidden;
}
.suigei__cta__text01{
  margin-top: 20px;
  width: 90%;
  margin-inline: auto;
}
.suigei__cta__img{
  margin-top: 20px;
}
.suigei__cta__cont {
  text-shadow: 0 0 10px rgba(7, 15, 44, 0.61);
}
.suigei__cta__cont .cont__text02{
  margin-top: 10px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.3;
}
.suigei__cta__cont .cont__price{
  text-align: center;
  font-size: 4.5rem;
  line-height: 1.3;
  margin-top: 10px;
}
.suigei__cta__cont .cont__price .text-style-1{
  font-size: 3rem;
}
.suigei__cta__cont .cont__price .text-style-2{
  font-size: 1.8rem;
}
.suigei__cta__cont .cont__price .text-style-3{
  font-size: 1.4rem;
  display: block;
  padding-top: 6px;
}
.suigei__cta__button{
  margin-block: 26px 13px;
}
/* suigei__sake */
.suigei__sake__mv{
  position: relative;
  overflow-x: hidden;
}
.suigei__sake__mv .mv__img{
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.suigei__sake__mv__inner{
  position: absolute;
  top: 0;
  right:0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
}
.suigei__sake__header{
  position: absolute;
  top: 0;
  right:10px;
  writing-mode: vertical-rl;
  font-size: 2.4rem;
  white-space: nowrap;
  font-weight: 600;
  color: #fff;
  background: var(--key-color);
  padding: 20px 15px 40px;
  box-shadow: 3.2px 3.2px 15px 0 rgba(6, 12, 27, 0.4);
  display: block;
  min-height: 340px;
}
.suigei__sake__header span {
  writing-mode: horizontal-tb;
  font-family: 'noto-sans';
  display: inline-block;
  font-size: 1.6rem;
  padding-bottom: 0;
  margin-bottom: 10px;
  border-bottom: solid 2px #fff;
}
.suigei__sake__cont{
  background: var(--main-color) url(/images/suigei/sake_bg01_sp.jpg) center bottom no-repeat;
  background-size: 100% auto;
  padding-block: 40px 120px;
  color: #fff;
}
.suigei__sake__cont .cont__header{
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 30px;
}
.suigei__sake__cont .cont__header .text-style-1{
  font-size: 3rem;
}
.suigei__sake__cont .cont__text{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 1.6px;
}

/* suigei__potato */
.suigei__potato__mv{
  position: relative;
}
.suigei__potato__mv .mv__img{
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.suigei__potato__mv__inner{
  position: absolute;
  top: 0;
  left: 4.2%;
  z-index: 2;
  min-width: 75px;
}
.suigei__potato__header{
  writing-mode: vertical-rl;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  background: var(--key-color);
  padding: 20px 15px;
  box-shadow: 3.2px 3.2px 15px 0 rgba(6, 12, 27, 0.4);
}
.suigei__potato__cont{
  background: var(--main-color) url(/images/suigei/potato_bg_sp.jpg) center bottom no-repeat;
  background-size: 100% auto;
  padding-block: 38px 140px;
}
.suigei__potato__cont .cont__inner{
  color: #fff;
  position: relative;
}
.suigei__potato__cont .cont__header{
  font-size: 1.6rem;
  margin-bottom: 30px;
  font-weight: 600;
}
.suigei__potato__cont .cont__header .text-style-1{
  font-size: 3rem;
}
.suigei__potato__cont .cont__text{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 1.6px;
}
.suigei__potato__cont .cont__img{
  position: relative;
  bottom: -20px;
  right: 0;
  margin-left: auto;
  width: 60%;
}

/* suigei__scene */
.suigei__scene{
  background: #e5f0fc url(/images/suigei/scene_bg_sp.jpg) center top no-repeat;
  background-size: cover;
  padding-block: 130px;
  clip-path: polygon(0 0, 100% 13vw, 100% 100%, 0% 100%);
  margin-top: -90px;
}
.suigei__scene__item:not(:last-of-type){
  margin-bottom: 40px;
}
.suigei__scene__item .item__img{
  box-shadow: 4px 4px 10px 0 rgba(6, 12, 27, 0.33);
}
.suigei__scene__item .item__inner{
  color: #111;
  background-color: rgba(256, 256, 256, 0.7);
  padding: 18px 20px 30px;
}
.suigei__scene__item .item__title{
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  color: #111;
}
.suigei__scene__item .item__text{
  font-size: 1.6rem;
  line-height: 2;
}
.suigei__scene__item .item__note{
  color: #666;
  font-size: 1.2rem;
  margin-top: 10px;
  text-align: right;
}

/* suigei__shuzou */
.suigei__shuzou{
  background-color: var(--main-color);
  color: #fff;
  padding: 100px 0 60px;
  clip-path: polygon(0 13vw, 100% 0, 100% 100%, 0% 100%);
  margin-top: -90px;
}
.suigei__shuzou__header{
  text-align: center;
}
.suigei__shuzou__header span{
  font-size: 2.8rem;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 40px;
}
.suigei__shuzou__header span::after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient( 1deg, rgb(242,217,138) 0%, rgb(221,177,71) 79%, rgb(199,137,3) 100%);
  margin-top: 10px;
}
.suigei__shuzou__cont01 .cont01__text{
  font-size: 1.6rem;
  line-height: 2.2;
  margin-bottom: 40px;
}
.suigei__shuzou__cont02{
  margin-top: 80px;
}
.suigei__shuzou__cont02 .cont02__img__caption{
  margin-top: 15px;
  font-size: 1.4rem;
}
.suigei__shuzou__cont02 .cont02__item{
  margin-top: 27px;
}
.suigei__shuzou__cont02 .cont02__item .cont02__item__header{
  font-size: 1.6rem;
  line-height: 2.4;
  text-align: center;
  font-weight: 400;
  margin-inline: calc(50% - 50vw);
}
.suigei__shuzou__cont02 .cont02__item .cont02__item__text{
  font-size: 1.6rem;
  line-height: 2.2;
  margin-top: 24px;
}

.suigei__shuzou__cont03{
  margin-top: 60px;
}
.suigei__shuzou__cont03 .cont03__inner{
  display: flex;
  justify-content: center;
  gap: 56px;
}
.suigei__shuzou__cont03 .cont03__img{
  flex-shrink: 0;
  width: 380px;
}
.suigei__shuzou__cont03 .cont03__img__caption{
  font-size: 1.8rem;
  margin-top: 32px;
}
.suigei__shuzou__cont03 .cont03__item__header{
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 2.4px;
  margin-bottom: 28px;
}
.suigei__shuzou__cont03 .cont03__item__text{
  font-size: 1.8rem;
  line-height: 2.4;
  letter-spacing: 1.8px;
}

/*――――――――――――――――――――――――――――――――――――――――――――
/* pr_suigei-reviewArea
――――――――――――――――――――――――――――――――――――――――――――――*/

.pr_suigei-review-ttl {
  font-size: 2.8rem;
  margin: 20px 0 10px 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.pr_suigei-review-star {
  margin: 0 0 30px 0;
}
.pr_suigei-review-star p {
  font-size: 1.2rem;
}
.suigei .pr_suigei-review-img ,
.suigei .pr_suigei-review-starImg {
  margin: 0 auto 30px;
  width: 90%;
  display: block;
}

.pr_suigei-review-commentTtl {
  margin: 0 0 30px 0;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

.slick-track {
  display: flex;
  align-items: stretch;
}

.slick-slide {
  height: auto;
}


.pr_suigei-review-commentList__slide {
  padding: 0 10px;
}

.pr_suigei-review-commentList__item {
  position:relative;
  z-index:1;
  border: solid 10px #fff;
  padding:10px;
  background-image: linear-gradient( 1deg, rgb(242,217,138) 0%, rgb(221,177,71) 79%, rgb(199,137,3) 100%);
  width: 100%;
  height: 100%;
  min-height: 320px;
  /* padding: 50px 60px 30px; */
  color: #111;
}
.pr_suigei-review-commentList__item::before {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  box-sizing:border-box;
  padding:2px;
  width:100%;
  height:100%;
  background:#fff;
  background-clip:content-box;
  content:"";
}
.pr_suigei-review-commentList__ttl {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
.pr_suigei-review-commentList__txt {
  font-size: 1.4rem;
  position: relative;
  z-index: 10;
}

.pr_suigei-review-commentList__status {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: right;
}




/* suigei__note */

.suigei__note {
  text-align: left;
  padding-block: 30px;
}

.suigei__note_caption {
  margin-bottom: 5.33vw;
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #ce3b29;
  letter-spacing: -0.02em;
}

.suigei__note_list {
  position: relative;
  padding-left: 12px;
  font-size: 10px;
  line-height: 16px;
}

.suigei__note_list::before {
  position: absolute;
  top: 6px;
  right: auto;
  bottom: auto;
  left: 4px;
  display: block;
  width: 4px;
  height: 4px;
  content: "";
  background: #000;
  border-radius: 50%;
}

.suigei__note_list:last-child::before {
  border-radius: 0;
}

/* cv__button */
.suigei__cv{
  position: fixed;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  margin: 0 auto;
}
.suigei__cv.is-animated{
  opacity: 1;
  visibility: visible;
}
.suigei__cv a{
  transition: all 0.3s;
  }
.suigei__cv a:hover{
  opacity: 0.8;
}

.button--pageTop {
  z-index: 1000;
}



/* -------------------------------------------
 * Scroll Animation
 * ------------------------------------------- */
.an_true,
.an_delay_item {
  transition: opacity 0.8s, transform 0.8s;
}

.si_fade,
.si_top,
.si_bottom,
.si_left,
.si_right{
  opacity: 0;
}
.si_fade.scrollin,.scrollin .si_fade {opacity: 1;}
.si_top {transform: translate(0, -50px);}
.si_bottom {transform: translate(0, 50px);}
.si_left {transform: translate(-50px, 0);}
.si_right {transform: translate(50px, 0);}
.si_diagonal {transform: translate(50px, 50px);}
.si_top.scrollin,.scrollin .si_top,
.si_bottom.scrollin,.scrollin .si_bottom,
.si_left.scrollin,.scrollin .si_left,
.si_right.scrollin,.scrollin .si_right,
.si_diagonal.scrollin,.scrollin .si_diagonal{
  opacity: 1;
  transform : translate(0, 0);
}





/* 旧サイトから新サイト　移行時対応 */
h1{
  margin: 0;
  font-size: 0;
}