@charset "UTF-8";






/* header */

.header {
  font-family: "Hoefler Text";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: linear-gradient(to bottom, #432020 5%, rgba(43, 20, 20, 0));
}

.header.noblur {
  backdrop-filter: none;
}

.header .inner {
  display: flex;
  justify-content: space-between;
  padding: 50px 30px 30px;
  align-items: center;
  max-width: 1920px;
  height:140px;
}

.ec-headerNavSP {
  display: none;
}

@media (max-width: 1023px) {
  .header .inner {
    padding: 40px 15px 36px;
    height:unset;
  }
}

@media (max-width: 767px) {
  .header .inner {
    padding: 30px 30px 25px;
    flex-direction: column; /* 要素を縦に積む */
  }
}

@media (max-width: 414px) {
  .header .inner {
    padding: 10px 10px 10px;
    flex-direction: column; /* 要素を縦に積む */
  }
}

.header .inner h1{
  position:absolute;
  left:calc(50% - 150px);
}

@media (max-width: 767px) {
  .header .inner h1{
    position:relative;
    left:unset;
  }
}

@-moz-document url-prefix() {
  .header {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

@media all and (-ms-high-contrast: none) {
  .header {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

@media (max-width: 767px) {
  .h-nav {
//    display: none;
  }
}

.h-nav-list {
  display: flex;
  justify-content: start;
}

.h-nav-list li:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 1023px) {
  .h-nav-list li:not(:last-child) {
    margin-right: 12px;
  }
}

.h-nav-list .h-nav-item {
  color: #ffffff;
}

.h-ttl {
  font-size: 5.4rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

.h-ttl img {
  width: 60%;
  max-height: 60px;
  vertical-align: baseline;
}

.h-ttl:hover {
  font-size: 5.4rem;
  font-weight: normal;
  color: #fff;
}

@media (max-width: 1023px) {
  .h-ttl {
    margin-left: -5px;
    font-size: 5rem;
  }
}

@media (max-width: 767px) {
  .h-ttl {
    font-size: 4rem;
    text-align: left;
  }
}

@media (max-width: 414px) {
  .h-ttl {
    font-size: 3rem;
    text-align: left;
  }

  .h-ttl img {
    height: 40px;
    width:unset;
    vertical-align: baseline;
    text-align: left;
  }
}


/* 関連商品 */
.ec-shelfGrid__item span {
  font-size: 12px;
  padding-top: 10px;
  line-height: 1.6em;
}


.page_container p {
  color: #432020;
}

.page_container h2 {
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  font-size: 24px;
  color: #432020;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 414px) {
  .page_container h2 {
    font-family: 'ToppanBunkyuMinchoPr6N-Regular';
    font-size: 18px;
    color: #432020;
    font-weight: bold;
    margin-bottom: 20px;
  }
}


.ec-blockBtn--action[disabled]:hover {
  background-color: #9F8983;
  border-color: #9F8983;
}

/* 検索 */

.search-box {
  position: relative;
}

@media (max-width: 767px) {
  .search-box {
    display: none;
  }
}

.search-box .s-select {
  /* width: 100px; */
  height: 30px;
  border: none;
  font-size: 1rem;
  padding-left: 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  color: #6e6e6e;
  border-radius: initial;
}

.search-box .s-select::-ms-expand {
  display: none;
}

@media (max-width: 1023px) {
  .search-box .s-select {
    /* width: 100px; */
    padding-left: 7px;
  }
}

.search-box:before {
  position: absolute;
  left: 74px;
  top: 11px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 1;
}

@media (max-width: 1023px) {
  .search-box:before {
    left: 62px;
  }
}



/* カテゴリ選択 */

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  width: 140px;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  font-family: inherit;
  /* margin-left: -4px; */
  font-size: 1.4rem;
  padding: 4px 0 0 10px;
  color: #6E6E6E;
  background-color: #ffffff;

}

.ec-headerSearch .ec-headerSearch__category .ec-select select {
  color: #9F8983;
  padding: 0;
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  padding: 0 10px;
  height: 35px;
}

.ec-select .ec-select_search {
  padding: 0;
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:before {
  border-top: 6px solid #432020;
  margin-top: 5px;
}

.search-box .s-input {
  width: 200px;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  font-family: inherit;
  margin-left: -4px;
  font-size: 1.4rem;
  padding: 4px 0 0 10px;
  color: #ffffff;
  border-radius: 0;
}

.search-box .s-input::placeholder {
  color: #ffffff;
  font-family: "Hoefler Text";
  opacity: 1;
}


.ec-headerSearch .ec-headerSearch__keyword {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  margin-left: -1px;
  height: 35px;
}

.ec-headerSearch .ec-headerSearch__keyword input {
  color: #ffffff;
}

.ec-headerSearch .ec-headerSearch__keyword input::placeholder  {
  color: #ffffff;
}



.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  border-radius: 0px;
}

@media (max-width: 1023px) {
  .search-box .s-input {
    width: 170px;
  }
}

.search-box .s-btn {
  position: absolute;
  top: 6px;
  right: 2px;
  background-color: transparent;
  border: none;
}

.search-box .s-btn .fa-search {
  color: #ffffff;
}

.hamburger {
  display: none;
  width: 20px;
  height: 24px;
  position: relative;
}

.hamburger:hover {
  cursor: pointer;
}

.hamburger.fix {
  position: fixed;
  top: 35px;
  right: 30px;
  z-index: 11;
}

@media (max-width: 414px) {
  .hamburger.fix {
    top: 20px;
    right: 20px;
  }
}

@media (max-width: 767px) {
  .hamburger {
    display: block;
  }
}

.hamburger .h_line {
  width: 20px;
  height: 2px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  transition: all 0.3s;
  z-index: 11;
}

.hamburger .h_line.h_line-1 {
  top: 0;
  left: 0;
}

.hamburger .h_line.h_line-1.on {
  transform: rotate(45deg);
  top: 7px;
  background-color: #432020;
}

.hamburger .h_line.h_line-2 {
  width: 18px;
  top: 7px;
  left: 0;
}

.hamburger .h_line.h_line-2.on {
  display: none;
}

.hamburger .h_line.h_line-3 {
  width: 12px;
  top: 14px;
  left: 0;
}

.hamburger .h_line.h_line-3.on {
  width: 20px;
  transform: rotate(-45deg);
  top: 7px;
  background-color: #432020;
}

.h-sp {
  display: none;
  position: fixed;
  background-color: #fdf5e8;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 80px 30px;
  z-index: 10;
}

.h-sp .h-sp-ttl {
  font-size: 4rem;
  text-align: center;
  color: #432020;
  display: block;
  margin-bottom: 40px;
  text-align: center;
}

.h-sp .h-sp-nav-list {
  margin-bottom: 40px;
  margin-top: 50px;
}

.h-sp .h-sp-ttl img {
  width: 80%;
}

.h-sp .h-sp-nav-item {
  font-size: 2rem;
  padding: 20px 0;
}

.h-sp .search-sp-box {
  text-align: center;
}

.h-sp .search-sp-box .form-sp {
  display: inline-block;
  position: relative;
}

.h-sp .search-sp-box .form-sp:before {
  position: absolute;
  left: 77px;
  top: 11px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #fff;
  z-index: 1;
}

.h-sp .search-sp-box .s-sp-select {
  width: 100px;
  height: 30px;
  border: none;
  font-size: 1rem;
  /* padding-left: 19px; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  color: #fff;
  /* background-color: #432020; */
  border-radius: initial;
}

.h-sp .search-sp-box .s-sp-select {
  width: 100%;
}

.h-sp .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  width: 100%;
}
.ec-headerSearch .ec-headerSearch .ec-headerSearch__keyword input{
  color: #432020;
}

.h-sp .ec-headerSearch {
  background-color: #432020;
}

.h-sp .search-sp-box .s-sp-select::-ms-expand {
  display: none;
}

.h-sp .search-sp-box .s-sp-input {
  width: 200px;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #432020;
  font-family: inherit;
  margin-left: -4px;
  font-size: 1.4rem;
  padding: 4px 0 0 10px;
  color: #ffffff;
}

.h-sp .search-sp-box .s-sp-input::placeholder {
  color: #432020;
  font-family: "Hoefler Text";
  opacity: 1;
}

.h-sp .search-sp-box .s-sp-btn {
  position: absolute;
  top: 6px;
  right: 0px;
  background-color: transparent;
  border: none;
}

.h-sp .search-sp-box .s-sp-btn .fa-search {
  color: #432020;
}

/* mv */
.mv {
  color: #ffffff;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  position: relative;
}


.mv .sec-ttl {
  margin-bottom: 10px;
}



/* ファーストビュー */

.front_page .mv-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 620px;
  background-image: url(/img/top-img1.jpg);
}


.mv-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 620px;
}


.about_page .mv-img {
  background-image: url(/img/top-img20_small.jpg);
}

.club_page .mv-img {
  background-image: url(/img/top-img20_small.jpg);
}

.ec_product_page .mv-img {
  background-image: url(/img/top-img20_small.jpg);
}

.search_page .mv-img {
  background-image: url(/img/top-img20_small.jpg);
}

.our_coffee_page .mv-img {
  background-image: url(/img/top-img20_small.jpg);
}

.search_page .ec-shelfRole h2{display:none;}

@media (max-width: 767px) {
  .mv-img {
    height: 400px;
  }
}

@media (max-width: 414px) {
  .mv-img {
    height: 300px;
  }
}

.mv-ttl-box {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .mv-ttl-box {
    top: 52%;
  }
}

@media (max-width: 414px) {
  .mv-ttl-box {
    top: 48%;
  }
}

.mv-ttl-box .mv-ttl {
  font-size: 2.8rem;
  font-family: 'dnp-shuei-mincho-pr6';
  margin-bottom: 40px;
  white-space: nowrap;
  line-height: 1.5;
}

.mv-ttl-box .mv-ttl {
  /* font-family: 'Noto Serif JP', sans-serif; */
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}




@media (max-width: 767px) {
  .mv-ttl-box .mv-ttl {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}

@media (max-width: 414px) {
  .mv-ttl-box .mv-ttl {
    font-size: 2.2rem;
    margin-bottom: 25px;
  }
}

.mv-ttl-box .btn {
  color: #ffffff;
  border: 1px solid #fff;
  padding-left: 40px;
  transition: background-color 0.3s;
}

.mv-ttl-box .btn:hover {
  color: #ffffff;
  border: 1px solid #fff;
  /* padding-left: 40px; */
  background-color: #9F8983;
}


@media (max-width: 767px) {
  .mv-ttl-box .btn {
    padding-left: 30px;
  }
}

@media (max-width: 414px) {
  .mv-ttl-box .btn {
    width: 150px;
    padding-left: 30px;
    font-size: 1.4rem;
    height: 50px;
    line-height: 30px;
  }
}

@media (max-width: 414px) {
  .mv-ttl-box .btn:after {
    right: 16px;
    width: 7px;
    top: 22px;
  }
}

@media (max-width: 414px) {
  .mv-ttl-box .btn:before {
    right: 17px;
    width: 20px;
    top: 25px;
  }
}

/* ☆S_NEWS */
.ec-newsRole {
  background-color: #432020;
  color: #ffffff;
  padding: 0;
}

.topNews {
  background-color: #432020;
  color: #ffffff;
}

.ec-newsRole .ec-newsRole__newsDate {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}

.ec-newsRole .ec-newsRole__newsTitle {
  color: #ffffff;
  font-weight: normal;
}

.topNews .inner {
  padding: 40px 30px;
  display: flex;
  justify-content: start;
  position: relative;
  align-items: center;
}

.ec-newsRole .ec-newsRole__newsCloseBtn {
  background: #432020;
}

@media (max-width: 1023px) {
  .topNews .inner {
    padding: 40px 15px;
  }
}

@media (max-width: 767px) {
  .topNews .inner {
    display: block;
    padding: 30px 15px;
  }
}

.topNews .topNews-box {
  flex-grow: 1;
  padding: 24px 0 14px 80px;
  border-left: 1px solid #fff;
}

@media (max-width: 1023px) {
  .topNews .topNews-box {
    padding: 24px 0 14px 25px;
  }
}

@media (max-width: 767px) {
  .topNews .topNews-box {
    padding: 10px 0 2px 20px;
  }
}

.topNews .topNews-box dl {
  width: 100%;
  font-size: 1.4rem;
}

@media (max-width: 414px) {
  .topNews .topNews-box {
    padding: 10px 0 2px 15px;
  }
  
}

.topNews .topNews-box dt {
  width: 100px;
  float: left;
}

@media (max-width: 767px) {
  .topNews .topNews-box dt {
    line-height: 1.5;
  }
}

.topNews .topNews-box dd {
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .topNews .topNews-box dd {
    padding-left: 100px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}

.topNews .topNews-box dl::after {
  content: "";
  display: block;
  clear: both;
}

.topNews .sec-ttl {
  width: 27.523%;
  font-weight: normal;
  text-align: center;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

@media (max-width: 1060px) {
  .topNews .sec-ttl {
    width: 20.523%;
  }
}

@media (max-width: 1023px) {
  .topNews .sec-ttl {
    width: 14.523%;
  }
}

@media (max-width: 767px) {
  .topNews .sec-ttl {
    width: 100%;
    margin-bottom: 0.8em;
  }
}
@media (max-width: 414px) {
  .topNews .sec-ttl {
    width: 100%;
    margin-bottom: 0.3em;
  }
}

.topNews .club {
  position: fixed;
  bottom: 15px;
  right: 10px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #9F8983;
  color: #ffffff;
  z-index: 500;
  transition: background-color 0.3s;
}

.topNews .club:hover {
  background-color: #432020;

}

.topNews .club a:hover {
  color: #ffffff;

}

@media (max-width: 1280px) {
  .topNews .club {
    right: 0;
  }
}

@media (max-width: 1060px) {
  .topNews .club {
    right: 15px;
  }
}

@media (max-width: 1023px) {
  .topNews .club {
    width: 90px;
    height: 90px;
    top: unset;
    right: 10px;
  }
}

@media (max-width: 767px) {
  .topNews .club {
    position: fixed;
    width: 100px;
    height: 100px;
    top: unset;
    bottom: 10px;
    right: 15px;
  }
}

.club-ttl a {
  color: #ffffff;

}

.club-ttl a:hover {
  color: #432020;

}

.topNews .club .club-ttl {
  padding-top: 15px;
  text-align: center;
  line-height: 1.5;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

@media (max-width: 1023px) {
  .topNews .club .club-ttl {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .topNews .club .club-ttl {
    padding-top: 5%;
    font-size: 1.8rem;
  }
}

.ec-topicpath {
  color: #432020;
}

.ec-searchnavRole__counter {
  color: #432020;
}

.ec-shelfGrid__item {
  color: #432020;
}

.ec-shelfGrid__item .price02-default p {
  margin-bottom: 10px;
}


.topLineup {
  text-align: center;
  color: #592e15;
}

@media (max-width: 767px) {
  .topLineup .inner {
    padding: 60px 30px 30px;
  }
}

@media (max-width: 414px) {
  .topLineup .inner {
    padding: 60px 15px 30px;
  }
}

.topLineup .sec-ttl-sub {
  font-size: 1.8rem;
  /* font-family: 'ToppanBunkyuMinchoPr6N-Regular'; */
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 10px;
}

.topLineup .sec-ttl {
  margin-bottom: 30px;
}

.topLineup .sec-lead {
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 58px;
  line-height: 2;
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  .topLineup .sec-lead {
    margin-bottom: 40px;
  }
}

.topLineup .topLineup-flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .topLineup .topLineup-flex {
    display: block;
  }
}

.topLineup .topLineup-flex-item {
  width: 48.624%;
}

@media (max-width: 767px) {
  .topLineup .topLineup-flex-item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.topLineup .topLineup-flex-item .topLineup-img {
  margin-bottom: 30px;
}

.topLineup .topLineup-flex-item .topLinup-ttl {
  font-size: 2.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topAbout {
  background-image: url(/img/top-img4.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  color: #ffffff;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .topAbout {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .topAbout .inner {
    padding: 60px 30px;
  }
}

@media (max-width: 414px) {
  .topAbout .inner {
    padding: 60px 15px;
  }
}

.topAbout .sec-ttl {
  margin-bottom: 30px;
}

.topAbout .sec-txt {
  line-height: 2.1;
  font-size: 1.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topAbout .sec-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2.1) * 0.5em);
}

.topAbout .sec-txt:first-of-type {
  margin-bottom: 20px;
}

/* topRecommend */

.topRecommend .topRecommend-img {
  background-image: url(/img/top-img5.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 130px;
  color: #ffffff;
  position: relative;
  /* background-color: #9F8983; */
}

@media (max-width: 414px) {
  .topRecommend .topRecommend-img {
    height: 150px;
  }
}


.mv .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.topRecommend .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.topRecommend .sec-ttl-box .sec-ttl {
  margin-bottom: 20px;
  font-weight: normal;
}

.topRecommend .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topRecommend .inner {
  padding: 60px 30px 80px;
}

@media (max-width: 767px) {
  .topRecommend .inner {
    padding: 60px 30px 60px;
  }
}

@media (max-width: 414px) {
  .topRecommend .inner {
    padding: 60px 15px 60px;
  }
}

.topRecommend .topRecommend-list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  color: #432020;
}

@media (max-width: 767px) {
  .topRecommend .topRecommend-list {
    display: block;
  }
}

.topRecommend .topRecommend-item {
  width: 31.194%;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .topRecommend .topRecommend-item {
    width: 100%;
  }
}

.topRecommend .topRecommend-item .topRecommend-name {
  padding: 20px 0;
  text-align: center;
  font-size: 1.6rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  border-bottom: 1px solid #432020;
}

.topRecommend .topRecommend-item .topRecommend-price-flex {
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topRecommend .topRecommend-item .topRecommend-price-flex .topRecommend-price {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topRecommend .topRecommend-item .topRecommend-price-flex .sm {
  font-size: 1.2rem;
  font-weight: normal;
}

.topRecommend .topRecommend-item .topRecommend-price-flex .topRecommend-price-detail {
  font-size: 1.2rem;
  background-color: #ffffff;
  padding: 9px 20px;
  color: #432020;
  transition: background-color 0.3s;
}

.topRecommend .topRecommend-item .topRecommend-price-flex .topRecommend-price-detail:hover {
  font-size: 1.2rem;
  background-color: #432020;
  padding: 9px 20px;
  color: #ffffff;
}

.topRecommend .btn {
  color: #432020;
  border: 1px solid #432020;
  padding-left: 64px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  margin-top: 23px;
}

.topRecommend .btn:before {
  background-color: #432020;
  right: 64px;
}

@media (max-width: 767px) {
  .topRecommend .btn:before {
    right: 43px;
  }
}

.topRecommend .btn:after {
  background-color: #432020;
  right: 64px;
}

@media (max-width: 767px) {
  .topRecommend .btn:after {
    right: 43px;
  }
}

/* topPerform */

.front_page .sec-ttl-sub {
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topPerform .topPerform-img {
  background-image: url(/img/top-img11.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 130px;
  color: #ffffff;
  position: relative;
}

@media (max-width: 414px) {
  .topPerform .topPerform-img {
    height: 160px;
  }
}

.topPerform .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.topPerform .sec-ttl-box .sec-ttl {
  margin-bottom: 20px;
  font-weight: normal;
}

.topPerform .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topPerform .inner {
  padding: 52px 30px 80px;
}

@media (max-width: 767px) {
  .topPerform .inner {
    padding: 52px 30px 60px;
  }
}

@media (max-width: 767px) {
  .topPerform .inner {
    padding: 52px 15px 60px;
  }
}

.topPerform .topPerform-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  color: #432020;
}

@media (max-width: 767px) {
  .topPerform .topPerform-flex {
    display: block;
  }
}

.topPerform .topPerform-item {
  width: 31.194%;
  text-align: center;
}

@media (max-width: 767px) {
  .topPerform .topPerform-item {
    width: 100%;
    margin-bottom: 40px;
  }
}

.topPerform .topPerform-item .topPerform-time {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 13px;
  border-bottom: 1px solid #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topPerform .topPerform-item .topPerform-txt {
  padding-top: 15px;
  line-height: 2;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  font-size: 1.4rem;
}

.topPerform .topPerform-item .topPerform-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2) * 0.5em);
}

.topPerform .btn {
  color: #432020;
  border: 1px solid #432020;
  padding-left: 64px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  margin-top: 23px;
  transition: background-color 0.3s;
}

.topPerform .btn:hover {
  background-color: #9F8983;
  
}


.topPerform .btn:before {
  background-color: #432020;
  right: 54px;
}

@media (max-width: 767px) {
  .topPerform .btn:before {
    right: 43px;
  }
}

.topPerform .btn:after {
  background-color: #432020;
  right: 54px;
}

@media (max-width: 767px) {
  .topPerform .btn:after {
    right: 43px;
  }
}

/* ★topReview */

.topReview .inner {
  padding: 50px 30px 80px;
}

@media (max-width: 767px) {
  .topReview .inner {
    padding: 50px 30px 60px;
  }
}

@media (max-width: 414px) {
  .topReview .inner {
    padding: 50px 15px 60px;
  }
}

.topReview .topReview-img {
  background-image: url(/img/top-img7.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 300px;
  color: #ffffff;
  position: relative;
}

.topReview .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.topReview .sec-ttl-box .sec-ttl {
  margin-bottom: 20px;
  font-weight: normal;
}

.topReview .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: toppan-bunkyu-midashi-go;
}

.topReview .topReview-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  color: #432020;
}

@media (max-width: 767px) {
  .topReview .topReview-flex {
    display: block;
  }
}

.topReview .topReview-item {
  width: 48.624%;
}

@media (max-width: 767px) {
  .topReview .topReview-item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.topReview .topReview-box {
  padding: 25px 26px 25px 25px;
  border: 1px solid #432020;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
}

.topReview .topReview-box .topReview-name {
  font-size: 2rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 20px;
  color: #592e15;
}

.topReview .topReview-box .topReview-name .lg {
  font-size: 3.2rem;
  font-weight: normal;
}

.topReview .topReview-box .topReview-txt {
  line-height: 1.6;
  font-size: 1.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  padding-left: 15px;
  border-left: 1px solid #707070;
}

.topReview .topReview-box .topReview-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}

.topReview .topReview-reply-box {
  padding: 17px 20px 22px;
  background-color: #432020;
  color: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.topReview .topReview-reply-box .topReview-reply-ttl {
  font-size: 2rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 10px;
}

.topReview .topReview-reply-box .topReview-reply-ttl .lg {
  font-size: 3.8rem;
  vertical-align: sub;
}

.topReview .topReview-reply-box .topReview-reply-txt {
  font-family: toppan-bunkyu-midashi-go;
  line-height: 1.54;
  font-size: 1.4rem;
}

.topReview .topReview-reply-box .topReview-reply-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.54) * 0.5em);
}

.topReview .btn {
  color: #432020;
  border: 1px solid #432020;
  padding-left: 64px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  margin-top: 23px;
}

.topReview .btn:before {
  background-color: #432020;
  right: 64px;
}

@media (max-width: 767px) {
  .topReview .btn:before {
    right: 43px;
  }
}

.topReview .btn:after {
  background-color: #432020;
  right: 64px;
}

@media (max-width: 767px) {
  .topReview .btn:after {
    right: 43px;
  }
}


/* ★P_トップページ */

#page_homepage .aboutClub {
  width: 100%;
  background-image: url(/img/top-img20_small.jpg);
  background-position: center;
}

#page_homepage .aboutClub .aboutClub-flex-right{
  width: 100%;
  background:none;
  color: #ffffff;

}

