main,
main input,
main textarea,
main select,
main button {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
main {
  color: #444;
  background: #fff;
  font-size: 16px;
  line-height: 1.7;
  word-break: break-all;
}
main a {
  color: #414141;
  text-decoration: none;
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
main {
  display: block;
}
.outer-block {
  min-width: 100%;
}
.inner-block {
  position: relative;
  max-width: 1150px;
  width: 100%;
  padding: 0 20px;
}
/* #wrapper {
  position: relative;
  overflow: hidden;
} */
main sup {
  vertical-align: baseline;
  font-size: 70%;
}
.ib {
  display: inline-block;
}
.c-svg {
  display: inline-block;
  fill: currentColor;
  vertical-align: top;
}
.c-mincho {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
}
.js-img-bg {
  background: no-repeat center center/cover;
  width: 100%;
}
.right {
  text-align: right;
}
main {
  padding-top: 82px;
}
.head-info-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #b30030;
}
.head-info-area .txt {
  color: #fff;
  font-size: 16px;
  padding: 18px 0;
}
.head-info-area a {
  display: block;
  text-align: center;
}
.c-bnr-block {
  padding-top: 150px;
}
.c-bnr-block .c-bnr {
  display: block;
}
.c-bnr {
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-bnr img {
  width: 100%;
}
.c-cat {
  color: #b30030;
  display: inline-block;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
}
.c-cat:not(:first-child) {
  margin-left: 10px;
}
.c-cat sup {
  font-size: 10px;
  line-height: 1;
  vertical-align: baseline;
}
.c-cat.square {
  background: #fff !important;
  border-radius: 0;
  border: 1px solid #414141;
  color: #414141;
}
.c-movie {
  position: relative;
}
.c-movie img {
  margin: 0;
}
.c-movie .mv_style_a2 {
  width: 100%;
  height: 282px;
}
.c-star-rating {
  color: #c8c8c8;
  display: inline-block;
  position: relative;
  z-index: 0;
  white-space: nowrap;
  font-size: 16px;
}
.c-star-rating::before,
.c-star-rating::after {
  content: "★★★★★";
}
.c-star-rating::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffac00;
}
.c-star-rating[data-rate="5"]:after {
  width: 100%;
}
.c-star-rating[data-rate="4.5"]:after {
  width: 90%;
}
.c-star-rating[data-rate="4"]:after {
  width: 80%;
}
.c-star-rating[data-rate="3.5"]:after {
  width: 70%;
}
.c-star-rating[data-rate="3"]:after {
  width: 60%;
}
.c-star-rating[data-rate="2.5"]:after {
  width: 50%;
}
.c-star-rating[data-rate="2"]:after {
  width: 40%;
}
.c-star-rating[data-rate="1.5"]:after {
  width: 30%;
}
.c-star-rating[data-rate="1"]:after {
  width: 20%;
}
.c-star-rating[data-rate="0.5"]:after {
  width: 10%;
}
.c-star-rating[data-rate="0"]:after {
  width: 0%;
}
.c-bg-area {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.c-bg-area::before,
.c-bg-area::after {
  background: #ebe6e1;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
}
.c-bg-area::before {
  border-radius: 0 0 0 80px;
  width: calc(100% - 80px);
  right: 0;
}
.c-bg-area::after {
  width: 1000px;
  left: calc(100% - 1px);
}
.c-paging-area {
  clear: both;
  margin: 60px auto 0;
  position: relative;
  text-align: center;
}
.c-paging-area .page-numbers {
  background: #fff;
  color: #cecece;
  display: inline-block;
  font-weight: bold;
  line-height: 38px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  margin: 0 7px;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 28px;
  vertical-align: middle;
}
.c-paging-area .page-numbers.current {
  background: #cecece;
  color: #fff;
}
.c-paging-area .page-numbers.dots {
  border: none;
  background: none;
}
.c-paging-area .page-numbers.dots .dot {
  background: #414141;
  border-radius: 50%;
  display: inline-block;
  width: 3px;
  height: 3px;
}
.c-paging-area .page-numbers.disable {
  display: none;
}
.c-paging-area .page-numbers.next,
.c-paging-area .page-numbers.prev {
  position: relative;
}
.c-paging-area .page-numbers.next::before,
.c-paging-area .page-numbers.prev::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  height: 15px;
  margin: auto;
  content: "";
  background: url(/img/common/arrow-next.png) no-repeat center center;
  background-size: contain;
}
.c-paging-area .page-numbers.next-all,
.c-paging-area .page-numbers.prev-all {
  position: relative;
}
.c-paging-area .page-numbers.next-all::before,
.c-paging-area .page-numbers.prev-all::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 15px;
  margin: auto;
  content: "";
  background: url(/img/common/arrow-next-all.png) no-repeat center center;
  background-size: contain;
}
.c-paging-area .page-numbers.prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c-paging-area .page-numbers.prev-all::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c-pagenation-area {
  clear: both;
  margin: 40px auto 0;
  position: relative;
  text-align: center;
}
.c-pagenation-area .page-numbers {
  display: inline-block;
  font-weight: bold;
  line-height: 36px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  margin: 0 7px;
  text-align: center;
  width: 34px;
  height: 34px;
  font-size: 19px;
  vertical-align: middle;
  border-radius: 50%;
}
.c-pagenation-area .page-numbers.current {
  color: #b30030;
  border: 1px solid #b30030;
}
.c-pagenation-area .page-numbers.dots {
  border: none;
  background: none;
}
.c-pagenation-area .page-numbers.dots .dot {
  border-radius: 50%;
  display: inline-block;
  width: 3px;
  height: 3px;
}
.c-pagenation-area .page-numbers.disable {
  display: none;
}
.c-pagenation-area .page-numbers.next,
.c-pagenation-area .page-numbers.prev {
  position: relative;
  background: transparent;
  width: 15px;
}
.c-pagenation-area .page-numbers.next::before,
.c-pagenation-area .page-numbers.prev::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  border-right: 2px solid #221e1f;
  border-top: 2px solid #221e1f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-pagenation-area .page-numbers.prev:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.page-more {
  margin: 30px auto 0;
  position: relative;
  text-align: center;
}
.page-more a {
  color: #b30030;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  position: relative;
  padding: 0 10px 30px;
}
.page-more a:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #b30030;
  border-bottom: 1px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 15px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.ul-numb:not(:first-child) {
  margin-top: 10px;
}
.ul-numb li {
  font-size: 12px;
  counter-increment: numb;
  padding-left: 20px;
  position: relative;
}
.ul-numb li:not(:first-child) {
  margin-top: 5px;
}
.ul-numb li:before {
  content: "(" counter(numb) ")";
  position: absolute;
  top: 0;
  left: 0;
}
.ul-dots:not(:first-child) {
  margin-top: 10px;
}
.ul-dots li {
  position: relative;
}
.read {
  font-size: 14px;
}
.page-404-block {
  color: #b30030;
  text-align: center;
  padding: 80px 0 70px;
}
.page-404-block .ttl-404 {
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.page-404-block .ttl-404 .over {
  font-size: 64px;
  display: block;
  line-height: 1;
}
.page-404-block .ttl-404 .under {
  font-size: 30px;
}
.page-404-block .txt {
  font-size: 14px;
  margin-top: 25px;
}
.c-ttl01 {
  margin-bottom: 25px;
}
.c-ttl01.ttl-left {
  text-align: left;
}
.c-ttl01 .en,
.c-ttl01 .ja {
  display: block;
}
.c-ttl01 .en {
  font-size: 30px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  color: #444;
  line-height: 1;
}
.c-ttl01 .en img {
  max-height: 15px;
}
.c-ttl01 .ja {
  font-size: 13px;
  color: #b30030;
}
.c-ttl01.white {
  color: #fff;
}
.c-ttl02 {
  text-align: center;
}
.c-ttl02 span {
  display: block;
}
.c-ttl02 .en {
  font-size: 34px;
  line-height: 1;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: 500;
}
.c-ttl02 .ja {
  font-size: 14px;
  color: #b30030;
  margin-top: 5px;
}
.c-ttl03 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
}
.c-ttl03.center {
  text-align: center;
}
.c-ttl04 .en {
  font-size: 30px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  display: block;
}
.c-ttl04 .ja {
  font-size: 13px;
  color: #b30030;
  font-weight: 500;
  margin-top: 10px;
}
.aside-ttl {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.ttl-red {
  color: #b30030;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.btn-wrap {
  text-align: center;
  margin: auto;
}
.c-btn01 {
  color: #221e1f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.c-btn01 .btn-txt,
.c-btn01 .ico {
  line-height: 1;
}
.c-btn01 .btn-txt .c-svg,
.c-btn01 .ico .c-svg {
  vertical-align: middle;
}
.c-btn01 .ico {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-btn01 .btn-txt {
  display: inline-block;
  padding-right: 10px;
}
.c-btn02 {
  background: #fff;
  border: 1px solid #b30030;
  color: #b30030;
  display: inline-block;
  min-width: 370px;
  padding: 18px 60px 18px 20px;
  position: relative;
  text-align: left;
}
.c-btn02 .btn-txt {
  font-size: 18px;
  line-height: 1.4;
}
.c-btn02 .ico {
  display: inline-block;
  line-height: 1;
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  height: 5px;
  margin: auto;
}
.c-btn03 {
  border: 1px solid #cdc5c0;
  background: #cdc5c0;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  padding: 18px 78px 18px 78px;
  position: relative;
  text-align: center;
  width: 100%;
}
.c-btn03 .ico {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 78px;
  position: absolute;
  right: inherit;
  left: 0;
  top: 0;
  bottom: inherit;
  text-align: center;
  height: 100%;
}
.subscription .c-btn03 {
  background: #b30030;
  color: #fff;
  border-color: #b30030;
}
.c-link {
  text-align: right;
  margin-top: 10px;
}
.c-link a {
  display: inline-block;
  text-decoration: none !important;
}
.c-link span {
  border-bottom: 1px solid #b30030;
  font-size: 12px;
  padding: 6px 14px;
  display: block;
  position: relative;
  font-weight: 500;
}
.c-link span:after {
  content: "";
  width: 5px;
  height: 5px;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  border-top: 1px solid #b30030;
  border-right: 1px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-btn0a {
  margin-top: 60px;
  text-align: center;
}
.c-btn0a a {
  border: 1px solid #b30030;
  font-size: 14px;
  display: inline-block;
  max-width: 300px;
  width: 100%;
  text-align: center;
  padding: 18px 25px;
  border-radius: 10px;
  margin: auto;
  color: #b30030;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
}
.c-btn0a a:after {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-right: 1px solid #b30030;
  border-top: 1px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-btn0a.c-btn-re a {
  background: #fff;
  border-color: #fff;
  color: #444;
}
.divide-ext-link li:first-child a {
  border-top: 1px solid #d3d3d3;
}
.divide-ext-link a {
  display: block;
  position: relative;
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  height: 65px;
  padding: 10px 20px;
}
.divide-ext-link .img {
  display: block;
  text-align: center;
}
.campaign-slider {
  margin: auto;
}
.campaign-slider a {
  display: block;
}
.campaign-slider .entry-cat-date {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0;
}
.campaign-slider .entry-cat-date .date {
  color: #444;
  color: rgba(68, 68, 68, 0.8);
  font-size: 11px;
  margin-left: 20px;
}
.campaign-slider .cat {
  color: #b30030;
  font-size: 12px;
}
.campaign-slider .img {
  display: block;
}
.campaign-slider .img img {
  width: 100%;
}
.campaign-slider .txt {
  font-size: 16px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.campaign-slider .small {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 3px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.campaign-slider .slick-slide {
  margin: 0 19px;
  width: 421px;
}
.item-slider,
.thumb-slider {
  margin: auto;
  text-align: center;
}
.item-slider .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.thumb-slider .slick-slide {
  width: 100px !important;
  padding: 0 6px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.thumb-slider .slick-slide:nth-child(n + 6) {
  margin-top: 10px;
}
.thumb-slider .slick-current img {
  border: 1px solid #b30030;
}
.thumb-slider .img {
  cursor: pointer;
  display: inline-block;
}
.thumb-slider .img img {
  margin: auto;
}
.slick-slider {
  position: relative;
}
.slick-slider .slick-dots {
  display: block;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 115px - 20px);
  margin-left: 20px;
  padding: 35px 0;
}
.slick-slider .slick-dots li {
  width: 100%;
  background: #121212;
  opacity: 0.2;
  height: 1px;
}
.slick-slider .slick-dots li button {
  font-size: 0;
}
.slick-slider .slick-dots li.slick-active {
  opacity: 1;
}
.slick-slider .slick-arrow {
  width: 34px;
  height: 34px;
  font-size: 0;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
}
.slick-slider .slick-arrow:before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #b30030;
  border-left: 2px solid #b30030;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  margin: auto;
}
.slick-slider .slick-arrow.slick-prev {
  right: 70px;
}
.slick-slider .slick-arrow.slick-next {
  left: auto;
  right: 20px;
}
.slick-slider .slick-arrow.slick-next:before {
  left: auto;
  right: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.scent-item-slide .slide-cont {
  margin-right: 10px;
}
.scent-item-slide .slide-cont .img {
  text-align: center;
}
.scent-item-slide .slide-cont .img img {
  margin: auto;
  text-align: center;
}
.scent-item-slide .slide-cont .txt {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
.scent-item-slide .slick-dots {
  margin-left: 0;
}
.scent-item-slide .slick-arrow.slick-next {
  right: 0;
}
.scent-item-slide .slick-arrow.slick-prev {
  right: 50px;
}
.c-lineup-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-lineup-list li {
  margin: 20px 10px 0;
  width: calc(33.3% - 20px);
}
.c-lineup-list li.is-active .inn {
  background: #b30030;
  color: #fff;
}
.c-lineup-list .inn {
  background: #fff;
  border: 1px solid #cecece;
  color: #b30030;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  position: relative;
  padding: 20px 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  font-size: 18px;
}
.c-lineup-list .inn .img {
  width: 65px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.c-lineup-list .inn .img img {
  vertical-align: middle;
}
.c-news-list a {
  display: block;
  padding: 15px 65px 15px 20px;
  position: relative;
}
.c-news-list .cat-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.c-news-list .cat-area .date,
.c-news-list .cat-area .cat {
  font-size: 14px;
  line-height: 1.2;
}
.c-news-list .cat-area .date {
  color: #969696;
}
.c-news-list .cat-area .cat {
  background: #969696;
  border-radius: 10px;
  color: #fff;
  min-width: 108px;
  text-align: center;
  padding: 2px 10px;
  margin-left: 20px;
}
.c-news-list .ico {
  display: inline-block;
  line-height: 1;
  font-size: 0;
  position: absolute;
  right: 20px;
  top: 30px;
  bottom: 0;
  height: 5px;
  margin: auto;
}
.c-additive-free-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.c-additive-free-list li {
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  line-height: 1.4;
  margin: 0 6px 12px;
  padding: 15px 10px 55px;
  position: relative;
  text-align: center;
  width: 172px;
}
.c-additive-free-list li::before,
.c-additive-free-list li::after {
  background: #ff8073;
  content: "";
  display: block;
  width: 4px;
  height: 28px;
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 0;
  margin: auto;
}
.c-additive-free-list li::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-additive-free-list li::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.c-additive-free-list .txt {
  font-size: 14px;
}
.c-bar-list {
  display: block;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto 15px;
}
.c-bar-list li {
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}
.c-bar-list li a {
  padding: 5px 0 16px;
  color: #747474;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.2;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
}
.c-bar-list li.is-active a {
  border-bottom: 1px solid #b30030;
  color: #b30030;
  pointer-events: none;
}
.blog-list section,
.blog-list > li {
  background: #fafaf9;
}
.blog-list section:nth-child(even),
.blog-list > li:nth-child(even) {
  background: #efedeb;
  background: rgba(239, 237, 235, 0.6);
}
.blog-list a {
  display: block;
  padding: 15px 20px;
}
.blog-list .entry-date-cat {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-list .entry-date {
  font-size: 11px;
  white-space: nowrap;
}
.blog-list .entry-cat {
  font-size: 12px;
  color: #b30030;
}
.blog-list .entry-title {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.aside-link-list {
  margin-top: 30px;
}
.aside-link-list li:first-child {
  border-top: 1px solid #d3d3d3;
}
.aside-link-list li.is-active a {
  font-weight: 600;
  pointer-events: none;
}
.aside-link-list li.is-active a:before {
  content: none;
}
.aside-link-list a {
  position: relative;
  display: block;
  font-size: 14px;
  border-bottom: 1px solid #d3d3d3;
  padding: 20px 10px;
}
.aside-link-list a:before {
  content: "";
  position: absolute;
  border-top: 2px solid #747474;
  border-right: 2px solid #747474;
  top: 0;
  width: 8px;
  height: 8px;
  bottom: 0;
  margin: auto;
  right: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.entry-list li {
  background: #fafaf9;
}
.entry-list li:nth-child(even) {
  background: #efedeb;
  background: rgba(239, 237, 235, 0.6);
}
.entry-list a {
  display: block;
  padding: 15px 25px;
}
.entry-list .entry-date-cat {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.entry-list .entry-date {
  font-size: 11px;
  white-space: nowrap;
}
.entry-list .entry-cat {
  font-size: 12px;
  color: #b30030;
}
.entry-list .entry-title {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 500;
  margin-top: 10px;
}
.c-campaign-block {
  padding: 60px 0;
}
.c-content-block {
  background-color: #f5f5f5;
  position: relative;
  margin-top: 85px;
}
.c-content-block .cont-ttl {
  width: 100%;
  margin: 0 -21px;
  position: absolute;
  top: -60px;
  left: 0;
}
.c-content-block .cont-ttl .ttl-bg {
  position: relative;
  z-index: 1;
}
.c-content-block .cont-ttl .ttl-bg:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  background-color: #f5f5f5;
  z-index: -1;
}
.c-content-block .cont-ttl .cont-txt {
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 322px;
  padding: 30px 5px 0;
  border-top-right-radius: 25px;
  position: relative;
}
.c-content-block .cont-ttl .cont-txt:after {
  position: absolute;
  content: "";
  height: 120%;
  width: 40px;
  right: -14px;
  border-top-right-radius: 17px;
  top: -1px;
  background-color: #f5f5f5;
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.c-content-block .cont-ttl .year,
.c-content-block .cont-ttl .ttl {
  font-size: 24px;
  padding: 0 21px;
}
.c-content-block .cont-ttl .ttl {
  padding-left: 38px;
}
.c-content-block .cont-ttl .year {
  position: relative;
}
.c-content-block .cont-ttl .year:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 1px;
  background-color: #414141;
  -webkit-transform: rotate(312deg);
  transform: rotate(312deg);
  left: -12px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-content-block .info-wrap {
  padding: 40px 0;
}
.c-content-block .box {
  background-color: #fff;
  padding: 45px 85px;
}
.c-inside-block {
  margin-top: 35px;
  padding-top: 30px;
  position: relative;
}
.c-inside-block .all-content {
  background: #f5f5f5;
}
.c-inside-block .cont-ttl {
  margin: 0 -21px;
  position: absolute;
  top: 0;
  left: 0;
}
.c-inside-block .cont-ttl .ttl-bg .cont-txt {
  background: #f5f5f5;
  padding: 20px 20px 20px;
}
.c-inside-block .cont-ttl .ttl-bg .ttl {
  font-size: 16px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
}
.c-inside-block .cont-ttl .ttl-bg .ttl:after {
  position: absolute;
  content: "";
  height: 163%;
  width: 40px;
  right: -19px;
  border-top-right-radius: 17px;
  top: -3px;
  background-color: #f5f5f5;
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.c-inside-block .info-wrap {
  padding: 40px 0 60px;
}
.c-inside-block .info-wrap .box {
  background: #fff;
  padding: 20px 15px;
  border-radius: 3px;
}
.c-single-content-block {
  margin: 15px auto 60px;
}
.c-single-content-block .thumb-area {
  margin-top: 15px;
}
.c-single-content-block .thumb-area figure {
  margin: 0;
  position: relative;
  z-index: 2;
}
.c-single-content-block .entry-content {
  margin-top: 25px;
}
.c-single-content-block .entry-content p {
  font-size: 12px;
  line-height: 1.8;
}
.c-single-content-block .entry-content p:not(:first-child) {
  margin-top: 20px;
}
.c-single-content-block .entry-content p a {
  color: #b30030;
  text-decoration: underline;
}
.c-single-content-block .entry-content figure {
  margin: 0 auto;
  text-align: center;
}
.c-single-content-block .entry-content figure:not(:first-child) {
  margin-top: 20px;
}
.c-single-content-block .entry-content h2 {
  font-size: 21px;
  font-weight: bold;
  padding: 10px 20px;
  background: #efedeb;
}
.c-single-content-block .entry-content h2:not(:first-child) {
  margin-top: 40px;
}
.c-single-content-block .entry-content h3 {
  font-size: 16px;
  border-left: 3px solid #b30030;
  padding-left: 15px;
}
.c-single-content-block .entry-content h3:not(:first-child) {
  margin-top: 30px;
}
.c-single-content-block .entry-content .inside {
  margin-bottom: 60px;
}
.c-single-content-block .entry-content .inside:not(:first-child) {
  margin-top: 30px;
}
.c-single-content-block .entry-content .img-txt:not(:first-child),
.c-single-content-block .entry-content .txt-img:not(:first-child) {
  margin-top: 30px;
}
.c-single-content-block .entry-date-cat {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-single-content-block .entry-date {
  font-size: 11px;
  white-space: nowrap;
}
.c-single-content-block .entry-cat {
  font-size: 11px;
  color: #b30030;
}
.c-single-content-block .entry-title {
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #d3d3d3;
  padding: 0 0 10px;
  margin: 0 0 10px;
  line-height: 1.4;
}
.c-single-content-block .profile-area {
  margin-top: 75px;
  padding: 20px;
  position: relative;
  background: #f5f5f5;
}
.c-single-content-block .profile-area:before {
  content: "Profile";
  color: #cdc5c0;
  font-size: 42px;
  right: 0;
  top: -15px;
  position: absolute;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  line-height: 1;
  font-weight: 300;
}
.c-single-content-block .profile-area .img img {
  width: 100%;
}
.c-single-content-block .profile-area .name {
  font-size: 16px;
  font-weight: 500;
}
.paging-area {
  margin-top: 100px;
}
.paging-area .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.paging-area .wrap a {
  display: block;
  font-size: 16px;
}
.paging-area .before,
.paging-area .after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}
.paging-area .before a,
.paging-area .after a {
  padding: 8px 25px 8px 10px;
  position: relative;
  border-bottom: 1px solid #b30030;
}
.paging-area .before a:after,
.paging-area .after a:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1px solid #b30030;
  border-left: 1px solid #b30030;
  top: 0;
  bottom: 0;
  margin: auto;
}
.paging-area .before a {
  padding: 8px 10px 8px 25px;
}
.paging-area .before a:after {
  left: 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.paging-area .after a:after {
  right: 2px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.paging-area .article-list {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
}
.paging-area .article-list a {
  padding: 15px 18px;
  position: relative;
  text-align: center;
}
.paging-area .article-list a:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1px solid #b30030;
  border-right: 1px solid #b30030;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -20px -5px 0;
}
.c-item-list li {
  background: #fff;
  width: calc(25% - 10px);
  margin: 20px 5px 0;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-item-list li > a .ico {
  text-align: right;
  padding: 45px 20px 25px;
}
.c-item-list a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-item-list .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  z-index: 1;
}
.c-item-list .img .inn {
  text-align: center;
}
.c-item-list .img img {
  margin: auto;
  max-width: 138px;
  max-height: 160px;
}
.c-item-list .img::before {
  background: #414141;
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1;
}
.c-item-list .img .img-txt {
  font-size: 19px;
  font-weight: 600;
  margin: 0px auto 20px;
  text-align: center;
}
.c-item-list .txt-area {
  padding: 10px 20px 25px;
}
.c-item-list .txt-area .cat-area {
  margin-bottom: 15px;
  display: block;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-item-list .txt-area .cat-area .c-cat {
  font-size: 15px;
  margin: 0px 5px 5px;
  padding: 6px 20px;
  border-radius: 100px;
}
.c-item-list .txt-area .cat-area .quasi {
  font-size: 10px;
  background: #ebedf4;
  padding: 2px 5px;
  margin-top: 5px;
}
.c-item-list .txt-area .sub-ttl {
  color: #969696;
  font-size: 14px;
  margin-bottom: 5px;
}
.c-item-list .txt-area .ttl {
  font-size: 19px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 25px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-item-list .txt-area .txt {
  font-size: 15px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 1.8;
  text-align: center;
}
.c-item-list .txt-area .capacity_price {
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #ebedf4;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.c-item-list .txt-area .capacity_price span {
  font-weight: bold;
  padding: 0 2px;
}
.c-item-list .txt-area .capacity_price .en {
  font-size: 24px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-weight: normal;
}
.c-item-list .txt-area .note {
  font-size: 10px;
  margin-top: 10px;
}
.c-item-list .num {
  display: inline-block;
  position: absolute;
  left: -4px;
  top: -13px;
}
.c-item-list .note {
  padding: 0 20px 0;
  font-size: 12px;
  color: #5a5a5a;
  line-height: 1.4;
  margin-bottom: auto;
}
.c-item-list .item-wrap {
  padding: 0px 20px 0px;
  position: relative;
}
.c-item-list .item-wrap .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-item-list .item-wrap .item + .item {
  margin-top: 12px;
}
.c-item-list .item-wrap .box {
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.3;
  padding: 15px 2px;
  text-align: center;
  width: 70px;
  min-height: 70px;
}
.c-item-list .item-wrap .inn {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 20px;
  width: calc(100% - 70px);
}
.c-item-list .item-wrap .inn .txt {
  font-size: 14px;
  line-height: 1.8;
  padding: 0px 0;
}
.c-item-list .item-wrap .inn img {
  border-radius: 50%;
  overflow: hidden;
}
.c-item-list .item-wrap .inn.center {
  text-align: center;
}
.c-item-list .item-wrap .inn.colmn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.c-item-list .item-wrap .inn.colmn .detail-img {
  width: 72px;
  margin-left: 20px;
}
.c-item-list li.red .img::before {
  background: #faf1f2;
}
.c-item-list li.red .img-txt {
  color: #ff819c;
}
.c-item-list li.red .c-cat {
  background: #ff819c;
}
.c-item-list li.red .box {
  color: #ff819c;
  background: #faf1f2;
}
.c-item-list li.yellow .img::before {
  background: #fdfacd;
}
.c-item-list li.yellow .img-txt {
  color: #cf9c13;
}
.c-item-list li.yellow .c-cat {
  background: #cf9c13;
}
.c-item-list li.yellow .box {
  color: #cf9c13;
  background: #fdfacd;
}
.c-item-list li.blue .img::before {
  background: #eaecfb;
}
.c-item-list li.blue .img-txt {
  color: #7c67c0;
}
.c-item-list li.blue .c-cat {
  background: #7c67c0;
}
.c-item-list li.blue .box {
  color: #7c67c0;
  background: #eaecfb;
}
.c-item-list li.black .img::before {
  background: #e1e3ea;
}
.c-item-list li.black .img-txt {
  color: #6f737e;
}
.c-item-list li.black .c-cat {
  background: #6f737e;
}
.c-item-list li.black .box {
  color: #6f737e;
  background: #e1e3ea;
}
.c-item-list li.cont-none {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.c-item-lineup-list {
  display: block;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 2px solid #d3d3d3;
}
.c-item-lineup-list li {
  width: 50%;
  padding: 2px;
  border: 2px solid #d3d3d3;
}
.c-item-lineup-list a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 10px;
}
.c-item-lineup-list .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 126px;
  overflow: hidden;
  z-index: 1;
}
.c-item-lineup-list .img .inn {
  text-align: center;
}
.c-item-lineup-list .img img {
  margin: auto;
  max-width: 120px;
  max-height: 120px;
}
.c-item-lineup-list .cat-area {
  margin-bottom: 15px;
  display: block;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-item-lineup-list .cat-area .c-cat {
  font-size: 13px;
  margin: 0px 5px px;
  padding: 3px 10px;
  border-radius: 100px;
}
.c-item-lineup-list .cat-area .c-cat:not(:first-child) {
  margin-left: 4px;
}
.c-item-lineup-list .cat-area .quasi {
  font-size: 10px;
  background: #ebedf4;
  padding: 2px 5px;
  margin-left: 5px;
}
.c-item-lineup-list .ttl {
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-top: 10px;
}
.c-item-lineup-list .txt {
  font-size: 12px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 1.8;
  text-align: center;
}
.c-item-lineup-list .note-wrap {
  margin-top: 10px;
  margin-bottom: auto;
}
.c-item-lineup-list .note {
  line-height: 1.4;
  font-size: 10px;
}
.c-item-lineup-list .ico {
  text-align: right;
  margin-top: 10px;
}
.c-item-lineup-list li.pink .img::before {
  background: #faf1f2;
}
.c-item-lineup-list li.pink .img-txt {
  color: #ff819c;
}
.c-item-lineup-list li.pink .c-cat {
  background: #ff819c;
}
.c-item-lineup-list li.pink .box {
  color: #ff819c;
  background: #faf1f2;
}
.c-item-lineup-list li.yellow .img::before {
  background: #fdfacd;
}
.c-item-lineup-list li.yellow .img-txt {
  color: #cf9c13;
}
.c-item-lineup-list li.yellow .c-cat {
  background: #cf9c13;
}
.c-item-lineup-list li.yellow .box {
  color: #cf9c13;
  background: #fdfacd;
}
.c-item-lineup-list li.blue .img::before {
  background: #eaecfb;
}
.c-item-lineup-list li.blue .img-txt {
  color: #7c67c0;
}
.c-item-lineup-list li.blue .c-cat {
  background: #7c67c0;
}
.c-item-lineup-list li.blue .box {
  color: #7c67c0;
  background: #eaecfb;
}
.c-item-lineup-list li.black .img::before {
  background: #e1e3ea;
}
.c-item-lineup-list li.black .img-txt {
  color: #6f737e;
}
.c-item-lineup-list li.black .c-cat {
  background: #6f737e;
}
.c-item-lineup-list li.black .box {
  color: #6f737e;
  background: #e1e3ea;
}
.c-item-lineup-list li.red .c-cat {
  background: #b30030;
}
.c-item-lineup-list li.gray .c-cat {
  background: #7a878d;
}
.c-item-lineup-list li.cont-none {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.c-recommend-list {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}
.c-recommend-list > li > a {
  display: block;
  background: #fff;
}
.c-recommend-list .inside {
  display: block;
  background: #fff;
  height: 100%;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-recommend-list .cat-area {
  margin-top: 10px;
}
.c-recommend-list .ttl {
  font-size: 13px;
  font-weight: 500;
}
.c-recommend-list .capacity {
  margin: 10px 0;
  font-size: 10px;
  color: #444;
}
.c-recommend-list .price {
  font-size: 10px;
}
.c-recommend-list .price .numb {
  font-size: 16px;
  font-weight: 500;
  padding: 0 4px;
}
.c-recommend-list.c-set-list {
  border-bottom: 1px solid #e8e8e8;
}
.c-recommend-list.c-set-list .set-wrap {
  padding: 10px;
  background: #fafaf9;
  margin-top: 5px;
  margin-bottom: auto;
}
.c-recommend-list.c-set-list .price-wrap {
  margin-top: 5px;
}
.c-recommend-list.c-set-list .ttl {
  margin-top: 10px;
}
.c-recommend-list.c-set-list .conf {
  font-size: 12px;
}
.c-recommend-list.c-set-list .list li {
  padding-left: 15px;
  font-size: 11px;
  position: relative;
}
.c-recommend-list.c-set-list .list li .cap {
  font-size: 10px;
}
.c-recommend-list.c-set-list .list li:not(:first-child) {
  margin-top: 5px;
}
.c-recommend-list.c-set-list .list li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.c-recommend-list.c-set-list .price {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 3px;
}
.c-recommend-list.c-set-list .price .numb {
  margin-left: auto;
  font-size: 14px;
}
.c-recommend-list.c-set-list .price .mint {
  font-size: 10px;
}
.c-recommend-list.c-set-list .price.subsc {
  color: #b30030;
  font-size: 12px;
}
.c-recommend-list.c-set-list .price.subsc .mint {
  width: 100%;
  margin-bottom: 2px;
}
.c-recommend-list.c-set-list .price.subsc .offt {
  background: rgba(179, 0, 48, 0.2);
  padding: 2px 3px;
  font-size: 10px;
  font-weight: bold;
}
.c-recommend-list.c-set-list .price.subsc .numb {
  font-size: 16px;
}
.c-recommend-list.c-set-list .c-btn03 {
  margin-top: 15px;
  border-radius: 5px;
  padding: 10px 10px 10px 25px;
  text-align: center;
}
.c-recommend-list.c-set-list .c-btn03 .ico {
  margin-left: 5px;
}
.c-related-list {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-related-list a {
  display: block;
}
.c-related-list .img img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.c-related-list .entry-date-cat {
  padding: 10px 0;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-related-list .entry-date-cat .entry-date {
  font-size: 11px;
}
.c-related-list .entry-date-cat .entry-cat {
  font-size: 12px;
  color: #b30030;
}
.c-related-list .entry-title {
  font-size: 14px;
  font-weight: 500;
}
.page-title-block {
  padding: 50px 0 30px;
}
.page-title-block + div {
  margin-top: 0;
}
.page-title-block.over-bg {
  padding: 0;
}
.page-title-block.over-bg .inner-block {
  padding: 70px 0 100px;
}
.txt-catch.sp {
  margin-top: 15px;
}
.item-list .page-title-block {
  background: url(../img/item/mv.jpg) no-repeat center center;
  background-size: cover;
}
.item-list .page-title-block .c-ttl02 {
  color: #fff;
}
.item-list .page-title-block .c-ttl02 .ja {
  color: #fff;
}
.bestcosme .page-title-block {
  background: url(../img/bestcosme/mv.jpg) no-repeat center center;
  background-size: cover;
}
.column2-block {
  margin-bottom: 70px;
}
.c-full-product-lineup {
  background: url(../img/common/sp/product-lineup.jpg) no-repeat center;
  background-size: cover;
  padding: 30px 0 50px;
}
.c-full-product-lineup .btn-area .c-btn0a {
  margin-top: 0;
}
.c-full-product-lineup .btn-area .c-btn0a:not(:first-child) {
  margin-top: 15px;
}
.c-half-product-lineup {
  background: url(../img/common/sp/half-product.jpg) no-repeat center;
  background-size: cover;
  padding: 30px 0 50px;
  margin-top: 100px;
}
.c-half-product-lineup .btn-area .c-btn0a {
  margin-top: 0;
}
.c-half-product-lineup .btn-area .c-btn0a a {
  padding: 15px 25px;
}
.c-half-product-lineup .btn-area .c-btn0a:not(:first-child) {
  margin-top: 15px;
}
.c-full-counselling {
  background: url(../img/common/sp/bg-counseling.jpg) no-repeat left bottom;
  background-size: cover;
  padding: 30px 0 50px;
}
.c-full-counselling .btn-area .c-btn0a {
  margin-top: 0;
}
.c-full-counselling .btn-area .c-btn0a:not(:first-child) {
  margin-top: 15px;
}
.mv-block {
  position: relative;
}
.mv-block .mv-slider {
  overflow: hidden;
}
.mv-block .mv-slider .slick-dots {
  width: auto;
  margin-left: auto;
  padding: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.mv-block .mv-slider .slick-dots li {
  width: auto;
  height: auto;
  border: 1px solid #444;
  border-radius: 50%;
  counter-increment: numb;
  background: transparent;
  opacity: 1;
  margin: 0 8px;
}
.mv-block .mv-slider .slick-dots li.slick-active {
  border-color: #b30030;
}
.mv-block .mv-slider .slick-dots li.slick-active button {
  color: #b30030;
}
.mv-block .mv-slider .slick-dots li button {
  text-align: center;
  position: relative;
  font-size: 16px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px;
  line-height: 1;
  height: 34px;
  padding-top: 2px;
}
.mv-block .mv-slider .slide-in-filter,
.mv-block .mv-slider .slide-in-content {
  overflow: hidden;
}
.mv-block .mv-slider .slide-in-filter .img img,
.mv-block .mv-slider .slide-in-content .img img {
  transition:
    opacity 0.3s ease,
    -webkit-transform 15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mv-block .mv-slider .slide-in-content .img {
  text-align: center;
}
.mv-block .mv-slider .slide-in-content .img img {
  width: 100%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.mv-block .mv-slider .slick-current .slide-in-filter .img img,
.mv-block .mv-slider .slick-current .slide-in-content .img img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.home .concept-block {
  padding: 30px 0 50px;
}
.home .concept-block sup {
  font-size: 10px;
  vertical-align: revert;
}
.home .concept-block .c-ttl03 {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
.home .concept-block .sub-catch {
  text-align: center;
  line-height: 2;
}
.home .concept-block .sub-catch:not(:first-child) {
  margin-top: 25px;
}
.home .concept-block .sub-catch.min-right {
  font-size: 10px;
  text-align: right;
}
.home .concept-block .c-link {
  text-align: right;
  margin-top: 40px;
}
.home .campaign-single-block {
  padding: 50px 0 80px;
}
.home .subsucription-block {
  background: #f5f5f5;
  padding: 50px 0 45px;
}
.home .subsucription-block .wrap .c-ttl01 {
  width: 34%;
}
.home .subsucription-block .box .list {
  fdisplay: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 2%;
  -moz-column-gap: 2%;
  column-gap: 2%;
}
.home .subsucription-block .box .list li {
  background: #fff;
  width: 49%;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
  min-height: 90px;
}
.home .subsucription-block .box .list li:nth-child(n + 3) {
  margin-top: 8px;
}
.home .subsucription-block .box .list .ico {
  width: 35px;
  height: 35px;
  text-align: center;
}
.home .subsucription-block .box .list .txt {
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
}
.home .subsucription-block .c-link {
  margin-top: 35px;
}
.home .related-block {
  padding: 90px 0 70px;
}
.home .related-block .c-ttl01 {
  margin-bottom: 30px;
}
.home .related-block .c-link {
  margin-top: 30px;
}
.home .awards-block .inner-block {
  position: relative;
}
.home .awards-block .bg-area {
  overflow: hidden;
}
.home .info-media-block {
  margin-top: 80px;
}
.home .info-media-block .box {
  width: 100%;
}
.home .info-media-block .c-link {
  margin-top: 20px;
}
.home .stores-block {
  padding: 40px 0 100px;
}
.home .stores-block .wrap .c-ttl01 {
  width: 24%;
}
.ie #progress,
.ie .progress-slider {
  display: none;
}
.item-list .product-list-block {
  padding: 30px 0 80px;
}
.item-list .product-list-block .read {
  margin-bottom: 30px;
}
.item-list .c-bnr-subsc-block {
  margin-bottom: 70px;
}
.divide-btns {
  margin: 60px auto 0;
}
.divide-btns .c-btn0a {
  margin-top: 0;
}
.divide-btns li:not(:first-child) {
  margin: 25px auto 0;
}
.divide-btns li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
.divide-btns li span {
  margin: auto;
}
.howto .howto-block {
  position: relative;
  padding-top: 20px;
  margin-bottom: 50px;
}
.howto .howto-block:before {
  height: 100%;
  width: 8px;
  background: #efedeb;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.howto .howto-block .ico-change {
  position: absolute;
  right: 0;
  top: 0;
}
.howto .howto-block .ttl {
  background: #b30030;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  width: 170px;
  padding: 4px;
  margin: 60px auto 50px;
  border-radius: 5px;
}
.howto .howto-block .ttl.ttl01 {
  margin: 30px auto 30px;
}
.howto .howto-block .box-wrap {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 2%;
  -moz-column-gap: 2%;
  column-gap: 2%;
}
.howto .howto-block .box-wrap .box {
  width: 49%;
}
.howto .howto-block .box-wrap.box-day-night {
  color: #b30030;
}
.howto .howto-block .box-wrap.box-day-night .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.howto .howto-block .box-wrap.box-day-night .ico {
  text-align: center;
}
.howto .howto-block .box-wrap.box-day-night .dn-txt {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-top: 5px;
}
.howto .howto-block .box-wrap.box-border {
  border-radius: 5px;
  border: 1px dashed #b30030;
  padding-bottom: 20px;
  background: #fff;
}
.howto .howto-block .box-wrap.box-border .box {
  margin-top: -25px;
}
.howto .howto-block .box-wrap.box-single .box {
  width: 57%;
}
.howto .howto-block .box-wrap.box-or {
  position: relative;
}
.howto .howto-block .box-wrap.box-or:before {
  content: "";
  width: 60px;
  height: 60px;
  top: 30px;
  background: #cdc5c0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
}
.howto .howto-block .box-wrap.box-or:after {
  content: "OR";
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: 600;
  font-size: 24px;
  left: 0;
  right: 0;
  margin: auto;
  top: 43px;
  white-space: nowrap;
  position: absolute;
  width: 60px;
  text-align: center;
  color: #fff;
}
.howto .howto-block .box-wrap.box-item {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.howto .howto-block .box-wrap.box-item .box {
  padding: 0 10px;
}
.howto .howto-block .box-wrap.box-item .box .img {
  text-align: center;
}
.howto .howto-block .box-wrap.box-item .box.box05 .name,
.howto .howto-block .box-wrap.box-item .box.box10 .name {
  margin-bottom: 30px;
}
.howto .howto-block .box-wrap.box-item .name {
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
  letter-spacing: 0.04em;
  width: 100%;
}
.howto .howto-block .box-wrap.box-item .name a {
  position: relative;
  display: block;
}
.howto .howto-block .box-wrap.box-item .name a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #b30030;
  border-right: 2px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
}
.howto .howto-block .box-wrap.box-item .cat {
  color: #b30030;
  font-size: 10px;
}
.howto .howto-block .box-wrap.box-item .quasi {
  font-size: 11px;
  border: 1px solid #d3d3d3;
  padding: 2px 4px;
  display: inline-block;
  margin-top: 5px;
}
.howto .howto-block .box-wrap.box-item .note {
  font-size: 10px;
  margin-top: 20px;
}
.item-detail .item-block {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.item-detail .item-block .slide-area {
  position: relative;
}
.item-detail .item-block .slide-area .best-cosme-badge {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 90px;
}
.item-detail .item-block a.link_a {
  text-decoration: underline !important;
}
.item-detail .item-block .box {
  margin-top: 30px;
}
.item-detail .item-block .box + .box {
  margin-top: 20px;
}
.item-detail .item-block .box .place {
  font-size: 12px;
}
.item-detail .item-block .box .place .bold {
  font-weight: bold;
}
.item-detail .item-block .box .place .off-txt {
  background: rgba(179, 0, 48, 0.2);
  color: #b30030;
  padding: 1px 5px;
  font-size: 18px;
  font-weight: bold;
  margin-left: 5px;
}
.item-detail .item-block .box .place .num-txt {
  padding: 0 5px;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
}
.item-detail .item-block .box .place .tax {
  font-size: 12px;
}
.item-detail .item-block .box.subscription .place {
  color: #b30030;
}
.item-detail .item-block .info-area .cat-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-detail .item-block .info-area .cat-area .red {
  color: #b30030;
}
.item-detail .item-block .info-area .cat-area .c-cat + .campaign {
  margin-left: 35px;
}
.item-detail .item-block .info-area .sub-ttl {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #444;
  font-weight: 700;
}
.item-detail .item-block .info-area .ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.item-detail .item-block .info-area .ttl sup {
  font-size: 10px;
}
.item-detail .item-block .info-area .txt {
  margin-top: 10px;
  font-size: 15px;
}
.item-detail .item-block .info-area .cap-area {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0 20px;
}
.item-detail .item-block .info-area .capacity {
  font-size: 12px;
}
.item-detail .item-block .info-area .dayin {
  display: table;
  padding: 3px 6px;
  background: #efedeb;
  border-radius: 2px;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}
.item-detail .item-block .info-area .dayin span {
  font-size: 10px;
  margin-left: 3px;
}
.item-detail .item-block .info-area .note {
  font-size: 10px;
}
.item-detail .item-block .info-area .rating {
  margin-top: 5px;
}
.item-detail .item-block .info-area .rating a {
  text-decoration: underline;
  margin-left: 5px;
}
.item-detail .img-wrap-6 {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-detail .img-wrap-6 img {
  width: calc(100% / 6);
}
.item-detail .subscription-block {
  background: #f5f5f5;
  padding: 30px 0;
}
.item-detail .subscription-block .inner-block {
  position: relative;
}
.item-detail .subscription-block .ttl {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.item-detail .subscription-block .over-area {
  margin-top: 20px;
}
.item-detail .subscription-block .note {
  font-size: 10px;
  margin-top: 15px;
}
.item-detail .subscription-block .item-wrap {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.item-detail .subscription-block .item-wrap .img {
  width: 60px;
}
.item-detail .subscription-block .item-wrap .txt-area {
  width: calc(100% - 90px);
}
.item-detail .subscription-block .cat-area .c-cat {
  background: rgba(179, 0, 48, 0.1);
  padding: 3px 8px;
  font-weight: 700;
}
.item-detail .subscription-block .item {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}
.item-detail .subscription-block .txt-wrap {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 25px;
}
.item-detail .subscription-block .txt-wrap .place {
  font-size: 12px;
}
.item-detail .subscription-block .txt-wrap .place .num-txt {
  font-size: 22px;
  line-height: 1;
  text-decoration: line-through;
  font-weight: 500;
}
.item-detail .subscription-block .txt-wrap .place .tax {
  padding-left: 2px;
}
.item-detail .subscription-block .txt-wrap .subscription {
  color: #b30030;
  padding-left: 40px;
  margin-left: 10px;
  position: relative;
}
.item-detail .subscription-block .txt-wrap .subscription:before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  background: url(../img/common/ico-arrow-right.png) no-repeat;
  background-size: contain;
  bottom: 0;
  top: 0;
  margin: auto;
}
.item-detail .subscription-block .txt-wrap .subscription .place .num-txt {
  font-size: 28px;
  text-decoration: none;
}
.item-detail .subscription-block .c-btn03 {
  background: #b30030;
  color: #fff;
  border-color: #b30030;
  margin-top: 10px;
}
.item-detail .subscription-block .list {
  margin-top: 32px;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.item-detail .subscription-block .list li {
  width: 25%;
}
.item-detail .subscription-block .list li .ico {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #d3d3d3;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: auto;
}
.item-detail .subscription-block .list li .ico img {
  max-width: 36px;
  max-heighth: 36px;
  margin: auto;
}
.item-detail .subscription-block .list li .txt {
  font-size: 13px;
  text-align: center;
  font-weight: 500;
}
.item-detail .c-campaign-block {
  padding: 60px 0;
}
.item-detail .c-campaign-block .c-ttl01 {
  display: none;
}
.item-detail .c-campaign-block .column2 {
  overflow: hidden;
}
.item-detail .c-campaign-block .column2 .box-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-detail .c-campaign-block .column2 .box .img {
  display: block;
}
.item-detail .c-campaign-block .column2 .box .txt-area {
  margin-top: 30px;
}
.item-detail .campaign-single-block {
  padding: 70px 0;
}
.item-detail .recommend-list-block {
  margin-top: 70px;
}
.item-detail .related-block {
  margin-top: 70px;
  margin-bottom: 70px;
}
.item-detail .desc-block {
  margin-top: 20px;
}
.item-detail .desc-block .note {
  margin-top: 15px;
  font-size: 12px;
}
.item-detail .desc-block .box {
  padding: 20px 0 40px;
  border-top: 1px solid #d3d3d3;
}
.item-detail .desc-block .box:first-child {
  border: none;
}
.item-detail .desc-block .box.box-texture .c-ttl03 {
  position: relative;
}
.item-detail .desc-block .box.box-texture .txt-img {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.item-detail .desc-block .box.box-texture .txt-img .txt-area {
  position: relative;
}
.item-detail .desc-block .box.box-frag .note {
  font-size: 12px;
  margin-top: 15px;
}
.item-detail .desc-block .inside .wrap {
  margin-top: 40px;
  padding: 20px;
}
.item-detail .desc-block .inside .wrap .inn {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.item-detail .desc-block .inside .wrap .inn .img {
  text-align: center;
  width: calc(100% - 60% - 40px);
}
.item-detail .desc-block .inside .wrap .inn .txt-area {
  width: 60%;
}
.item-detail .desc-block .inside .wrap .inn .txt-area .ttl {
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #b30030;
  margin-bottom: 5px;
  font-weight: 500;
}
.item-detail .desc-block .inside .wrap .inn .txt-area .txt {
  font-size: 12px;
}
.item-detail .table-step {
  border: 1px solid #f0ced7;
  width: 100%;
  overflow: hidden;
}
.item-detail .table-step + .note {
  margin-top: 10px !important;
}
.item-detail .table-step thead tr:last-child th:before,
.item-detail .table-step thead tr:last-child th:after {
  content: none;
}
.item-detail .table-step tbody th {
  position: relative;
}
.item-detail .table-step tbody tr:last-child th:before,
.item-detail .table-step tbody tr:last-child th:after {
  content: none;
}
.item-detail .table-step th {
  padding: 15px 10px;
  background: #f8e9ed;
  font-size: 13px;
  color: #b30030;
}
.item-detail .table-step th.th-none {
  background: rgba(179, 0, 48, 0.2);
}
.item-detail .table-step th .ico {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-detail .table-step th .ico span {
  margin-left: 5px;
}
.item-detail .table-step td {
  font-size: 13px;
  color: #444;
  color: rgba(68, 68, 68, 0.6);
  text-align: center;
  padding: 15px 10px;
}
.item-detail .table-step td.is-active span {
  font-size: 10px;
}
.item-detail .c-bnr-block .bnr:not(:first-child) {
  margin-top: 40px;
}
.item-detail .c-bnr-block .bnr-btns {
  position: relative;
}
.item-detail .c-bnr-block .bnr-btns .bk-btn {
  padding: 8px 20px 0;
  background: #221e1f;
  border: 1px solid #221e1f;
  border-radius: 5px;
  display: table;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.item-detail .c-bnr-block .bnr-btns .bk-btn.bk-btn02 {
  top: 90px;
}
.item-detail .c-bnr-block .bnr-btns .bk-btn .btn-text {
  font-size: 14px;
}
.item-detail .c-bnr-block .bnr-btns .bk-btn .ico {
  margin-top: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: right;
}
.item-detail .c-bg-area-wrap {
  padding-top: 100px;
  overflow: hidden;
}
.item-detail .box-wrap-ttl {
  font-size: 28px;
  margin-bottom: 40px;
}
.item-detail .c-bg-area {
  position: relative;
  overflow: visible;
}
.item-detail .c-bg-area::before,
.item-detail .c-bg-area::after {
  background: #f3f2ef;
}
.item-detail .c-bg-area .inner-block {
  padding-top: 160px;
  padding-bottom: 160px;
  padding-left: 70px;
}
.item-detail .c-bg-area .deco {
  width: 429px;
  position: absolute;
  top: -100px;
  left: -1070px;
  right: 0;
  margin: auto;
}
.item-detail .c-bg-area .deco.spoon {
  top: -33px;
  left: 0;
  right: auto;
  width: 474px;
}
.item-detail .c-bg-area .deco.texture {
  width: 325px;
  position: absolute;
  top: -80px;
  right: auto;
  left: 20px;
}
.item-detail .c-bg-area .deco.bottle {
  top: -90px;
  left: 50px;
  right: auto;
  width: 474px;
}
.item-detail .c-bg-area .box-wrap {
  margin: auto;
}
.item-detail .c-bg-area .box + .box {
  margin-top: 90px;
}
.item-detail .c-bg-area .ttl {
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 17px 20px 17px 80px;
  position: relative;
}
.item-detail .c-bg-area .ttl .num {
  display: block;
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 39px;
}
.item-detail .c-bg-area .ttl .num img {
  height: 39px;
}
.item-detail .c-bg-area .ttl .inn {
  display: block;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.47;
}
.item-detail .c-bg-area .ttl .inn sup {
  font-size: 14px;
}
.item-detail .c-bg-area .sub-ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 40px;
}
.item-detail .c-bg-area .txt-area {
  padding: 40px 30px 0;
}
.item-detail .c-bg-area .txt-area a.link_a {
  text-decoration: underline;
}
.item-detail .c-bg-area .txt-area .list li + li {
  padding-top: 25px;
}
.item-detail .c-bg-area .txt-area .list .list_icon {
  list-style: none;
  padding-left: 1.2em;
  padding-top: 15px;
}
.item-detail .c-bg-area .txt-area .list .list_icon li {
  counter-increment: cnt;
  text-indent: -1.2em;
}
.item-detail .c-bg-area .txt-area .list .list_icon li:before {
  display: inline-block;
  content: "";
  margin-top: 10px;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  vertical-align: top;
  border-radius: 5px;
  background-color: #d3b001;
}
.item-detail .c-bg-area .txt-area .list .txt {
  padding-top: 15px;
}
.item-detail .c-bg-area .txt-area .list .num {
  width: 70px;
  padding-right: 5px;
}
.item-detail .c-bg-area .txt-area .list .num img {
  max-height: 22px;
  vertical-align: middle;
}
.item-detail .c-bg-area .txt-area .list .inn {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 15px;
  width: calc(100% - 70px);
}
.item-detail .c-bg-area .txt-area > .txt {
  line-height: 2;
}
.item-detail .c-bg-area .txt-area > .txt + .txt {
  margin-top: 40px;
}
.item-detail .c-bg-area .txt-area .semi-ttl {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
}
.item-detail .c-bg-area .txt-area .txt + .semi-ttl,
.item-detail .c-bg-area .txt-area .img + .semi-ttl {
  margin-top: 40px;
  display: block;
}
.item-detail .c-bg-area .txt-area .c-additive-free-list {
  margin-top: 40px;
}
.item-detail .c-bg-area .txt-area .img {
  margin-top: 45px;
  text-align: center;
}
.item-detail .c-bg-area .txt-area .img + .img {
  margin-top: 30px;
}
.item-detail .c-bg-area .txt-area .img + .txt {
  margin-top: 30px;
}
.item-detail .c-bg-area .txt-area .img + .semi-ttl {
  margin-top: 20px;
}
.item-detail .c-bg-area .txt-area .note {
  padding: 0;
}
.item-detail .c-bg-area .column2 .img {
  margin: 0;
}
.item-detail .c-bg-area .column2 + .column3 {
  margin-top: 60px;
}
.item-detail .c-bg-area .radius-ttl {
  background: #41a297;
  border-radius: 30px;
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 50px;
  padding: 12px 20px;
  text-align: center;
}
.item-detail .c-bg-area .radius-ttl .inn {
  padding: 0 !important;
  width: 100% !important;
}
.item-detail .c-bg-area .radius-ttl sup {
  font-size: 12px;
}
.item-detail .c-bg-area .radius-ttl.small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  height: 50px;
  padding: 5px 8px;
  margin-bottom: 20px;
}
.item-detail .c-bg-area .radius-ttl.small sup {
  font-size: 10px;
  vertical-align: text-top;
}
.item-detail .c-bg-area .column3,
.item-detail .c-bg-area .column4 {
  margin-top: 60px;
}
.item-detail .c-bg-area .column3 .list,
.item-detail .c-bg-area .column4 .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.item-detail .c-bg-area .column3 .column-txt,
.item-detail .c-bg-area .column4 .column-txt {
  text-align: left;
  font-size: 14px;
}
.item-detail .c-bg-area .column3.variable .list li,
.item-detail .c-bg-area .column4.variable .list li {
  text-align: center;
  width: auto;
}
.item-detail .c-bg-area .column3 .list li {
  width: calc((100% - 16px) / 3);
}
.item-detail .c-bg-area .column3 .list li + li {
  margin-left: 8px;
}
.item-detail .c-bg-area .note {
  font-size: 12px;
  margin-top: 50px;
  padding: 0 25px;
}
.item-detail .c-bg-area .img {
  text-align: center;
}
.item-detail .c-bg-area .integrated-img {
  padding: 0;
}
.item-detail .c-bg-area .approach-box {
  padding: 30px 40px;
  background-color: #fff;
  margin-top: 50px;
}
.item-detail .c-bg-area .approach-box .ttl-top {
  font-size: 22px;
}
.item-detail .c-bg-area .approach-box .approach-ttl {
  font-size: 30px;
  margin-bottom: 18px;
}
.item-detail .c-bg-area .approach-box .ttl-top,
.item-detail .c-bg-area .approach-box .approach-ttl {
  letter-spacing: 0.1em;
  text-align: center;
}
.item-detail .c-bg-area .approach-box .note {
  margin-top: 14px;
  padding: 0;
}
.item-detail .c-bg-area .approach-box .approach-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -30px -30px 0;
}
.item-detail .c-bg-area .approach-box .approach-list li {
  width: 265px;
  margin-right: 30px;
  margin: 0 30px 30px 0;
}
.item-detail .c-bg-area .approach-box .approach-list .each-ttl {
  padding: 7px;
  background-color: #d3b000;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 100px;
  margin-bottom: 14px;
  position: relative;
}
.item-detail .c-bg-area .approach-box .approach-list .num {
  max-height: 17px;
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.item-detail .c-bg-area .approach-box .approach-list .each-txt {
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.item-detail .c-bg-area .approach-box .approach-sub .sub_title {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 5px;
}
.item-detail .c-bg-area .approach-box .approach-sub li + li {
  margin-top: 20px;
}
.item-detail .c-bg-area .detail-box {
  background-color: #fff;
  margin-top: 50px;
}
.item-detail .c-bg-area .detail-box .detail-ttl {
  font-size: 30px;
  color: #fff;
  background-color: #aa1f4f;
  padding: 10px 15px;
  line-height: 1.3;
  text-align: center;
}
.item-detail .c-bg-area .detail-box .detail-ttl span {
  font-size: 20px;
}
.item-detail .c-bg-area .detail-box .detail-content {
  padding: 30px 40px;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-subttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 20px;
  text-align: center;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-colum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-colum .multiply {
  margin-left: 120px;
  position: relative;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-colum .multiply:before {
  content: "";
  width: 2px;
  height: 75%;
  left: -60px;
  background-color: #454242;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.item-detail .c-bg-area .detail-box .detail-content .detail-colum .multiply:after {
  content: "";
  width: 2px;
  height: 75%;
  left: -60px;
  background-color: #454242;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.item-detail .c-bg-area .detail-box .detail-content .detail-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-list li {
  font-size: 14px;
  text-align: center;
  width: calc((100% / 4) - 10px);
  line-height: 1.3;
  margin-right: 10px;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-list li img {
  margin-bottom: 5px;
}
.item-detail .c-bg-area .detail-box .detail-content img {
  width: 100%;
}
.item-detail .c-bg-area .detail-box .detail-content .note {
  margin-top: 30px;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.item-detail .c-bg-area .detail-box .detail-content .detail-flex img {
  width: 23%;
}
.item-detail .c-bg-area .detail-box + .txt {
  margin-top: 50px;
}
.item-detail .c-bg-area .cycle-box {
  background: #f6f5f5;
  padding: 40px;
  margin-top: 40px;
}
.item-detail .c-bg-area .cycle-box .cycle-ttl {
  color: #8f262a;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.1em;
}
.item-detail .c-bg-area .cycle-box .cycle-list li + li {
  margin-top: 20px;
}
.item-detail .c-bg-area .formulation-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.item-detail .c-bg-area .formulation-box .left-col {
  min-width: 100px;
  margin-right: 40px;
}
.item-detail .c-bg-area .formulation-box .formulation-ttl {
  border-bottom: solid 1px #fff;
  color: #8f262a;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-bottom: 15px;
}
.item-detail .c-bg-area .formulation-box .formulation-ca {
  background-color: #8f262a;
  font-weight: 700;
  font-size: 16px;
  width: 130px;
  height: 30px;
  text-align: center;
  border-radius: 15px;
  color: #fff;
  padding: 2px;
  margin-top: 20px;
}
.item-detail .c-bg-area .formulation-box .formulation-txt {
  margin-top: 15px;
}
.item-detail .c-bg-area .component-box.ma-40 {
  margin-top: 40px;
}
.item-detail .c-bg-area .component-box li + li {
  margin-top: 40px;
}
.item-detail .c-bg-area .component-box li .component-ttl {
  font-size: 18px;
  font-weight: 700;
  padding-left: 18px;
  position: relative;
}
.item-detail .c-bg-area .component-box li .component-ttl::after {
  background: #b30030;
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  width: 12px;
  top: 8px;
  left: 0;
  margin: auto;
}
.item-detail .c-bg-area .component-box li .component-sub-ttl {
  color: #b30030;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
.item-detail .c-bg-area .component-box li .component-txt {
  margin-bottom: 30px;
}
.item-detail .c-bg-area .component-box li .small {
  font-size: 14px;
  margin-top: 10px;
}
.item-detail .c-bg-area .component-box li .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  padding: 30px 40px;
  margin-top: 10px;
}
.item-detail .c-bg-area .component-box li .block .left-col {
  margin-right: 40px;
  min-width: 90px;
}
.item-detail .c-bg-area .component-box li .block .block-ttl {
  color: #b30030;
  font-size: 20px;
  font-weight: 700;
}
.item-detail .c-bg-area .component-box li .block .block-txt {
  font-size: 14px;
  margin-top: 5px;
}
.item-detail .c-bg-area .img-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
}
.item-detail .c-bg-area .img-list li {
  width: calc((100% / 6) - 10px);
  margin-right: 10px;
  margin-top: 10px;
}
.item-detail .c-bg-area .bnr-area {
  padding-top: 90px;
  text-align: center;
}
.item-detail .c-bg-area .bnr-area .arrow {
  padding-bottom: 54px;
}
.item-detail .c-bg-area .bnr-area .txt {
  font-size: 32px;
  line-height: 1.56;
  letter-spacing: 0.1em;
  margin-bottom: 27px;
}
.item-detail .c-bg-area .bnr-area .clbm-bnr {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: block;
}
.item-detail .secret-block {
  padding-top: 100px;
  overflow: hidden;
}
.item-detail .secret-block .sub_txt {
  padding-top: 30px;
}
.item-detail .secret-block .ttl_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-detail .secret-block .wrap {
  margin-top: 50px;
  padding-bottom: 80px;
  position: relative;
}
.item-detail .secret-block .wrap::before {
  background: url(../img/common/ico-arrow-bottom.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 60px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: auto;
}
.item-detail .secret-block .wrap .ttl {
  font-size: 20px;
  font-weight: bold;
}
.item-detail .secret-block .wrap .list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.item-detail .secret-block .wrap .list .num {
  border-right: 2px solid #c8c8c8;
  padding: 5px 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  width: 70px;
}
.item-detail .secret-block .wrap .list .num img {
  max-height: 22px;
}
.item-detail .secret-block .wrap .list .inn {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 15px;
  width: calc(100% - 70px);
}
.item-detail .secret-block .wrap.no-arrow::before {
  content: none;
}
.item-detail .secret-block .step-wrap .lead-txt {
  color: #b30030;
  font-weight: bold;
  text-align: center;
}
.item-detail .secret-block .step-wrap .lead-txt span {
  display: inline-block;
  text-align: left;
}
.item-detail .secret-block .reason-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1077px;
}
.item-detail .secret-block .reason-wrap .reason-area {
  width: calc((100% - 77px) / 2);
}
.item-detail .secret-block .reason-wrap .reason-area .ttl {
  background: #414180;
  border-radius: 100px;
  color: #fff;
  font-size: 24px;
  padding: 10px 20px;
  text-align: center;
}
.item-detail .secret-block .reason-wrap .reason-area .txt {
  font-size: 16px;
  line-height: 2;
  margin: 32px 0 30px;
}
.item-detail .secret-block .reason-wrap .reason-area .component-list li {
  border: 1px solid #414180;
  display: inline-block;
  padding: 5px 20px;
  margin: 0 20px 10px 0;
}
.item-detail .secret-block .reason-wrap .reason-area .note {
  margin-top: 34px;
}
.item-detail .secret-block .flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1077px;
  margin-bottom: 60px;
}
.item-detail .secret-block .flex-wrap .ttl-wrap {
  width: calc(100% - 340px);
}
.item-detail .secret-block .flex-wrap .ttl-wrap .c-ttl02 {
  padding-top: 0;
  margin-bottom: 37px;
}
.item-detail .secret-block .flex-wrap .ttl-wrap .c-ttl02::before {
  content: none;
}
.item-detail .secret-block .flex-wrap .ttl-wrap .lead-txt {
  max-width: 600px;
  line-height: 2;
}
.item-detail .secret-block .flex-wrap .deco {
  width: 340px;
}
.item-detail .aco-block {
  margin-top: 40px;
}
.item-detail .aco-block .js-cont dl:not(:first-child) {
  margin-top: 5px;
}
.item-detail .aco-block .js-cont dl.detail-faq {
  display: block;
}
.item-detail .aco-block .js-cont dl.detail-faq dt,
.item-detail .aco-block .js-cont dl.detail-faq dd {
  position: relative;
  padding-left: 20px;
}
.item-detail .aco-block .js-cont dl.detail-faq dt:before,
.item-detail .aco-block .js-cont dl.detail-faq dd:before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: 500;
  top: 2px;
}
.item-detail .aco-block .js-cont dl.detail-faq dt {
  font-weight: normal;
  color: #b30030;
  font-size: 12px;
  margin: 0 0 5px;
  line-height: 1.5;
}
.item-detail .aco-block .js-cont dl.detail-faq dt:before {
  content: "Q.";
}
.item-detail .aco-block .js-cont dl.detail-faq dt:not(first-child) {
  margin-top: 20px;
}
.item-detail .aco-block .js-cont dl.detail-faq dd {
  font-size: 12px;
  line-height: 1.5;
}
.item-detail .aco-block .js-cont dl.detail-faq dd .txt {
  font-size: 12px;
}
.item-detail .aco-block .js-cont dl.detail-faq dd .txt:not(:first-child) {
  margin-top: 10px;
}
.item-detail .aco-block .js-cont dl.detail-faq dd .note {
  font-size: 10px;
}
.item-detail .aco-block .js-cont dl.detail-faq dd:before {
  content: "A.";
}
.item-detail .aco-block table {
  border-collapse: collapse;
  width: 100%;
}
.item-detail .aco-block .tb01 th,
.item-detail .aco-block .tb01 td {
  padding: 10px;
  border: solid 1px #ccc;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-detail .aco-block .tb01 th {
  background: #efeeec;
  color: #333;
}
.item-detail .aco-block .note {
  font-size: 12px;
  margin-top: 20px;
}
.item-detail .aco-block a.link_a {
  text-decoration: underline !important;
}
.item-detail .aco-block .aco-box {
  border-top: 1px solid #d3d3d3;
  margin: 0 0px;
}
.item-detail .aco-block .aco-box .js-aco-btn {
  cursor: pointer;
  padding: 45px 55px 45px 0px;
  position: relative;
}
.item-detail .aco-block .aco-box .js-aco-btn::before,
.item-detail .aco-block .aco-box .js-aco-btn::after {
  background: #b30030;
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 20px;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.item-detail .aco-block .aco-box .js-aco-btn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.item-detail .aco-block .aco-box .js-aco-btn.is-active::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.item-detail .aco-block .aco-box .js-aco-btn.is-active::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.item-detail .aco-block .aco-box .js-cont {
  margin-top: -20px;
  padding: 0 20px 30px;
}
.item-detail .aco-block .aco-box .aco-ttl {
  font-size: 18px;
}
.item-detail .aco-block .aco-box .txt {
  font-size: 16px;
}
.item-detail .aco-block .aco-box .column2 .ttl {
  font-size: 20px;
  margin-bottom: 10px;
}
.item-detail .aco-block .aco-box .column2 .inn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.item-detail .aco-block .aco-box .column2 .inn .img {
  width: 100px;
  padding-right: 20px;
}
.item-detail .aco-block .aco-box .column2 .inn .txt-area {
  width: calc(100% - 100px);
}
.item-detail .aco-block .aco-box .column2 .inn .txt-area .txt + .txt {
  margin-top: 1em;
}
.item-detail .aco-block .aco-box .column2 .inn .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-detail .aco-block .aco-box .column2 .inn .wrap .img {
  border: 1px solid #c8c8c8;
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
}
.item-detail .aco-block .aco-box .column2 .inn .wrap .txt {
  padding-left: 20px;
  width: calc(100% - 80px);
}
.item-detail .aco-block .aco-box .column2.column2--dif .inn .img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area {
  width: auto;
}
.item-detail .aco-block .aco-box .special-care-box {
  background: #f3f2ef;
  margin-top: 40px;
  padding: 30px 40px;
}
.item-detail .aco-block .aco-box .special-care-box .special-care-ttl {
  color: #d34646;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 1.6;
}
.item-detail .aco-block .aco-box .special-care-box .sub-ttl {
  font-weight: bold;
}
.item-detail .aco-block .aco-box .special-care-box .sub-ttl .red {
  color: #b30030;
}
.item-detail .aco-block .aco-box .special-care-box .txt {
  margin-top: 10px;
}
.item-detail .aco-block .aco-box .bnr {
  margin-top: 40px;
  text-align: center;
}
.item-detail .aco-block .aco-box .bnr a {
  display: inline-block;
}
.item-detail .aco-block .aco-box .bnr a:hover {
  -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.item-detail .aco-block .aco-box .note {
  margin-top: 15px;
  font-size: 12px;
}
.item-detail .aco-block .aco-box .img-method {
  padding: 0 25%;
  margin-top: 30px;
}
.item-detail .aco-block .fsc-box {
  border-bottom: 1px solid #969696;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 90px 70px;
}
.item-detail .aco-block .fsc-box .img {
  width: 112px;
}
.item-detail .aco-block .fsc-box .txt-area {
  padding-left: 70px;
  width: calc(100% - 112px);
}
.item-detail .aco-block .fsc-box .txt-area .ttl {
  font-size: 20px;
  margin-bottom: 10px;
}
.item-detail .aco-block .notice-box .notice-box-head {
  background-color: #b30030;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding: 20px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05em;
}
.item-detail .aco-block .notice-box .notice-box-text {
  font-size: 14px;
  line-height: 2;
}
.item-detail .aco-block .notice-box .notice-box-body {
  padding: 15px 30px;
  border: solid 1px #ccc;
  border-top: none;
}
.item-detail .aco-block .img-gray-box {
  background: #f6f4f4;
  padding: 30px;
  margin-top: 40px;
}
.item-detail .aco-block .img-gray-box .ttl {
  border-bottom: solid 1px #b30030;
  padding-bottom: 6px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.item-detail .aco-block .img-gray-box .inn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-detail .aco-block .img-gray-box .img {
  border-radius: 50%;
  overflow: hidden;
  width: 149px;
}
.item-detail .aco-block .img-gray-box .txt {
  padding-left: 30px;
  width: calc(100% - 149px);
}
.item-detail .aco-block .img-gray-box .column1 {
  width: auto;
}
.item-detail .c-comparison-block {
  background: #f0f0eb;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 120px;
}
.item-detail .c-comparison-block .c-ttl01 {
  text-align: left;
  padding-top: 0;
}
.item-detail .c-comparison-block .c-ttl01:before {
  content: none;
}
.brown.item-detail .c-comparison-block {
  background: #fafafb;
}
.item-detail .c-comparison-block .bar {
  background: #fff;
  margin-bottom: 4px;
  padding: 12px;
  text-align: center;
}
.item-detail .c-comparison-block .bar img {
  display: block;
  margin: auto;
}
.item-detail .c-comparison-block .place {
  background: #fff;
  font-size: 12px;
  padding: 12px;
  margin-top: 10px;
}
.item-detail .c-comparison-block .note {
  margin-top: 20px;
  font-size: 12px;
}
.item-detail .c-comparison-block .note + .note {
  margin-top: 10px;
}
.item-detail .c-comparison--dif .c-item-list .img-txt {
  color: #969696;
}
.item-detail .c-comparison--dif .c-item-list .img {
  height: 326px;
  text-align: center;
}
.item-detail .c-comparison--dif .c-item-list.comparison .item-wrap {
  padding-bottom: 25px;
}
.item-detail .c-comparison--dif .c-item-list.comparison .item-wrap::after {
  background: #414141;
  content: "";
  display: block;
  width: calc(100% - 24px);
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.item-detail .c-comparison--dif .c-item-list.comparison .item-info {
  padding: 25px 18px 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-detail .c-comparison--dif .c-item-list.comparison .item-info .item-info-text {
  font-size: 12px;
}
.item-detail .c-comparison--dif .c-item-list.comparison .item-info .item-info-text .small {
  font-size: 10px;
}
.item-detail .review-block {
  padding-top: 160px;
}
.item-detail .review-block .bg-area {
  background: #faf1f2;
  padding: 50px 0;
}
.item-detail .review-block .c-review {
  background: #fff;
  padding: 20px;
  margin-top: 30px;
}
.item-detail .review-block .c-review:first-child {
  margin-top: 0;
}
.item-detail .review-block .c-review .ttl {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
}
.item-detail .review-block .c-review .author,
.item-detail .review-block .c-review .date,
.item-detail .review-block .c-review .score,
.item-detail .review-block .c-review .c-star-rating {
  font-size: 14px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  line-height: 1.6;
}
.item-detail .review-block .c-review .txt {
  margin-top: 10px;
  font-size: 16px;
}
.item-detail .review-block .btn-wrap {
  margin-top: 120px;
}
.item-detail .review-block + .c-recommend-block {
  margin-top: 120px;
}
.item-detail .bottom-margin {
  padding-bottom: 80px;
}
.item-detail .product-step-block {
  padding-top: 80px;
  padding-bottom: 120px;
}
.item-detail .product-step-block .step-list li {
  opacity: 0.5;
  padding: 35px 20px;
  position: relative;
}
.item-detail .product-step-block .step-list li:not(:last-child)::before,
.item-detail .product-step-block .step-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
}
.item-detail .product-step-block .step-list li:not(:last-child)::before {
  right: -12px;
  border-style: solid;
  border-width: 13px 0 13px 12px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
}
.item-detail .product-step-block .step-list li:not(:last-child)::after {
  right: -14px;
  border-style: solid;
  border-width: 15px 0 15px 14px;
  border-color: transparent transparent transparent #414141;
  z-index: 1;
}
.item-detail .product-step-block .step-list li.is-active,
.item-detail .product-step-block .step-list li.before-active {
  border-color: #b30030;
}
.item-detail .product-step-block .step-list li.is-active::after,
.item-detail .product-step-block .step-list li.before-active::after {
  border-color: transparent transparent transparent #b30030;
}
.item-detail .product-step-block .step-list li.is-active {
  opacity: 1;
}
.item-detail .product-step-block .step-list .num {
  display: block;
  text-align: center;
}
.item-detail .product-step-block .step-list .img {
  text-align: center;
}
.item-detail .product-step-block .step-list .ttl {
  font-size: 19px;
  text-align: center;
}
.item-detail .c-recommend-block {
  padding-top: 85px;
  padding-bottom: 80px;
  background: #ebe6e1;
}
.item-detail .c-recommend-block .inner-block > .note {
  font-size: 12px;
  margin-top: 55px;
}
.item-detail .c-bnr-block:last-child {
  padding-bottom: 140px;
}
.item-detail.black .showcase-block .list li::before {
  background-image: url(../img/common/ico-check-bk.svg);
}
.item-detail.green .item-block .c-cat {
  background: #41a297;
}
.item-detail.green .item-block::before {
  background: #41a297;
}
.item-detail.green .campaign-block {
  background: #eaf0ed;
}
.item-detail.green .showcase-block .list li::before {
  background-image: url(../img/common/ico-check-gr.svg);
}
.item-detail.green .c-bg-area::before,
.item-detail.green .c-bg-area::after {
  background: #eaf0ed;
}
.item-detail.green .c-bg-area .ttl {
  border-color: #41a297;
}
.item-detail.green .c-bg-area .ttl .inn {
  color: #41a297;
}
.item-detail.green .semi-ttl {
  color: #41a297;
}
.item-detail.green .color {
  color: #41a297;
}
.item-detail.red .item-block .c-cat {
  background: #b30030;
}
.item-detail.red .item-block::before {
  background: #801919;
}
.item-detail.red .campaign-block {
  background: #f6eceb;
}
.item-detail.red .c-bg-area::before,
.item-detail.red .c-bg-area::after {
  background: #ffeae5;
}
.item-detail.red .c-bg-area .ttl {
  border-color: #b30030;
}
.item-detail.red .c-bg-area .ttl .inn {
  color: #b30030;
}
.item-detail.red .box .txt b {
  color: #8f262a;
}
.item-detail.red .semi-ttl {
  color: #8f262a;
}
.item-detail.red .color {
  color: #8f262a;
}
.item-detail.yellow .showcase-block .list li::before {
  background-image: url(../img/common/ico-check-yellow.png);
}
.item-detail.yellow .campaign-block {
  background: #fcfaf3;
}
.item-detail.yellow .c-bg-area .ttl {
  border-color: #d3b000;
}
.item-detail.yellow .c-bg-area .ttl .inn {
  color: #323232;
}
.item-detail.yellow .c-bg-area .img {
  padding: 0;
}
.item-detail.yellow .showcase-block .wrap {
  min-height: auto;
}
.item-detail.yellow .secret-block .step-wrap .lead-txt {
  color: #d3b001;
}
.item-detail.yellow .semi-ttl {
  color: #d3b001;
}
.item-detail.yellow .color {
  color: #d3b001;
}
.item-detail.yellow .c-bg-area .box:first-child .approach-list + .note {
  padding: 0;
  margin-top: 25px;
}
.item-detail.blue .item-block .c-cat {
  background: #414180;
}
.item-detail.blue .item-block::before {
  background: #414180;
}
.item-detail.blue .campaign-block {
  background: #ececf3;
}
.item-detail.blue .showcase-block .list li::before {
  background-image: url(../img/common/ico-check-bl.svg);
}
.item-detail.blue .c-bg-area::before,
.item-detail.blue .c-bg-area::after {
  background: #f0edee;
}
.item-detail.blue .c-bg-area .ttl {
  border-color: #414180;
}
.item-detail.blue .c-bg-area .ttl .inn {
  color: #414180;
}
.item-detail.blue .showcase-block .box .melt-img + .melt-img:before {
  background-color: #414180;
}
.item-detail.blue .semi-ttl {
  color: #414180;
}
.item-detail.blue .color {
  color: #414180;
}
.c-column-list-content-block {
  margin-bottom: 70px;
}
.column-detail .related-block {
  margin-bottom: 70px;
}
.faq .c-article-mv-block {
  background-color: #f5f5f5;
}
.faq .changeunder {
  margin-top: 60px;
}
.faq-block .box {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.faq-block .box:not(:last-child) {
  margin-bottom: 70px;
}
.faq-block .question,
.faq-block .answer-area {
  padding-left: 36px;
  position: relative;
}
.faq-block .question:after,
.faq-block .answer-area:after {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  left: 0;
  top: 0;
  height: 30px;
  width: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-block .question {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.81;
  letter-spacing: 0.1em;
}
.faq-block .question:after {
  content: "Q.";
  color: #b30030;
  height: 26px;
}
.faq-block .answer-area {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 20px;
}
.faq-block .answer-area + * {
  margin-top: 15px;
}
.faq-block .answer-area:after {
  content: "A.";
  height: 30px;
}
.faq-block .answer-area .btn-wrap {
  text-align: left;
  margin-top: 19px;
}
.faq-block .caution {
  font-size: 8px;
  line-height: 1.75;
  letter-spacing: 0;
  margin: 12px 0;
}
.faq-block .txt {
  margin-top: 10px;
}
.faq-block .red {
  color: #b30030;
  letter-spacing: 0.05em;
}
.faq-block .num {
  letter-spacing: 0;
}
.faq-block .tel {
  margin-top: 7px;
}
.faq-block .tel:not(.bottom) {
  font-size: 22px;
}
.faq-block .bottom {
  font-size: 12px;
  line-height: 2.33;
  letter-spacing: 0;
}
.faq-block .link {
  display: inline-block;
  position: relative;
}
.faq-block .link:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #414141;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.faq-block .link-sub {
  margin-top: 15px;
}
.faq-block .img {
  margin-top: 19px;
  text-align: right;
}
.faq-btn-area {
  padding: 80px 0 80px;
}
.about .bg-area {
  padding: 25px 0 35px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
}
.about .philosophy-block .bg-area {
  background-image: url(../img/about/sp/bg-philosophy.jpg);
}
.about .sdgs-block .bg-area {
  background-image: url(../img/about/sp/bg-sdgs.jpg);
}
.about .scent-block .bg-area {
  background-image: url(../img/about/sp/bg-scent.jpg);
}
.about .clean-block {
  padding-bottom: 90px;
}
.about .philosophy-block {
  padding-bottom: 90px;
}
.about .sdgs-block {
  padding-bottom: 90px;
}
.about .scent-block {
  padding-bottom: 90px;
}
.about .scent-block .note {
  margin-top: 40px;
}
.about .clean-block {
  margin-top: 25px;
}
.about .clean-block .c-ttl03 {
  font-size: 18px;
}
.about .txt:not(:first-child) {
  margin-top: 20px;
}
.about .inner-block > .sub-catch:not(:first-child) {
  margin-top: 24px;
}
.about .sub-catch {
  line-height: 1.8;
  font-size: 14px;
}
.about .note {
  font-size: 10px;
  margin-top: 20px;
}
.about .bg-box-area {
  background: #efedeb;
  padding: 30px 20px;
  margin-top: 30px;
}
.about .bg-box-area.bg-box-scent {
  padding-bottom: 160px;
}
.about .bg-box-area .box.box-sea .ttl,
.about .bg-box-area .box.box-ground .ttl {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.about .bg-box-area .box.box-sea .ttl span,
.about .bg-box-area .box.box-ground .ttl span {
  padding-left: 15px;
  line-height: 1;
}
.about .bg-box-area .ttl {
  font-size: 18px;
  font-weight: bold;
  color: #b30030;
}
.about .scent-items {
  margin-top: -130px;
}
.about .scent-items .ttl {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 500;
}
.about .scent-items .single-item {
  margin: auto;
}
.about .scent-items .single-item .img {
  text-align: center;
  margin: auto;
}
.about .scent-items .single-item .img img {
  margin: auto;
}
.about .scent-items .txt {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
.ul-check:not(:first-child) {
  margin-top: 20px;
}
.ul-check li {
  font-size: 12px;
  padding-left: 30px;
  position: relative;
}
.ul-check li:before {
  content: "";
  width: 16px;
  height: 12px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg id="Icon_material-check" data-name="Icon material-check" xmlns="http://www.w3.org/2000/svg" width="16" height="12.198" viewBox="0 0 16 12.198"><path id="Icon_material-check-2" data-name="Icon material-check" d="M10.2,18.009,6.407,14.216,5.115,15.5,10.2,20.583,21.115,9.668,19.832,8.385Z" transform="translate(-5.115 -8.385)" fill="%23444"/></svg>') no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 3px;
}
.ul-check li:not(:first-child) {
  margin-top: 10px;
}
.img-txt:not(:first-child),
.txt-img:not(:first-child) {
  margin-top: 30px;
}
.main-catch {
  font-size: 18px;
  margin-top: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.ttl-catch {
  font-size: 22px;
  margin-top: 50px;
  line-height: 1.8;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.h3-cross {
  font-size: 20px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  padding-bottom: 24px;
  margin-bottom: 24px;
  position: relative;
  display: table;
}
.h3-cross:before {
  content: "";
  background: #221e1f;
  bottom: 0;
  width: 100vw;
  height: 1px;
  right: 0;
  position: absolute;
}
.ul-ind li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
}
.ul-ind li:not(:first-child) {
  margin-top: 3px;
}
.divide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.divide-3min {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.divide-3min li {
  padding: 0 15px;
}
.bestcosme .page-title-block .inner-block {
  padding: 80px 0 75px;
  position: relative;
}
.bestcosme .page-title-block .inner-block .best-cosme-badge {
  position: absolute;
  width: 57px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 15px;
}
.bestcosme .cosme-awards-block {
  padding: 30px 0 0px;
}
.bestcosme .cosme-awards-block .c-ttl02 {
  font-size: 20px;
  margin-bottom: 35px;
  text-align: left;
  font-weight: bold;
}
.bestcosme .cosme-awards-block .bestcosme-list li:not(:first-child) {
  margin-top: 80px;
}
.bestcosme .cosme-awards-block .bestcosme-list .inn {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bestcosme .cosme-awards-block .bestcosme-list .img {
  width: 110px;
  margin-right: 25px;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bestcosme .cosme-awards-block .bestcosme-list .img img {
  max-width: 105px;
  max-height: 140px;
}
.bestcosme .cosme-awards-block .bestcosme-list .txt-area {
  width: calc(100% - 135px);
}
.bestcosme .cosme-awards-block .bestcosme-list .txt-area .name {
  font-size: 16px;
  font-weight: 500;
}
.bestcosme .cosme-awards-block .c-dl01 {
  margin-top: 15px;
}
.c-dl01 {
  border-bottom: 1px solid #d3d3d3;
}
.c-dl01 dt {
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #d3d3d3;
  padding: 15px 15px 0;
}
.c-dl01 dd {
  font-size: 14px;
  padding: 0 15px 15px;
}
.c-btn0b {
  text-align: right;
  margin-top: 30px;
}
.c-btn0b a {
  padding: 15px 40px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  font-size: 13px;
  display: inline-block;
  position: relative;
}
.c-btn0b a:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #b30030;
  border-right: 2px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
}
.c-btn0b a span {
  line-height: 1;
}
.faq .scroll-menu-block {
  margin-bottom: 40px;
}
.faq-box:not(:first-child) {
  margin-top: 80px;
}
.faq-box > .ttl {
  font-size: 22px;
  font-weight: bold;
  background: #efedeb;
  padding: 6px 0;
  text-align: center;
  margin-bottom: 20px;
}
.faq-box .c-faq-aco {
  border: 1px solid #eaeaea;
}
.faq-box .c-faq-aco:not(:first-child) {
  margin-top: 20px;
}
.faq-box .c-faq-aco dd {
  position: relative;
}
.faq-box .c-faq-aco dd:before {
  content: "";
  color: #b30030;
  font-size: 16px;
  position: absolute;
  top: 12px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: bold;
  left: 12px;
}
.faq-box .c-faq-aco dt {
  font-size: 16px;
  padding: 10px 20px 10px 40px;
  font-weight: 500;
  line-height: 1.5;
  min-height: 60px;
  position: relative;
  cursor: pointer;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-box .c-faq-aco dt:before,
.faq-box .c-faq-aco dt:after {
  content: "";
  width: 14px;
  height: 2px;
  background: #b30030;
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.faq-box .c-faq-aco dt:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faq-box .c-faq-aco dt.is-active:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.faq-box .c-faq-aco dt.is-active:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.faq-box .c-faq-aco dt span {
  display: block;
  position: relative;
}
.faq-box .c-faq-aco dt span:before {
  content: "Q.";
  color: #b30030;
  font-size: 16px;
  position: absolute;
  top: 2px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: bold;
  left: -29px;
}
.faq-box .c-faq-aco .js-cont {
  display: none;
}
.faq-box .c-faq-aco dd {
  background: #fafaf9;
  padding: 15px 20px 25px 40px;
}
.faq-box .c-faq-aco dd:before {
  content: "A.";
}
.faq-box .c-faq-aco .txt {
  margin: 0;
  font-size: 12px;
}
.faq-box .c-faq-aco .txt:not(:first-child) {
  margin-top: 15px;
}
.faq-box .c-faq-aco .kome {
  font-size: 10px;
  position: relative;
  margin-top: 10px;
  padding-left: 12px;
  line-height: 1.5;
}
.faq-box .c-faq-aco .kome:before {
  content: "※";
  left: 0;
  top: 0;
  position: absolute;
}
.faq-box .c-faq-aco .c-link {
  margin-top: 15px;
}
.faq-box .c-faq-aco .img {
  text-align: left;
}
.faq-box .c-faq-aco .customer-box {
  padding: 20px;
  background: #fff;
  margin-top: 20px;
}
.faq-box .c-faq-aco .customer-box .ttl {
  font-weight: 500;
  font-size: 14px;
}
.faq-box .c-faq-aco .customer-box .tel-numb {
  color: #b30030;
  margin-top: 8px;
}
.faq-box .c-faq-aco .customer-box .tel-numb .ja {
  font-size: 12px;
  line-height: 1.4;
}
.faq-box .c-faq-aco .customer-box .tel-numb .numb {
  line-height: 1;
  font-size: 24px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: bold;
}
.faq-box .c-faq-aco .customer-box .txt {
  font-size: 12px;
  margin-top: 5px;
}
.scroll-menu {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.scroll-menu li a {
  font-size: 13px;
  padding: 10px 10px 10px 15px;
  line-height: 1;
  position: relative;
  border-bottom: 1px solid #b30030;
  display: block;
}
.scroll-menu li a:after {
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #b30030;
  border-right: 1px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.service .merit-brock {
  background: #efedeb;
}
.service .merit-brock .ttl {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.4;
}
.service .merit-brock .box-area {
  margin-top: 50px;
}
.service .merit-brock .box .box-ttl {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.service .merit-brock .box .list {
  margin-top: 12px;
}
.service .merit-brock .box .list li {
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  overflow: hidden;
}
.service .merit-brock .box .list li:first-child {
  border-top: 1px solid #d3d3d3;
  border-radius: 5px 5px 0 0;
}
.service .merit-brock .box .list li:last-child {
  border-radius: 0 0 5px 5px;
}
.service .merit-brock .box .list a {
  padding: 10px 15px;
  background: #fff;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 80px;
}
.service .merit-brock .box .list a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border-bottom: 2px solid #b30030;
  border-right: 2px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.service .merit-brock .box .list .ttl-content {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.service .merit-brock .box .list .icon {
  width: 80px;
}
.service .merit-brock .box .list .icon img {
  max-width: 40px;
  max-height: 50px;
}
.service .merit-brock .box .list .merit {
  color: #b30030;
  font-size: 14px;
}
.service .merit-brock .box .list .txt {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
.service .service-box {
  margin-top: 80px;
}
.service .service-box > .ttl {
  font-size: 22px;
  font-weight: bold;
  background: #efedeb;
  padding: 6px 10px;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 30px;
}
.service .service-box .box:not(:first-of-type) {
  margin-top: 60px;
}
.service .service-box .box > .txt {
  padding: 0 15px;
  font-size: 12px;
}
.service .service-box .box > .txt:not(:first-of-type) {
  margin-top: 10px;
}
.service .service-box .box .cycle {
  padding: 0 15px;
  font-weight: bold;
  font-size: 12px;
}
.service .service-box .box > .note {
  font-size: 10px;
  margin-top: 12px;
}
.service .service-box .box > .note .red {
  color: #b30030;
}
.service .service-box .ttl-content {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.service .service-box .ttl-content .icon {
  width: 75px;
}
.service .service-box .ttl-content .icon img {
  max-width: 60px;
  max-height: 57px;
}
.service .service-box .ttl-content .merit {
  color: #b30030;
  font-size: 14px;
  font-weight: 500;
}
.service .service-box .ttl-content .ttl-txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.service .service-box .inside {
  padding: 0 15px;
}
.service .service-box .inside .txt-area .txt {
  font-size: 12px;
}
.service .service-box .inside .txt-area .sumple {
  margin-top: 30px;
}
.service .service-box .inside .txt-area .sumple dt {
  font-size: 14px;
  font-weight: 500;
  background: #cdc5c0;
  display: table;
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
}
.service .service-box .inside .txt-area .sumple dd {
  margin-top: 10px;
  font-size: 10px;
}
.service .service-box .price-ever {
  margin-top: 20px;
}
.service .service-box .price-ever .price-cont {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service .service-box .price-ever .price-cont .cont {
  width: 49%;
}
.service .service-box .price-ever .time {
  background: #efedeb;
  text-align: center;
  padding: 2px 10px;
  border-radius: 5px;
}
.service .service-box .price-ever .before {
  font-size: 12px;
  text-align: center;
}
.service .service-box .price-ever .before .cost {
  font-size: 20px;
  padding-left: 2px;
}
.service .service-box .price-ever .disc {
  color: #fff;
  background: #b30030;
  padding: 2px 5px;
  margin: 5px 0 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  position: relative;
}
.service .service-box .price-ever .disc:after {
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  border: 10px solid transparent;
  border-top-color: #b30030;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
}
.service .service-box .price-ever .disc .cost {
  font-size: 22px;
}
.service .service-box .price-ever .after {
  font-size: 12px;
  text-align: center;
}
.service .service-box .price-ever .after .cost {
  font-size: 28px;
  font-weight: bold;
}
.service .service-box .price-ever .ever-cont {
  padding: 4px;
  text-align: center;
  background: #efedeb;
  border-radius: 5px;
  margin-top: 60px;
  position: relative;
}
.service .service-box .price-ever .ever-cont:before,
.service .service-box .price-ever .ever-cont:after {
  content: "・";
  top: -45px;
  left: 0;
  right: 0;
  color: #b30030;
  margin: auto;
  position: absolute;
}
.service .service-box .price-ever .ever-cont:after {
  top: -35px;
}
.service .service-box .price-ever .ever-cont:after:after {
  content: none;
}
.service .service-box .price-ever .ever-cont p {
  font-size: 20px;
  font-weight: bold;
  color: #b30030;
}
.service .flow-box {
  background: rgba(239, 237, 235, 0.5);
  margin-top: 70px;
  padding: 25px 20px 60px;
}
.service .flow-box > .c-ttl03 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.service .flow-box > .txt {
  font-size: 12px;
}
.service .question-box {
  margin-top: 80px;
  margin-bottom: 90px;
}
.service .question-box .c-ttl03 {
  font-size: 20px;
}
.service .question-box .box {
  background: #efedeb;
  padding: 15px 20px;
}
.service .question-box .box:not(:first-child) {
  margin-top: 30px;
}
.service .question-box .box.box-tel .c-link {
  margin-top: 30px;
}
.service .question-box .box.box-tel .txt {
  font-size: 10px;
  text-align: center;
}
.service .question-box .box.box-faq .inn {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service .question-box .box .txt {
  font-size: 12px;
}
.service .question-box .box .ttl {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.service .question-box .box .tel-btn {
  text-align: center;
  display: block;
  margin-top: 30px;
}
.service .question-box .box .tel-btn .tel-txt {
  font-size: 28px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: 600;
  color: #b30030;
  position: relative;
  padding-left: 55px;
}
.service .question-box .box .tel-btn .tel-txt:before {
  background: url(../img/common/ico-tel.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 45px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.service .line-txt {
  font-size: 12px;
  color: #573e2e;
  padding: 10px;
  margin: 0 20px 25px;
  border: 1px solid #573e2e;
}
.service .pay-table {
  max-width: 530px;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  margin: 30px auto 0;
}
.service .pay-table th,
.service .pay-table td {
  padding: 15px;
  font-size: 11px;
  line-height: 1.6;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.service .pay-table th {
  font-weight: 500;
  background: #efedeb;
  text-align: left;
}
.service .pay-table td {
  text-align: center;
}
.service .pay-table td.red {
  color: #b30030;
  font-weight: 500;
}
.service .stage-area {
  margin-top: 30px;
  max-width: 652px;
  width: 100%;
  margin: 30px auto 0;
}
.service .stage-area .ttl {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #b30030;
  margin-bottom: 13px;
}
.service .stage-area .note {
  font-size: 10px;
  margin-top: 10px;
}
.service .c-half-product-lineup {
  margin-top: 0;
}
.service .post-method {
  position: relative;
}
.service .post-method .box-txt {
  color: #b30030;
  padding: 10px;
  background: #efedeb;
  color: #573e2e;
  font-size: 12px;
}
.service .post-method .time {
  font-size: 18px;
  color: #b30030;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
  font-weight: 500;
  text-align: center;
}
.service .post-method .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-bottom: 15px;
}
.service .post-method .list .txt {
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  padding-top: 40px;
  position: relative;
  font-size: 13px;
}
.service .post-method .list .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.service .post-method .list .change {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #573e2e;
  border: 1px solid #573e2e;
  padding: 3px 5px;
  line-height: 1.2;
  margin-top: 5px;
}
.service .post-method .point-cont {
  max-width: 487px;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  margin: auto;
  top: 133px;
  padding: 0 40px;
}
.service .post-method .point-list {
  max-width: 487px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.service .post-method .point-list:after {
  position: absolute;
  content: "";
  width: 99%;
  height: 1px;
  background-color: #707070;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.service .post-method .point-list li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #707070;
}
.table-box .stage-table {
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}
.table-box .stage-table tr.bronze td:first-child {
  background: #eededf;
  color: #b40030;
}
.table-box .stage-table tr.silver td:first-child {
  background: #ededf4;
  color: #8686b4;
}
.table-box .stage-table tr.gold td:first-child {
  background: #f9f3d9;
  color: #ab8b00;
}
.table-box .stage-table tr.platinum td:first-child {
  background: #d9f2ee;
  color: #00aa8d;
}
.table-box .stage-table th,
.table-box .stage-table td {
  padding: 3px 15px;
  line-height: 1.6;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  min-height: 45px;
}
.table-box .stage-table th {
  font-weight: 500;
  background: #efedeb;
  text-align: left;
  font-size: 12px;
}
.table-box .stage-table td {
  text-align: center;
  font-size: 11px;
}
.table-box .stage-table td.left {
  text-align: left;
}
.table-box .stage-table .stage-txt {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.table-box .stage-table .stage-txt .logo {
  width: 30px;
}
.table-box .stage-table .stage-txt .rank {
  font-size: 13px;
  font-weight: bold;
  margin-left: 10px;
}
.point .pt-service-box {
  padding: 25px 10px 20px;
  background: #efedeb;
  margin-top: 60px;
}
.point .pt-service-box .note {
  font-size: 10px;
  margin-top: 20px;
}
.point .pt-service-box .list {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.point .pt-service-box .list li {
  background: #fff;
  width: calc(50% - 3px);
  padding: 10px 5px 10px 10px;
}
.point .pt-service-box .list li:nth-child(n + 3) {
  margin-top: 6px;
}
.point .pt-service-box .list .icon {
  width: 45px;
}
.point .pt-service-box .list .icon img {
  max-width: 35px;
  max-height: 35px;
}
.point .pt-service-box .list .txt {
  width: calc(100% - 45px);
  font-size: 13px;
  font-weight: 500;
}
.point .pt-service-box .list .ttl-content {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 86px;
}
.point .point-anc-box {
  padding: 45px 0 80px;
}
.point .point-anc-box .c-ttl03 {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  margin-bottom: 35px;
}
.point .point-anc-box .divide-anc-link {
  margin: auto;
}
.point .point-anc-box .divide-anc-link li a {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #b30030;
  position: relative;
  padding: 4px 0;
}
.point .point-anc-box .divide-anc-link li a:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #b30030;
  border-right: 1px solid #b30030;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
}
.point .point-anc-box .divide-anc-link li .ico {
  width: 28px;
}
.point .point-anc-box .divide-anc-link li .anc {
  width: calc(100% - 28px);
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
}
.point .point-flow-box {
  margin-top: 80px;
}
.point .point-flow-box#link01 {
  margin-top: 0;
}
.point .point-flow-box .box-ttl {
  padding: 5px;
  background: #efedeb;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}
.point .point-flow-box .box-ttl .ico {
  width: 34px;
}
.point .point-flow-box .box-ttl .anc {
  font-size: 20px;
  padding-left: 10px;
  font-weight: bold;
}
.point .point-flow-box .sub-txt {
  margin-bottom: 40px;
  font-size: 12px;
}
.point .point-flow-box .box:not(:first-of-type) {
  margin-top: 60px;
}
.point .point-flow-box .box .ttl {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b30030;
}
.point .point-flow-box .box .img {
  text-align: center;
}
.point .point-flow-box .box .img:not(:first-child) {
  margin-top: 15px;
}
.point .point-flow-box .tel-area {
  background: #efedeb;
  margin-top: 25px;
  padding: 24px 0 15px;
}
.point .point-flow-box .tel-area .tel-btn {
  text-align: center;
  display: block;
}
.point .point-flow-box .tel-area .tel-btn .tel-txt {
  font-size: 28px;
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  font-weight: 600;
  color: #b30030;
  position: relative;
  padding-left: 55px;
}
.point .point-flow-box .tel-area .tel-btn .tel-txt:before {
  background: url(../img/common/ico-tel.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 45px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.point .point-flow-box .tel-area .txt {
  font-size: 11px;
  text-align: center;
}
.point .point-flow-box .stageup-area {
  padding: 20px 15px 30px;
  background: #fafaf9;
  margin-top: 20px;
}
.point .point-flow-box .stageup-area .img {
  text-align: center;
}
.point .point-flow-box .stageup-area .numb-flow {
  margin-top: 25px;
}
.point .point-flow-box .stageup-area .numb-flow dt {
  font-size: 14px;
  font-weight: 500;
  color: #b30030;
}
.point .point-flow-box .stageup-area .numb-flow dd .txt {
  font-size: 12px;
}
.point .point-flow-box .stageup-area .numb-flow dd .kome {
  margin-top: 10px;
}
.point .point-flow-box .txt-area {
  padding: 0 15px;
}
.point .point-flow-box .ul-dots li {
  font-size: 12px;
  padding-left: 20px;
  display: block;
}
.point .point-flow-box .ul-dots li:not(:first-child) {
  margin-top: 10px;
}
.point .point-flow-box .ul-dots li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.point .point-flow-box .kome {
  font-size: 10px;
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  line-height: 1.4;
}
.point .point-flow-box .kome:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.point .point-flow-box .kome:not(:first-of-type) {
  margin-top: 4px;
}
@media only screen and (min-width: 641px) {
  .inner-block {
    margin: 0 auto;
  }
  .sp {
    display: none !important;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
  a,
  a::before,
  a::after,
  button {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .c-footer .upper .link-wrap .box {
    width: 25%;
  }
  .c-footer .upper .link-wrap .txt-link-list a:hover {
    opacity: 0.7;
  }
  .c-footer .upper .bnr-wrap {
    -webkit-animation-name: auto;
    animation-name: auto;
    padding: 60px 0 50px;
  }
  .c-footer .upper .bnr-wrap .small-bnr {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .c-footer .upper .bnr-wrap .small-bnr .ttl {
    margin-right: 25px;
  }
  .c-footer .upper .bnr-wrap .small-bnr .small-bnr-list a:hover {
    opacity: 0.7;
  }
  .c-footer .upper .bnr-wrap .media-bnr a {
    padding: 20px 25px 20px 35px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .c-footer .upper .bnr-wrap .media-bnr a:hover .link:after {
    right: 0;
  }
  .c-footer .upper .bnr-wrap .media-bnr .txt {
    font-size: 16px;
    text-align: left;
    margin: 0 0 auto;
  }
  .c-footer .upper .bnr-wrap .media-bnr .txt-area {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 190px);
  }
  .c-footer .upper .bnr-wrap .media-bnr .img {
    width: 190px;
    text-align: left;
  }
  .c-footer .upper .bnr-wrap .media-bnr .img img {
    width: 162px;
    height: 100px;
  }
  .c-footer .middle .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-footer .middle .wrap .inn {
    text-align: center;
  }
  .c-footer .middle .wrap .inn .txt {
    margin-top: 10px;
  }
  .c-footer .middle .wrap .inn .txt br {
    display: none;
    margin-left: 10px;
  }
  .c-footer .middle .wrap .inn .tel-btn {
    padding: 0;
    background: transparent;
    border: none;
  }
  .c-footer .middle .wrap .inn .tel-btn .tel-txt::before {
    width: 46px;
    height: 30px;
  }
  .c-footer .middle .wrap .inn .txt {
    padding-left: 20px;
  }
  .c-footer .middle .wrap .btn-wrap {
    width: 50%;
  }
  .c-footer .bottom .sns-link-list a:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .c-footer .bottom .link-area .link-list {
    margin-top: 50px;
  }
  .c-footer .bottom .link-area .link-list li {
    display: inline-block;
    margin-right: 25px;
  }
  .c-footer .bottom .link-area .link-list a:hover {
    opacity: 0.7;
  }
  .c-footer .bottom .link-area .link-bnr {
    margin-top: 50px;
  }
  a.c-bnr:hover {
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .info-list .breadcrumb-area {
    background: #f5f5f5;
  }
  .c-paging-area .page-numbers:hover {
    color: #b30030;
    border-color: #b30030;
  }
  .c-paging-area .page-numbers:hover.next::before,
  .c-paging-area .page-numbers:hover.prev::before {
    border-color: #b30030;
  }
  .c-pagenation-area .page-numbers {
    margin: 0 11px;
  }
  .page-more a {
    font-size: 18px;
    padding: 0 30px 30px;
  }
  .page-more a:hover:after {
    bottom: 10px;
  }
  .page-more {
    margin-top: 50px;
  }
  .ul-numb:not(:first-child) {
    margin-top: 20px;
  }
  .ul-numb li {
    font-size: 16px;
    padding-left: 35px;
  }
  .ul-dots:not(:first-child) {
    margin-top: 20px;
  }
  .ul-dots li {
    padding-left: 20px;
  }
  .ul-dots li:not(:first-child) {
    margin-top: 5px;
  }
  .ul-dots li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .read {
    font-size: 18px;
    text-align: center;
  }
  .page-404-block {
    padding: 110px 0 165px;
  }
  .page-404-block .ttl-404 {
    font-weight: 500;
  }
  .page-404-block .ttl-404 .over {
    font-size: 82px;
    margin-bottom: 20px;
  }
  .page-404-block .txt {
    font-size: 16px;
    margin-top: 40px;
  }
  .c-ttl01 {
    margin-bottom: 70px;
  }
  .c-ttl01 .en {
    font-size: 44px;
  }
  .c-ttl01 .ja {
    font-size: 14px;
    margin-top: 8px;
  }
  .c-ttl02 .en {
    font-size: 55px;
  }
  .c-ttl02 .ja {
    font-size: 16px;
  }
  .c-ttl03 {
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
  }
  .c-ttl04 .en {
    font-size: 32px;
  }
  .c-ttl04 .ja {
    font-size: 16px;
  }
  .aside-ttl {
    font-size: 18px;
  }
  .ttl-red {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .c-btn01:hover {
    color: #b30030;
  }
  .c-btn01:hover .ico {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  .c-btn02:hover {
    background: #b30030;
    color: #fff;
  }
  .c-btn03:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .c-link span {
    font-size: 16px;
    padding: 6px 25px 6px 14px;
  }
  .c-link:hover span:after {
    right: 0;
  }
  .c-btn0a {
    margin-top: 80px;
  }
  .c-btn0a a {
    font-size: 18px;
    max-width: 330px;
  }
  .c-btn0a a:hover {
    background: #b30030;
    color: #fff;
  }
  .c-btn0a a:hover:after {
    border-color: #fff;
    right: 10px;
  }
  .c-btn0a.c-btn-re a:hover {
    border-color: #b30030;
  }
  .c-btn0a.btn-min a {
    max-width: 290px;
    padding: 15px 25px;
    font-size: 16px;
  }
  .c-btn0a.btn-right {
    text-align: right;
  }
  .divide-ext-link {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
  }
  .divide-ext-link li {
    width: 32%;
  }
  .divide-ext-link a {
    height: 105px;
    padding: 15px;
    border: 1px solid #d3d3d3;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .divide-ext-link a:hover {
    border: 1px solid #b30030 !important;
  }
  .divide-ext-link a:hover .c-svg {
    color: #b30030;
  }
  .divide-ext-link .ico {
    margin-top: auto;
    text-align: right;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .campaign-slider a:hover .txt,
  .campaign-slider a:hover .small {
    color: #b30030;
  }
  .campaign-slider .entry-cat-date .date {
    font-size: 14px;
  }
  .thumb-slider {
    max-width: 560px;
    margin: auto;
  }
  .thumb-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .item-slider .slick-arrow {
    bottom: -85px;
    left: 0;
    right: auto;
  }
  .item-slider .slick-arrow.slick-next {
    right: 0;
    left: auto;
  }
  .thumb-slider {
    margin-top: 20px;
  }
  .scent-item-slide {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .scent-item-slide .slick-track {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto !important;
  }
  .scent-item-slide .slick-track .slide-cont {
    width: auto !important;
  }
  .scent-item-slide .slide-cont {
    margin: 0 10px;
  }
  .scent-item-slide .slide-cont .txt {
    margin-top: 10px;
  }
  .c-lineup-list {
    max-width: 810px;
    margin: auto;
  }
  .c-lineup-list .inn:hover {
    background: #b30030;
    color: #fff;
    border-color: #b30030;
  }
  .c-news-list li + li {
    border-top: 1px solid #969696;
  }
  .c-news-list a:hover {
    background: #fbf5f5;
  }
  .c-bar-list {
    margin-bottom: 50px;
  }
  .c-bar-list li {
    font-size: 18px;
  }
  .c-bar-list li a {
    padding: 15px 0 19px;
  }
  .blog-list a {
    padding: 20px 30px 20px 10px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .blog-list a:hover {
    color: #b30030;
  }
  .blog-list .entry-date-cat {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 200px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .blog-list .entry-date {
    font-size: 12px;
  }
  .blog-list .entry-cat {
    line-height: 1.4;
    font-size: 14px;
  }
  .blog-list .entry-title {
    font-size: 15px;
    width: calc(100% - 200px);
  }
  .aside-link-list {
    margin-top: 15px;
  }
  .aside-link-list a {
    font-size: 16px;
    padding: 15px 0;
  }
  .aside-link-list a:hover:before {
    right: -4px;
  }
  .entry-list a {
    padding: 15px 10px 15px 10px;
  }
  .entry-list a:hover {
    color: #b30030;
  }
  .entry-list .entry-date {
    font-size: 12px;
  }
  .entry-list .entry-cat {
    line-height: 1.4;
  }
  .entry-list .entry-title {
    font-size: 15px;
  }
  .c-campaign-block {
    padding: 100px 0;
  }
  .c-inside-block {
    margin-top: 0;
    padding-top: 0;
  }
  .c-inside-block .cont-ttl {
    width: 100vw;
    border-bottom: 1px solid #b30030;
    margin: 0;
  }
  .c-inside-block .cont-ttl .ttl-bg .cont-txt {
    background: #b30030;
    color: #fff;
    padding: 20px 100px 20px 130px;
    position: relative;
  }
  .c-inside-block .cont-ttl .ttl-bg .ttl {
    font-size: 20px;
  }
  .c-inside-block .cont-ttl .ttl-bg .ttl:after {
    background: #b30030;
    width: 50px;
    right: -36px;
    top: -2px;
  }
  .c-inside-block .cont-ttl .ttl-bg .ttl:before {
    width: 100vw;
    height: 50px;
    background: #f5f5f5;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    bottom: -51px;
    z-index: 2;
  }
  .c-inside-block .cont-ttl .inner-block {
    max-width: none;
    width: 100%;
    padding: 0;
  }
  .c-inside-block .info-wrap {
    padding: 130px 0 80px;
  }
  .c-inside-block .info-wrap .box {
    padding: 40px 85px;
    border-radius: 5px;
  }
  .c-single-content-block {
    margin: 30px auto 130px;
  }
  .c-single-content-block .thumb-area {
    margin-top: 30px;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    position: relative;
  }
  .c-single-content-block .thumb-area:before {
    background: inherit;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    -webkit-filter: blur(7px);
    filter: blur(7px);
    z-index: -1;
  }
  .c-single-content-block .thumb-area:after {
    background: #cbcbcb;
    opacity: 0.3;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .c-single-content-block .entry-content {
    margin-top: 60px;
  }
  .c-single-content-block .entry-content p {
    font-size: 16px;
  }
  .c-single-content-block .entry-content p:not(:first-child) {
    margin-top: 30px;
  }
  .c-single-content-block .entry-content figure:not(:first-child) {
    margin-top: 35px;
  }
  .c-single-content-block .entry-content h2 {
    font-size: 22px;
  }
  .c-single-content-block .entry-content h2:not(:first-child) {
    margin-top: 60px;
  }
  .c-single-content-block .entry-content h3 {
    font-size: 20px;
  }
  .c-single-content-block .entry-content .inside {
    padding-left: 20px;
  }
  .c-single-content-block .entry-content .img-txt .txt-area,
  .c-single-content-block .entry-content .txt-img .txt-area {
    width: auto;
  }
  .c-single-content-block .entry-content .img-txt,
  .c-single-content-block .entry-content .txt-img {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
  .c-single-content-block .entry-content .img-txt figure,
  .c-single-content-block .entry-content .txt-img figure {
    max-width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .c-single-content-block .entry-content .txt-img figure {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .c-single-content-block .entry-date {
    font-size: 14px;
  }
  .c-single-content-block .entry-cat {
    line-height: 1.4;
    font-size: 14px;
  }
  .c-single-content-block .entry-title {
    line-height: 1.6;
    font-size: 26px;
    margin: 0 0 15px;
  }
  .c-single-content-block .profile-area:before {
    right: 20px;
  }
  .c-single-content-block .profile-area {
    margin-top: 110px;
    padding: 30px 40px;
  }
  .c-single-content-block .profile-area .wrap {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .c-single-content-block .profile-area .img {
    width: 240px;
  }
  .c-single-content-block .profile-area .c-link {
    text-align: left;
  }
  .c-single-content-block .profile-area .name {
    font-size: 20px;
  }
  .paging-area .wrap {
    padding: 0px 30px;
  }
  .paging-area .before:hover {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  .paging-area .after:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  .paging-area .article-list {
    max-width: 290px;
    margin: auto;
  }
  .paging-area .article-list a:hover:after {
    right: 15px;
  }
  .c-item-list:not(.cart) > li:hover {
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .c-item-lineup-list a {
    padding: 25px 40px;
  }
  .c-item-lineup-list .img {
    height: 175px;
  }
  .c-item-lineup-list .img img {
    max-width: 160px;
    max-height: 160px;
  }
  .c-item-lineup-list .cat-area .c-cat {
    font-size: 15px;
    padding: 6px 20px;
  }
  .c-item-lineup-list .cat-area .quasi {
    margin-top: 5px;
    margin-left: 10px;
  }
  .c-item-lineup-list .ttl {
    font-size: 18px;
    margin-top: 15px;
  }
  .c-item-lineup-list .txt {
    font-size: 14px;
    margin-top: 10px;
  }
  .c-item-lineup-list .note-wrap {
    margin-top: 15px;
  }
  .c-item-lineup-list .note {
    font-size: 12px;
  }
  .c-item-lineup-list .ico {
    margin-top: 40px;
  }
  .c-recommend-list > li > a {
    height: 100%;
  }
  .c-recommend-list > li > a:hover {
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .c-recommend-list > li {
    width: 25%;
    border-right: 1px solid #e8e8e8;
  }
  .c-recommend-list > li a,
  .c-recommend-list > li .inside {
    padding: 10px 10px;
  }
  .c-recommend-list > li:nth-child(n + 5) {
    border-top: 1px solid #e8e8e8;
  }
  .c-recommend-list > li:nth-child(4n) {
    border-right: none;
  }
  .c-recommend-list .ttl {
    font-size: 16px;
  }
  .c-recommend-list .capacity {
    font-size: 11px;
  }
  .c-recommend-list .price {
    font-size: 11px;
  }
  .c-recommend-list.c-set-list .set-wrap {
    padding: 10px 15px;
  }
  .c-recommend-list.c-set-list .price-wrap {
    margin-top: 15px;
  }
  .c-recommend-list.c-set-list .list li {
    font-size: 12px;
  }
  .c-recommend-list.c-set-list .list li .cap {
    font-size: 11px;
  }
  .c-recommend-list.c-set-list .price.subsc {
    margin-top: 10px;
  }
  .c-recommend-list.c-set-list .c-btn03 {
    font-size: 14px;
  }
  .c-recommend-list.c-set-list .c-btn03 .ico {
    margin-left: 10px;
    width: 30px;
  }
  .c-related-list li {
    width: calc(25% - 26px);
    margin-right: 34px;
  }
  .c-related-list li:nth-child(n + 5) {
    margin-top: 30px;
  }
  .c-related-list li:nth-child(4n) {
    margin-right: 0;
  }
  .c-related-list a:hover .entry-title {
    color: #b30030;
  }
  .c-related-list a:hover .img img {
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .c-related-list .entry-date-cat {
    padding: 13px 0;
  }
  .c-related-list .entry-date-cat .entry-date {
    font-size: 12px;
  }
  .c-related-list .entry-title {
    font-size: 15px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .page-title-block {
    padding: 30px 0 60px;
  }
  .page-title-block.over-bg .inner-block {
    padding: 100px 0 120px;
  }
  .txt-catch.sp {
    display: none;
  }
  .column2-block {
    margin-bottom: 160px;
  }
  .c-full-product-lineup {
    padding: 50px 0;
    background-image: url(../img/common/product-lineup.jpg);
  }
  .c-full-product-lineup .inside {
    width: 50%;
    margin-left: auto;
  }
  .c-full-product-lineup .btn-area {
    margin-top: 35px;
  }
  .c-full-product-lineup .c-ttl01 {
    text-align: center;
    margin-bottom: 30px;
  }
  .c-full-product-lineup .c-ttl01 .en {
    font-size: 44px;
  }
  .c-full-product-lineup .txt {
    font-size: 16px;
    text-align: center;
  }
  .c-half-product-lineup {
    padding: 80px 0;
    background-image: url(../img/common/half-product.jpg);
  }
  .c-half-product-lineup .inside {
    width: 50%;
    margin-left: auto;
  }
  .c-half-product-lineup .btn-area {
    margin-top: 35px;
  }
  .c-half-product-lineup .btn-area .c-btn0a a {
    font-size: 16px;
  }
  .c-half-product-lineup .c-ttl01 {
    text-align: center;
    margin-bottom: 30px;
  }
  .c-half-product-lineup .c-ttl01 .en {
    font-size: 44px;
  }
  .c-half-product-lineup .txt {
    font-size: 16px;
    text-align: center;
  }
  .c-full-counselling {
    padding: 50px 0;
    background-image: url(../img/common/bg-counseling.jpg);
    background-position: center right;
  }
  .c-full-counselling .inside {
    width: 50%;
    margin-right: auto;
  }
  .c-full-counselling .btn-area {
    margin-top: 35px;
  }
  .c-full-counselling .c-ttl01 {
    text-align: center;
    margin-bottom: 30px;
  }
  .c-full-counselling .c-ttl01 .en {
    font-size: 44px;
  }
  .c-full-counselling .txt {
    font-size: 16px;
    text-align: center;
  }
  .mv-block .mv-slider .slick-dots {
    bottom: 50px;
  }
  .home .concept-block {
    padding: 36px 75px;
  }
  .home .concept-block sup {
    font-size: 12px;
  }
  .home .concept-block .c-ttl03 {
    font-size: 26px;
  }
  .home .concept-block .sub-catch {
    line-height: 2.4;
  }
  .home .concept-block .sub-catch.min-right {
    font-size: 12px;
    margin-top: 5px;
  }
  .home .concept-block .c-link {
    text-align: center;
  }
  .home .campaign-single-block {
    padding: 75px 110px;
  }
  .home .campaign-single-block .wrap {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .home .campaign-single-block .box {
    width: 60%;
  }
  .home .campaign-single-block .c-ttl01 {
    width: 40%;
    margin: 0;
  }
  .home .subsucription-block {
    padding: 110px 0;
  }
  .home .subsucription-block .box .list {
    -webkit-column-gap: 0.4%;
    -moz-column-gap: 0.4%;
    column-gap: 0.4%;
  }
  .home .subsucription-block .box .list li {
    width: 49.8%;
    min-height: 100px;
  }
  .home .subsucription-block .box .list li:nth-child(n + 3) {
    margin-top: 2px;
  }
  .home .subsucription-block .box .list .ico {
    height: 57px;
    width: 57px;
  }
  .home .subsucription-block .box .list .txt {
    font-size: 17px;
    margin-left: 30px;
  }
  .home .awards-block {
    background: url(../img/home/bg-bestcosme.jpg) no-repeat right;
    background-size: cover;
    padding: 65px 0 60px;
  }
  .home .awards-block .best-cosme-badge {
    position: absolute;
    left: 530px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home .awards-block .best-cosme-badge img {
    width: 150px;
    height: 150px;
  }
  .home .awards-block .c-ttl01 {
    margin-bottom: 40px;
  }
  .home .awards-block .c-link {
    text-align: left;
    margin-top: 0;
  }
  .home .info-media-block {
    margin-top: 80px;
  }
  .home .info-media-block .c-ttl01 {
    margin-bottom: 25px;
  }
  .home .info-media-block .column02 {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 5%;
    -moz-column-gap: 5%;
    column-gap: 5%;
  }
  .home .info-media-block .c-link {
    margin-top: 30px;
  }
  .home .stores-block {
    padding: 90px 0 100px;
  }
  .home .stores-block .c-ttl01 {
    margin-bottom: 25px;
  }
  .item-list .product-list-block {
    padding: 80px 0 130px;
  }
  .item-list .product-list-block .read {
    margin-bottom: 80px;
  }
  .item-list .c-bnr-subsc-block {
    margin-bottom: 100px;
  }
  .divide-btns {
    margin-top: 80px;
  }
  .divide-btns {
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .divide-btns li {
    margin: 0 20px;
  }
  .divide-btns li a {
    min-width: 300px;
  }
  .divide-btns li:not(:first-child) {
    margin: 0 20px;
  }
  .howto .howto-block {
    padding: 0 0 150px;
    margin-bottom: 0;
  }
  .howto .howto-block .ttl {
    font-size: 18px;
  }
  .howto .howto-block .ttl.ttl03,
  .howto .howto-block .ttl.ttl04 {
    margin-bottom: 80px;
  }
  .howto .howto-block .box-wrap {
    -webkit-column-gap: 10%;
    -moz-column-gap: 10%;
    column-gap: 10%;
  }
  .howto .howto-block .box-wrap .box {
    width: auto;
  }
  .howto .howto-block .box-wrap.box-day-night .ico .c-svg {
    height: 40px;
    width: auto;
  }
  .howto .howto-block .box-wrap.box-day-night .dn-txt {
    font-size: 26px;
    margin-top: 10px;
  }
  .howto .howto-block .box-wrap.box-border {
    padding-top: 15px;
  }
  .howto .howto-block .box-wrap.box-border .box {
    margin-top: -40px;
  }
  .howto .howto-block .box-wrap.box-single .box {
    width: auto;
  }
  .howto .howto-block .box-wrap.box-or:before {
    top: 0;
    bottom: 0;
  }
  .howto .howto-block .box-wrap.box-or:after {
    top: 0;
    bottom: 0;
    height: 32px;
  }
  .howto .howto-block .box-wrap.box-item .box.box05 .name,
  .howto .howto-block .box-wrap.box-item .box.box10 .name {
    margin-bottom: 41px;
  }
  .howto .howto-block .box-wrap.box-item .box {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .howto .howto-block .box-wrap.box-item .box .txt-area {
    width: 220px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .howto .howto-block .box-wrap.box-item .box .img {
    width: calc(100% - 220px);
    padding-right: 10px;
  }
  .howto .howto-block .box-wrap.box-item .box.box07 {
    margin-top: -95px;
  }
  .howto .howto-block .box-wrap.box-item .box.box07 .img {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
  .howto .howto-block .box-wrap.box-item .box.box08 {
    margin-top: -70px;
  }
  .howto .howto-block .box-wrap.box-item .box.box08 .img {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
  .howto .howto-block .box-wrap.box-item .box.box10 .img {
    padding-bottom: 30px;
  }
  .howto .howto-block .box-wrap.box-item .name {
    font-size: 16px;
  }
  .howto .howto-block .box-wrap.box-item .name a:hover {
    color: #b30030;
  }
  .howto .howto-block .box-wrap.box-item .name a:hover:after {
    right: -5px;
  }
  .howto .howto-block .box-wrap.box-item .cat {
    font-size: 12px;
  }
  .howto .howto-block .box-wrap.box-item .quasi {
    margin-top: 5px;
    font-size: 12px;
    padding: 3px 6px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .howto .howto-block .box-wrap.box-item .note {
    font-size: 12px;
    margin-top: 5px;
    white-space: nowrap;
  }
  .item-detail .item-block .slide-area .best-cosme-badge {
    width: 120px;
    top: 20px;
    left: calc((100% - 620px) / 2);
  }
  .item-detail .item-block a.link_a:hover {
    text-decoration: none;
  }
  .item-detail .item-block .box .place {
    font-size: 14px;
  }
  .item-detail .item-block .box .place .off-txt {
    font-size: 14px;
  }
  .item-detail .item-block .box .c-btn03 {
    margin-top: 10px;
  }
  .item-detail .item-block .info-area .cap-area {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 15px 0 20px;
  }
  .item-detail .item-block .info-area .capacity {
    margin-right: 30px;
  }
  .item-detail .item-block .info-area .dayin {
    margin-left: 15px;
    padding: 4px 10px;
    border-radius: 4px;
  }
  .item-detail .item-block .info-area .note {
    font-size: 12px;
    margin-top: 10px;
  }
  .item-detail .item-block .info-area .rating a:hover {
    text-decoration: none;
  }
  .item-detail .subscription-block {
    padding: 45px 0 35px;
  }
  .item-detail .subscription-block .inner-block {
    padding: 0 70px;
  }
  .item-detail .subscription-block .ttl {
    font-size: 36px;
    text-align: left;
  }
  .item-detail .subscription-block .over-area {
    background: #fff;
    padding: 30px;
    position: relative;
  }
  .item-detail .subscription-block .note {
    font-size: 12px;
    margin-top: 20px;
  }
  .item-detail .subscription-block .item-wrap .img {
    width: 210px;
    text-align: center;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    height: 150px;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .item-detail .subscription-block .item-wrap .txt-area {
    width: calc(100% - 270px);
    margin-left: 270px;
  }
  .item-detail .subscription-block .item {
    font-size: 22px;
  }
  .item-detail .subscription-block .txt-wrap {
    margin-left: 270px;
  }
  .item-detail .subscription-block .txt-wrap .place .tax {
    padding-left: 5px;
  }
  .item-detail .subscription-block .txt-wrap .subscription .place .tax {
    font-size: 16px;
  }
  .item-detail .subscription-block .list li {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .item-detail .subscription-block .list li .ico {
    width: 90px;
    height: 90px;
    margin: 0;
  }
  .item-detail .subscription-block .list li .ico img {
    max-width: 60px;
    max-height: 60px;
  }
  .item-detail .subscription-block .list li .txt {
    font-size: 19px;
    text-align: left;
    margin-left: 20px;
  }
  .item-detail .subscription-block .c-link {
    position: absolute;
    top: 0;
    right: 20px;
  }
  .item-detail .c-campaign-block {
    padding: 100px 0;
  }
  .item-detail .c-campaign-block .column2 .box-wrap {
    margin: 0 -20px;
  }
  .item-detail .c-campaign-block .column2 .box {
    margin: 0 20px 40px;
  }
  .item-detail .campaign-single-block {
    padding: 100px 0;
  }
  .item-detail .campaign-single-block .wrap {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item-detail .campaign-single-block .box {
    width: 60%;
  }
  .item-detail .campaign-single-block .c-ttl01 {
    width: 40%;
    margin: 0;
  }
  .item-detail .recommend-list-block {
    margin-top: 100px;
  }
  .item-detail .related-block {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .item-detail .desc-block {
    margin-top: 40px;
  }
  .item-detail .desc-block .note {
    margin-top: 25px;
    line-height: 1.8;
  }
  .item-detail .desc-block .box {
    padding: 25px 0px 50px;
  }
  .item-detail .desc-block .box.box-texture .txt-img .img {
    margin-top: -60px;
  }
  .item-detail .desc-block .txt-img {
    max-width: 790px;
    margin: auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item-detail .desc-block .txt-img .img {
    width: 50%;
    text-align: right;
  }
  .item-detail .desc-block .txt-img .txt-area {
    width: 50%;
  }
  .item-detail .desc-block .inside {
    max-width: 790px;
    margin: auto;
  }
  .item-detail .desc-block .inside .wrap {
    padding: 30px 0;
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item-detail .desc-block .inside .wrap .inn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: 100%;
    padding: 0 20px;
  }
  .item-detail .desc-block .inside .wrap .inn .img {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .item-detail .desc-block .inside .wrap .inn .img img {
    max-width: 170px;
    max-height: 210px;
  }
  .item-detail .desc-block .inside .wrap .inn .txt-area {
    width: 100%;
  }
  .item-detail .desc-block .inside .wrap .inn .txt-area .ttl {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  .item-detail .desc-block .inside .wrap .inn .txt-area .txt {
    font-size: 15px;
    text-align: center;
  }
  .item-detail .table-step {
    border: 1px solid #b30030;
  }
  .item-detail .table-step thead {
    border-bottom: 1px solid #b30030;
  }
  .item-detail .table-step tbody th {
    border-right: 1px solid #b30030;
  }
  .item-detail .table-step tbody tr:first-child td:not(:first-of-type) {
    position: relative;
  }
  .item-detail .table-step tbody tr:first-child td:not(:first-of-type):before {
    content: "";
    width: 300px;
    height: 230px;
    border-top: 1px solid #b30030;
    border-right: 2px solid #b30030;
    -webkit-transform: rotate(75deg) skewX(59deg);
    transform: rotate(75deg) skewX(59deg);
    position: absolute;
    top: 0;
    margin: auto;
    left: -233px;
  }
  .item-detail .table-step th.th-none {
    border-right: 1px solid #b30030;
  }
  .item-detail .table-step td {
    width: 17%;
  }
  .item-detail .table-step td.is-active span {
    background: #b30030;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    display: inline-block;
  }
  .item-detail .table-step td:not(:first-of-type) {
    padding: 15px 5px 15px 25px;
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn {
    top: 35%;
    left: 30px;
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn.bk-btn02 {
    top: 35%;
    left: 200px;
  }
  .item-detail .c-bg-area .box-wrap {
    max-width: 840px;
    padding: 0 30px;
  }
  .item-detail .c-bg-area .ttl.middle .inn {
    font-size: 30px;
  }
  .item-detail .c-bg-area .txt-area a.link_a:hover {
    text-decoration: none;
  }
  .item-detail .c-bg-area .txt-area.middle {
    padding: 40px 70px 0;
  }
  .item-detail .c-bg-area .column2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-detail .c-bg-area .column2 .img {
    width: 318px;
  }
  .item-detail .c-bg-area .column2 .txt {
    padding-right: 30px;
    width: calc(100% - 318px);
  }
  .item-detail .c-bg-area .column3 .list li + li,
  .item-detail .c-bg-area .column4 .list li + li {
    padding-top: 0;
  }
  .item-detail .c-bg-area .column3.large,
  .item-detail .c-bg-area .column4.large {
    margin-left: -30px;
    margin-right: -30px;
  }
  .item-detail .c-bg-area .column3.variable .list li + li,
  .item-detail .c-bg-area .column4.variable .list li + li {
    margin-left: 15px;
    padding-top: 0;
  }
  .item-detail .c-bg-area .column4 .list li {
    width: calc((100% - 15px) / 4);
  }
  .item-detail .c-bg-area .column4 .list li + li {
    margin-left: 5px;
  }
  .item-detail .c-bg-area .img {
    padding: 0 25px;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-list li:nth-child(n + 5) {
    margin-top: 10px;
  }
  .item-detail .c-bg-area .bnr-area .clbm-bnr:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
  }
  .item-detail .secret-block .wrap .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-detail .secret-block .wrap .list li {
    margin-bottom: 15px;
    width: 50%;
  }
  .item-detail .secret-block .reason-wrap .reason-area + .reason-area {
    margin-left: 77px;
  }
  .item-detail .aco-block .js-cont dl {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-detail .aco-block .js-cont dl dt {
    width: 180px;
  }
  .item-detail .aco-block .js-cont dl dd {
    width: calc(100% - 180px);
    padding-left: 10px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dt:before,
  .item-detail .aco-block .js-cont dl.detail-faq dd:before {
    font-size: 17px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dt,
  .item-detail .aco-block .js-cont dl.detail-faq dd {
    padding-left: 30px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dt {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dt:not(:first-child) {
    margin-top: 35px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dd {
    font-size: 16px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dd .txt {
    font-size: 16px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dd .txt:not(:first-child) {
    margin-top: 15px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dd .note {
    font-size: 12px;
    margin-top: 15px;
  }
  .item-detail .aco-block .js-cont dl.detail-faq dd {
    width: 100%;
  }
  .item-detail .aco-block a.link_a:hover {
    text-decoration: none;
  }
  .item-detail .aco-block .aco-box .js-aco-btn {
    max-width: 790px;
    margin: auto;
  }
  .item-detail .aco-block .aco-box .js-cont {
    padding: 0 0px 45px;
    max-width: 790px;
    margin: auto;
  }
  .item-detail .aco-block .aco-box .column2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item-detail .aco-block .aco-box .column2 .inn {
    width: 48%;
  }
  .item-detail .aco-block .aco-box .special-care-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .item-detail .aco-block .aco-box .special-care-box .special-care-ttl {
    padding-right: 20px;
    width: 145px;
  }
  .item-detail .aco-block .aco-box .special-care-box .wrap {
    border-left: 2px solid #c8c8c8;
    padding-left: 40px;
    width: calc(100% - 145px);
  }
  .item-detail .aco-block .aco-box .note {
    margin-top: 25px;
    line-height: 1.8;
  }
  .item-detail .aco-block .notice-box {
    margin-top: 40px;
  }
  .item-detail .c-comparison-block .table-wrap {
    overflow-x: scroll;
  }
  .item-detail .c-comparison-block .table-wrap .table-inn {
    width: 100%;
    min-width: 1160px;
  }
  .item-detail .product-step-block .step-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item-detail .product-step-block .step-list li {
    border-right: 1px solid;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .item-detail .product-step-block .step-list li:first-child {
    border-left: 1px solid;
  }
  .item-detail .product-step-block .step-list li:first-child.is-active {
    border-left: 1px solid #b30030;
  }
  .item-detail .product-step-block .step-list .num {
    margin-bottom: 20px;
  }
  .item-detail .product-step-block .step-list .img {
    height: 160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .item-detail .c-recommend-block .lead-txt {
    margin-bottom: 20px;
  }
  .item-detail.yellow .c-bg-area .approach-list > li .note {
    margin-top: 13px;
  }
  .item-detail.yellow .c-bg-area .note {
    padding: 0;
    margin-top: 40px;
  }
  .item-detail.l-long .item-block::before {
    bottom: calc(100% - 780px);
  }
  .item-detail.l-medium .item-block::before {
    bottom: calc(100% - 610px);
  }
  .c-column-list-content-block {
    margin-bottom: 160px;
  }
  .column-detail .related-block {
    margin-bottom: 130px;
  }
  .faq .info-wrap {
    padding-bottom: 0;
  }
  .faq .changeunder {
    margin-top: 0;
  }
  .faq .menu-wrap {
    background: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .faq-block .answer-area + * {
    margin-top: 30px;
  }
  .faq-block .num {
    margin-top: -10px;
  }
  .faq-block .bottom {
    margin-top: -11px;
  }
  .faq-block .link:hover:after {
    display: none;
  }
  .faq-btn-area {
    background: #f5f5f5;
  }
  .about .bg-area {
    padding: 60px 0;
    margin-bottom: 55px;
  }
  .about .philosophy-block .bg-area {
    background-image: url(../img/about/bg-philosophy.jpg);
  }
  .about .sdgs-block .bg-area {
    background-image: url(../img/about/bg-sdgs.jpg);
  }
  .about .scent-block .bg-area {
    background-image: url(../img/about/bg-scent.jpg);
  }
  .about .clean-block {
    padding-bottom: 100px;
  }
  .about .philosophy-block {
    padding-bottom: 100px;
  }
  .about .sdgs-block {
    padding-bottom: 100px;
  }
  .about .scent-block {
    padding-bottom: 100px;
  }
  .about .scent-block .note {
    margin-top: 90px;
  }
  .about .clean-block {
    margin-top: 70px;
  }
  .about .clean-block .c-ttl03 {
    font-size: 26px;
  }
  .about .txt:not(:first-child) {
    margin-top: 35px;
  }
  .about .inner-block > .sub-catch,
  .about .inner-block > .note {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  .about .inner-block > .sub-catch:not(:first-child) {
    margin-top: 35px;
  }
  .about .sub-catch {
    font-size: 18px;
    line-height: 2;
  }
  .about .note {
    font-size: 12px;
    margin-top: 30px;
  }
  .about .bg-box-area {
    margin-top: 60px;
    padding: 30px 60px 40px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .about .bg-box-area.bg-box-scent {
    padding-bottom: 170px;
  }
  .about .bg-box-area.bg-box-scent .box {
    width: 43%;
  }
  .about .bg-box-area.bg-box-scent .box .txt {
    margin-top: 20px;
  }
  .about .bg-box-area.bg-box-scent .box-items {
    width: 53%;
    padding-top: 30px;
  }
  .about .bg-box-area.bg-box-scent.bg-scent-ag {
    padding-right: 10px;
  }
  .about .bg-box-area.bg-box-scent.bg-scent-ag .box-items {
    width: 80%;
  }
  .about .bg-box-area .box {
    width: 100%;
  }
  .about .scent-items {
    margin-top: -120px;
  }
  .about .scent-items .txt {
    margin-top: 10px;
  }
  .ul-check:not(:first-child) {
    margin-top: 30px;
  }
  .ul-check li:before {
    top: 7px;
  }
  .ul-check li {
    font-size: 15px;
  }
  .img-txt:not(:first-child),
  .txt-img:not(:first-child) {
    margin-top: 40px;
  }
  .img-txt,
  .txt-img {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5%;
    -moz-column-gap: 5%;
    column-gap: 5%;
  }
  .img-txt > .img,
  .txt-img > .img {
    width: 47%;
  }
  .img-txt > .txt-area,
  .txt-img > .txt-area {
    width: 47%;
  }
  .txt-img {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .txt-img > .img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .main-catch {
    font-size: 26px;
    margin-top: 30px;
  }
  .ttl-catch {
    font-size: 30px;
    margin-top: 0;
  }
  .h3-cross {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .divide-3min li {
    padding: 0 30px;
  }
  .bestcosme .page-title-block .inner-block {
    padding: 60px 0 95px;
  }
  .bestcosme .page-title-block .inner-block .best-cosme-badge {
    width: 75px;
  }
  .bestcosme .cosme-awards-block {
    padding: 40px 0 0px;
  }
  .bestcosme .cosme-awards-block .c-ttl02 {
    font-size: 26px;
    margin-bottom: 60px;
  }
  .bestcosme .cosme-awards-block .bestcosme-list li:not(:first-child) {
    margin-top: 90px;
  }
  .bestcosme .cosme-awards-block .bestcosme-list .img {
    width: 175px;
    margin-right: 60px;
  }
  .bestcosme .cosme-awards-block .bestcosme-list .img img {
    max-height: 180px;
    max-width: 173px;
  }
  .bestcosme .cosme-awards-block .bestcosme-list .txt-area {
    width: calc(100% - 235px);
  }
  .bestcosme .cosme-awards-block .bestcosme-list .txt-area .name {
    font-size: 20px;
  }
  .bestcosme .cosme-awards-block .c-dl01 {
    margin-top: 30px;
  }
  .c-dl01 dt {
    font-size: 16px;
    padding: 15px 10px 0;
  }
  .c-dl01 dd {
    padding: 0 10px 15px;
    margin-top: 2px;
  }
  .c-btn0b {
    margin-top: 25px;
  }
  .c-btn0b a {
    font-size: 14px;
    padding: 16px 80px;
  }
  .c-btn0b a:hover {
    border-color: #b30030;
  }
  .c-btn0b a:hover:after {
    right: 10px;
  }
  .faq-box:not(:first-child) {
    margin-top: 70px;
  }
  .faq-box > .ttl {
    padding: 10px;
    margin-bottom: 30px;
  }
  .faq-box .c-faq-aco dd:before {
    font-size: 22px;
    left: 20px;
  }
  .faq-box .c-faq-aco dt {
    padding: 15px 40px 15px 60px;
  }
  .faq-box .c-faq-aco dt:before,
  .faq-box .c-faq-aco dt:after {
    width: 16px;
    right: 20px;
  }
  .faq-box .c-faq-aco dt span:before {
    font-size: 22px;
    left: -43px;
    top: 0;
  }
  .faq-box .c-faq-aco dt {
    font-size: 18px;
  }
  .faq-box .c-faq-aco dd {
    padding: 14px 30px 30px 60px;
  }
  .faq-box .c-faq-aco .txt {
    font-size: 16px;
  }
  .faq-box .c-faq-aco .txt:not(:first-child) {
    margin-top: 20px;
  }
  .faq-box .c-faq-aco .kome {
    font-size: 12px;
    margin-top: 15px;
  }
  .faq-box .c-faq-aco .c-link {
    margin-top: 20px;
  }
  .faq-box .c-faq-aco .c-link a {
    font-weight: 500;
  }
  .faq-box .c-faq-aco .customer-box {
    margin-top: 30px;
  }
  .faq-box .c-faq-aco .customer-box .ttl {
    font-size: 16px;
    font-weight: bold;
  }
  .faq-box .c-faq-aco .customer-box .tel-numb .ja {
    font-size: 16px;
  }
  .faq-box .c-faq-aco .customer-box .tel-numb .numb {
    padding-left: 10px;
  }
  .faq-box .c-faq-aco .customer-box .txt {
    font-size: 15px;
    margin-top: 6px;
  }
  .scroll-menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
  }
  .scroll-menu li {
    width: 32%;
  }
  .scroll-menu li:nth-child(n + 4) {
    margin-top: 10px;
  }
  .scroll-menu li a {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
    line-height: 1.4;
  }
  .scroll-menu li a:hover:after {
    bottom: -8px;
  }
  .service .merit-brock {
    padding: 25px 30px 55px;
    margin-top: 70px;
  }
  .service .merit-brock .ttl {
    font-size: 28px;
  }
  .service .merit-brock .ttl span {
    font-size: 44px;
  }
  .service .merit-brock .box-area {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .service .merit-brock .box-area .box {
    width: 49%;
  }
  .service .merit-brock .box:nth-child(n + 3) {
    margin-top: 35px;
  }
  .service .merit-brock .box .box-ttl {
    font-weight: 500;
  }
  .service .merit-brock .box .list a {
    min-height: 100px;
    padding: 10px 25px;
  }
  .service .merit-brock .box .list a:hover:after {
    top: 10px;
  }
  .service .merit-brock .box .list .icon {
    width: 90px;
  }
  .service .merit-brock .box .list .icon img {
    max-height: 60px;
    max-width: 58px;
  }
  .service .merit-brock .box .list .merit {
    font-size: 13px;
  }
  .service .service-box {
    margin-top: 100px;
  }
  .service .service-box > .ttl {
    padding: 10px;
    margin-bottom: 25px;
  }
  .service .service-box .box:not(:first-of-type) {
    margin-top: 80px;
  }
  .service .service-box .box > .txt:not(:first-of-type) {
    margin-top: 20px;
  }
  .service .service-box .box > .txt {
    font-size: 16px;
  }
  .service .service-box .box .cycle {
    font-size: 16px;
  }
  .service .service-box .box > .note {
    font-size: 12px;
    margin-top: 20px;
  }
  .service .service-box .box > .c-link {
    margin-top: 20px;
  }
  .service .service-box .ttl-content {
    margin-bottom: 30px;
  }
  .service .service-box .ttl-content .icon {
    width: 90px;
  }
  .service .service-box .ttl-content .icon img {
    max-height: 60px;
    max-width: 58px;
  }
  .service .service-box .ttl-content .merit {
    font-size: 16px;
  }
  .service .service-box .ttl-content .ttl-txt {
    font-size: 24px;
  }
  .service .service-box .inside {
    padding: 0;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .service .service-box .inside .txt-area {
    width: calc(100% - 300px);
  }
  .service .service-box .inside .txt-area .txt {
    font-size: 16px;
  }
  .service .service-box .inside .txt-area .sumple dt {
    font-size: 15px;
    padding: 4px 10px;
  }
  .service .service-box .inside .txt-area .sumple dd {
    font-size: 14px;
  }
  .service .service-box .inside .img {
    width: 270px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .service .service-box .price-ever {
    margin-top: 30px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .service .service-box .price-ever .price-cont {
    width: 470px;
  }
  .service .service-box .price-ever .time {
    font-size: 16px;
    padding: 5px 10px;
  }
  .service .service-box .price-ever .before {
    font-size: 15px;
  }
  .service .service-box .price-ever .before .cost {
    font-size: 24px;
  }
  .service .service-box .price-ever .disc {
    font-size: 16px;
  }
  .service .service-box .price-ever .disc .cost {
    font-size: 24px;
  }
  .service .service-box .price-ever .after {
    font-size: 16px;
  }
  .service .service-box .price-ever .after .cost {
    font-size: 30px;
  }
  .service .service-box .price-ever .ever-cont {
    margin: 0;
    width: calc(100% - 550px);
    padding: 60px 0;
  }
  .service .service-box .price-ever .ever-cont:before,
  .service .service-box .price-ever .ever-cont:after {
    content: "・・・・";
    top: 0;
    bottom: 0;
    right: auto;
    left: -70px;
    height: 20px;
  }
  .service .flow-box {
    padding: 50px 25px 70px;
  }
  .service .flow-box > .c-ttl03 {
    font-size: 30px;
  }
  .service .flow-box > .txt {
    font-size: 16px;
  }
  .service .question-box .c-ttl03 {
    font-size: 30px;
  }
  .service .question-box .box {
    padding: 30px 30px 35px;
  }
  .service .question-box .box.box-tel .c-link {
    text-align: center;
  }
  .service .question-box .box.box-tel .txt {
    font-size: 14px;
  }
  .service .question-box .box .txt {
    font-size: 16px;
  }
  .service .question-box .box .ttl {
    font-size: 18px;
  }
  .service .question-box .box .tel-btn .tel-txt {
    font-size: 32px;
    padding-left: 60px;
  }
  .service .line-txt {
    font-size: 16px;
    text-align: center;
    margin: 0 0 40px;
  }
  .service .pay-table {
    margin: 25px auto 0;
  }
  .service .pay-table th,
  .service .pay-table td {
    padding: 14px 20px;
  }
  .service .pay-table th {
    font-size: 13px;
  }
  .service .pay-table td {
    font-size: 16px;
  }
  .service .pay-table td:first-child {
    text-align: left;
  }
  .service .stage-area {
    margin-top: 45px;
  }
  .service .stage-area .note {
    font-size: 12px;
    margin-top: 15px;
  }
  .service .box.post-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 0px 0;
  }
  .service .post-method {
    width: 49%;
  }
  .service .post-method .box-txt {
    font-size: 14px;
    padding: 10px 14px;
  }
  .service .post-method .list .icon.icon-pcsp img {
    height: 58px;
  }
  .service .post-method .list .icon.icon-truck img {
    height: 53px;
    margin-top: 5px;
  }
  .service .post-method .list .icon.icon-cosme img {
    height: 43px;
    margin-top: 15px;
  }
  .service .post-method .list .icon.icon-mail img {
    height: 46px;
    margin-top: 12px;
  }
  .service .post-method .list .icon.icon-calendar img {
    height: 56px;
    margin-top: 2px;
  }
  .service .post-method .list .change {
    max-width: 110px;
  }
  .service .post-method .point-cont {
    padding: 0 30px;
  }
  .table-box .stage-table {
    width: 100%;
    max-width: 650px;
    margin: 25px auto 0;
  }
  .table-box .stage-table th,
  .table-box .stage-table td {
    padding: 5px 20px;
    height: 52px;
  }
  .table-box .stage-table th {
    font-size: 13px;
  }
  .table-box .stage-table td {
    font-size: 15px;
  }
  .table-box .stage-table td:first-child {
    text-align: left;
  }
  .table-box .stage-table .stage-txt .rank {
    font-weight: 500;
    font-size: 16px;
  }
  .point .pt-service-box {
    margin-top: 33px;
    padding: 40px;
  }
  .point .pt-service-box .note {
    font-size: 12px;
    margin-top: 25px;
  }
  .point .pt-service-box .list li {
    width: calc(50% - 1px);
    padding: 0px 30px;
  }
  .point .pt-service-box .list li:nth-child(n + 3) {
    margin-top: 2px;
  }
  .point .pt-service-box .list .icon {
    width: 90px;
  }
  .point .pt-service-box .list .icon img {
    max-width: 48px;
    max-height: 48px;
  }
  .point .pt-service-box .list .txt {
    font-size: 17px;
    width: calc(100% - 90px);
  }
  .point .pt-service-box .list .ttl-content {
    min-height: 100px;
  }
  .point .point-anc-box {
    padding: 80px 0;
  }
  .point .point-anc-box .c-ttl03 {
    font-size: 28px;
    margin-bottom: 50px;
  }
  .point .point-anc-box .divide-anc-link {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
  }
  .point .point-anc-box .divide-anc-link li a {
    padding: 4px 18px 4px 0;
  }
  .point .point-anc-box .divide-anc-link li .anc {
    font-size: 14px;
  }
  .point .point-flow-box {
    margin-top: 100px;
  }
  .point .point-flow-box .box-ttl {
    padding: 3px 10px;
  }
  .point .point-flow-box .box-ttl .ico {
    width: 38px;
  }
  .point .point-flow-box .box-ttl .anc {
    font-size: 22px;
    padding-left: 14px;
  }
  .point .point-flow-box .sub-txt {
    margin-bottom: 35px;
    font-size: 16px;
  }
  .point .point-flow-box .box:not(:first-of-type) {
    margin-top: 40px;
  }
  .point .point-flow-box .box {
    margin-left: 40px;
  }
  .point .point-flow-box .box .ttl {
    font-size: 20px;
    padding: 4px 0 4px 14px;
  }
  .point .point-flow-box .box .img:not(:first-child) {
    margin-top: 30px;
  }
  .point .point-flow-box .tel-area {
    margin-top: 30px;
    padding: 20px 0;
  }
  .point .point-flow-box .tel-area .tel-btn .tel-txt {
    font-size: 32px;
    padding-left: 60px;
  }
  .point .point-flow-box .stageup-area {
    margin-top: 35px;
    padding: 30px 20px 35px;
  }
  .point .point-flow-box .stageup-area .numb-flow {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .point .point-flow-box .stageup-area .numb-flow dt {
    width: 190px;
    font-size: 16px;
    padding: 15px 0;
    text-indent: -1.2em;
    padding-left: 1.2em;
    border-top: 1px solid #d3d3d3;
  }
  .point .point-flow-box .stageup-area .numb-flow dd {
    width: calc(100% - 190px);
    padding: 17px 0 15px;
    border-top: 1px solid #d3d3d3;
  }
  .point .point-flow-box .stageup-area .numb-flow dd .txt {
    font-size: 14px;
  }
  .point .point-flow-box .ul-dots li {
    font-size: 16px;
  }
  .point .point-flow-box .ul-dots li:not(:first-child) {
    margin-top: 15px;
  }
  .point .point-flow-box .kome {
    font-size: 12px;
    margin-top: 25px;
  }
  .point .point-flow-box .kome:not(:fist-of-type) {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 641px) and (min-width: 1100px) {
  .inner-block.inner-min {
    padding: 0 100px;
  }
  .c-footer .upper .bnr-wrap .small-bnr {
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    width: 44%;
  }
  .c-footer .upper .bnr-wrap .small-bnr .ttl {
    margin-bottom: 30px;
  }
  .c-footer .bottom .link-area {
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .c-footer .bottom .link-area .link-list {
    margin: auto;
  }
  .c-footer .bottom .link-area .link-bnr {
    margin-top: 0;
  }
  .c-item-lineup-list {
    border: none;
  }
  .c-item-lineup-list li {
    width: 25%;
    border: none;
    border-right: 4px solid #d3d3d3;
  }
  .c-item-lineup-list li:nth-child(4n) {
    border-right: none;
  }
  .c-item-lineup-list li:nth-child(n + 5) {
    border-top: 4px solid #d3d3d3;
  }
  .c-recommend-list > li a,
  .c-recommend-list > li .inside {
    padding: 25px 35px;
  }
  .c-recommend-list.c-set-list .c-btn03 {
    font-size: 18px;
    padding: 10px 10px 10px 40px;
  }
  .c-recommend-list.c-set-list .c-btn03 .ico .c-svg {
    width: 30px;
    height: 28px;
  }
  .column2-block {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .column2-block aside {
    width: 24%;
    max-width: 280px;
  }
  .column2-block article {
    width: 72%;
    max-width: 830px;
  }
  .c-full-product-lineup {
    padding: 100px 0;
  }
  .c-full-counselling {
    padding: 100px 0;
  }
  .mv-block .mv-slider .slick-dots {
    bottom: 80px;
    right: calc((100% - 1150px) / 2);
  }
  .home .concept-block .sub-catch.min-right {
    margin-right: 100px;
  }
  .divide-btns li a {
    min-width: 320px;
  }
  .howto .howto-block .box-wrap {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .howto .howto-block .box-wrap.box-or:before {
    width: 77px;
    height: 77px;
  }
  .howto .howto-block .box-wrap.box-or:after {
    font-size: 30px;
    height: 42px;
  }
  .howto .howto-block .box-wrap.box-item .box .img {
    padding-right: 30px;
  }
  .item-detail .item-block .slide-area .best-cosme-badge {
    left: 40px;
    top: 40px;
  }
  .item-detail .subscription-block .c-btn03 {
    width: 360px;
    position: absolute;
    top: 105px;
    right: 30px;
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn {
    top: 80px;
    padding: 20px 60px 0 60px;
    font-size: 16px;
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn .ico {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn:hover {
    background: #fff;
    color: #221e1f;
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn:hover .ico {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  .item-detail .c-bnr-block .bnr-btns .bk-btn.bk-btn02 {
    top: 80px;
    left: 290px;
  }
  .about .img-txt .txt-area,
  .about .txt-img .txt-area {
    width: 37%;
  }
  .about .bg-box-area {
    padding: 30px 125px 40px;
  }
  .about .bg-box-area.bg-box-scent.bg-scent-ag {
    padding-right: 30px;
  }
  .bestcosme .page-title-block .inner-block .best-cosme-badge {
    width: 153px;
    left: 60px;
    top: 30px;
    bottom: auto;
    right: auto;
  }
  .bestcosme .page-title-block .inner-block .best-cosme-badge img {
    width: 100%;
  }
  .scroll-menu {
    -webkit-column-gap: 1.3%;
    -moz-column-gap: 1.3%;
    column-gap: 1.3%;
  }
  .scroll-menu li {
    width: 24%;
  }
  .scroll-menu li:nth-child(-n + 4) {
    margin-top: 0px;
  }
  .scroll-menu li a {
    text-align: center;
    font-size: 16px;
  }
  .service .merit-brock {
    padding: 25px 40px 55px;
  }
  .service .merit-brock .box .box-ttl {
    font-size: 19px;
  }
  .service .post-method {
    width: 47%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .service .post-method .box-txt {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .point .point-anc-box .divide-anc-link {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .point .point-anc-box .divide-anc-link li a {
    padding: 4px 25px 4px 0;
  }
  .point .point-anc-box .divide-anc-link li .anc {
    font-size: 15px;
  }
  .point .point-flow-box .box {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 640px) {
  body {
    font-size: 14px;
    position: relative;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
  }
  .outer-block {
    min-width: 320px;
  }
  .inner-block {
    padding: 0 20px;
    width: auto;
  }
  /* #wrapper {
    min-width: 320px;
    position: relative;
    overflow: hidden;
  } */
  input[type="submit"] {
    -webkit-text-size-adjust: 100%;
  }
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
  .pc {
    display: none !important;
  }
  .c-footer .upper .inner-block {
    padding-top: 0;
  }
  .c-footer .upper .link-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -20px 0;
  }
  .c-footer .upper .link-wrap .box {
    width: 100%;
  }
  .c-footer .upper .link-wrap .ttl {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding: 20px 20px;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    color: #444;
  }
  .c-footer .upper .link-wrap .ttl:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #b30030;
    border-right: 2px solid #b30030;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .c-footer .upper .link-wrap .ttl .en {
    display: none;
  }
  .c-footer .upper .bnr-wrap .small-bnr .ttl img {
    height: 21px;
  }
  .c-footer .upper .bnr-wrap .small-bnr .small-bnr-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-footer .upper .bnr-wrap .small-bnr .small-bnr-list li {
    width: 50%;
  }
  .c-footer .upper .bnr-wrap .small-bnr .small-bnr-list li img {
    width: 100%;
  }
  .c-footer .upper .bnr-wrap .media-bnr a:before {
    width: 20px;
    height: 1px;
    background: #414141;
    position: absolute;
    content: "";
    bottom: 10px;
    right: 10px;
  }
  .c-footer .upper .bnr-wrap .media-bnr a:after {
    width: 7px;
    height: 1px;
    background: #414141;
    position: absolute;
    content: "";
    bottom: 12px;
    right: 11px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  .c-footer .upper .bnr-wrap .media-bnr .img img {
    margin: auto;
    width: 91px;
    height: 56px;
  }
  .c-footer .middle .inner-block {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .c-footer .middle .ttl {
    font-size: 15px;
    text-align: center;
  }
  .c-footer .middle .wrap .inn .tel-btn {
    display: block;
    text-align: center;
    font-size: 26px;
  }
  .c-footer .middle .wrap .inn .tel-btn .tel-txt {
    display: inline-block;
    letter-spacing: -0.025em;
    font-weight: 500;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  .c-footer .middle .wrap .inn .txt {
    margin-top: 13px;
    text-align: center;
  }
  .c-footer .middle .wrap .btn-wrap {
    margin-top: 25px;
  }
  .c-footer .bottom .inner-block {
    padding-top: 27px;
    padding-bottom: 15px;
  }
  .c-footer .bottom .sns-link-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px;
  }
  .c-footer .bottom .sns-link-list li {
    margin: 0 15px;
  }
  .c-footer .bottom .sns-link-list a img {
    height: 32px;
  }
  .c-footer .bottom .link-area .link-list {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
  }
  .c-footer .bottom .link-area .link-list li {
    width: 49%;
  }
  .c-footer .bottom .link-area .link-list li:nth-child(n + 3) {
    margin-top: 12px;
  }
  .c-footer .bottom .link-area .link-list a {
    font-size: 13px;
  }
  .c-footer .bottom .link-area .link-bnr {
    margin-top: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-footer .bottom .link-area .link-bnr li + li {
    margin-left: 40px;
  }
  .c-footer .bottom .copyright {
    font-size: 12px;
    margin-top: 50px;
  }
  .c-bnr-block {
    padding-top: 65px;
  }
  .c-bnr-block .c-ttl01 {
    margin-bottom: 15px;
  }
  .c-bnr {
    border-radius: 10px;
  }
  .c-cat {
    font-size: 11px;
  }
  .c-movie {
    padding-top: 65.1%;
  }
  .c-movie .mv_style_a2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-bg-area::before {
    border-radius: 0 0 0 30px;
    width: calc(100% - 50px);
  }
  .c-paging-area {
    margin-top: 50px;
  }
  .c-paging-area .page-numbers {
    margin: 0 2px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    font-size: 24px;
  }
  .c-paging-area .page-numbers.next::before,
  .c-paging-area .page-numbers.prev::before {
    width: 9px;
    height: 13px;
  }
  .c-paging-area .page-numbers.next-all::before,
  .c-paging-area .page-numbers.prev-all::before {
    width: 18px;
    height: 14px;
  }
  .c-pagenation-area {
    margin-top: 30px;
  }
  .ul-dots li {
    display: inline;
  }
  .c-btn02 {
    width: 100%;
    min-width: 100%;
    padding: 15px 55px 15px 40px;
  }
  .c-btn02 .btn-txt {
    font-size: 14px;
  }
  .c-btn02 .ico {
    right: 20px;
  }
  .c-btn02 .ico .c-svg {
    width: 50px;
    height: 6px;
  }
  .c-btn03 {
    padding: 8px 8px 8px 34px;
  }
  .c-btn03 .ico {
    width: 34px;
    margin-left: 20px;
  }
  .c-btn03 .btn-txt {
    font-size: 12px;
  }
  .subscription .c-btn03 .c-svg {
    width: 13px;
    height: 13px;
  }
  .divide-ext-link .img img {
    height: 40px;
  }
  .divide-ext-link .ico {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .campaign-slider .slick-slide {
    margin: 0 8px;
    width: 316px;
  }
  .item-slider {
    width: 100%;
  }
  .thumb-slider {
    display: none;
  }
  .scent-item-slide .slide-cont .img {
    width: 140px;
  }
  .c-lineup-list li {
    width: calc((100% - 10px) / 2);
    margin: 0;
  }
  .c-lineup-list li:nth-child(even) {
    margin-left: 10px;
  }
  .c-lineup-list li:nth-child(n + 3) {
    margin-top: 10px;
  }
  .c-lineup-list .inn {
    border-radius: 3px;
    padding: 10px;
    font-size: 15px;
  }
  .c-lineup-list .inn .txt {
    border: 1px solid #b30030;
    line-height: 1.4;
    font-size: 12px;
  }
  .c-lineup-list .inn .img {
    width: 32px;
  }
  .c-lineup-list .inn .img img {
    max-width: 20px;
    max-height: 22px;
  }
  .c-news-list li {
    border-top: 1px solid #969696;
  }
  .c-news-list a {
    padding: 18px 65px 15px 10px;
  }
  .c-news-list .ttl {
    line-height: 1.5;
  }
  .c-news-list .ico .c-svg {
    width: 20px;
    height: 4px;
  }
  .c-additive-free-list {
    padding: 0 24px;
    margin-top: 30px;
  }
  .c-additive-free-list li {
    margin: 0;
    padding: 12px 10px 48px;
    width: calc((100% - 16px) / 3);
  }
  .c-additive-free-list li:not(:nth-child(3n + 1)) {
    margin-left: 8px;
  }
  .c-additive-free-list li:nth-child(n + 4) {
    margin-top: 8px;
  }
  .c-additive-free-list li::before,
  .c-additive-free-list li::after {
    bottom: 12px;
  }
  .c-additive-free-list .txt {
    font-size: 10px;
    min-height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .blog-list .entry-title {
    margin-top: 10px;
  }
  .c-content-block {
    margin-top: 47px;
  }
  .c-content-block .cont-ttl {
    top: -38px;
  }
  .c-content-block .cont-ttl .cont-txt {
    width: 210px;
    padding: 15px 5px 0;
    border-top-right-radius: 20px;
  }
  .c-content-block .cont-ttl .cont-txt:after {
    z-index: -1;
    height: 147%;
    width: 40px;
    right: -6px;
    top: 0px;
    border-top-right-radius: 17px;
  }
  .c-content-block .cont-ttl .year,
  .c-content-block .cont-ttl .ttl {
    font-size: 16px;
    padding: 0 13px;
  }
  .c-content-block .cont-ttl .ttl {
    padding-left: 25px;
  }
  .c-content-block .cont-ttl .year:after {
    width: 15px;
    left: -8px;
  }
  .c-content-block .info-wrap {
    padding: 0px 0 0px;
  }
  .c-content-block .box {
    padding: 0px 0 70px;
    margin: 0 -20px;
  }
  .c-single-content-block .thumb-area {
    margin-left: -20px;
    margin-right: -20px;
  }
  .c-single-content-block .entry-content p {
    padding: 0 10px;
  }
  .c-single-content-block .entry-content .img-txt .txt-area,
  .c-single-content-block .entry-content .txt-img .txt-area {
    margin-top: 40px;
  }
  .c-single-content-block .profile-area .txt-area {
    margin-top: 20px;
  }
  .c-single-content-block .profile-area p {
    padding: 0 !important;
  }
  .paging-area .wrap a {
    font-size: 13px;
  }
  .paging-area .before a:after,
  .paging-area .after a:after {
    width: 7.5px;
    height: 7.5px;
  }
  .paging-area .article-list {
    margin-top: 65px;
  }
  .paging-area .article-list.mt-none {
    margin-top: 0;
  }
  .c-item-list {
    margin: 0;
  }
  .c-item-list li {
    border-radius: 5px;
    width: calc(100% - 50px);
    margin: 0;
  }
  .c-item-list li:nth-child(even) {
    margin-left: 15px;
  }
  .c-item-list .img {
    height: 140px;
  }
  .c-item-list .img::before {
    height: 100px;
  }
  .c-item-list .img .img-txt {
    font-size: 16px;
    margin: 25px auto 25px;
  }
  .c-item-list .txt-area {
    padding: 20px 20px 30px;
  }
  .c-item-list .txt-area .sub-ttl {
    font-size: 10px;
  }
  .c-item-list .txt-area .ttl {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .c-item-list .txt-area .txt {
    font-size: 12px;
  }
  .c-item-list .txt-area .capacity_price {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .c-item-list .txt-area .capacity_price .en {
    font-size: 20px;
  }
  .c-item-list .txt-area .note {
    font-size: 6px;
    margin-top: 5px;
  }
  .c-item-list .num {
    left: -8px;
    top: -10px;
  }
  .c-item-list .num img {
    max-height: 33px;
  }
  .c-item-list .note {
    font-size: 10px;
    line-height: 1.2;
  }
  .c-item-list .item-wrap .inn .txt {
    font-size: 12px;
  }
  .c-item-list.sp-ranking-slider {
    display: block;
    margin: 0 -20px;
  }
  .c-item-list.sp-ranking-slider .slick-list {
    padding: 12px 10% 5px 10px !important;
  }
  .c-item-list.sp-ranking-slider li {
    width: auto;
    margin: 0 10px 0;
  }
  .c-recommend-list > li {
    width: 50%;
    border-right: 1px solid #e8e8e8;
  }
  .c-recommend-list > li a,
  .c-recommend-list > li .inside {
    padding: 10px;
  }
  .c-recommend-list > li:nth-child(n + 3) {
    border-top: 1px solid #e8e8e8;
  }
  .c-recommend-list > li:nth-child(even) {
    border-right: none;
  }
  .c-recommend-list > li:nth-child(even) a,
  .c-recommend-list > li:nth-child(even) .inside {
    padding-right: 0;
  }
  .c-recommend-list > li:nth-child(odd) a,
  .c-recommend-list > li:nth-child(odd) .inside {
    padding-left: 0;
  }
  .c-related-list li {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .c-related-list li:nth-child(even) {
    margin-right: 0;
  }
  .c-related-list li:nth-child(n + 3) {
    margin-top: 15px;
  }
  .item-list .page-title-block {
    background-image: url(../img/item/sp/mv.jpg);
  }
  .bestcosme .page-title-block {
    background-image: url(../img/bestcosme/sp/mv.jpg);
  }
  .column2-block aside {
    margin-top: 60px;
  }
  .c-full-product-lineup .btn-area {
    margin-top: 95%;
  }
  .c-full-product-lineup .txt {
    padding-left: 10px;
  }
  .c-half-product-lineup {
    margin-left: -20px;
    margin-right: -20px;
  }
  .c-half-product-lineup .btn-area {
    margin-top: 95%;
  }
  .c-half-product-lineup .txt {
    padding-left: 10px;
  }
  .c-full-counselling .btn-area {
    margin-top: 75%;
  }
  .c-full-counselling .txt {
    padding-left: 10px;
  }
  .home .campaign-single-block .box {
    padding: 0 10px;
  }
  .home .subsucription-block .box {
    margin-top: 40px;
  }
  .home .awards-block .bg-area {
    padding-bottom: 82px;
    background: url(../img/home/sp/bg-bestcosme.jpg) no-repeat right;
    background-size: cover;
  }
  .home .awards-block .best-cosme-badge {
    margin: 20px 20px 0 0;
    width: 95px;
  }
  .home .info-media-block .box:not(:first-child) {
    margin-top: 70px;
  }
  .home .info-media-block .entry-list {
    margin-left: -20px;
    margin-right: -20px;
  }
  .divide-btns {
    display: block;
  }
  .divide-btns li {
    margin: 0 auto;
  }
  .divide-btns li a {
    height: 70px;
  }
  .divide-btns li:not(:first-child) {
    margin: 25px auto 0;
  }
  .howto .howto-block .inner-block {
    padding: 0 10px;
  }
  .howto .howto-block .box-wrap.box-item .note {
    margin-left: -20px;
    margin-right: -20px;
  }
  .item-detail .item-block .slide-area {
    margin-left: -20px;
    margin-right: -20px;
  }
  .item-detail .item-block .box {
    margin-top: 35px;
  }
  .item-detail .item-block .box .place .tax {
    font-size: 10px;
  }
  .item-detail .item-block .box .c-btn03 {
    width: 100%;
    margin-top: 10px;
    padding: 15px 70px;
  }
  .item-detail .item-block .box .c-btn03 .btn-txt {
    font-size: 14px;
  }
  .item-detail .item-block .box .c-btn03 .ico .c-svg {
    width: 22px;
    height: 21px;
  }
  .item-detail .item-block .box.subscription .c-btn03 .ico .c-svg {
    width: 34px;
    height: 21px;
  }
  .item-detail .item-block .info-area .cat-area {
    margin-bottom: 10px;
  }
  .item-detail .item-block .info-area .cat-area .c-cat + .campaign {
    margin-left: 13px;
  }
  .item-detail .item-block .info-area .sub-ttl {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .item-detail .item-block .info-area .ttl {
    font-size: 18px;
  }
  .item-detail .item-block .info-area .txt {
    font-size: 12px;
  }
  .item-detail .item-block .info-area .capacity {
    margin-right: auto;
  }
  .item-detail .item-block .info-area .rating {
    font-size: 12px;
  }
  .item-detail .item-block .info-area .rating .c-star-rating {
    font-size: 12px;
  }
  .item-detail .img-wrap-6 img {
    width: calc(100% / 3);
  }
  .item-detail .subscription-block .inside {
    background: #fff;
    padding: 15px 10px;
  }
  .item-detail .subscription-block .c-btn03 {
    width: 100%;
    padding: 15px 70px;
  }
  .item-detail .subscription-block .c-btn03 .btn-txt {
    font-size: 14px;
  }
  .item-detail .subscription-block .c-btn03 .ico .c-svg {
    width: 22px;
    height: 21px;
  }
  .item-detail .subscription-block .list li .txt {
    margin-top: 15px;
    line-height: 1.5;
  }
  .item-detail .c-campaign-block .column2 .box .txt-area {
    margin-top: 15px;
  }
  .item-detail .campaign-single-block .box {
    padding: 0 10px;
  }
  .item-detail .related-block .c-related-list li:nth-child(n + 3) {
    display: none;
  }
  .item-detail .desc-block .box.box-texture .txt-img .img {
    width: 40%;
    margin-top: -23%;
  }
  .item-detail .desc-block .box.box-texture .txt-img .img img {
    margin-left: -20%;
    width: 160%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
  }
  .item-detail .desc-block .box.box-texture .txt-img .txt-area {
    width: 60%;
  }
  .item-detail .desc-block .txt-img {
    padding: 0 10px;
  }
  .item-detail .desc-block .txt-img .img {
    margin-top: 25px;
  }
  .item-detail .desc-block .inside {
    padding: 0 10px;
  }
  .item-detail .desc-block .inside .wrap .inn:not(:first-child) {
    margin-top: 30px;
  }
  .item-detail .table-step tbody th {
    white-space: nowrap;
  }
  .item-detail .table-step tbody th:after,
  .item-detail .table-step tbody th:before {
    content: "";
    border: 10px solid transparent;
    border-top-color: #f0ced7;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    bottom: -20px;
    z-index: 1;
  }
  .item-detail .table-step tbody th:after {
    border-top-color: #f8e9ed;
    bottom: -18px;
  }
  .item-detail .table-step tr {
    border-bottom: 1px solid #f0ced7;
  }
  .item-detail .table-step td.is-active {
    background: #b30030;
    color: #fff;
  }
  .item-detail .table-step td.is-active span {
    font-size: 13px;
  }
  .item-detail .table-step td.is-active:before {
    content: none !important;
  }
  .item-detail .table-step td:not(:first-of-type) {
    position: relative;
  }
  .item-detail .table-step td:not(:first-of-type):before {
    content: "";
    width: 1px;
    height: 30px;
    background: #d3d3d3;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  .item-detail .box-wrap-ttl {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .item-detail .c-bg-area .inner-block {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .item-detail .c-bg-area .deco {
    width: 204px;
    height: 204px;
    top: -50px;
    left: -60px;
    right: inherit;
    z-index: 1;
  }
  .item-detail .c-bg-area .deco.spoon {
    width: 120px;
    top: -52px;
  }
  .item-detail .c-bg-area .deco.texture {
    width: 140px;
    top: -25px;
  }
  .item-detail .c-bg-area .deco.bottle {
    width: 65px;
    top: -70px;
    left: 20px;
  }
  .item-detail .c-bg-area .box + .box {
    margin-top: 70px;
  }
  .item-detail .c-bg-area .ttl {
    padding: 25px 15px 25px 60px;
  }
  .item-detail .c-bg-area .ttl .num {
    height: 27px;
    left: 17px;
  }
  .item-detail .c-bg-area .ttl .num img {
    height: 27px;
  }
  .item-detail .c-bg-area .ttl .inn {
    font-size: 22px;
  }
  .item-detail .c-bg-area .txt-area {
    padding: 30px 0 0;
  }
  .item-detail .c-bg-area .txt-area .list li + li {
    padding-top: 10px;
  }
  .item-detail .c-bg-area .txt-area .list .list_icon li:before {
    margin-top: 10px;
    margin-right: 5px;
    width: 6px;
    height: 6px;
  }
  .item-detail .c-bg-area .txt-area .list .num {
    border-width: 1px;
    width: 55px;
  }
  .item-detail .c-bg-area .txt-area .list .num img {
    max-height: 19px;
  }
  .item-detail .c-bg-area .txt-area .list .inn {
    line-height: 1.5;
    width: calc(100% - 55px);
  }
  .item-detail .c-bg-area .txt-area > .txt {
    font-size: 12px;
    line-height: 1.8;
  }
  .item-detail .c-bg-area .txt-area > .txt + .txt {
    margin-top: 20px;
  }
  .item-detail .c-bg-area .txt-area .semi-ttl {
    font-size: 14px;
  }
  .item-detail .c-bg-area .txt-area .txt + .semi-ttl,
  .item-detail .c-bg-area .txt-area .img + .semi-ttl {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .txt-area .c-additive-free-list {
    font-size: 10px;
    margin-top: 15px;
    padding: 0;
  }
  .item-detail .c-bg-area .txt-area .img {
    margin-top: 15px;
  }
  .item-detail .c-bg-area .txt-area .img + .txt {
    margin-top: 20px;
  }
  .item-detail .c-bg-area .column2 + .column3 {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .radius-ttl {
    font-size: 12px;
    padding: 11px 5px;
    margin-bottom: 30px;
  }
  .item-detail .c-bg-area .radius-ttl sup {
    font-size: 10px;
  }
  .item-detail .c-bg-area .column3,
  .item-detail .c-bg-area .column4 {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .column3 .column-txt,
  .item-detail .c-bg-area .column4 .column-txt {
    font-size: 12px;
  }
  .item-detail .c-bg-area .column3.variable .list,
  .item-detail .c-bg-area .column4.variable .list {
    display: block;
  }
  .item-detail .c-bg-area .column3.variable .list li + li,
  .item-detail .c-bg-area .column4.variable .list li + li {
    margin-top: 10px;
  }
  .item-detail .c-bg-area .column4 .list {
    display: block;
  }
  .item-detail .c-bg-area .column4 .list li {
    max-width: 230px;
    margin: auto;
  }
  .item-detail .c-bg-area .column4 .list li + li {
    margin-top: 15px;
  }
  .item-detail .c-bg-area .img {
    margin: 30px 0;
  }
  .item-detail .c-bg-area .approach-box {
    padding: 20px;
    margin-top: 30px;
  }
  .item-detail .c-bg-area .approach-box .ttl-top {
    font-size: 15px;
    line-height: 1.8;
  }
  .item-detail .c-bg-area .approach-box .approach-ttl {
    font-size: 18px;
    line-height: 1.72;
    margin-top: 6px;
  }
  .item-detail .c-bg-area .approach-box .approach-list {
    margin-bottom: -20px;
  }
  .item-detail .c-bg-area .approach-box .approach-list li {
    margin-bottom: 20px;
  }
  .item-detail .c-bg-area .approach-box .approach-list .each-ttl {
    font-size: 14px;
  }
  .item-detail .c-bg-area .approach-box .approach-list .num {
    left: 20px;
  }
  .item-detail .c-bg-area .approach-box .approach-list .each-txt {
    font-size: 12px;
    line-height: 1.83;
  }
  .item-detail .c-bg-area .approach-box .approach-sub .sub_title {
    font-size: 16px;
  }
  .item-detail .c-bg-area .detail-box .detail-ttl {
    font-size: 18px;
    line-height: 1.72;
    margin-top: 6px;
  }
  .item-detail .c-bg-area .detail-box .detail-ttl span {
    font-size: 15px;
  }
  .item-detail .c-bg-area .detail-box .detail-content {
    padding: 20px;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-subttl {
    padding-bottom: 0px;
    display: block;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-colum {
    padding: 20px;
    display: block;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-colum li + li {
    padding-top: 10px;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-colum .multiply {
    margin-left: 0px;
    margin-top: 120px;
    position: relative;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-colum .multiply:before {
    content: "";
    width: 2px;
    height: 40px;
    left: 50%;
    top: -60px;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-colum .multiply:after {
    content: "";
    width: 2px;
    height: 40px;
    left: 50%;
    top: -60px;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-list li {
    font-size: 12px;
    width: calc((100% / 3) - 10px);
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-list li:nth-child(n + 4) {
    margin-top: 10px;
  }
  .item-detail .c-bg-area .detail-box .detail-content .detail-flex img {
    padding-bottom: 15px;
    width: 48%;
  }
  .item-detail .c-bg-area .detail-box + .txt {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .cycle-box {
    padding: 20px;
    margin-top: 20px;
  }
  .item-detail .c-bg-area .cycle-box .cycle-ttl {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .item-detail .c-bg-area .cycle-box .cycle-list li + li {
    margin-top: 10px;
  }
  .item-detail .c-bg-area .formulation-box .left-col {
    min-width: 50px;
    margin-right: 20px;
  }
  .item-detail .c-bg-area .formulation-box .formulation-ttl {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .item-detail .c-bg-area .formulation-box .formulation-ca {
    font-size: 12px;
    width: 100px;
    height: 24px;
    margin-top: 10px;
  }
  .item-detail .c-bg-area .formulation-box .formulation-txt {
    font-size: 12px;
    margin-top: 5px;
  }
  .item-detail .c-bg-area .component-box.ma-40 {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .component-box li + li {
    margin-top: 30px;
  }
  .item-detail .c-bg-area .component-box li .component-ttl {
    font-size: 13px;
    padding-left: 14px;
  }
  .item-detail .c-bg-area .component-box li .component-ttl::after {
    height: 8px;
    width: 8px;
    top: 6px;
  }
  .item-detail .c-bg-area .component-box li .component-sub-ttl {
    font-size: 16px;
  }
  .item-detail .c-bg-area .component-box li .component-txt {
    margin-bottom: 15px;
  }
  .item-detail .c-bg-area .component-box li .small {
    font-size: 12px;
  }
  .item-detail .c-bg-area .component-box li .block {
    padding: 15px;
  }
  .item-detail .c-bg-area .component-box li .block .left-col {
    margin-right: 15px;
    min-width: 45px;
  }
  .item-detail .c-bg-area .component-box li .block .block-ttl {
    font-size: 14px;
  }
  .item-detail .c-bg-area .component-box li .block .block-txt {
    font-size: 12px;
  }
  .item-detail .c-bg-area .img-list li {
    width: calc((100% / 4) - 10px);
  }
  .item-detail .c-bg-area .bnr-area {
    padding-top: 55px;
  }
  .item-detail .c-bg-area .bnr-area .arrow {
    padding-bottom: 20px;
    width: 30px;
    margin: 0 auto;
  }
  .item-detail .c-bg-area .bnr-area .txt {
    font-size: 17.5px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .item-detail .secret-block {
    padding-top: 80px;
  }
  .item-detail .secret-block .lead-txt {
    font-size: 12px;
  }
  .item-detail .secret-block .wrap {
    padding-bottom: 95px;
  }
  .item-detail .secret-block .wrap::before {
    width: 40px;
    height: 20px;
  }
  .item-detail .secret-block .wrap .ttl {
    margin-bottom: 30px;
  }
  .item-detail .secret-block .wrap .list li + li {
    margin-top: 15px;
  }
  .item-detail .secret-block .wrap .list .num {
    border-width: 1px;
    width: 55px;
  }
  .item-detail .secret-block .wrap .list .num img {
    max-height: 19px;
  }
  .item-detail .secret-block .wrap .list .inn {
    line-height: 1.5;
    width: calc(100% - 55px);
  }
  .item-detail .secret-block .step-wrap .lead-txt {
    font-size: 16px;
  }
  .item-detail .secret-block .reason-wrap .reason-area .ttl {
    font-size: 14px;
    padding: 8px 20px 9px;
  }
  .item-detail .secret-block .reason-wrap .reason-area .txt {
    font-size: 12px;
    margin: 23px 0 22px;
  }
  .item-detail .secret-block .reason-wrap .reason-area .component-list li {
    font-size: 12px;
    padding: 0px 10px;
    margin: 0 10px 10px 0;
  }
  .item-detail .secret-block .reason-wrap .reason-area .note {
    font-size: 8px;
    margin-top: 16px;
  }
  .item-detail .secret-block .flex-wrap .ttl-wrap .c-ttl02 {
    margin-bottom: 17px;
  }
  .item-detail .secret-block .flex-wrap .ttl-wrap {
    width: 100%;
  }
  .item-detail .secret-block .flex-wrap .deco {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .item-detail .secret-block .flex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .item-detail .aco-block .tb01 {
    font-size: 12px;
  }
  .item-detail .aco-block .tb01 th,
  .item-detail .aco-block .tb01 td {
    text-align: left;
  }
  .item-detail .aco-block .note {
    margin-top: 10px;
    font-size: 10px;
  }
  .item-detail .aco-block .aco-box .js-aco-btn {
    padding: 30px 60px 40px 0px;
  }
  .item-detail .aco-block .aco-box .js-aco-btn::before,
  .item-detail .aco-block .aco-box .js-aco-btn::after {
    width: 20px;
    right: 20px;
  }
  .item-detail .aco-block .aco-box .aco-ttl {
    font-size: 16px;
  }
  .item-detail .aco-block .aco-box .txt {
    font-size: 12px;
    line-height: 1.6;
  }
  .item-detail .aco-block .aco-box .column2 .ttl {
    font-size: 12px;
  }
  .item-detail .aco-block .aco-box .column2 .inn:not(:first-child) {
    margin-top: 20px;
  }
  .item-detail .aco-block .aco-box .column2 .inn .wrap .img {
    width: 60px;
  }
  .item-detail .aco-block .aco-box .column2 .inn .wrap .txt {
    padding-left: 10px;
    width: calc(100% - 60px);
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .img {
    width: 100px;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area {
    padding-left: 10px;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area .img {
    width: 47.5px;
  }
  .item-detail .aco-block .aco-box .column2.column2--dif .inn .txt-area .txt {
    width: auto;
  }
  .item-detail .aco-block .aco-box .special-care-box {
    padding: 25px 10px;
    margin-top: 25px;
  }
  .item-detail .aco-block .aco-box .special-care-box .special-care-ttl {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
  }
  .item-detail .aco-block .aco-box .special-care-box .sub-ttl {
    text-align: center;
    font-size: 10px;
  }
  .item-detail .aco-block .aco-box .special-care-box .sub-ttl .red {
    font-size: 12px;
  }
  .item-detail .aco-block .aco-box .special-care-box .txt {
    font-size: 10px;
  }
  .item-detail .aco-block .aco-box .bnr {
    margin-top: 20px;
  }
  .item-detail .aco-block .aco-box .img-method {
    padding: 0;
  }
  .item-detail .aco-block .fsc-box {
    padding: 60px 8px;
  }
  .item-detail .aco-block .fsc-box .img {
    width: 70px;
  }
  .item-detail .aco-block .fsc-box .txt-area {
    padding-left: 25px;
    padding-bottom: 25px;
    width: calc(100% - 70px);
  }
  .item-detail .aco-block .fsc-box .txt-area .ttl {
    font-size: 14px;
  }
  .item-detail .aco-block .fsc-box .txt-area .txt {
    font-size: 10px;
  }
  .item-detail .aco-block .notice-box {
    margin-top: 20px;
  }
  .item-detail .aco-block .notice-box .notice-box-head {
    font-size: 14px;
    padding: 10px;
  }
  .item-detail .aco-block .notice-box .notice-box-text {
    font-size: 10px;
  }
  .item-detail .aco-block .notice-box .notice-box-body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .item-detail .aco-block .img-gray-box {
    padding: 10px;
    margin-top: 20px;
  }
  .item-detail .aco-block .img-gray-box .ttl {
    font-size: 14px;
  }
  .item-detail .aco-block .img-gray-box .img {
    width: 86px;
  }
  .item-detail .aco-block .img-gray-box .txt {
    font-size: 11px;
    padding-left: 15px;
    width: calc(100% - 86px);
  }
  .item-detail .aco-block .img-gray-box .column1 {
    width: auto;
  }
  .item-detail .c-comparison-block {
    margin-top: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .item-detail .c-comparison--dif .c-item-list .img {
    height: 210px;
  }
  .item-detail .review-block {
    padding-top: 100px;
  }
  .item-detail .review-block .bg-area {
    padding: 35px 0;
  }
  .item-detail .review-block .c-review .ttl {
    font-size: 16px;
  }
  .item-detail .review-block .c-review .author,
  .item-detail .review-block .c-review .date,
  .item-detail .review-block .c-review .score,
  .item-detail .review-block .c-review .c-star-rating {
    font-size: 12px;
  }
  .item-detail .review-block .c-review .txt {
    font-size: 12px;
  }
  .item-detail .review-block .btn-wrap {
    margin-top: 70px;
  }
  .item-detail .review-block + .c-recommend-block {
    margin-top: 100px;
  }
  .item-detail .product-step-block {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .item-detail .product-step-block .step-list li {
    border-bottom: 1px solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding: 10px 22px;
  }
  .item-detail .product-step-block .step-list li:not(:last-child)::before,
  .item-detail .product-step-block .step-list li:not(:last-child)::after {
    right: 0;
    left: 0;
    top: inherit;
  }
  .item-detail .product-step-block .step-list li:not(:last-child)::before {
    bottom: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
  }
  .item-detail .product-step-block .step-list li:not(:last-child)::after {
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #414141 transparent transparent transparent;
  }
  .item-detail .product-step-block .step-list li:first-child {
    border-top: 1px solid;
  }
  .item-detail .product-step-block .step-list li:first-child.is-active {
    border-top: 1px solid #b30030;
  }
  .item-detail .product-step-block .step-list li.is-active::after,
  .item-detail .product-step-block .step-list li.before-active::after {
    border-color: #b30030 transparent transparent transparent;
  }
  .item-detail .product-step-block .step-list .num {
    width: 40px;
  }
  .item-detail .product-step-block .step-list .num img {
    height: 19px;
  }
  .item-detail .product-step-block .step-list .img {
    width: 65px;
  }
  .item-detail .product-step-block .step-list .img img {
    max-height: 80px;
  }
  .item-detail .product-step-block .step-list .ttl {
    font-size: 14px;
    text-align: left;
    padding-left: 25px;
    width: calc(100% - 105px);
  }
  .item-detail .c-recommend-block .inner-block > .note {
    margin-top: 15px;
  }
  .item-detail .c-bnr-block:last-child {
    padding-bottom: 100px;
  }
  .item-detail.yellow .c-bg-area .note {
    margin-top: 13px;
    padding: 0;
  }
  .info .c-blog-list-content-block article {
    margin-left: -20px;
    margin-right: -20px;
  }
  .faq-block .box {
    padding-bottom: 30px;
  }
  .faq-block .box:not(:last-child) {
    margin-bottom: 16px;
  }
  .faq-block .question,
  .faq-block .answer-area {
    padding-left: 20px;
  }
  .faq-block .question:after,
  .faq-block .answer-area:after {
    font-size: 14px;
    width: 30px;
  }
  .faq-block .question {
    font-size: 14px;
  }
  .faq-block .question:after {
    height: 24px;
  }
  .faq-block .answer-area {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .faq-block .answer-area:after {
    height: 23px;
  }
  .faq-block .answer-area .btn-wrap {
    margin-top: 15px;
  }
  .faq-block .num {
    margin-top: 3px;
  }
  .faq-block .tel {
    margin-top: 11px;
  }
  .faq-block .tel:not(.bottom) {
    font-size: 14px;
    line-height: 1.57;
  }
  .faq-block .bottom {
    margin-top: -2px;
    font-size: 8px;
    line-height: 1.75;
  }
  .faq-block .link {
    font-size: 14px;
  }
  .faq-btn-area {
    padding: 70px 0 70px;
  }
  .about .bg-box-area .box:not(:first-child) {
    margin-top: 27px;
  }
  .about .scent-items .single-item .img {
    width: 140px;
  }
  .img-txt > .txt-area,
  .txt-img > .txt-area {
    margin-top: 30px;
  }
  .main-catch {
    margin-left: 10px;
  }
  .faq-box .c-faq-aco .customer-box .tel-numb .ja {
    display: block;
  }
  .scroll-menu {
    -webkit-column-gap: 4%;
    -moz-column-gap: 4%;
    column-gap: 4%;
  }
  .scroll-menu li {
    width: 48%;
  }
  .scroll-menu li:nth-child(n + 3) {
    margin-top: 10px;
  }
  .service .merit-brock {
    margin: 25px -20px 0;
    padding: 40px 20px 50px;
  }
  .service .merit-brock .box:not(:first-child) {
    margin-top: 30px;
  }
  .service .service-box .inside .img {
    margin-top: 24px;
    text-align: center;
  }
  .service .flow-box {
    margin-left: -20px;
    margin-right: -20px;
  }
  .service .box.post-box {
    padding: 0;
    margin-top: 30px;
  }
  .service .post-method + .post-method {
    margin-top: 40px;
  }
  .service .post-method .time {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .service .post-method .list {
    padding: 0 20px;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .service .post-method .list .txt {
    font-size: 11px;
    padding-top: 34px;
  }
  .service .post-method .list .icon {
    width: 47px;
    height: 36px;
    margin: 0 auto;
  }
  .service .post-method .list .icon img {
    max-width: 47px;
    max-height: 36px;
  }
  .service .post-method .list .icon.icon-mail img {
    height: 32px;
  }
  .service .post-method .list .icon.icon-cosme img {
    height: 30px;
  }
  .service .post-method .list .change {
    font-size: 11px;
    width: 72px;
    padding: 3px 1px;
  }
  .service .post-method .point-cont {
    width: 100%;
    max-width: none;
    top: 95px;
  }
  .table-box {
    margin-right: -20px;
    overflow-x: scroll;
  }
  .table-box .stage-table {
    width: 564px;
    overflow-x: scroll;
  }
  .point .pt-service-box {
    margin-left: -20px;
    margin-right: -20px;
  }
  .point .pt-service-box .note {
    padding: 0 20px;
  }
  .point .pt-service-box .list li:first-child .txt {
    letter-spacing: -0.06em;
  }
  .point .point-anc-box .divide-anc-link {
    width: 280px;
  }
  .point .point-anc-box .divide-anc-link li:not(:first-child) {
    margin-top: 20px;
  }
  .point .point-flow-box .sub-txt {
    padding: 0 20px;
  }
  .point .point-flow-box .stageup-area .img {
    margin: 0 -10px;
  }
  .point .point-flow-box .stageup-area .numb-flow dt:not(:first-child) {
    margin-top: 30px;
  }
  .point .point-flow-box .stageup-area .numb-flow dd {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 950px) {
  main {
    padding-top: 53px;
  }
  .c-header {
    height: 55px;
  }
  .c-header .logo {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .c-header .logo a {
    width: 108px;
    padding: 0 0 0;
    margin: 0;
  }
  .c-header .nav-wrap {
    position: fixed;
    top: 55px;
    right: 0;
    width: 100%;
    max-height: 100vh;
    max-height: calc((var(--vh, 1vh) * 100) - 55px);
    overflow: auto;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .c-header .nav-wrap.is-open {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .c-header .btn-wrap {
    display: none;
  }
  .c-header .inner-block {
    padding: 14px 0px;
  }
  .c-header .contact-wrap {
    padding: 25px 30px;
    background: #f5f5f5;
  }
  .c-header .contact-wrap .inn .ttl {
    font-weight: 500;
    color: #b30030;
    text-align: center;
    font-size: 14px;
  }
  .c-header .contact-wrap .tel-btn {
    margin-top: 25px;
    border: 1px solid #b30030;
    border-radius: 50px;
    color: #b30030;
    background: #fff;
    text-align: center;
    font-size: 26px;
    font-family: "Spartan", sans-serif;
    font-weight: 300;
    font-weight: 500;
    line-height: 1;
    padding: 13px 25px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-header .contact-wrap .tel-btn .tel-txt {
    padding-left: 42px;
    position: relative;
    display: inline-block;
    letter-spacing: -0.025em;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  .c-header .contact-wrap .tel-btn .tel-txt::before {
    background: url(../img/common/ico-tel.svg) no-repeat center center/contain;
    content: "";
    display: block;
    width: 35px;
    height: 22px;
    position: absolute;
    bottom: auto;
    top: 0;
    left: 0;
    margin: auto;
  }
  .c-header .contact-wrap .btn-box {
    margin-right: 0;
    margin-top: 15px;
  }
  .c-header .contact-wrap .btn-box .c-btn0a {
    margin-top: 0;
  }
  .c-header .contact-wrap .btn-box .c-btn0a a {
    padding: 15px 20px;
    background: #fff;
  }
  .c-header .contact-wrap .txt {
    font-size: 12px;
    margin-top: 14px;
    text-align: center;
  }
  .c-header .nav-list > li {
    border-top: 1px solid #d3d3d3;
  }
  .c-header .nav-list > li:last-child {
    border-bottom: 1px solid #d3d3d3;
  }
  .c-header .nav-list > li a {
    display: block;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
  }
  .c-header .nav-list > li a::before,
  .c-header .nav-list > li a::after {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
  }
  .c-header .nav-list > li a:not(.js-aco-btn-sp)::before {
    content: "";
    border: solid #b30030;
    border-width: 0 2px 2px 0;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
  }
  .c-header .nav-list > li a.js-aco-btn-sp::before,
  .c-header .nav-list > li a.js-aco-btn-sp::after {
    content: "";
    background: #b30030;
    width: 16px;
    height: 2px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    right: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .c-header .nav-list > li a.js-aco-btn-sp::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .c-header .nav-list > li a.js-aco-btn-sp.is-active:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .c-header .nav-list > li a.js-aco-btn-sp.is-active:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .c-header .nav-list > li .mega-menu {
    padding: 0 0 0;
    margin-top: -10px;
  }
  .c-header .nav-list > li .mega-menu li a {
    font-size: 14px;
    font-weight: normal;
    padding: 15px 30px;
  }
  .c-header .nav-list > li .mega-menu li a:before {
    border-color: #747474;
  }
  .c-header .nav-list .li-login > a {
    padding: 15px 30px 15px 10px;
    background: #b30030;
  }
  .c-header .nav-list .li-login > a:after,
  .c-header .nav-list .li-login > a:before {
    border-color: #fff !important;
  }
  .c-header .nav-list .li-login > a > div {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .c-header .nav-list .li-login > a .ico {
    width: 30px;
    height: 30px;
    margin-right: 25px;
    background: #fff;
    border-radius: 50%;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-header .nav-list .li-login > a .ico .c-svg {
    color: #b30030;
  }
  .c-header .nav-list .li-login > a .ico-txt {
    font-size: 16px;
    font-weight: 500;
    width: calc(100% - 60px);
    color: #fff;
    line-height: 1.3;
  }
  .c-header .nav-list .li-login > a .ico-txt span {
    font-size: 12px;
    font-weight: normal;
    display: block;
  }
  .c-header .nav-list .li-login > a.login-false .mypage-true {
    display: none;
  }
  .c-header .nav-list .li-login > a.login-false + .mega-menu .acr-true {
    display: none;
  }
  .c-header .nav-list .li-login > a.login-true .mypage-false {
    display: none;
  }
  .c-header .nav-list .li-login > a.login-true + .mega-menu .acr-false {
    display: none;
  }
  .c-header .nav-list .li-login .mega-menu {
    margin-top: 0;
    background: #f5f5f5;
  }
  .c-header .nav-list .li-login .mega-menu .over-area {
    padding: 15px 10px 30px;
    border-bottom: 1px solid #d3d3d3;
  }
  .c-header .nav-list .li-login .mega-menu .under-area {
    padding: 35px 20px;
  }
  .c-header .nav-list .li-login .mega-menu .input-list li:not(:first-child) {
    margin-top: 15px;
  }
  .c-header .nav-list .li-login .mega-menu .input-list input {
    border: 1px solid #d3d3d3;
    font-size: 14px;
    color: #747474;
    padding: 12px 20px;
    border-radius: 5px;
    background: #fff;
    width: 100%;
  }
  .c-header .nav-list .li-login .mega-menu .login-btn {
    margin: 20px auto 10px;
    text-align: center;
  }
  .c-header .nav-list .li-login .mega-menu .login-btn input {
    background: #b30030;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 16px 20px;
    width: 290px;
    margin: auto;
    border-radius: 10px;
    position: relative;
  }
  .c-header .nav-list .li-login .mega-menu .login-btn input:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
  }
  .c-header .nav-list .li-login .mega-menu .link {
    text-align: center;
    margin-top: 20px;
  }
  .c-header .nav-list .li-login .mega-menu .link a {
    padding: 0;
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
  }
  .c-header .nav-list .li-login .mega-menu .link a:after,
  .c-header .nav-list .li-login .mega-menu .link a:before {
    content: none;
  }
  .c-header .nav-list .li-login .mega-menu .sub-catch {
    font-size: 17px;
    text-align: center;
    font-weight: 500;
  }
  .c-header .nav-list .li-login .mega-menu .txt {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
  }
  .c-header .nav-list .li-login .mega-menu .img {
    text-align: center;
    margin-top: 20px;
  }
  .c-header .nav-list .li-login .mega-menu .img a {
    padding: 0;
  }
  .c-header .nav-list .li-login .mega-menu .img a:after,
  .c-header .nav-list .li-login .mega-menu .img a:before {
    content: none;
  }
  .c-header .cart-btn {
    display: block;
    width: 40px;
    height: 55px;
    text-align: center;
    position: absolute;
    right: 50px;
    z-index: 99;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .c-header .cart-btn .ico {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    font-size: 0;
    background: #cdc5c0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  .c-header .cart-btn .ico .c-svg {
    color: #fff;
    padding-right: 1px;
  }
  .c-header .nav-btn {
    position: absolute;
    top: 0;
    right: 0px;
    width: 42px;
    height: 55px;
    overflow: hidden;
    text-align: center;
    z-index: 99;
  }
  .c-header .nav-btn .inn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 22px;
    height: 15px;
    margin: auto;
  }
  .c-header .nav-btn .inn .line {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #cdc5c0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .c-header .nav-btn .inn .line:nth-child(1) {
    top: 0;
  }
  .c-header .nav-btn .inn .line:nth-child(2) {
    top: 7px;
  }
  .c-header .nav-btn .inn .line:nth-child(3) {
    top: 14px;
  }
  .c-header .nav-btn.is-open .inn .line {
    top: 7px;
  }
  .c-header .nav-btn.is-open .inn .line:nth-child(1),
  .c-header .nav-btn.is-open .inn .line:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .c-header .nav-btn.is-open .inn .line:nth-child(2) {
    opacity: 0;
  }
  .c-header .nav-btn.is-open .inn .line:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cover-bg {
    z-index: 98;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #cover-bg.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .item-detail .c-bg-area .approach-box .approach-list {
    margin-right: 0;
  }
  .item-detail .c-bg-area .approach-box .approach-list li {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 950px) {
  .c-middle-show {
    display: none !important;
  }
  .c-header .inner-block {
    padding: 0;
  }
  .c-header .nav-wrap,
  .c-header .nav-list,
  .c-header .btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .c-header .nav-wrap {
    width: calc(100% - 120px);
    margin-left: auto;
  }
  .c-header .nav-list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 30px;
    width: calc(100% - 140px);
  }
  .c-header .nav-list > li {
    height: 100%;
  }
  .c-header .nav-list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 15px;
    position: relative;
    font-size: 14px;
  }
  .c-header .nav-list .mega-menu {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 30px 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
  }
  .c-header .nav-list .link-list {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 950px;
    margin: auto;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
  }
  .c-header .nav-list .link-list li {
    width: 23.5%;
  }
  .c-header .nav-list .link-list li:nth-child(n + 5) {
    margin-top: 2%;
  }
  .c-header .nav-list .link-list a {
    padding: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    font-size: 14px;
  }
  .c-header .nav-list .link-list a:after {
    content: none;
  }
  .c-header .btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
  }
  .c-header .btn-wrap a {
    width: 70px;
    height: 100%;
    padding: 15px 0;
  }
  .c-header .btn-wrap a .ico {
    background: #cdc5c0;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .c-header .btn-wrap a .ico.login {
    padding-right: 2px;
  }
  .c-header .btn-wrap a .txt {
    font-size: 12px;
    margin-top: 3px;
    color: #747474;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .c-header .nav-btn,
  .c-header .cart-btn {
    display: none;
  }
}
@media only screen and (min-width: 950px) and (min-width: 950px) {
  .c-header .nav-list > li:hover a::after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .c-header .nav-list a {
    padding: 30px 15px;
  }
  .c-header .nav-list a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #b30030;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition:
      transform 0.3s,
      -webkit-transform 0.3s;
  }
  .c-header .btn-wrap a:hover .ico {
    background: #b30030;
  }
  .c-header .btn-wrap a:hover .txt {
    color: #b30030;
  }
}
@media only screen and (min-width: 950px) and (min-width: 950px) and (min-width: 1024px) {
  .c-header .nav-list a {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 949px) {
  .head-info-area .txt {
    font-size: 12px;
    padding: 8px 0px;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 1100px) {
  .c-footer .upper .link-wrap .ttl .en {
    font-size: 22px;
  }
  .c-footer .upper .bnr-wrap {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .c-footer .upper .bnr-wrap .media-bnr {
    width: 52%;
  }
  .c-recommend-list.c-set-list .price .numb {
    font-size: 16px;
  }
  .c-recommend-list.c-set-list .price .mint {
    font-size: 11px;
  }
  .c-recommend-list.c-set-list .price.subsc .mint {
    margin-bottom: 5px;
  }
  .c-recommend-list.c-set-list .price.subsc .offt {
    font-size: 13px;
    padding: 2px 8px;
  }
  .c-recommend-list.c-set-list .price.subsc .numb {
    font-size: 18px;
    padding-bottom: 2px;
  }
  .column2-block.column2-re aside {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .home .subsucription-block .wrap {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .home .subsucription-block .box {
    width: 65%;
  }
  .home .subsucription-block .c-link {
    position: absolute;
    left: 0;
    top: 130px;
    margin: 0;
  }
  .home .related-block {
    padding: 60px 0 140px;
  }
  .home .stores-block .wrap {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .home .stores-block .box {
    width: 73%;
    padding-right: 30px;
  }
  .howto .howto-block .box-wrap.box-item {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .item-detail .item-block .inner-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item-detail .item-block .slide-area {
    width: 660px;
  }
  .item-detail .item-block .info-area {
    width: 400px;
  }
  .item-detail .recommend-list-block .c-recommend-list li a {
    text-align: center;
  }
  .item-detail .secret-block .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item-detail .secret-block .wrap .ttl {
    width: 255px;
  }
  .item-detail .secret-block .wrap .list {
    width: calc(100% - 255px);
  }
  .faq .faq-block .column2-block {
    margin-bottom: 100px;
  }
  .scroll-menu li a:after {
    width: 8px;
    height: 8px;
    right: 5px;
  }
  .service .service-box .price-ever .ever-cont p {
    font-size: 22px;
  }
  .service .question-box {
    margin-bottom: 0;
  }
  .service .post-method .list {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .c-footer .middle .wrap .btn-wrap {
    margin: 30px 0 0 auto;
  }
  .item-detail .c-bg-area .deco {
    width: 300px;
    left: -690px;
    right: 160px;
  }
  .item-detail .c-bg-area .deco.texture {
    width: 250px;
  }
}
@media only screen and (max-width: 720px) {
  .paging-area .before,
  .paging-area .after {
    position: absolute;
    top: 0;
  }
  .paging-area .before {
    left: 0px;
    margin-left: 10px;
  }
  .paging-area .after {
    right: 0;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 850px) {
  .item-detail .c-bg-area .deco {
    width: 250px;
    left: -280px;
    right: 340px;
  }
  .item-detail .c-bg-area .deco.texture {
    width: 200px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1450px) {
  .item-detail .c-bg-area .deco.spoon {
    width: 374px;
  }
  .item-detail .c-bg-area .deco.bottle {
    width: 150px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1450px) and (max-width: 1250px) {
  .item-detail .c-bg-area .deco.spoon {
    width: 274px;
  }
  .item-detail .c-bg-area .deco.bottle {
    width: 90px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 950px) {
  .item-detail .c-bg-area .column3.variable .list,
  .item-detail .c-bg-area .column4.variable .list {
    display: block;
  }
  .item-detail .c-bg-area .column3.variable .list li + li,
  .item-detail .c-bg-area .column4.variable .list li + li {
    margin-top: 20px;
    margin-left: 0;
  }
  .item-detail .c-bg-area .column3.variable .list li img,
  .item-detail .c-bg-area .column4.variable .list li img {
    max-width: 400px;
    margin: auto;
  }
}
@media all and (-ms-high-contrast: none) {
  .item-detail .c-bg-area .bnr-area .txt {
    letter-spacing: 0.05em;
  }
}
@media only screen and (max-width: 1100px) {
  .item-detail .secret-block .ttl_img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .item-detail .secret-block .wrap .ttl {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .item-detail .secret-block .reason-wrap .reason-area {
    width: 100%;
  }
  .item-detail .secret-block .reason-wrap .reason-area + .reason-area {
    margin-left: 0;
    margin-top: 34px;
  }
  .item-detail .secret-block .reason-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 640px) {
  .item-detail .aco-block .tb01 {
    width: 100%;
  }
  .item-detail .aco-block table.tb01 th,
  .item-detail .aco-block table.tb01 td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .item-detail .aco-block .tb01 tr:last-child {
    border-bottom: solid 1px #ccc;
  }
}
@media only screen and (min-width: 1150px) {
  .item-detail .aco-block .aco-box .column2.column2--dif .box {
    width: auto;
  }
}
@media only screen and (min-width: 641px) and (max-width: 640px) {
  .item-detail .c-comparison-block .table-wrap {
    margin-right: -20px;
  }
}
@media only screen and (min-width: 641px) and (min-width: 1200px) {
  .item-detail .c-comparison-block .table-wrap {
    overflow-x: visible;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  .faq-block .question {
    font-size: 13px;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) and (max-width: 359px) {
  .faq-block .question {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) and (max-width: 359px) and (max-width: 338px) {
  .faq-block .question {
    font-size: 11px;
  }
}
@media only screen and (max-width: 860px) {
  .service .post-method .point-list {
    width: 100%;
    max-width: none;
  }
}