#page_homepage .aboutClub .aboutClub-flex-right p{
  color: #ffffff;

}

.about_listinfo {
  width: 100%;

}

.about_listinfo h3{
  font-size: 24px;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 20px;
  
}

.about_listinfo p{
  font-size: 14px;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  line-height: 1.6em;
  margin-bottom: 20px;
  
}


/* ★P_topShop */



.topShop .topShop-img {
  background-image: url(/img/top-img7.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 130px;
  color: #ffffff;
  position: relative;
}

@media (max-width: 414px) {
  .topShop .topShop-img {
    height: 160px;
  }
}

.topShop .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.topShop .sec-ttl-box .sec-ttl {
  margin-bottom: 20px;
  font-weight: normal;
}

.topShop .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.topShop .inner {
  padding: 60px 30px 30px;
}

@media (max-width: 767px) {
  .topShop .inner {
    padding: 60px 30px 10px;
  }
}

@media (max-width: 414px) {
  .topShop .inner {
    padding: 60px 15px 10px;
  }
}

.topShop .topShop-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.topShop .topShop-flex.topShop-flex2 {
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .topShop .topShop-flex.topShop-flex2 {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .topShop .topShop-flex {
    flex-direction: column;
  }
}

.topShop .topShop-flex-img {
  width: 58.716%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .topShop .topShop-flex-img {
    width: 100%;
  }
}

.topShop .topShop-desc-box {
  padding: 48px 50px 30px;
  background-color: #ffffff;
  flex-grow: 1;
}

@media (max-width: 1100px) {
  .topShop .topShop-desc-box {
    padding: 30px;
  }
}

.topShop .topShop-desc-box .topShop-ttl {
  font-size: 2.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 23px;
  font-weight: normal;
  color: #592e15;
}

@media (max-width: 1023px) {
  .topShop .topShop-desc-box .topShop-ttl {
    font-size: 2.2rem;
  }
}

.topShop .topShop-desc-box .topShop-concept-ttl {
  font-size: 2rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 21px;
  color: #592e15;
}

.topShop .topShop-desc-box .topShop-concept-txt {
  font-size: 1.2rem;
  font-family: toppan-bunkyu-midashi-go;
  line-height: 1.8;
  color: #432020;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #432020;
}

.topShop .topShop-desc-box .topShop-concept-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}

.topShop .topShop-desc-box .topShop-detail {
  line-height: 1.6;
  font-size: 1.4rem;
  color: #432020;
}

.topShop .topShop-desc-box .topShop-detail::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}

.topShop .topShop-desc-box .topShop-detail .topShop-map {
  color: #432020;
}


/* 旧ブランド商品バナー */

.oldBanner .inner {
  padding: 0 30px 100px;
}

@media (max-width: 767px) {
  .oldBanner .inner {
    padding: 0 30px 60px;
  }
}

@media (max-width: 414px) {
  .oldBanner .inner {
    padding: 0 15px 60px;
  }
}

.oldBanner a {
  color: #ffffff;
}

.oldBanner-box {
  background-image: url(/img/ectop-img4.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 160px;
  color: #ffffff;
  display: block;
}

.oldBanner-box .oldBanner-ttl {
  font-size: 2.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  /* padding: 66px 0 66px 21.483%; */
  text-align: center;
  line-height: 6em;
}

@media (max-width: 767px) {
  .oldBanner-box .oldBanner-ttl {
    text-align: center;
    line-height: 7em;
  }
}

.oldBanner-box .oldBanner-ttl .sm {
  font-size: 1.8rem;
  font-family: toppan-bunkyu-midashi-go;
  margin-left: 25px;
}


/* ★P_shoplistBanner */

.shopListBanner .inner {
  padding: 0 30px 100px;
}

@media (max-width: 767px) {
  .shopListBanner .inner {
    padding: 0 30px 60px;
  }
}

@media (max-width: 414px) {
  .shopListBanner .inner {
    padding: 0 15px 60px;
  }
}

.shopListBanner-box {
  background-image: url(/img/top-img9.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 160px;
  color: #ffffff;
  display: block;
}

.shopListBanner-box:hover {
  color: #ffffff;
} 

.shopListBanner .shopListBanner-ttl {
  color: #ffffff;
}

.shopListBanner-box .shopListBanner-ttl {
  font-size: 2.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  padding: 0px 0 0px;
  text-align: center;
  line-height: 6em;
}

@media (max-width: 767px) {
  .shopListBanner-box .shopListBanner-ttl {
    padding: 66px 0 66px;
    text-align: center;
    line-height: 1.5em;
  }
}

.shopListBanner-box .shopListBanner-ttl .sm {
  font-size: 1.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-left: 25px;
}

/* ★P_detail商品詳細 */

.ec-productRole .ec-productRole__title .ec-headingTitle {
  color: #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.ec-productRole__price {
  padding: 0;
}

.ec-productRole .ec-productRole__price {
  color: #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  padding: 0;
}

.ec-productRole__category {
  color: #432020;
}

.ec-productRole .ec-productRole__category a {
  color: #432020;
  font-size: 12px;
}

.ec-productRole .ec-productRole__description {
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  color: #432020;
  font-size: 12px;
  line-height: 1.8em;
}


.ec-price .ec-price__price {
  padding: 0;
}


.productDetail-feature-box {
  color: #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.productDetail-feature-ttl {
  font-size: 24px;
  margin-bottom: 20px;
}

.productDetail-feature-txt {
  line-height: 1.8em;
  margin-bottom: 20px;
}

.productDetail-feature {
  font-size: 14px;
}


.ec-productRole .ec-productRole__title .ec-headingTitle {
  font-size: 18px;
}

.ec-productRole .ec-productRole__tags {
  border-bottom: none;
}

.ec-productRole .ec-productRole__price {
  border: none;
}

.ec-productRole .ec-productRole__tags {
  margin: 0;
  padding: 0;
}

.ec-productRole .ec-productRole__category {
  padding: 15px 0;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #C5B4AB;
  border-bottom: 1px solid #C5B4AB;
}


/* 商品一覧 */

#page_product_list p{
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 5px;
}

/* 商品説明 */



.detailMain-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  margin-top: 50px;
}

.ec-pager .ec-pager__item--active {
  background-color: #ffffff;
  transition: background-color 0.3s;
}

.ec-pager .ec-pager__item--active:hover {
  background-color: #432020;
  color: #ffffff;
}

.ec-pager .ec-pager__item:hover {
   transition: background-color 0.3s;
}



.ec-pager .ec-pager__item:hover {
  background-color: #432020;
  color: #ffffff;
}

.ec-pager {
  margin: 0 auto 50px;
}


.detailMain-right {
  flex-grow: 1;
  padding: 50px 50px;
  background-color: #fff;
}

@media (max-width: 414px) {
  .detailMain-right {
    flex-grow: 1;
    padding: 40px 40px;
    background-color: #fff;
  }
}

.detailMain-right .detailMain-ttl {
  font-size: 2.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 30px;
  font-weight: normal;
  color: #432020;
}

.detailMain-right .detailMain-txt {
  font-size: 1.2rem;
  line-height: 1.8;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  color: #432020;
}

.detailMain-left {
  width: 58.716%;
  flex-shrink: 0;
}

.detailMain-left {
  background: white;
  display: grid;
  place-items: center;
}

.detailMain-flex.detailMain-flex1 {
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .detailMain-flex {
  flex-wrap: wrap;
  }
  .detailMain-left {
    width: 100%;
  }
}


/* 関連商品 */


#RelatedProduct-product_area p {
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

@media (max-width: 767px) {
  .product_page .ec-shelfGrid .ec-shelfGrid__item-image {
    height: 100%;
}
}

#RelatedProduct-product_area::before{
  content: '関連商品';
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  font-size: 24px;
  margin-bottom: 10px;
  color: #432020;
}




/* 味チャート */

.ectopLineup-feature-list dd.taste-box {
  width: 200px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  position: relative;
}


.ectopLineup-desc::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
}

.ectopLineup-feature {
  font-size: 2rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 20px;
}

.ectopLineup-feature-txt {
  font-size: 1.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 19px;
  line-height: 2;
}

.ectopLineup-feature-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2) * 0.5em);
}

.ectopLineup-feature-list dl {
  width: 100%;
}

.ectopLineup-feature-list dt {
  float: left;
  margin-right: 15px;
  font-size: 1.4rem;
}

.ectopLineup-feature-list dt.taste-ttl {
  line-height: 20px;
}

.ectopLineup-feature-list dd {
  font-size: 1.4rem;
}

.ectopLineup-feature-list dd.taste-box {
  width: 200px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  position: relative;
}

.ectopLineup-feature-list dd.taste-box:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}


/* 商品詳細味チャート */


/* 酸味 */

.ectopLineup-feature-list dd.taste-box1:after {
  top: 7px;
  left: 16px;
}
.ectopLineup-feature-list dd.taste-box1-2:after {
  top: 7px;
  left: 57px;
}
.ectopLineup-feature-list dd.taste-box1-3:after {
  top: 7px;
  left: 97px;
}
.ectopLineup-feature-list dd.taste-box1-4:after {
  top: 7px;
  left: 137px;
}
.ectopLineup-feature-list dd.taste-box1-5:after {
  top: 7px;
  left: 177px;
}


/* 苦味 */
.ectopLineup-feature-list dd.taste-box2:after {
  top: 7px;
  left: 16px;
}
.ectopLineup-feature-list dd.taste-box2-2:after {
  top: 7px;
  left: 57px;
}
.ectopLineup-feature-list dd.taste-box2-3:after {
  top: 7px;
  left: 97px;
}
.ectopLineup-feature-list dd.taste-box2-4:after {
  top: 7px;
  left: 137px;
}
.ectopLineup-feature-list dd.taste-box2-5:after {
  top: 7px;
  left: 177px;
}


/* 甘み */
.ectopLineup-feature-list dd.taste-box3:after {
  top: 7px;
  left: 16px;
}
.ectopLineup-feature-list dd.taste-box3-2:after {
  top: 7px;
  left: 57px;
}
.ectopLineup-feature-list dd.taste-box3-3:after {
  top: 7px;
  left: 97px;
}
.ectopLineup-feature-list dd.taste-box3-4:after {
  top: 7px;
  left: 137px;
}
.ectopLineup-feature-list dd.taste-box3-5:after {
  top: 7px;
  left: 177px;
}





.ectopLineup-feature-list dd.roasting {
  margin-bottom: 17px;
}

.ectopLineup-feature-list dd.howtodrink {
  margin-bottom: 25px;
}

.ectopLineup-feature-list dl::after {
  content: "";
  display: block;
  clear: both;
}

.ectopLineup-feature-list .taste {
  flex-grow: 1;
}

.ectopLineup-feature-list .taste1 {
  background-color: rgba(67, 32, 32, 0.3);
}

.ectopLineup-feature-list .taste2 {
  background-color: rgba(67, 32, 32, 0.5);
}

.ectopLineup-feature-list .taste3 {
  background-color: rgba(67, 32, 32, 0.6);
}

.ectopLineup-feature-list .taste4 {
  background-color: rgba(67, 32, 32, 0.8);
}

.ectopLineup-feature-list .taste5 {
  background-color: #432020;
}

/* 数量 */
.ec-numberInput {
  color: #432020;
}


.ec-sliderItemRole .item_nav {
  justify-content: start;
}

.item_nav {
  margin-top: 30px;
}

.ec-sliderItemRole .slideThumb {
  width: 24%;
  margin-right: 1.3%;
}

.ec-sliderItemRole .slideThumb:nth-child(4) {
  width: 24%;
  margin-right: 0;
}


.ec-sliderItemRole .slideThumb img {
  width: 100%;
}

/* ★C_footer */

.footer {
  position: relative;
  height: 470px;
  background-color: #432020;
}

@media (max-width: 767px) {
  .footer {
    height: 500px;
  }
}

.footer .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.f-top {
  background-image: url(/img/top-img10.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  position: relative;
}

@media (max-width: 767px) {
  .f-top {
    height: 450px;
  }
}

.f-top .inner {
  padding: 50px 30px 0;
}

.f-top .f-top-flex {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .f-top .f-top-flex {
    flex-direction: column-reverse;
  }
}

.f-top .f-top-list {
  width: 22.019%;
  padding: 25px 0 25px 40px;
  border-left: 1px solid #fff;
  margin-right: 49px;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

@media (max-width: 1023px) {
  .f-top .f-top-list {
    width: 24%;
  }
}

@media (max-width: 767px) {
  .f-top .f-top-list {
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 0 5px 40px;
  }
}

.f-top .f-top-list-item {
  color: #ffffff;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 2.3;
}

.f-top .f-top-list-item::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2.3) * 0.5em);
}

@media (max-width: 767px) {
  .f-top .f-top-list-item {
    font-size: 1.4rem;
  }
}

.f-top .f-top-flex-left {
  position: relative;
  flex-grow: 1;
}

.f-top .f-search-box {
  position: absolute;
  width: 301px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .f-top .f-search-box {
    position: static;
    transform: none;
    text-align: center;
    left: 0;
    top: 0;
    width: auto;
  }
}

.f-top .f-search-box .form2 {
  position: relative;
  display: inline-block;
}

.f-top .f-search-box .form2:before {
  position: absolute;
  left: 77px;
  top: 11px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #432020;
  z-index: 1;
}

.f-top .f-search-box .s-select {
  width: 100px;
  height: 30px;
  border: none;
  font-size: 1rem;
  padding-left: 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  color: #6e6e6e;
  border-radius: initial;
}

.f-top .f-search-box .s-select::-ms-expand {
  display: none;
}

.f-top .f-search-box .s-input {
  width: 200px;
  height: 30px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  font-family: inherit;
  margin-left: -5px;
  font-size: 1.4rem;
  padding: 4px 0 0 10px;
  color: #ffffff;
}

.f-top .f-search-box .s-input::placeholder {
  color: #fff;
  font-family: "Hoefler Text";
  opacity: 1;
}

@media (max-width: 1023px) {
  .f-top .f-search-box .s-input {
    width: 170px;
  }
}

.f-top .f-search-box .s-btn {
  position: absolute;
  top: 6px;
  right: 2px;
  background-color: transparent;
  border: none;
}

.f-top .f-search-box .s-btn .fa-search {
  color: #ffffff;
}

.f-top .copy {
  color: #ffffff;
  text-align: center;
  margin-top: 21px;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .f-top .copy {
    margin-top: 30px;
  }
}


.f-top .search-box-area{
  height: 100%;
  position: relative;
}

.f-top .search-box {
  width: 340px;
  margin: auto;
  position: absolute;
  top: 130px;
  left: 220px;
}

.f-bottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 70px;
  background-color: #432020;
  backdrop-filter: blur(3px);
  background: linear-gradient(to top, #432020 5%, rgba(26, 12, 12, 0.15));
  z-index: 400;
}

.f-bottom .inner {
  padding: 15px 30px;
  display: flex;
  max-width: 1920px;
}



.f-bottom .inner .ec-headerNav {
  line-height: 40px;
}


.f-bottom .loginbtn {
  color: #ffffff;
  line-height: 75px;
  font-size: 1.4rem;
  font-family: "Hoefler Text";
  margin-right: 40px;
  position: relative;
  z-index: 2;
}

@media (max-width: 414px) {
  .f-bottom .loginbtn {
    margin-right: 30px;
  }
}



/* カートボタン */
.f-bottom .cart {
  position: relative;
  z-index: 2;
}

.ec-headerRole__cart {
  width: 50px;
}

.ec-cartNavi {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  z-index: 450;
  max-width: 45px;
  min-width: 45px;
  padding: 12px 0 10px 8px;
  margin-left: 20px;
  border-radius: 3em;
}

.ec-cartNavi .ec-cartNavi__badge {
  display: inline-block;
  min-width: 17px;
  position: relative;
  left: -5px;
  top: -10px;
}

@media (max-width: 767px) {
  .f-bottom .inner {
    padding: 15px 5px 15px 5px;
  }
  .ec-cartNavi {
    margin-left: 0px;
    padding: 0;
    border-radius: 50%;
    width: 50px;
    height: 43px;

  }
  .ec-cartNavi .ec-cartNavi__icon {
    top: 15px;
    left: 9px;
  }
  .ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    min-width: 17px;
    position: relative;
    left: 15px;
    top: -30px;
  }
}


@media (max-width: 414px) {
  .ec-cartNavi {
    padding: 0;
  }
}





.ec-headerNav .ec-headerNav__itemLink {
  color: #ffffff;
}

.f-bottom .cart:after {
  content: "1";
  position: absolute;
  top: -8px;
  right: -17px;
  color: #432020;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
}

.f-bottom .fa-shopping-cart {
  color: #ffffff;
}


/* ★P_ectop.page */

.ectop-page .header .inner {
  padding: 19px 30px;
}

.ectop-page .header .h-ttl {
  font-size: 4.2rem;
}

@media (max-width: 767px) {
  .ectop-page .header .h-ttl {
    font-size: 4rem;
  }
}

@media (max-width: 414px) {
  .ectop-page .header .h-ttl {
    font-size: 3rem;
  }
}

.ectop-page .header .hamburger.fix {
  top: 25px;
}

@media (max-width: 414px) {
  .ectop-page .header .hamburger.fix {
    right: 30px;
    top: 20px;
  }
}

.ectop-page .mv {
  position: relative;
}

.ectop-page .mv .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.ectop-page .mv .mv-img {
  height: 400px;
  background-image: url(/img/top-img20_small.jpg);
}

@media (max-width: 414px) {
  .ectop-page .mv .mv-img {
    height: 300px;
  }
}

.ectop-page .mv .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .ectop-page .mv .sec-ttl-box {
    top: 48%;
  }
}

@media (max-width: 414px) {
  .ectop-page .mv .sec-ttl-box {
    top: 45%;
  }
}

.ectop-page .mv .sec-ttl-box .sec-ttl {
  font-size: 2.8rem;
  margin-bottom: 13px;
  font-weight: normal;
}

@media (max-width: 414px) {
  .ectop-page .mv .sec-ttl-box .sec-ttl {
    font-size: 2.6rem;
  }
}

.ectop-page .mv .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

@media (max-width: 414px) {
  .ectop-page .mv .sec-ttl-box .sec-ttl-sub {
    font-size: 1.7rem;
  }
}

.ectop-page .footer {
  height: 460px;
}

@media (max-width: 767px) {
  .ectop-page .footer {
    height: 500px;
  }
}

.ectop-page .f-bottom {
  height: 60px;
  background: linear-gradient(to top, #361313 100%, rgba(54, 19, 19, 0));
}

/* ☆S_ectop-lead */

.ectop-lead .inner {
  padding: 50px 30px;
}

@media (max-width: 414px) {
  .ectop-lead .inner {
    padding: 50px 15px;
  }
}

.ectop-lead .ectop-lead-txt {
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.ectop-lead .ectop-lead-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2) * 0.5em);
}

.newProduct {
  margin-bottom: 50px;
}

.newProduct .inner {
  padding: 0px 30px 30px;
}

@media (max-width: 414px) {
  .newProduct .inner {
    padding: 0px 15px 30px;
  }
}

@media (max-width: 767px) {
  .newProduct .sec-ttl2 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .newProduct .sec-ttl2:after {
    top: 12px;
  }
}

@media (max-width: 767px) {
  .newProduct .sec-ttl2:before {
    top: 12px;
  }
}

.newProduct .newProduct-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #432020;
}

@media (max-width: 767px) {
  .newProduct .newProduct-list {
    display: block;
    text-align: center;
  }
}

.newProduct .newProduct-item {
  width: 31.194%;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .newProduct .newProduct-item {
    width: 100%;
  }
}

.newProduct .newProduct-item .newProduct-name {
  padding: 20px 0 17px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  border-bottom: 1px solid #432020;
}

.newProduct .newProduct-item .newProduct-name::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
}

.newProduct .newProduct-item .newProduct-price-flex {
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newProduct .newProduct-item .newProduct-price-flex .newProduct-price {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.newProduct .newProduct-item .newProduct-price-flex .sm {
  font-size: 1.2rem;
  font-weight: normal;
}

.newProduct .newProduct-item .newProduct-price-flex .newProduct-price-detail {
  font-size: 1.2rem;
  background-color: #ffffff;
  padding: 9px 20px;
  color: #592e15;
  transition: background-color 0.3s;
}

.newProduct .newProduct-item .newProduct-price-flex .newProduct-price-detail:hover {
  background-color: #9F8983;
  color: #ffffff;
}

.newProduct .btn {
  color: #432020;
  border: 1px solid #432020;
  padding-left: 64px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  margin-top: 23px;
}

.newProduct .btn:before {
  background-color: #432020;
  right: 64px;
}

.newProduct .btn:after {
  background-color: #432020;
  right: 64px;
}

.ectopLineup .inner {
  padding: 0 30px 79px;
}

@media (max-width: 767px) {
  .ectopLineup .inner {
    padding: 0 30px 60px;
  }
}

@media (max-width: 414px) {
  .ectopLineup .inner {
    padding: 0 15px 60px;
  }
}

@media (max-width: 767px) {
  .ectopLineup .sec-ttl2 {
    font-size: 2.8rem;
    margin-bottom: 30;
  }
}

@media (max-width: 767px) {
  .ectopLineup .sec-ttl2:after {
    top: 12px;
  }
}

@media (max-width: 767px) {
  .ectopLineup .sec-ttl2:before {
    top: 12px;
  }
}

.ectopLineup-flex {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
  border-bottom: 1px solid #432020;
  margin-bottom: 50px;
}

.ectopLineup-flex:nth-child(6) {
  margin-bottom: 38px;
}

@media (max-width: 767px) {
  .ectopLineup-flex {
    display: block;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}

.ectopLineup-img {
  width: 41.285%;
}

@media (max-width: 767px) {
  .ectopLineup-img {
    width: 100%;
  }
}

.ectopLineup-item {
  flex-grow: 1;
  color: #432020;
  padding-left: 32px;
}

@media (max-width: 767px) {
  .ectopLineup-item {
    padding-left: 0;
  }
  .ectopLineup-item h4 {
    margin-top: 20px;
  }
}

@media (max-width: 414px) {
  .ectopLineup-item {
    padding-left: 15px;
  }
}

.ectopLineup-item .ectopLineup-ttl {
  margin-bottom: 20px;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  font-size: 18px;
}


@media (max-width: 414px) {
  .ectopLineup-item .ectopLineup-ttl {
    margin-top: 20px;
  }
}

.ectopLineup-item .ectopLineup-price {
  font-size: 2.6rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  font-weight: bold;
  margin-bottom: 29px;
}

.ectopLineup-item .sm {
  font-size: 1.4rem;
  font-weight: normal;
}

.ectopLineup-item .ectopLineup-desc {
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 15px;
  border-top: 1px solid #C5B4AB;
  border-bottom: 1px solid #C5B4AB;
  padding-top: 15px;
  padding-bottom: 15px;
}

.ectopLineup-item .ectopLineup-desc::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
}

.ectopLineup-item .ectopLineup-feature {
  font-size: 2rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 20px;
}

.ectopLineup-item .ectopLineup-feature-txt {
  font-size: 1.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 19px;
  line-height: 2;
}

.ectopLineup-item .ectopLineup-feature-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2) * 0.5em);
}

.ectopLineup-item .ectopLineup-feature-list dl {
  width: 100%;
}

.ectopLineup-item .ectopLineup-feature-list dt {
  float: left;
  margin-right: 15px;
  font-size: 1.4rem;
}

.ectopLineup-item .ectopLineup-feature-list dt.taste-ttl {
  line-height: 20px;
}

.ectopLineup-item .ectopLineup-feature-list dd {
  font-size: 1.4rem;
}

.ectopLineup-item .ectopLineup-feature-list dd.taste-box {
  width: 200px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  position: relative;
}

.ectopLineup-item .ectopLineup-feature-list dd.taste-box:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}

/* ☆特徴味チャート */

/* 酸味 */
.ectopLineup-item .ectopLineup-feature-list dd.taste-box1:after {
  top: 7px;
  left: 16px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box1-2:after {
  top: 7px;
  left: 57px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box1-3:after {
  top: 7px;
  left: 97px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box1-4:after {
  top: 7px;
  left: 137px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box1-5:after {
  top: 7px;
  left: 177px;
}


/* 苦味 */
.ectopLineup-item .ectopLineup-feature-list dd.taste-box2:after {
  top: 7px;
  left: 16px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box2-2:after {
  top: 7px;
  left: 57px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box2-3:after {
  top: 7px;
  left: 97px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box2-4:after {
  top: 7px;
  left: 137px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box2-5:after {
  top: 7px;
  left: 177px;
}

/* 甘み */
.ectopLineup-item .ectopLineup-feature-list dd.taste-box3:after {
  top: 7px;
  left: 16px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box3-2:after {
  top: 7px;
  left: 57px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box3-3:after {
  top: 7px;
  left: 97px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box3-4:after {
  top: 7px;
  left: 137px;
}
.ectopLineup-item .ectopLineup-feature-list dd.taste-box3-5:after {
  top: 7px;
  left: 177px;
}




.ectopLineup-item .ectopLineup-feature-list dd.roasting {
  margin-bottom: 17px;
}

.ectopLineup-item .ectopLineup-feature-list dd.howtodrink {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .ectopLineup-item .ectopLineup-feature-list dd.howtodrink {
    margin-bottom: 30px;
  }
}

.ectopLineup-item .ectopLineup-feature-list dl::after {
  content: "";
  display: block;
  clear: both;
}

.ectopLineup-item .ectopLineup-feature-list .taste {
  flex-grow: 1;
}

.ectopLineup-item .ectopLineup-feature-list .taste1 {
  background-color: rgba(67, 32, 32, 0.3);
}

.ectopLineup-item .ectopLineup-feature-list .taste2 {
  background-color: rgba(67, 32, 32, 0.5);
}

.ectopLineup-item .ectopLineup-feature-list .taste3 {
  background-color: rgba(67, 32, 32, 0.6);
}

.ectopLineup-item .ectopLineup-feature-list .taste4 {
  background-color: rgba(67, 32, 32, 0.8);
}

.ectopLineup-item .ectopLineup-feature-list .taste5 {
  background-color: #432020;
}

.ectopLineup-item .more-btn {
  font-size: 1.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  padding: 8px 67px 8px 66px;
  color: #8D756F;
  background-color: #ffffff;
  transition: background-color 0.5s;
}

.ectopLineup-item .more-btn:hover {
  font-size: 1.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  padding: 8px 67px 8px 66px;
  color: #ffffff;
  background-color: #8D756F;
}

@media (max-width: 767px) {
  .ectopLineup-item .more-btn {
    display: block;
    width: 288px;
    padding: 8px 0;
    margin: 0 auto;
    text-align: center;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
}

.pagination .page-bumbers {
  margin: 0 20px;
}

.pagination .page-bumbers .page-number {
  color: #bca6a6;
}

.pagination .page-bumbers .current {
  color: #432020;
}

.pagination .page-back {
  margin-left: 5px;
}

.pagination .page-next {
  margin-right: 5px;
}

/* ★P_club */

.club-page .header .inner {
  padding: 19px 30px;
}

.club-page .header .h-ttl {
  font-size: 4.2rem;
}

@media (max-width: 767px) {
  .club-page .header .h-ttl {
    font-size: 4rem;
  }
}

@media (max-width: 414px) {
  .club-page .header .h-ttl {
    font-size: 3rem;
  }
}

.club-page .header .hamburger.fix {
  top: 25px;
}

@media (max-width: 414px) {
  .club-page .header .hamburger.fix {
    right: 30px;
    top: 20px;
  }
}

.club-page .mv {
  position: relative;
}

.club-page .mv .mv-img {
  height: 400px;
  background-image: url(/img/top-img20_small.jpg);
}

@media (max-width: 414px) {
  .club-page .mv .mv-img {
    height: 300px;
  }
}

.club-page .mv .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .club-page .mv .sec-ttl-box {
    top: 48%;
  }
}

@media (max-width: 414px) {
  .club-page .mv .sec-ttl-box {
    top: 45%;
  }
}

.club-page .mv .sec-ttl-box .sec-ttl {
  font-size: 2.8rem;
  margin-bottom: 13px;
  font-weight: normal;
}

@media (max-width: 414px) {
  .club-page .mv .sec-ttl-box .sec-ttl {
    font-size: 2.6rem;
  }
}

.club-page .mv .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: toppan-bunkyu-midashi-go;
}

@media (max-width: 414px) {
  .club-page .mv .sec-ttl-box .sec-ttl-sub {
    font-size: 1.6rem;
  }
}

.club-page .footer {
  height: 460px;
}

@media (max-width: 767px) {
  .club-page .footer {
    height: 500px;
  }
}

.club-page .f-bottom {
  height: 60px;
  background: linear-gradient(to top, #361313 100%, rgba(54, 19, 19, 0));
}

.aboutClub .inner {
  padding: 50px 30px 80px;
}

@media (max-width: 767px) {
  .aboutClub .inner {
    padding: 50px 30px 60px;
  }
}

@media (max-width: 414px) {
  .aboutClub .inner {
    padding: 50px 15px 60px;
  }
}

.aboutClub .aboutClub-lead {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 49px;
  line-height: 1.4;
}

.aboutClub .aboutClub-flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .aboutClub .aboutClub-flex {
    display: block;
  }
}

.aboutClub .aboutClub-img {
  width: 58.716%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .aboutClub .aboutClub-img {
    width: 100%;
  }
}

.aboutClub .aboutClub-flex-right {
  padding: 48px 50px;
  width: 42%;
  background-color: #fff;
}

@media (max-width: 1150px) {
  .aboutClub .aboutClub-flex-right {
    padding: 30px 30px 28px 28px;
  }
}

@media (max-width: 1023px) {
  .aboutClub .aboutClub-flex-right {
    padding: 30px 30px;
  }
}

@media (max-width: 767px) {
  .aboutClub .aboutClub-flex-right {
    width: 100%;
  }
}

.aboutClub .aboutClub-flex-right .aboutClub-ttl {
  font-size: 2.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 30px;
  font-weight: normal;
  color: #592e15;
}

@media (max-width: 1023px) {
  .aboutClub .aboutClub-flex-right .aboutClub-ttl {
    font-size: 2.2rem;
  }
}

.aboutClub .aboutClub-flex-right .aboutClub-txt {
  font-size: 1.2rem;
  line-height: 1.8;
}

.aboutClub .aboutClub-flex-right .aboutClub-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}

@media (max-width: 1150px) {
  .aboutClub .aboutClub-flex-right .aboutClub-txt {
    line-height: 1.7;
  }

  .aboutClub .aboutClub-flex-right .aboutClub-txt::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
  }
}

@media (max-width: 1023px) {
  .aboutClub .aboutClub-flex-right .aboutClub-txt {
    line-height: 1.8;
  }

  .aboutClub .aboutClub-flex-right .aboutClub-txt::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}

.clubLineup .inner {
  padding: 0 30px;
}

@media (max-width: 414px) {
  .clubLineup .inner {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .clubLineup .sec-ttl2 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .clubLineup .sec-ttl2:after {
    top: 12px;
  }
}

@media (max-width: 767px) {
  .clubLineup .sec-ttl2:before {
    top: 12px;
  }
}

.clubLineup .clubLineup-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #432020;
}

@media (max-width: 767px) {
  .clubLineup .clubLineup-list {
    display: block;
  }
}

.clubLineup .clubLineup-item {
  width: 31.194%;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .clubLineup .clubLineup-item {
    width: 100%;
  }
}

.clubLineup .clubLineup-item .clubLineup-name {
  padding: 20px 0 17px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7;
  font-family: "ヒラギノ角ゴ ProN W3";
  border-bottom: 1px solid #432020;
}

.clubLineup .clubLineup-item .clubLineup-name::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
}

.clubLineup .clubLineup-item .clubLineup-price-flex {
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.clubLineup .clubLineup-item .clubLineup-price-flex .clubLineup-price {
  font-size: 1.8rem;
  font-weight: bold;
}

.clubLineup .clubLineup-item .clubLineup-price-flex .sm {
  font-size: 1.2rem;
  font-weight: normal;
}

.clubLineup .clubLineup-item .clubLineup-price-flex .clubLineup-price-detail {
  font-size: 1.2rem;
  background-color: #ffffff;
  padding: 9px 20px;
  color: #592e15;
}

.clubLineup .btn {
  color: #432020;
  border: 1px solid #432020;
  padding-left: 64px;
  font-size: 1.8rem;
  display: block;
  margin: 0 auto;
  margin-top: 23px;
}

.clubLineup .btn:before {
  background-color: #432020;
  right: 64px;
}

.clubLineup .btn:after {
  background-color: #432020;
  right: 64px;
}

.resisterClub .inner {
  padding: 0px 30px 50px;
}

@media (max-width: 414px) {
  .resisterClub .inner {
    padding: 0px 15px 50px;
  }
}

.resisterClub .resisterClub-lead {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 49px;
}

.resisterClub .resisterClub-flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .resisterClub .resisterClub-flex {
    display: block;
  }
}

.resisterClub .resisterClub-img {
  width: 58.716%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .resisterClub .resisterClub-img {
    width: 100%;
  }
}

.resisterClub .resisterClub-flex-right {
  padding: 48px 50px 0;
  background-color: #fff;
}

@media (max-width: 1023px) {
  .resisterClub .resisterClub-flex-right {
    padding: 30px;
  }
}

.resisterClub .resisterClub-flex-right .resisterClub-ttl {
  font-size: 2.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 30px;
  font-weight: normal;
  color: #592e15;
}

@media (max-width: 1023px) {
  .resisterClub .resisterClub-flex-right .resisterClub-ttl {
    font-size: 2.2rem;
  }
}

.resisterClub .resisterClub-flex-right .resisterClub-txt {
  font-size: 1.2rem;
  line-height: 1.8;
}

.resisterClub .resisterClub-flex-right .resisterClub-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}

.resisterClub .resisterClub-flex-right .btn {
  width: 97.144%;
  color: #432020;
  border: 1px solid #432020;
  font-size: 1.6rem;
  margin-top: 23px;
  padding-left: 18.29%;
}

@media (max-width: 1023px) {
  .resisterClub .resisterClub-flex-right .btn {
    font-size: 1.4rem;
    padding-left: 18px;
    width: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 23px;
  }
}

.resisterClub .resisterClub-flex-right .btn:before {
  background-color: #432020;
  right: 64px;
}

@media (max-width: 1100px) {
  .resisterClub .resisterClub-flex-right .btn:before {
    right: 30px;
  }
}

@media (max-width: 1023px) {
  .resisterClub .resisterClub-flex-right .btn:before {
    right: 19px;
  }
}

.resisterClub .resisterClub-flex-right .btn:after {
  background-color: #432020;
  right: 64px;
}

@media (max-width: 1100px) {
  .resisterClub .resisterClub-flex-right .btn:after {
    right: 29px;
  }
}

@media (max-width: 1023px) {
  .resisterClub .resisterClub-flex-right .btn:after {
    right: 18px;
  }
}

.howToPay .inner {
  padding: 0 30px 80px;
}

@media (max-width: 767px) {
  .howToPay .inner {
    padding: 0 30px 60px;
  }
}

@media (max-width: 767px) {
  .howToPay .inner {
    padding: 0 15px 60px;
  }
}

@media (max-width: 767px) {
  .howToPay .sec-ttl2 {
    line-height: 1.3;
    font-size: 2.8rem;
  }
}

@media (max-width: 414px) {
  .howToPay .sec-ttl2 {
    font-size: 2.6rem;
  }
}

@media (max-width: 1023px) {
  .howToPay .sec-ttl2:after {
    width: 19%;
  }
}

@media (max-width: 767px) {
  .howToPay .sec-ttl2:after {
    width: 16%;
    top: 31px;
  }
}

@media (max-width: 1023px) {
  .howToPay .sec-ttl2:before {
    width: 19%;
  }
}

@media (max-width: 767px) {
  .howToPay .sec-ttl2:before {
    width: 16%;
    top: 31px;
  }
}

.howToPay-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #9f8983;
  padding: 30px 30px 28px;
  color: #ffffff;
}

@media (max-width: 767px) {
  .howToPay-flex {
    display: block;
  }
}

@media (max-width: 414px) {
  .howToPay-flex {
    padding: 30px 25px 28px;
  }
}

.howToPay-left {
  width: 63.341%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .howToPay-left {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}

.howToPay-left .howToPay-list {
  margin-bottom: 30px;
}

.howToPay-left .howToPay-item {
  line-height: 1.4;
  margin-bottom: 8px;
}

.howToPay-left .howToPay-item::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}

.howToPay-left .howToPay-note {
  line-height: 1.7;
}

.howToPay-left .howToPay-note::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
}

@media (max-width: 767px) {
  .howToPay-left .howToPay-note {
    line-height: 2;
  }

  .howToPay-left .howToPay-note::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 2) * 0.5em);
  }
}

.howToPay-right {
  width: 31.068%;
}

@media (max-width: 767px) {
  .howToPay-right {
    width: 100%;
  }
}

.about-page .header .inner {
  padding: 19px 30px;
}

.about-page .header .h-ttl {
  font-size: 4.2rem;
}

@media (max-width: 767px) {
  .about-page .header .h-ttl {
    font-size: 4rem;
  }
}

@media (max-width: 414px) {
  .about-page .header .h-ttl {
    font-size: 3rem;
  }
}

.about-page .header .hamburger.fix {
  top: 25px;
}

@media (max-width: 414px) {
  .about-page .header .hamburger.fix {
    right: 30px;
    top: 20px;
  }
}

.about-page .mv {
  position: relative;
}

.about-page .mv .mv-img {
  height: 400px;
  background-image: url(/img/top-img20_small.jpg);
}

@media (max-width: 414px) {
  .about-page .mv .mv-img {
    height: 300px;
  }
}

.about-page .mv .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .about-page .mv .sec-ttl-box {
    top: 48%;
  }
}

@media (max-width: 414px) {
  .about-page .mv .sec-ttl-box {
    top: 45%;
  }
}

.about-page .mv .sec-ttl-box .sec-ttl {
  font-size: 2.8rem;
  margin-bottom: 13px;
  font-weight: normal;
  white-space: nowrap;
}

@media (max-width: 414px) {
  .about-page .mv .sec-ttl-box .sec-ttl {
    font-size: 2.6rem;
  }
}

.about-page .mv .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: toppan-bunkyu-midashi-go;
}

@media (max-width: 414px) {
  .about-page .mv .sec-ttl-box .sec-ttl-sub {
    font-size: 1.7rem;
  }
}

.about-page .footer {
  height: 460px;
}

@media (max-width: 767px) {
  .about-page .footer {
    height: 500px;
  }
}

.about-page .f-bottom {
  height: 60px;
  background: linear-gradient(to top, #361313 100%, rgba(54, 19, 19, 0));
}

.aboutLead .inner {
  padding: 50px 30px 55px;
}

@media (max-width: 414px) {
  .aboutLead .inner {
    padding: 50px 15px 55px;
  }
}

.aboutLead .aboutLead {
  text-align: center;
  line-height: 2;
}

.aboutLead .aboutLead::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 2) * 0.5em);
}

@media (max-width: 767px) {
  .aboutLead .aboutLead {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .aboutLead .aboutLead .br-pc {
    display: none;
  }
}

.aboutMain .inner {
  padding: 0 30px 30px;
}

@media (max-width: 767px) {
  .aboutMain .inner {
    padding: 0 30px 10px;
  }
}

@media (max-width: 414px) {
  .aboutMain .inner {
    padding: 0 15px 10px;
  }
}

.aboutMain-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.aboutMain-flex.aboutMain-flex2 {
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .aboutMain-flex.aboutMain-flex2 {
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .aboutMain-flex {
    display: block;
  }
}

.aboutMain-left {
  width: 58.716%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .aboutMain-left {
    width: 100%;
  }
}

.aboutMain-right {
  padding: 48px 50px;
  background-color: #fff;
}

@media (max-width: 1150px) {
  .aboutMain-right {
    padding: 27px 30px;
  }
}

@media (max-width: 1023px) {
  .aboutMain-right {
    padding: 30px;
  }
}

.aboutMain-right .aboutMain-ttl {
  font-size: 2.4rem;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  margin-bottom: 30px;
  font-weight: normal;
  color: #592e15;
}

@media (max-width: 1150px) {
  .aboutMain-right .aboutMain-ttl {
    font-size: 2.2rem;
  }
}

@media (max-width: 1023px) {
  .aboutMain-right .aboutMain-ttl {
    line-height: 1.2;
  }
}

.aboutMain-right .aboutMain-ttl .sm {
  font-size: 1.8rem;
  text-align: right;
  display: inline-block;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .aboutMain-right .aboutMain-ttl .sm {
    font-size: 1.6rem;
  }
}

@media (max-width: 414px) {
  .aboutMain-right .aboutMain-ttl .sm {
    margin-left: 8px;
  }
}

.aboutMain-right .aboutMain-txt {
  font-size: 1.2rem;
  line-height: 1.8;
  font-family: toppan-bunkyu-midashi-go;
}

.aboutMain-right .aboutMain-txt::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}

@media (max-width: 1050px) {
  .aboutMain-right .aboutMain-txt {
    line-height: 1.7;
  }

  .aboutMain-right .aboutMain-txt::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
  }
}

@media (max-width: 1023px) {
  .aboutMain-right .aboutMain-txt {
    line-height: 1.8;
  }

  .aboutMain-right .aboutMain-txt::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}

@media (max-width: 414px) {
  .aboutMain-right .aboutMain-txt .br-pc1 {
    display: none;
  }
}

@media (max-width: 820px) {
  .aboutMain-right .aboutMain-txt .br-pc2 {
    display: none;
  }
}

@media (max-width: 1060px) {
  .aboutMain-right .aboutMain-txt .br-pc3 {
    display: none;
  }
}

.performance .performance-img {
  background-image: url(/img/top-img5.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 300px;
  color: #ffffff;
  position: relative;
}

.performance .sec-ttl-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

@media (max-width: 767px) {
  .performance .sec-ttl-box {
    top: 48%;
  }
}

@media (max-width: 414px) {
  .performance .sec-ttl-box {
    top: 45%;
  }
}

.performance .sec-ttl-box .sec-ttl {
  margin-bottom: 20px;
  font-weight: normal;
}

.performance .sec-ttl-box .sec-ttl-sub {
  font-size: 1.8rem;
  font-family: toppan-bunkyu-midashi-go;
}

.performance .inner {
  padding: 50px 30px 80px;
}

@media (max-width: 767px) {
  .performance .inner {
    padding: 50px 30px 60px;
  }
}

@media (max-width: 414px) {
  .performance .inner {
    padding: 50px 15px 60px;
  }
}

.performance-flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .performance-flex {
    display: block;
    position: relative;
  }
}

.performance-main {
  width: 60%;
  padding-left: 40px;
}

@media (max-width: 767px) {
  .performance-main {
    width: 100%;
  }
}

.performance-main dl {
  position: relative;
}

.performance-main dl:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1300px;
  background-color: #432020;
  left: -30px;
  top: 16px;
}

@media (max-width: 1060px) {
  .performance-main dl:before {
    height: 100%;
  }
}

.performance-main dt {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .performance-main dt {
    font-size: 2.2rem;
  }
}

.performance-main dt:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #432020;
  border-radius: 50%;
  left: -40px;
  top: 6px;
}

@media (max-width: 1023px) {
  .performance-main dt:after {
    top: 0;
  }
}

.performance-main dt:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #432020;
  left: -37px;
  top: 9px;
}



/* ★P＿contact */

.contact_page .ec-contactRole input::placeholder {
  color: #9F8983;
}

.contact_page h2{
  color: #432020;
}
.contact_page p{
  color: #432020;
}



.ec-contactRole {
  color: #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}


.contact_page .ec-layoutRole .ec-layoutRole__main {
  margin-top: 180px;
  margin-bottom: 100px;
}

@media (max-width: 414px) {
  .contact_page .ec-layoutRole .ec-layoutRole__main {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  
}


.contact_page .ec-pageHeader {
  border-top: none;
}


.main-con {
  line-height: 1.8;
}


.contact_page .ec-contactRole h1 {
  text-align: center;
  border-bottom: 1px solid #432020;
}

@media (max-width: 767px) {
  .contact_page .ec-contactRole h1 {
    font-size: 24px;
  }
}

.ec-borderedDefs {
  border-top: 1px solid #9F8983;
}

.ec-borderedDefs dl {
  border-bottom: 1px solid #9F8983;
}



.ec-zipInputHelp .ec-zipInputHelp__icon {
  background-color: #432020;
}



.product_page .ec-layoutRole__main {
  margin-top: 180px;
  margin-bottom: 100px;
}

@media (max-width: 414px) {
  .product_page .ec-layoutRole__main {
    margin-top: 120px;
    margin-bottom: 60px;
  }
}

.ec-contactRole textarea {
  background-color: #FDF5E8;
  border-color: #432020;
}


/* ★P_mypageマイページ */


/* マイページトップ */
.ec-inlineBtn {
  background-color: #9F8983;
  color: #ffffff;
  border: #432020;
}

.ec-historyRole .ec-historyRole__detail {
  border: none;
}

.ec-historyRole .ec-historyRole__contents {
  border-top: none;
  flex-direction: column;
  padding-bottom: 15px;
}

.ec-para-normal {
  text-align: center;
  background-color: #9F8983;
  padding: 10px;
  color: #ffffff !important;;
}

.mypage p {
  color: #432020;
}

.mypage dl {
  color: #432020;
}

.mypage div {
  color: #432020;
}


.mypage h1 {
  text-align: center;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  color: #432020;
}

.mypage .ec-welcomeMsg {
  border-bottom: none;
}

.mypage .ec-layoutRole__contents{
  margin-top: 180px;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .page_container .ec-layoutRole .ec-layoutRole__contents {
    width: 90%;
  }
  .mypage .ec-layoutRole__contents{
    width: 90%;
  }
}



@media (max-width: 414px) {
  .mypage .ec-layoutRole__contents {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}



.mypage .ec-para-normal P {
  color: #ffffff;
}


.mypage .ec-imageGrid {
  border: none;
}

@media (min-width: 1060px) {
  .ec-historyRole__detail {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 120px;
  }
}


.ec-historyRole .ec-historyRole__contents {
 
}

.ec-historyListHeader .ec-historyListHeader__date {
  line-height: 2.0em;
}

.ec-definitions {
  line-height: 2.0em;
  margin-left: 20px;
}

.ec-historyListHeader__date {
  margin-left: 20px;
}

.mypage .definitions_status {
  background-color: #ffffff;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 767px) {
  .mypage .definitions_status {
    margin-top: 0;
    position: absolute;
    top:0;
    right: 0;
  }
  .ec-historyListData {
    display: flex;
    position: relative;
  }

  .ec-historyRole .ec-historyRole__header {
    display: inherit;
  }
  
}
.definitions_status dt {
  line-height: 40px;
}

.ec-historyListHeader {
  height: 40px;
  width: 100%;
}

.ec-historyListData {
  position: relative;
}


.ec-historyRole .ec-historyRole__header {
  width: 100%;
  border-top: 1px solid #432020;
  border-bottom: 1px solid #ccbebb;
  padding: 10px;
}

@media (max-width: 767px) {
  .ec-historyRole .ec-historyRole__header {
    width: 100%;
    border-top: 1px solid #432020;
    border-bottom: 1px solid #ccbebb;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 180px;
  }

  .ec-historyListHeader__date {
    margin-left: 0px;
  }

  .ec-definitions {
    margin-left: 0px;
  }

  .mypage .definitions_status {
    text-align: center;
  }
  

}

.ec-historyRole .ec-historyRole__detail{
  width: 100%;
}

.ec-favoriteRole .ec-favoriteRole__header {
  text-align: center;
}




.ec-navlistRole .ec-navlistRole__navlist {
  border-color: #432020;
}

.ec-navlistRole .ec-navlistRole__item {
  border-color: #432020;
}

.ec-navlistRole .ec-navlistRole__item a {
  color: #432020;
}

.ec-navlistRole .active {
  background-color: #432020;
}


.ec-navlistRole .active a {
  color: #ffffff;
}

.ec-navlistRole .ec-navlistRole__item a:hover {
  background-color: #9F8983;
  color: #ffffff;
}


#page_mypage_change label{
  color: #432020;
}

#page_mypage_delivery_new label {
  color: #432020;
}


.ec-blockBtn {
  color: #432020;
  background-color: #FDF5E8;
  border-color: #432020;
}

.ec-blockBtn:hover {
  color: #ffffff;
  background-color: #9F8983;
  border-color: #432020;
}


.ec-inlineBtn:hover {
  color: #ffffff;
  background-color: #432020;
  border-color: #432020;
}

.mypage .shopListBanner {
  margin-top: 60px;
}

.mypage .shopListBanner p{
  color: #ffffff;
}





/* 会員情報 */
.ec-birth select {
  background-color: #FDF5E8;
  color: #432020;
  border: 1px solid #432020;
}

.ec-reportHeading{
  border-top: none;
}

/* 注文履歴 */
.ec-orderMail .ec-orderMail__link a {
  color: #432020;
}

#page_mypage_history .ec-role {
  max-width: 1130px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#page_mypage_history  .ec-inlineBtn {
  width: 330px;
}


/* ログイン */
.ec-login {
  background: #E0D4C9;
}

.ec-link {
  color: #ffffff;
}


.ec-zipInputHelp span {
  color: #432020;
}

.mypage .ec-input input::placeholder {
  color: #9F8983;
}

.mypage .ec-headerSearch__keyword .ec-input input::placeholder {
  color: #ffffff;
}


.mypage .ec-pageHeader h1 {
  border-bottom: 1px solid #9F8983;
  font-size: 26px;
}


@media (max-width: 414px) {
  .mypage .ec-pageHeader h1 {
    border-bottom: 1px solid #9F8983;
    font-size: 20px;
  }
}


.mypage label {
  color: #ffffff;
}

.mypage .ec-blockBtn--cancel {
  background-color: #432020;
  border-color: #432020;
}



#page_mypage_login .ec-grid2__cell {
  margin-top: 30px;
  text-align: center;
}

.ec-login .ec-login__actions {
  color: #fff;
  margin: 0 auto;
  max-width: 300px;
  border-radius: 3em;
}

.ec-login {
  padding: 60px 13% 60px;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.mypage .ec-login__actions .ec-blockBtn--cancel {
  background-color: #432020;
  border-color: #9F8983;
  border-radius: 3em;
}

.ec-checkbox {
  text-align: center;
}


.ec-login .ec-login__input {
  margin-bottom: 30px;
}

.ec-login .ec-checkbox label {
  color: #432020;
}

/* ログインゲスト */

#page_shopping_login .ec-grid3 {
  max-width: 960px;
  margin: 0 auto;
}

#page_shopping_login .ec-layoutRole__main {
  margin-top: 0;
}

.ec-guest {
  background: #432020;
}

.ec-guest p{
  color: #ffffff;
}

.ec-login .ec-login__link {
  text-align: center;
  
}

.ec-login .ec-login__link .ec-link {
  color: #432020;
}


/* ★P_registration_page新規登録 */

.registration_page .ec-layoutRole__main {
  margin-top: 180px;
  margin-bottom: 100px;
}
@media (max-width: 414px) {
  .registration_page .ec-layoutRole__main {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.registration_page .registerRole {
  color: #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.registration_page h1 {
  text-align: center;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  font-size: 26px;
  color: #432020;
}

.registration_page .ec-borderedDefs dt {
  padding-top: 14px;
  width: 30%;
  color: #432020;
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
}

.registration_page .registerRole input::placeholder {
  color: #9F8983;
}


.registration_page .ec-halfInput input::placeholder {
  color: #9F8983;
}

.registration_page .ec-telInput input::placeholder {
  color: #9F8983;
}

.registration_page .ec-zipInput input::placeholder {
  color: #9F8983;
}

.registration_page .ec-zipInput span {
  color: #432020;
}

.registration_page .ec-radio label {
  color: #432020;
}

.registration_page .ec-borderedDefs .ec-input input::placeholder {
  color: #9F8983;
}

.registration_page .ec-birth select {
  background-color: #FDF5E8;
  border: 1px solid #432020;
}


.ec-checkbox {
  margin-bottom: 20px;
}

.ec-checkbox .ec-link {
  color: #432020;
}

.ec-checkbox label {
  color: #432020;
}

.ec-checkbox input {
  margin-bottom: 3px;
}

.registration_page .ec-blockBtn--cancel {
  background-color: #FDF5E8;
  border: 1px solid #9F8983;
  color: #432020;
}

.registration_page .ec-blockBtn--cancel:hover {
  background-color: #9F8983;
  border: 1px solid #9F8983;
  color: #FDF5E8;
}

.registration_page p {
 color: #432020;
}


.ec-reportHeading h2 {
  color: #432020;
}

/* ★P_その他 */


/* ご利用ガイド */
.page_help_guide .ec-role {
  padding-bottom: 80px;
}
.section_guide {
  border-bottom: 1px solid #9f8983;
  max-width: 960px;
  margin: 0 auto;
}

.section_guide .inner {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section_guide a{
  color: #9F8983;
  text-decoration: underline;
}

.section_guide p {
  line-height: 1.6em;
}

.section_guide ul{
  margin-top: 15px;
  margin-bottom: 15px;
}

.section_guide ol{
  margin-top: 15px;
  margin-bottom: 30px;
  border-left: 1px solid #432020;
  padding-left: 20px;
}

.section_guide ol span{
  font-size: 12px;
}



.section_guide li {
  color: #432020;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 5px;
  
}

.section_guide h3 {
  color: #432020;
  font-weight: bold;
  margin-bottom: 15px;
}

.section_guide .destination {
  background-color: #9f8983;
  padding: 40px;
  color: #ffffff;

}

.section_guide .destination h2 {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.section_guide .destination p {
  color: #ffffff;
  font-size: 14px;
}

.section_guide .customerdata {
  background-color: #ffffff;
  padding: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.section_guide article {
  /* background-color: #ffffff; */
  padding: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid#9f8983;

}

/* 利用規約 */

#page_help_agreement p {
  line-height: 1.6em;
  margin-bottom: 50px;
}

#page_help_agreement .ec-off1Grid__cell {

}

@media (max-width: 414px) {
  #page_help_agreement .ec-off1Grid__cell {
    max-width: 100%;
    margin: 15px;
  }
}



/* 特定商取引に関する表記 */

.page_help_tradelaw  .ec-off1Grid {
  padding-bottom: 80px;
}

.page_help_tradelaw dl {
  padding: 15px
}
.page_help_tradelaw dt{
  color: #432020;
  padding-top: 0;
}

.page_help_tradelaw dd{
  color: #432020;
  line-height: 1.4em;
  font-size: 14px;
  margin: auto;
}

.page_help_tradelaw label {
  margin-bottom: 0;
}

.page_help_tradelaw section {
  max-width: 960px;
  margin: 0 auto;
}




/* ★P_cartカート */


.ec-progress .is-complete .ec-progress__number {
  background: #432020;
}

.ec-progress .is-complete .ec-progress__label {
  color: #432020;
}

.ec-progress .ec-progress__item:after  {
  background: #9F8983;
}

.ec-progress .ec-progress__number{
  background: #9F8983;
}

.ec-progress .ec-progress__label {
  color: #9F8983;
}


.ec-progress .ec-progress__number {
  line-height: 40px;
  width: 80px;
  height: 40px;
  font-size: 20px;
  border-radius: 0;
}

@media (max-width: 414px) {
  .ec-progress .ec-progress__number {
    width: calc(100% - 10px);
  }
  
}

.ec-cartHeader .ec-cartHeader__label {
  background: #9F8983;
  color: #ffffff;
}

.ec-cartRow__name a {
  color: #432020;
}

.ec-cartRow__unitPrice {
  color: #432020;
  font-size: 24px;
  font-weight: normal;
}

.ec-cartRow__sutbtotal {
  color: #432020;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  background: #9F8983;
  border: none;
  color: #ffffff;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  background: #9F8983;
  border: none;
  color: #ffffff;
}

.ec-cartRow__amount {
  color: #432020;
}

.ec-cartRole__total {
  color: #432020;
}

.ec-cartRole .ec-cartRole__totalAmount {
  color: #432020;
}

.cart_page .ec-blockBtn--cancel {
  background: #9F8983;
  border: none;
  color: #ffffff;
}

.ec-rectHeading h2 {
  background: #9F8983;
  color: #ffffff;
  margin-bottom: 15px;
}

.ec-orderRole__detail p {
  color: #432020;
}

.ec-orderPayment, .ec-orderDelivery {
  margin-bottom: 30px;
}

.ec-orderDelivery__title {
  color: #432020;
}

.ec-select label {
  color: #432020;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
  color: #9F8983;
}


.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
  color: #432020;
}

.ec-cartRow__sutbtotalSP {
  color: #432020;
}

/* カートゲスト */
#page_shopping_nonmember label {
  color: #432020;
}


#page_shopping_nonmember .ec-zipInput input::placeholder{
  color: #9F8983;
}
#page_shopping_nonmember .ec-halfInput input::placeholder{
  color: #9F8983;
}
#page_shopping_nonmember .ec-telInput input::placeholder{
  color: #9F8983;
}




/* カートプレビュー */

.ec-cartNaviIsset__cartContentTitle {
  font-family: 'ToppanBunkyuMinchoPr6N-Regular';
  line-height: 1.2em;
}

.ec-font-size-1 {
  margin-top: 10px;
}

.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice {
  font-size: 20px;
  margin-bottom: 10px;
}

.ec-cartNaviNull {
  top: -140px;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .ec-cartNaviNull {
    top: -80px;
  }
}


.ec-cartNaviNull:before {
 border: none;
}

.ec-cartNaviIsset {
  bottom: 60px;
  background-color: #ffffff;
  min-width: 320px;
  /* max-width: 320px; */

}

.ec-cartNaviIsset:before {
  bottom: -9px;
  right: 5px;
  position: absolute;
  top: inherit;
  transform: rotateZ(180deg);
  border-color: transparent transparent #ffffff transparent;
}
.ec-cartNaviIsset__cartarea {
  overflow: scroll;
  bottom: 200px;
  max-height: calc(100vh - 330px);
  max-height: 380px;
}
@media (min-width: 768px) {
  .ec-cartNaviIsset.is-active {
    display: block;
    height: 400px;
    left: -150px;
    top: -440px;
    
  }

  .ec-cartNaviNull{
    left: -150px;
  }

.ec-cartNaviIsset.is-active:before {
  /* right: 5px;
  position: absolute;
  top: 880px;
  transform: rotateZ(180deg);
  border-color: transparent transparent #000000 transparent; */
}
.ec-cartNaviIsset__cartarea {
  overflow: scroll;
  bottom: 200px;
  max-height: calc(100vh - 330px);
  max-height: 220px;
}


}

  @media (max-width: 767px) {
  .ec-cartNaviIsset.is-active {
      display: block;
      /* position: fixed; */
      bottom: 200px;
      max-height: calc(100vh - 210px);
      height: calc(100vh - 210px);
  }

  .ec-cartNaviIsset.is-active .ec-cartNaviIsset__action {
    position: fixed;
    width: 90%;
    bottom: 75px;
    left: calc((100vw - 90vw) / 2);}
}


@media (max-width: 767px) {
  /* .is-active-cart {
    background-color: #fdf5e8;
} */
}


 /* カートのトグル */
 .is-active-cart {
  opacity: 0.1;
}

.is-active-cart-f {
  opacity: 0.1;
}


@media (max-width: 767px) {
  .is-active-cart {
    opacity: 0.1;
}
}

@media (max-width: 767px) {
  .is-activenone-cart {
    opacity: 1.0;
}
}




/* ショッピング */
.page_container .ec-orderRole__detail {
  padding-bottom: 80px;
}


.ec-totalBox {
  background: #ffffff;
}

.ec-totalBox dl {
  color: #432020;
}

.ec-totalBox dd {
  color: #432020;
}


.ec-totalBox .ec-totalBox__total {
  border-top: 1px solid #9F8983;
}

.ec-orderRole {
  color: #432020;
}

.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
  color: #432020;}

.ec-blockBtn--cancel {
  background: #9F8983;
  border: none;
}

#page_shopping .ec-inlineBtn {
  background: #9F8983;
  border: none;
  color: #ffffff;
}


/* ★P_forgotパスワード再発行 */

.ec-borderedDefs dl {
  color: #432020;
}

.page_forgot .ec-input input::placeholder{
  color: #9F8983;
}

.ec-login__input p {
  text-align: center;
}

.ec-halfInput{
  width:50%;
  padding-right:20px;
  float:left;
}

.ec-halfInput input{
  width:100% !important;
}