@charset "UTF-8";
/*@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");*/
.main {
  /*.slick-slider{
      position:relative;

      display:block;
      -webkit-box-sizing:border-box;
              box-sizing:border-box;

      -webkit-user-select:none;
         -moz-user-select:none;
          -ms-user-select:none;
              user-select:none;

      -webkit-touch-callout:none;
      -khtml-user-select:none;
      -ms-touch-action:pan-y;
          touch-action:pan-y;
      -webkit-tap-highlight-color:transparent;
  }
  .slick-list{
      position:relative;

      display:block;
      overflow:hidden;

      margin:0;
      padding:0;
  }
  .slick-list:focus{
      outline:none;
  }
  .slick-list.dragging{
      cursor:pointer;
      cursor:hand;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list{
      -webkit-transform:translate3d(0, 0, 0);
          -ms-transform:translate3d(0, 0, 0);
              transform:translate3d(0, 0, 0);
  }
  .slick-track{
      position:relative;
      top:0;
      left:0;

      display:block;
      margin-left:auto;
      margin-right:auto;
  }
  .slick-track:before,
  .slick-track:after{
      display:table;

      content:'';
  }
  .slick-track:after{
      clear:both;
  }
  .slick-loading .slick-track{
      visibility:hidden;
  }
  .slick-slide{
      display:none;
      float:left;

      height:100%;
      min-height:1px;
  }
  [dir='rtl'] .slick-slide{
      float:right;
  }
  .slick-slide img{
      display:block;
  }
  .slick-slide.slick-loading img{
      display:none;
  }
  .slick-slide.dragging img{
      pointer-events:none;
  }
  .slick-initialized .slick-slide{
      display:block;
  }
  .slick-loading .slick-slide{
      visibility:hidden;
  }
  .slick-vertical .slick-slide{
      display:block;

      height:auto;

      border:1px solid transparent;
  }
  .slick-arrow.slick-hidden{
      display:none;
  }*/
}
.main *,
.main *::before,
.main *::after {
  box-sizing: border-box;
}
body {
  background: #fff;
}
.main blockquote,
body,
.main dd,
.main dl,
.main dt,
.main fieldset,
.main figure,
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main hr,
html,
.main iframe,
.main legend,
.main li,
.main ol,
.main p,
.main pre,
.main textarea,
.main ul {
  margin: 0;
  padding: 0;
}
.main img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.main .focus-visible:focus {
  outline: 2px solid #ccc;
}
html {
  font-size: 62.5%;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
/* body, */
.main,
.main button,
.main input,
.main select,
.main textarea {
  font-family: Meiryo, "メイリオ", sans-serif;
}
/* body, */
.main,
.main p {
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.5;
}
.main h1 {
  color: #3b220b;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.33;
}
.main h2 {
  color: #3b220b;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 1.4;
}
.main h3 {
  color: #3b220b;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.5;
}
.main h4 {
  color: #3b220b;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.6;
}
.main h5,
.main h6,
.main h7,
.main h8,
.main h9 {
  color: #3b220b;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.6;
}
.main p,
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
  text-transform: none;
}
.main p:not(:last-child),
.main h1:not(:last-child),
.main h2:not(:last-child),
.main h3:not(:last-child),
.main h4:not(:last-child),
.main h5:not(:last-child),
.main h6:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main a {
  color: #0e76d2;
  text-decoration: none;
}
.main a:hover,
.main a.focus-visible:focus {
  text-decoration: underline;
}
.main a:hover img,
.main a.focus-visible:focus img {
  opacity: 0.6;
}
.main a img {
  transition: 0.3s;
}
@font-face {
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  src: url("../fonts/ybficons.eot");
  src: url("../fonts/ybficons.eot?#iefix") format("eot"), url("../fonts/ybficons.woff") format("woff"), url("../fonts/ybficons.ttf") format("truetype"), url("../fonts/ybficons.svg#ybficons") format("svg");
}
.main [class^=ybficons],
.main [class*=" ybficons"] {
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .ybficons-qa:before {
  content: "\ea01";
}
.main .ybficons-tel:before {
  content: "\ea02";
}
.main .ybficons-chat:before {
  content: "\ea03";
}
.main .ybficons-delivery:before {
  content: "\ea04";
}
.main .ybficons-shipping:before {
  content: "\ea05";
}
.main .ybficons-pay:before {
  content: "\ea06";
}
.main .ybficons-bee:before {
  content: "\ea07";
}
.main .ybficons-time:before {
  content: "\ea08";
}
.main .ybficons-question:before {
  content: "\ea09";
}
.main .ybficons-member:before {
  content: "\ea0a";
}
.main .ybficons-cart:before {
  content: "\ea0b";
}
.main .ybficons-beginner:before {
  content: "\ea0c";
}
.main .ybficons-catalog:before {
  content: "\ea0d";
}
.main .ybficons-info:before {
  content: "\ea0e";
}
.main .ybficons-contact:before {
  content: "\ea0f";
}
.main .ybficons-chat2:before {
  content: "\ea10";
}
.main .ybficons-faq:before {
  content: "\ea11";
}
.main .ybficons-comment:before {
  content: "\ea12";
}
.main .ybficons-comment-write:before {
  content: "\ea13";
}
.main .ybficons-search:before {
  content: "\ea14";
}
.main .ybficons-search2:before {
  content: "\ea15";
}
.main .ybficons-delivery2:before {
  content: "\ea16";
}
.main .ybficons-blank:before {
  content: "\ea17";
}
.main .ybficons-check:before {
  content: "\ea18";
}
.main .ybficons-delivery3:before {
  content: "\ea19";
}
.main .ybficons-2baggage:before {
  content: "\ea1a";
}
.main .ybficons-baggage:before {
  content: "\ea1b";
}
.main .ybficons-fav_o:before {
  content: "\ea1c";
}
.main .ybficons-fav:before {
  content: "\ea1d";
}
.main .ybficons-check_c:before {
  content: "\ea1e";
}
.main .ybficons-caution:before {
  content: "\ea1f";
}
.main .ybficons-caution_o:before {
  content: "\ea20";
}
.main .ybficons-member2:before {
  content: "\ea21";
}
.main .ybficons-present:before {
  content: "\ea22";
}
.main .ybficons-coupon:before {
  content: "\ea23";
}
.main .ybficons-benefits:before {
  content: "\ea24";
}
.main .ybficons-hex:before {
  content: "\ea25";
}
.main .ybficons-hex2:before {
  content: "\ea26";
}
.main .ybficons-blank2:before {
  content: "\ea27";
}
.main .ybficons-plus:before {
  content: "\ea28";
}
.main .ybficons-minus:before {
  content: "\ea29";
}
.main .ybficons-close:before {
  content: "\ea2a";
}
.main .ybficons-arr1_t:before {
  content: "\ea2b";
}
.main .ybficons-arr1_r:before {
  content: "\ea2c";
}
.main .ybficons-arr1_b:before {
  content: "\ea2d";
}
.main .ybficons-arr1_l:before {
  content: "\ea2e";
}
.main .ybficons-arr2_t:before {
  content: "\ea2f";
}
.main .ybficons-arr2_r:before {
  content: "\ea30";
}
.main .ybficons-arr2_b:before {
  content: "\ea31";
}
.main .ybficons-arr2_l:before {
  content: "\ea32";
}
.main .ybficons-arr3_t:before {
  content: "\ea33";
}
.main .ybficons-arr3_r:before {
  content: "\ea34";
}
.main .ybficons-arr3_b:before {
  content: "\ea35";
}
.main .ybficons-arr3_l:before {
  content: "\ea36";
}
.main .ybficons-arr4_t:before {
  content: "\ea37";
}
.main .ybficons-arr4_r:before {
  content: "\ea38";
}
.main .ybficons-arr4_b:before {
  content: "\ea39";
}
.main .ybficons-arr4_l:before {
  content: "\ea3a";
}
.main .ybficons-arr5_t:before {
  content: "\ea3b";
}
.main .ybficons-arr5_r:before {
  content: "\ea3c";
}
.main .ybficons-arr5_b:before {
  content: "\ea3d";
}
.main .ybficons-arr5_l:before {
  content: "\ea3e";
}
.main .ybficons-arr6_t:before {
  content: "\ea3f";
}
.main .ybficons-arr6_r:before {
  content: "\ea40";
}
.main .ybficons-arr6_b:before {
  content: "\ea41";
}
.main .ybficons-arr6_l:before {
  content: "\ea42";
}
.main .ybficons-facebook:before {
  content: "\ea43";
}
.main .ybficons-twitter:before {
  content: "\ea44";
}
.main .ybficons-youtube:before {
  content: "\ea45";
}
.main .ybficons-instagram:before {
  content: "\ea46";
}
.main .ybficons-google:before {
  content: "\ea47";
}
.main .ybficons-line:before {
  content: "\ea48";
}
.main .ybficons-yahoo:before {
  content: "\ea49";
}
.main .ybficons-star:before {
  content: "\ea4a";
}
.main .ybficons-star_o:before {
  content: "\ea4b";
}
.main .ybficons-member3:before {
  content: "\ea50";
}
.main .ybficons-buy-click:before {
  content: "\ea51";
}
.main .ybficons-wallet:before {
  content: "\ea52";
}
.main .ybficons-return:before {
  content: "\ea53";
}
.main .ybficons-wakabamark:before {
  content: "\ea54";
}
.main .ybficons-regular-cal:before {
  content: "\ea55";
}
.main .ybficons-qa-question:before {
  content: "\ea56";
}
.main .ybficons-qa-answer:before {
  content: "\ea57";
}
.main .datepicker--cells {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1px;
}
.main .datepicker--cell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 32px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  cursor: pointer;
}
.main .datepicker--cell.-in-range- {
  color: #4d4d4d;
  background: rgba(92, 196, 239, 0.1);
}
.main .datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}
.main .datepicker--cell.-range-from- {
  background-color: rgba(92, 196, 239, 0.1);
  border: 1px solid rgba(92, 196, 239, 0.5);
}
.main .datepicker--cell.-range-to- {
  background-color: rgba(92, 196, 239, 0.1);
  border: 1px solid rgba(92, 196, 239, 0.5);
}
.main .datepicker--cell.-current-,
.main .datepicker--cell.-current-.-disabled- {
  background: rgb(216, 243, 225);
}
.main .datepicker--cell.-current-.-focus- {
  background: rgb(176, 232, 195);
}
.main .datepicker--cell.-current-.-focus-.-disabled- {
  background: rgb(216, 243, 225);
}
.main .datepicker--cell.-current-.-in-range- {
  color: #4eb5e6;
}
.main .datepicker--cell.-selected- {
  color: #fff;
  background: rgb(0, 133, 44);
}
.main .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: rgb(0, 133, 44);
}
.main .datepicker--cell.-selected-.-focus- {
  color: #fff;
  background: rgb(17, 116, 50);
}
.main .datepicker--cell:empty {
  cursor: default;
}
.main .datepicker--days-names {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}
.main .datepicker--day-name {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}
.main .datepicker--cell-day {
  width: 14.28571%;
}
.main .datepicker--cells-months {
  height: 170px;
}
.main .datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.main .datepicker--years {
  height: 170px;
}
.main .datepicker--cells-years {
  height: 170px;
}
.main .datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.main .datepicker--cell {
  background: #f5f5f5;
}
.main .datepicker--cell.-other-month-,
.main .datepicker--cell.-other-decade- {
  color: rgba(77, 77, 77, 0.7);
  background: rgba(245, 245, 245, 0.5);
}
.main .datepicker--cell.-disabled- {
  color: rgba(77, 77, 77, 0.7);
  background: transparent;
  cursor: default;
}
.main .datepicker--cell:hover,
.main .datepicker--cell.-focus- {
  color: #4d4d4d;
  background: #dbdbdb;
}
.main .datepicker--cell.-disabled-:hover,
.main .datepicker--cell.-disabled-.-focus- {
  color: rgba(77, 77, 77, 0.7);
  background: transparent;
}
.main .-selected-.-focus-.datepicker--cell.-other-month-,
.main .-selected-.-focus-.datepicker--cell.-other-decade- {
  background: #1f6737;
}
.main .-in-range-.datepicker--cell.-other-month-,
.main .-in-range-.datepicker--cell.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
}
.main .-in-range-.-focus-.datepicker--cell.-other-month-,
.main .-in-range-.-focus-.datepicker--cell.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.main .datepickers-container {
  position: absolute;
  top: 0;
  width: 83%;
}
.main .datepicker {
  position: absolute;
  left: -100000px;
  z-index: 100;
  box-sizing: content-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 1.4rem;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
}
.main .datepicker.-from-top- {
  transform: translateY(-8px);
}
.main .datepicker.-from-right- {
  transform: translateX(8px);
}
.main .datepicker.-from-bottom- {
  transform: translateY(8px);
}
.main .datepicker.-from-left- {
  transform: translateX(-8px);
}
.main .datepicker.active {
  transform: translate(0);
  opacity: 1;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
}
.main .datepicker-inline .datepicker {
  position: static;
  right: auto;
  left: auto;
  box-sizing: border-box;
  border-color: #d7d7d7;
  box-shadow: none;
  transform: none;
  opacity: 1;
}
.main .datepicker-inline .datepicker--pointer {
  display: none;
}
.main .datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}
.main .-only-timepicker- .datepicker--content {
  display: none;
}
.main .datepicker--pointer {
  position: absolute;
  z-index: -1;
  width: 10px;
  height: 10px;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.main .-top-left- .datepicker--pointer,
.main .-top-center- .datepicker--pointer,
.main .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  transform: rotate(135deg);
}
.main .-right-top- .datepicker--pointer,
.main .-right-center- .datepicker--pointer,
.main .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  transform: rotate(225deg);
}
.main .-bottom-left- .datepicker--pointer,
.main .-bottom-center- .datepicker--pointer,
.main .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  transform: rotate(315deg);
}
.main .-left-top- .datepicker--pointer,
.main .-left-center- .datepicker--pointer,
.main .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  transform: rotate(45deg);
}
.main .-top-left- .datepicker--pointer,
.main .-bottom-left- .datepicker--pointer {
  left: 10px;
}
.main .-top-right- .datepicker--pointer,
.main .-bottom-right- .datepicker--pointer {
  right: 10px;
}
.main .-top-center- .datepicker--pointer,
.main .-bottom-center- .datepicker--pointer {
  left: calc(50% - 5px);
}
.main .-left-top- .datepicker--pointer,
.main .-right-top- .datepicker--pointer {
  top: 10px;
}
.main .-left-bottom- .datepicker--pointer,
.main .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.main .-left-center- .datepicker--pointer,
.main .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}
.main .datepicker--body {
  display: none;
}
.main .datepicker--body.active {
  display: block;
}
.main .datepicker--nav {
  display: flex;
  justify-content: space-between;
  min-height: 32px;
  padding: 1rem 0.5rem;
}
.main .-only-timepicker- .datepicker--nav {
  display: none;
}
.main .datepicker--nav-title,
.main .datepicker--nav-action {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
}
.main .datepicker--nav-title-year {
  padding-bottom: 2px;
  font-size: 1.4rem;
  line-height: 1;
}
.main .datepicker--nav-title-month {
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1;
}
.main .datepicker--nav-action {
  width: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.main .datepicker--nav-action:hover {
  background: #f0f0f0;
}
.main .datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.main .datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.main .datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.main .datepicker--nav-title {
  padding: 0 8px;
}
.main .datepicker--nav-title i {
  margin-left: 5px;
  color: #9c9c9c;
  font-style: normal;
}
.main .datepicker--nav-title:hover {
  background: #f0f0f0;
}
.main .datepicker--nav-title.-disabled- {
  background: none;
  cursor: default;
}
.main .datepicker--buttons {
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}
.main .datepicker--button {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 32px;
  color: #4eb5e6;
  cursor: pointer;
}
.main .datepicker--button:hover {
  color: #4d4d4d;
  background: #f0f0f0;
}
@keyframes loader-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.main .l-main-container {
  padding: 3rem 0;
  overflow: hidden;
}
.main .l-main-container._products {
  padding-top: 3rem;
}
.main .l-container {
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
}
.main .l-container._full {
  width: 100%;
  max-width: none;
}
.main .l-container+.l-container {
  padding-top: 2.5rem;
}
.main .l-container:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .l-section:not(:first-child) {
  padding-top: 3rem;
}
.main .l-section._no-pad {
  padding: 0 !important;
}
.main .l-section._no-pad-top {
  padding-top: 0 !important;
}
.main .l-section:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .l-box._v-center {
  display: flex;
  align-items: center;
}
.main .l-box._h-center {
  display: flex;
  justify-content: center;
}
.main .l-box._center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .l-box:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .l-container-2col_side {
  margin-bottom: 2.5rem;
}
.main .l-container-2col_main {
  width: 100%;
}
.main .l-row {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem;
}
.main .l-row>.l-col {
  box-sizing: border-box;
  padding: 0.75rem;
}
.main .l-row>.l-col._self-center {
  align-self: center;
}
.main .l-row>.l-col._self-start {
  align-self: flex-start;
}
.main .l-row>.l-col._self-end {
  align-self: flex-end;
}
.main .l-row>.l-col._variable {
  flex: 1 1 auto;
}
.main .l-row:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .l-row._singleline {
  flex-wrap: nowrap;
}
.main .l-row._v-center {
  align-items: center;
}
.main .l-row._v-start {
  align-items: flex-start;
}
.main .l-row._v-end {
  align-items: flex-end;
}
.main .l-row._row-reverse {
  flex-direction: row-reverse;
}
.main .l-row._equally>.l-col {
  flex: 1 1 0;
  float: none;
}
.main .l-row._justify-start {
  justify-content: flex-start;
}
.main .l-row._justify-end {
  justify-content: flex-end;
}
.main .l-row._justify-center {
  justify-content: center;
}
.main .l-row._s-between {
  justify-content: space-between;
}
.main .l-row._s-around {
  justify-content: space-around;
}
.main .l-row._gap-50 {
  margin: -5rem;
}
.main .l-row._gap-50>.l-col {
  padding: 5rem;
}
.main .l-row._gap-x50 {
  margin-right: -5rem;
  margin-left: -5rem;
}
.main .l-row._gap-x50>.l-col {
  padding-right: 5rem;
  padding-left: 5rem;
}
.main .l-row._gap-y50 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}
.main .l-row._gap-y50>.l-col {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.main .l-row._gap-40 {
  margin: -4rem;
}
.main .l-row._gap-40>.l-col {
  padding: 4rem;
}
.main .l-row._gap-x40 {
  margin-right: -4rem;
  margin-left: -4rem;
}
.main .l-row._gap-x40>.l-col {
  padding-right: 4rem;
  padding-left: 4rem;
}
.main .l-row._gap-y40 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}
.main .l-row._gap-y40>.l-col {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.main .l-row._gap-30 {
  margin: -3rem;
}
.main .l-row._gap-30>.l-col {
  padding: 3rem;
}
.main .l-row._gap-x30 {
  margin-right: -3rem;
  margin-left: -3rem;
}
.main .l-row._gap-x30>.l-col {
  padding-right: 3rem;
  padding-left: 3rem;
}
.main .l-row._gap-y30 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
.main .l-row._gap-y30>.l-col {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.main .l-row._gap-25 {
  margin: -2.5rem;
}
.main .l-row._gap-25>.l-col {
  padding: 2.5rem;
}
.main .l-row._gap-x25 {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}
.main .l-row._gap-x25>.l-col {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
.main .l-row._gap-y25 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
.main .l-row._gap-y25>.l-col {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.main .l-row._gap-20 {
  margin: -2rem;
}
.main .l-row._gap-20>.l-col {
  padding: 2rem;
}
.main .l-row._gap-x20 {
  margin-right: -2rem;
  margin-left: -2rem;
}
.main .l-row._gap-x20>.l-col {
  padding-right: 2rem;
  padding-left: 2rem;
}
.main .l-row._gap-y20 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
.main .l-row._gap-y20>.l-col {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.main .l-row._gap-15 {
  margin: -1.5rem;
}
.main .l-row._gap-15>.l-col {
  padding: 1.5rem;
}
.main .l-row._gap-x15 {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.main .l-row._gap-x15>.l-col {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.main .l-row._gap-y15 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
.main .l-row._gap-y15>.l-col {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.main .l-row._gap-10 {
  margin: -1rem;
}
.main .l-row._gap-10>.l-col {
  padding: 1rem;
}
.main .l-row._gap-x10 {
  margin-right: -1rem;
  margin-left: -1rem;
}
.main .l-row._gap-x10>.l-col {
  padding-right: 1rem;
  padding-left: 1rem;
}
.main .l-row._gap-y10 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.main .l-row._gap-y10>.l-col {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.main .l-row._gap-5 {
  margin: -0.5rem;
}
.main .l-row._gap-5>.l-col {
  padding: 0.5rem;
}
.main .l-row._gap-x5 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.main .l-row._gap-x5>.l-col {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.main .l-row._gap-y5 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.main .l-row._gap-y5>.l-col {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.main .l-row._gap-0 {
  margin: 0;
}
.main .l-row._gap-0>.l-col {
  padding: 0;
}
.main .l-row._gap-x0 {
  margin-right: 0;
  margin-left: 0;
}
.main .l-row._gap-x0>.l-col {
  padding-right: 0;
  padding-left: 0;
}
.main .l-row._gap-y0 {
  margin-top: 0;
  margin-bottom: 0;
}
.main .l-row._gap-y0>.l-col {
  padding-top: 0;
  padding-bottom: 0;
}
.main .l-row>.l-col[class*=push-],
.main .l-row>.l-col[class*=pull-] {
  position: relative;
}
.main .l-row>.l-col._s1 {
  width: 8.3333333333%;
}
.main .l-row>.l-col._s2 {
  width: 16.6666666667%;
}
.main .l-row>.l-col._s3 {
  width: 25%;
}
.main .l-row>.l-col._s4 {
  width: 33.3333333333%;
}
.main .l-row>.l-col._s5 {
  width: 41.6666666667%;
}
.main .l-row>.l-col._s6 {
  width: 50%;
}
.main .l-row>.l-col._s7 {
  width: 58.3333333333%;
}
.main .l-row>.l-col._s8 {
  width: 66.6666666667%;
}
.main .l-row>.l-col._s9 {
  width: 75%;
}
.main .l-row>.l-col._s10 {
  width: 83.3333333333%;
}
.main .l-row>.l-col._s11 {
  width: 91.6666666667%;
}
.main .l-row>.l-col._s12 {
  width: 100%;
}
.main .l-row>.l-col._offset-s1 {
  margin-left: 8.3333333333%;
}
.main .l-row>.l-col._pull-s1 {
  right: 8.3333333333%;
}
.main .l-row>.l-col._push-s1 {
  left: 8.3333333333%;
}
.main .l-row>.l-col._offset-s2 {
  margin-left: 16.6666666667%;
}
.main .l-row>.l-col._pull-s2 {
  right: 16.6666666667%;
}
.main .l-row>.l-col._push-s2 {
  left: 16.6666666667%;
}
.main .l-row>.l-col._offset-s3 {
  margin-left: 25%;
}
.main .l-row>.l-col._pull-s3 {
  right: 25%;
}
.main .l-row>.l-col._push-s3 {
  left: 25%;
}
.main .l-row>.l-col._offset-s4 {
  margin-left: 33.3333333333%;
}
.main .l-row>.l-col._pull-s4 {
  right: 33.3333333333%;
}
.main .l-row>.l-col._push-s4 {
  left: 33.3333333333%;
}
.main .l-row>.l-col._offset-s5 {
  margin-left: 41.6666666667%;
}
.main .l-row>.l-col._pull-s5 {
  right: 41.6666666667%;
}
.main .l-row>.l-col._push-s5 {
  left: 41.6666666667%;
}
.main .l-row>.l-col._offset-s6 {
  margin-left: 50%;
}
.main .l-row>.l-col._pull-s6 {
  right: 50%;
}
.main .l-row>.l-col._push-s6 {
  left: 50%;
}
.main .l-row>.l-col._offset-s7 {
  margin-left: 58.3333333333%;
}
.main .l-row>.l-col._pull-s7 {
  right: 58.3333333333%;
}
.main .l-row>.l-col._push-s7 {
  left: 58.3333333333%;
}
.main .l-row>.l-col._offset-s8 {
  margin-left: 66.6666666667%;
}
.main .l-row>.l-col._pull-s8 {
  right: 66.6666666667%;
}
.main .l-row>.l-col._push-s8 {
  left: 66.6666666667%;
}
.main .l-row>.l-col._offset-s9 {
  margin-left: 75%;
}
.main .l-row>.l-col._pull-s9 {
  right: 75%;
}
.main .l-row>.l-col._push-s9 {
  left: 75%;
}
.main .l-row>.l-col._offset-s10 {
  margin-left: 83.3333333333%;
}
.main .l-row>.l-col._pull-s10 {
  right: 83.3333333333%;
}
.main .l-row>.l-col._push-s10 {
  left: 83.3333333333%;
}
.main .l-row>.l-col._offset-s11 {
  margin-left: 91.6666666667%;
}
.main .l-row>.l-col._pull-s11 {
  right: 91.6666666667%;
}
.main .l-row>.l-col._push-s11 {
  left: 91.6666666667%;
}
.main .l-row>.l-col._offset-s12 {
  margin-left: 100%;
}
.main .l-row>.l-col._pull-s12 {
  right: 100%;
}
.main .l-row>.l-col._push-s12 {
  left: 100%;
}
.main .l-footer-outer {
  margin-bottom: -10rem;
}
.main .c-form-field {
  position: relative;
}
.main .c-form-field:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-form-field.is-error .c-form-col,
.main .c-form-field .is-error .c-form-col {
  background: rgba(250, 229, 229, 0.6);
}
.main .c-form-field.is-error .c-form-col_label,
.main .c-form-field.is-error .c-form-col_full,
.main .c-form-field .is-error .c-form-col_label,
.main .c-form-field .is-error .c-form-col_full {
  background: #fae5e5;
}
.main .c-form-row {
  margin-bottom: 0 !important;
  border-top: 1px solid #dbdbdb;
}
.main .c-form-row>.inner {
  padding: 1em;
}
.main .c-form-row:last-child {
  border-bottom: 1px solid #dbdbdb;
}
.main .c-form-col>.inner {
  padding: 1em;
}
.main .c-form-col_label {
  background: #f5f5f5;
}
.main .c-form-col_full {
  background: #f5f5f5;
}
.main .c-form-col_full.is-active {
  background: #fdf9ed;
}
.main .c-form-elements:not(:last-child) {
  margin-bottom: 2.5rem;
}
.main .c-form-elements_label {
  width: 100%;
  margin-bottom: 1rem;
}
.main .c-form-elements_body {
  margin-bottom: -1.5rem;
}
.main .c-form-elements_body._inline>.c-form-element {
  margin-right: 1rem;
}
.main .c-form-elements_body._inline>.c-form-element:last-child {
  margin-right: 0;
}
.main .c-form-elements_body._inline>.c-form-element .c-form-element_label {
  padding: 0 0.5rem 0 0;
}
.main .c-form-elements_body._inline>.c-form-element .c-form-element_label {
  width: auto;
  margin-bottom: 0;
}
.main .c-form-elements_body._inline>.c-form-element .c-form-element_body {
  width: auto;
}
.main .c-form-elements_body>.c-form-element {
  display: inline-flex;
  margin-bottom: 1.5rem;
}
.main .c-form-elements_caption {
  width: 100%;
  margin-top: 1.5rem;
}
.main .c-form-element_outer:not(:last-child) {
  margin-bottom: 2.5rem;
}
.main .c-form-element_outer._input-block .c-checkbox,
.main .c-form-element_outer._input-block .c-radio {
  display: block;
}
.main .c-form-element_outer._label-none .c-form-element_label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.main .c-form-element {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.main .c-form-element._inline .c-form-element_label {
  width: auto;
  margin-bottom: 0;
  padding: 0 1rem 0 0;
}
.main .c-form-element._inline .c-form-element_body {
  flex: 1 1 0;
  width: auto;
}
.main .c-form-element:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-form-element .c-form-element {
  margin-top: 1rem;
}
.main .c-form-element_label {
  width: 100%;
  margin-bottom: 1rem;
}
.main .c-form-element_body {
  position: relative;
  width: 100%;
}
.main .c-form-element_caption {
  width: 100%;
  margin-top: 1.5rem;
}
.main .c-form-element_error {
  width: 100%;
  margin-top: 1.5rem;
}
.main .c-form_require {
  display: inline-block;
  padding: 0.2rem 1.8rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  vertical-align: middle;
  background: #cc0000;
  border-radius: 5px;
}
.main .c-form_require:not(:last-child) {
  margin-right: 1rem;
}
.main .c-label,
.main .c-radio,
.main .c-checkbox {
  display: inline-block;
  margin: 0;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.5;
}
.main .c-radios>.c-radio:not(:last-child),
.main .c-radios>.c-checkbox:not(:last-child),
.main .c-checkboxes>.c-radio:not(:last-child),
.main .c-checkboxes>.c-checkbox:not(:last-child) {
  margin-bottom: 1rem;
}
.main .c-radio,
.main .c-checkbox {
  margin-right: 1em;
  border-radius: 0;
  box-shadow: none;
}
.main .c-radio:last-child,
.main .c-checkbox:last-child {
  margin-right: 0;
}
.main .c-radio .label-text,
.main .c-checkbox .label-text {
  display: inline-block;
  padding-left: 0.5em;
  color: #4d4d4d;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: middle;
}
.main .c-text,
.main .c-textarea {
  width: 100%;
  height: 5rem;
  padding: 0 0.8em;
  color: #4d4d4d;
  font-size: 1.6rem;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  transition: border 0.2s;
  -webkit-appearance: none;
}
.main .c-text.focus-visible:focus,
.main .c-textarea.focus-visible:focus {
  border: 1px solid #4d4d4d;
  outline: none;
}
.main .c-text[readonly],
.main .c-textarea[readonly] {
  background: rgba(159, 159, 159, 0.05);
}
.main .c-text[readonly].focus-visible:focus,
.main .c-textarea[readonly].focus-visible:focus {
  border: 1px solid #dbdbdb;
  outline: none;
}
.main .c-textarea {
  min-height: 8em;
  padding: 0.8em;
  resize: vertical;
}
.main .c-text:disabled,
.main .c-textarea:disabled,
.main .c-select select:disabled {
  background: #9f9f9f;
}
.main .c-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.main .c-select select {
  display: block;
  width: 100%;
  height: 5rem;
  padding: 0 0.8em;
  padding-right: 2.5em;
  color: #4d4d4d;
  font-size: 1.6rem;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .c-select select::-ms-expand {
  display: none;
}
.main .c-select::after {
  position: absolute;
  top: 50%;
  right: 1.125em;
  display: block;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.3em;
  border: 1px solid transparent;
  border-color: #9f9f9f;
  border-top: 0;
  border-right: 0;
  border-radius: 0px;
  transform: rotate(-45deg);
  transform-origin: center;
  content: " ";
  pointer-events: none;
}
.main .c-select._full {
  width: 100%;
}
.main .c-checkbox [type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
.main .c-checkbox [type=checkbox]+span {
  position: relative;
  display: inline-block;
  min-height: 1em;
  padding-left: 1em;
  color: #4d4d4d;
  font-size: 2.5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.main .c-checkbox [type=checkbox]+span:before,
.main .c-checkbox [type=checkbox]+span:after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: "";
}
.main .c-checkbox [type=checkbox]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.main .c-checkbox [type=checkbox]:not(:checked)+span:before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border: 3px solid transparent;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.main .c-checkbox [type=checkbox]:not(:checked)+span:after {
  top: 0px;
  z-index: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  background-color: #fff;
  border: 1px solid #dbdbdb;
}
.main .c-checkbox [type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.main .c-checkbox [type=checkbox]:checked+span:before {
  top: 0.12em;
  left: 0.05em;
  width: 0.35em;
  height: 0.6em;
  border-top: transparent;
  border-right: 2px solid #4d4d4d;
  border-bottom: 2px solid #4d4d4d;
  border-left: transparent;
  transform: rotateZ(45deg);
  transform-origin: 100% 100%;
}
.main .c-checkbox [type=checkbox]:checked+span:after {
  top: 0;
  z-index: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  background-color: #fff;
  border: 1px solid #dbdbdb;
}
.main .js-focus-visible .c-checkbox [type=checkbox].focus-visible:focus+span:after {
  border-color: #4d4d4d;
}
.main .c-checkbox [type=checkbox]:disabled:not(:checked)+span:before {
  background-color: transparent;
  border: 1px solid transparent;
}
.main .c-checkbox [type=checkbox]:disabled:not(:checked)+span:after {
  background-color: #9f9f9f;
  border-color: transparent;
}
.main .c-checkbox [type=checkbox]:disabled:checked+span:before {
  background-color: transparent;
}
.main .c-checkbox [type=checkbox]:disabled:checked+span:after {
  background-color: #9f9f9f;
  border-color: #9f9f9f;
}
.main .c-radio [type=radio] {
  position: absolute;
  box-sizing: border-box;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.main .c-radio [type=radio]+span {
  position: relative;
  display: inline-block;
  min-height: 1em;
  padding-left: 1em;
  font-size: 2.5rem;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.main .c-radio [type=radio]+span::before,
.main .c-radio [type=radio]+span::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  border-radius: 50%;
  content: "";
}
.main .c-radio [type=radio]:checked+span::after {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  transform: scale(0.45);
}
.main .c-radio [type=radio]+span::before,
.main .c-radio [type=radio]:not(:checked)+span::after {
  background: #fff;
  border: 1px solid #dbdbdb;
}
.main .js-focus-visible .c-radio [type=radio].focus-visible:focus+span::before,
.main .js-focus-visible .c-radio [type=radio].focus-visible:focus:not(:checked)+span::after {
  border-color: #4d4d4d;
}
.main .c-radio [type=radio]:disabled:not(:checked)+span:after {
  background-color: #9f9f9f;
  border: 1px solid transparent;
}
.main .c-radio [type=radio]:disabled:checked+span:before {
  background-color: #9f9f9f;
  border: 1px solid transparent;
}
.main .c-radio._v-center [type=radio]+span::before,
.main .c-radio._v-center [type=radio]+span::after,
.main .c-checkbox._v-center [type=radio]+span::before,
.main .c-checkbox._v-center [type=radio]+span::after {
  bottom: 0;
}
.main .c-radio._v-center [type=checkbox]:not(:checked)+span:before,
.main .c-radio._v-center [type=checkbox]:not(:checked)+span:after,
.main .c-checkbox._v-center [type=checkbox]:not(:checked)+span:before,
.main .c-checkbox._v-center [type=checkbox]:not(:checked)+span:after {
  bottom: 0;
}
.main .c-radio._v-center [type=checkbox]:checked+span:after,
.main .c-checkbox._v-center [type=checkbox]:checked+span:after {
  bottom: 0;
}
.main .c-radio._present._present [type=radio]+span::before,
.main .c-radio._present._present [type=radio]+span::after {
  width: 0.65em;
  height: 0.65em;
}
.main .c-radio._present._present>span>span {
  display: block;
}
.main .c-radio._nopointer._nopointer {
  cursor: default;
}
.main .c-video-wrap._responsive {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}
.main .c-video-wrap._responsive iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main .c-icon {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.main .c-icon::before {
  /* font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
}
.main .c-icon._absolute::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -0.5em;
}
.main .c-icon._small::before {
  font-size: 0.8em;
}
.main .c-icon._large::before {
  font-size: 1.2em;
}
.main .c-icon._xlarge::before {
  font-size: 1.4em;
}
.main .c-icon._right-pd {
  padding-right: 2rem;
  line-height: inherit;
}
.main .c-icon._right-pd::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  margin-top: -0.5em;
}
.main .c-icon._left-pd {
  padding-left: 2rem;
  line-height: inherit;
}
.main .c-icon._left-pd::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
}
.main .c-icon._left-pd-top {
  padding-left: 2rem;
  line-height: inherit;
}
.main .c-icon._left-pd-top::before {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0.1em;
}
.main .c-icon._arrow2-r::before {
  color: #d0a500;
  content: "\ea30";
}
.main .c-icon._arrow3-t::before {
  content: "\ea33";
}
.main .c-icon._arrow3-r::before {
  content: "\ea34";
}
.main .c-icon._arrow3-b::before {
  content: "\ea35";
}
.main .c-icon._arrow3-l::before {
  content: "\ea36";
}
.main .c-icon._arrow4-t::before {
  content: "\ea37";
}
.main .c-icon._arrow4-r::before {
  content: "\ea38";
}
.main .c-icon._arrow4-b::before {
  content: "\ea39";
}
.main .c-icon._arrow4-l::before {
  content: "\ea3a";
}
.main .c-icon._arrow5-l::before {
  font-size: 0.6em;
  content: "\ea3e";
}
.main .c-icon._arrow5-r::before {
  font-size: 0.6em;
  content: "\ea3c";
}
.main .c-icon._arrow5-b::before {
  font-size: 0.6em;
  content: "\ea3d";
}
.main .c-icon._arrow6-t::before {
  content: "\ea3f";
}
.main .c-icon._arrow6-r::before {
  content: "\ea40";
}
.main .c-icon._arrow6-b::before {
  content: "\ea41";
}
.main .c-icon._arrow6-l::before {
  content: "\ea42";
}
.main .c-icon._time::before {
  content: "\ea08";
}
.main .c-icon._benefits::before {
  content: "\ea24";
}
.main .c-icon._fav::before {
  content: "\ea1c";
}
.main .c-icon._contact::before {
  content: "\ea0f";
}
.main .c-icon._member::before {
  content: "\ea21";
}
.main .c-icon._member3::before {
  content: "\ea50";
}
.main .c-icon._alert::before {
  content: "\ea20";
}
.main .c-icon._history::before {
  content: "\ea08";
}
.main .c-icon._question::before {
  content: "\ea09";
}
.main .c-icon._mypage::before {
  content: "\ea0a";
}
.main .c-icon._cart::before {
  content: "\ea0b";
}
.main .c-icon._info::before {
  content: "\ea0e";
}
.main .c-icon._close::before {
  content: "\ea2a";
}
.main .c-icon._search::before {
  content: "\ea15";
}
.main .c-icon._chat::before {
  content: "\ea10";
}
.main .c-icon._faq::before {
  content: "\ea11";
}
.main .c-icon._beginner::before {
  content: "\ea0c";
}
.main .c-icon._catalog::before {
  content: "\ea0d";
}
.main .c-icon._support::before {
  content: "\ea09";
}
.main .c-icon._blank::before {
  content: "\ea17";
}
.main .c-icon._blank2::before {
  content: "\ea27";
}
.main .c-icon._delivery::before {
  content: "\ea04";
}
.main .c-icon._delivery2::before {
  content: "\ea16";
}
.main .c-icon._delivery3::before {
  content: "\ea19";
}
.main .c-icon._pdf::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-bottom: 0.3rem;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/PDF_24.png) no-repeat center center;
  background-size: contain;
  content: "";
}
.main .c-icon._comment::before {
  content: "\ea12";
}
.main .c-icon._comment-write::before {
  content: "\ea13";
}
.main .c-icon._buy-click::before {
  content: "\ea51";
}
.main .c-icon._wallet::before {
  content: "\ea52";
}
.main .c-icon._return::before {
  content: "\ea53";
}
.main .c-icon._regular-cal::before {
  content: "\ea55";
}
.main .c-icon._qa-question::before {
  /* content: "\ea56"; */
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../icon/qa-question.png);
}
.main .c-icon._qa-answer::before {
  /* content: "\ea57"; */
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../icon/qa-answer.png);
}
.main .c-icon._shipping::before {
  content: "\ea05";
}
.main .c-icon._book::before {
  content: "\ea58";
}
.main .c-icon._tablet::before {
  content: "\ea5a";
}
.main .c-icon._bees {
  transform: scale(-1, 1);
}
.main .c-icon._bees::before {
  content: "\ea5b";
}
.main .c-icon._present2::before {
  content: "\ea5d";
}
.main .c-icon._pot::before {
  content: "\ea5c";
}
.main .c-icon._bill::before {
  content: "\ea5e";
}
.main .c-icon._note::before {
  content: "\ea59";
}
.main .c-icon._walk::before {
  content: "\ea60";
}
.main .c-icon._mirror::before {
  content: "\ea61";
}
.main .c-icon._trouble::before {
  content: "\ea62";
}
.main .c-icon._product::before {
  content: "\ea63";
}
.main .c-icon._product-series::before {
  content: "\ea64";
}
.main .c-icon._medicine::before {
  content: "\ea65";
}
.main .c-icon._product2::before {
  content: "\ea66";
}
.main .c-icon._sns::before {
  content: "\ea67";
}
.main .c-icon._hex::before {
  content: "\ea25";
}
.main .c-icon._cartin::before {
  content: "\ea68";
}
.main .caption {
  font-size: 1.4rem;
  line-height: 1.5;
}
.main .caution {
  color: #cc0000;
  font-size: 1.6rem;
  line-height: 1.45;
}
.main button {
  padding: 0;
  font-size: 1em;
  background: transparent;
}
.main button.c-btn {
  color: #4d4d4d;
}
.main a.c-btn {
  cursor: pointer;
}
.main a.c-btn:hover,
.main a.c-btn.focus-visible:focus {
  text-decoration: none;
  border: 1px solid #dbdbdb;
  opacity: 0.5;
}
.main .c-btn {
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  padding: 0.8rem 1rem;
  overflow: visible;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  outline: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .c-btn._full {
  display: block;
  width: 100%;
}
.main .c-btn._xlarge {
  padding: 1.3rem 1.5rem;
  font-size: 2rem;
}
.main .c-btn._large {
  padding: 1rem;
  font-size: 1.8rem;
}
.main .c-btn._small {
  padding: 0.2rem 0.3rem;
}
.main .c-btn._no-border {
  border: 1px solid transparent;
}
.main .c-btn._no-radius {
  border-radius: 0;
}
.main .c-btn._red {
  color: #fff;
  background: #e94738;
  border: 1px solid transparent;
}
.main .c-btn._blue {
  color: #fff;
  background: #0e76d2;
  border: 1px solid transparent;
}
.main .c-btn._green {
  color: #fff;
  background: #298949;
  border: 1px solid transparent;
}
.main .c-btn._lgrey {
  color: #4d4d4d;
  background: #f5f5f5;
}
.main .c-btn._outline {
  background: transparent;
}
.main .c-btn._outline._red {
  color: #e94738;
  border: 1px solid #e94738;
}
.main .c-btn._outline._blue {
  color: #0e76d2;
  border: 1px solid #0e76d2;
}
.main .c-btn._outline._green {
  color: #298949;
  border: 1px solid #298949;
}
.main .c-btn._type-submit {
  padding: 1.2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  background: #e94738;
  border: 2px solid #e94738;
}
.main .c-btn._type-submit ._l {
  display: block;
  font-size: 2rem;
}
.main .c-btn._type-submit-outline {
  padding: 1.2rem;
  color: #e94738;
  font-weight: bold;
  line-height: 1.5;
  background: #fff;
  border: 2px solid #e94738;
}
.main .c-btn._type-submit-outline ._l {
  display: block;
  font-size: 2rem;
}
.main .c-btn._type-select {
  color: #fff;
  background: #298949;
  border: 1px solid #298949;
}
.main .c-btn._type-select.is-selected {
  color: #298949;
  background: #f5f5f5;
  border: 1px solid #dbdbdb;
}
.main .c-btn._type-fav {
  color: #0e76d2;
  background: #f5f5f5;
  border: 1px solid #dbdbdb;
}
.main .c-btn._type-fav ._fav::before {
  color: #9f9f9f;
  content: "\ea1d";
}
.main .c-btn._type-fav.is-selected {
  color: #d12174;
}
.main .c-btn._type-fav.is-selected ._fav::before {
  color: #d12174;
}
.main .c-btn._type-assign {
  color: #298949;
  background: #fff;
  border: 1px solid #298949;
}
.main .c-btn._type-add {
  color: #0e76d2;
  background: #fff;
  border: 1px solid #0e76d2;
}
.main .c-btn._type-back {
  color: #4d4d4d;
  background: #f5f5f5;
}
.main .c-btn._type-back .icon {
  display: inline-block;
  margin-right: 0.5em;
}
.main .c-btn._type-back .icon::before {
  display: inline-block;
  font-weight: normal;
  font-size: 1.2rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea3a";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-btn._type-fix {
  padding: 0.2rem 0.3rem;
  color: #4d4d4d;
  background: #f5f5f5;
}
.main .c-btn._type-delete {
  width: 175px;
  padding: 0.2rem 0.3rem;
  color: #4d4d4d;
  background: #f5f5f5;
}
.main .c-btn:disabled:after,
.main .c-btn._disabled:after,
.main .c-btn.is-disabled:after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #9f9f9f;
  border: 1px solid transparent;
  border-radius: 3px;
  opacity: 0.7;
  content: "";
}
.main .c-btn:disabled:hover,
.main .c-btn:disabled.focus-visible:focus,
.main .c-btn._disabled:hover,
.main .c-btn._disabled.focus-visible:focus,
.main .c-btn.is-disabled:hover,
.main .c-btn.is-disabled.focus-visible:focus {
  cursor: default;
  opacity: 1;
}
.main .c-btn._type-buy {
  padding: 2rem 4rem;
  color: #fff;
  background: #3b220b;
}
.main .c-btn._type-buy::after {
  position: absolute;
  top: 50%;
  right: 2rem;
  left: auto;
  display: block;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 1.2rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea3c";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-btn._type-buy span {
  display: inline-block;
  padding-right: 1em;
}
.main .c-btn._type-detail {
  width: 90%;
  padding: 1rem;
  color: #3b220b;
  background: #f6b538;
}
.main .c-btn._type-detail::after {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  left: auto;
  display: block;
  margin-top: -0.5em;
  color: #fff;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea2c";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-btn._type-detail span {
  display: inline-block;
  padding-right: 1em;
}
.main .c-btn._type-anchor {
  padding: 1.5rem 2rem;
  color: #fff;
  font-size: 1.6rem;
  background: #583d22;
}
.main .c-btn._type-anchor::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  left: auto;
  display: block;
  margin-top: -0.5em;
  /* font-weight: normal;
  font-size: 0.8rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea39";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../icon/chevron-down-solid.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  transition-property: transform;
  transition-duration: 0.2s;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(104deg) brightness(103%) contrast(103%);
}
.main .c-btn._type-anchor span {
  display: inline-block;
  padding-right: 1em;
}
.main .c-btn._type-shadow {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #cecbc3;
  border-bottom: 4px solid #cecbc3;
  border-radius: 0;
}
.main .c-btn._s1 {
  width: 8.3333333333%;
}
.main .c-btn._s2 {
  width: 16.6666666667%;
}
.main .c-btn._s3 {
  width: 25%;
}
.main .c-btn._s4 {
  width: 33.3333333333%;
}
.main .c-btn._s5 {
  width: 41.6666666667%;
}
.main .c-btn._s6 {
  width: 50%;
}
.main .c-btn._s7 {
  width: 58.3333333333%;
}
.main .c-btn._s8 {
  width: 66.6666666667%;
}
.main .c-btn._s9 {
  width: 75%;
}
.main .c-btn._s10 {
  width: 83.3333333333%;
}
.main .c-btn._s11 {
  width: 91.6666666667%;
}
.main .c-btn._s12 {
  width: 100%;
}
.main .c-social-logins {
  padding: 0;
}
.main .c-social-logins:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-social-login {
  min-width: 225px;
  margin: 0 0 0.6rem 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  border: none;
  border-radius: 5px;
}
.main .c-social-login.c-btn {
  padding: 0;
}
.main .c-social-login:not(:last-child) {
  margin-right: 0.6rem;
}
.main .c-social-login:hover,
.main .c-social-login.focus-visible:focus {
  text-decoration: none;
  border: 0;
  opacity: 0.5;
}
.main .c-social-login>.inner {
  display: flex;
  align-items: center;
  height: 61px;
}
.main .c-social-login .icon {
  display: flex;
  align-items: center;
  width: 61px;
  height: 100%;
  color: #fff;
  text-align: center;
}
.main .c-social-login .icon img {
  width: 100%;
}
.main .c-social-login .text {
  display: inline-block;
  flex: 1;
  padding: 0 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.main .c-social-login._yahoo {
  background: #ff0033;
}
.main .c-social-login._yahoo .icon {
  padding: 0 5px 0 12px;
  font-size: 3rem;
  background: #ff0033;
}
.main .c-social-login._google {
  background: #4285f4;
  border-radius: 0;
}
.main .c-social-login._google .icon {
  display: flex;
  align-items: center;
  padding: 2px;
  font-size: 0;
  text-align: left;
}
.main .c-social-login._google .text {
  font-family: "Roboto", sans-serif;
}
.main .c-social-login._facebook {
  background: #1877f2;
}
.main .c-social-login._facebook .icon {
  padding: 0 8px;
  background: #1877f2;
}
.main .c-social-login._line {
  background: #00c300;
}
.main .c-social-login._line .icon {
  padding: 0 4px;
  border-right: 1px solid #00b300;
}
.main .c-social-login._line:hover,
.main .c-social-login._line.focus-visible:focus {
  background: #00e000;
  opacity: 1;
}
.main .c-social-login._line:hover .icon,
.main .c-social-login._line.focus-visible:focus .icon {
  border-right: 1px solid #00c900;
}
.main .c-social-login._line:active {
  background: #00b300;
  opacity: 1;
}
.main .c-social-login._line:active .icon {
  border-right: 1px solid #009800;
}
.main .c-social-login._twitter {
  background: #1da1f2;
}
.main .c-social-login._twitter .icon {
  padding: 0 4px;
  background: #1da1f2;
}
.main .c-social-btn {
  display: inline-block;
  width: 40px;
  margin: 0 0 1rem 0;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  background: transparent;
  border: none;
}
.main .c-social-btn:not(:last-child) {
  margin-right: 1.5rem;
}
.main .c-social-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.main .c-social-btn .icon img {
  width: 100%;
}
.main .c-social-btn._yahoo {
  height: 40px;
  background: #ff0033;
  border-radius: 50%;
}
.main .c-social-btn._yahoo .icon {
  height: 100%;
  padding: 0 6px;
}
.main .c-social-btn._google {
  width: 187px;
}
.main .c-social-btn_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(210px + 12em);
}
.main .c-social-btn_wrap .text {
  width: 12em;
  margin-top: -1rem;
}
.main .c-social-btn_wrap .text-status {
  padding-left: 210px;
}
.main .c-social-btn_wrap .btn {
  width: 210px;
  padding-right: 1.5rem;
}
.main .c-steps:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-steps_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .c-steps_item {
  position: relative;
  flex: 1;
}
.main .c-steps_item .item_l {
  display: none;
  line-height: 1.4;
}
.main .c-steps_item+.c-steps_item .item_s::before {
  position: absolute;
  top: 1.1em;
  left: -50%;
  z-index: -2;
  display: block;
  width: 100%;
  height: 2px;
  background: #dbdbdb;
  content: "";
}
.main .c-steps_item.is-active {
  color: #298949;
  font-weight: bold;
}
.main .c-radio-steps:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-radio-steps .c-radio-steps_item [type=radio]+span {
  padding-left: 0;
}
.main .c-radio-steps [type=radio]+span::before,
.main .c-radio-steps [type=radio]+span::after {
  left: 50%;
  margin-left: -0.5em;
}
.main .c-radio-steps .label-text {
  padding-top: 2em;
}
.main .c-radio-steps._no-label .label-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.main .c-radio-steps_contents {
  display: flex;
  align-items: center;
}
.main .c-radio-steps_contents>.inner {
  width: 100%;
}
.main .c-radio-steps_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 0;
  padding: 1.5rem 0;
  list-style: none;
}
.main .c-radio-steps_item {
  position: relative;
  flex: 1;
  line-height: 1;
  text-align: center;
}
.main .c-radio-steps_item+.c-radio-steps_item::before {
  position: absolute;
  top: 11px;
  left: -50%;
  z-index: -2;
  display: block;
  width: 100%;
  height: 2px;
  background: #dbdbdb;
  content: "";
}
.main .c-radio-steps_item [type=radio]+span {
  height: 1em;
  padding-left: 1em;
  font-size: 2.5rem;
}
.main .c-scroll-textbox {
  margin-top: 0.6rem;
  padding: 0.6rem 0.6rem 0.6rem 1.8rem;
  background: #fff;
  border: 1px solid #dbdbdb;
}
.main .c-scroll-textbox:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-scroll-textbox_contents {
  max-height: 250px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.main .c-scroll-textbox_contents._h150 {
  max-height: 150px;
}
.main .c-scroll-textbox_contents._h500 {
  max-height: 500px;
}
.main .c-scroll-textbox_inner {
  padding: 1.8rem 1.2rem 1.8rem 0;
  word-break: break-word;
}
.main .c-bgcolor-text {
  padding: 0.6rem 1rem;
  color: #cc0000;
  background: #fae5e5;
}
.main .c-bgcolor-text:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-bgcolor-text._gray {
  background: #f5f5f5;
}
.main .c-toggle:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .c-toggle.is-open .c-toggle_head button::after {
  content: "\ea3b";
}
.main .c-toggle.is-open .c-toggle-active-hidden {
  display: none;
}
.main .c-toggle.is-open .c-toggle_contents {
  display: block;
}
.main .c-toggle .c-toggle_wrap {
  border: 1px solid #dbdbdb;
}
.main .c-toggle .c-toggle_title {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem;
  padding-right: 4.5rem;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.6rem;
  text-align: left;
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  transition: none;
}
.main .c-toggle .c-toggle_title::after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -0.8rem;
  font-weight: normal;
  font-size: 1.6rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea3d";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-toggle .c-toggle_contents {
  display: none;
}
.main .c-toggle .c-toggle_contents>.inner {
  padding: 1.5rem;
}
.main .c-toggle-list.is-open>.c-toggle-list_title::after {
  /* content: "\ea3b"; */
  transform: rotate(180deg);
}
.main .c-toggle-list.is-open .c-toggle-active-hidden {
  display: none;
}
.main .c-toggle-list.is-open>.c-toggle-list_contents {
  display: block;
}
.main .c-toggle-list .c-toggle_wrap {
  border: 1px solid #dbdbdb;
}
.main .c-toggle-list .c-toggle-list_title {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  padding-right: 4.5rem;
  color: #4d4d4d;
  font-weight: normal;
  text-align: left;
  border: none;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
  transition: none;
  cursor: pointer;
}
.main .c-toggle-list .c-toggle-list_title::after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -0.6rem;
  /* font-weight: normal;
  font-size: 1.2rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea3d";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../icon/chevron-down-solid.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  transition-property: transform;
  transition-duration: 0.2s;
  filter: brightness(0) saturate(100%) invert(32%) sepia(4%) saturate(27%) hue-rotate(323deg) brightness(92%) contrast(97%);
}
.main .c-toggle-list .c-toggle-list_title.sp-btn {
  color: #583d22;
  font-weight: bold;
  font-size: 1.8rem;
  background: #f1f1e9;
}
.main .c-toggle-list .c-toggle-list_contents {
  display: none;
}
.main .c-toggle-list .c-toggle-list_contents>.inner {
  padding: 1.5rem;
}
.main .c-title,
.main .c-subtitle {
  margin-bottom: 1.5rem;
  word-break: break-word;
}
.main .c-title._underline,
.main .c-subtitle._underline {
  padding-bottom: 50px;
  border-bottom: 1px solid #dbdbdb;
}
.main .c-title._size-1,
.main .c-subtitle._size-1 {
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 1.33;
}
.main .c-title._size-2,
.main .c-subtitle._size-2 {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.4;
}
.main .c-title._size-2:not(.u-align-center),
.main .c-subtitle._size-2:not(.u-align-center) {
  padding-left: 10px;
  border-left: 5px solid #3b220b;
}
.main .c-title._size-3,
.main .c-subtitle._size-3 {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
}
.main .c-title._size-4,
.main .c-subtitle._size-4 {
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.6;
}
.main .c-title._size-5,
.main .c-subtitle._size-5 {
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6;
}
.main .c-title._size-6,
.main .c-subtitle._size-6 {
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.6;
}
.main .c-title._bg,
.main .c-subtitle._bg {
  padding: 0.8rem 1.5rem;
  background: #f8f8f6;
}
.main .c-title._bdl,
.main .c-subtitle._bdl {
  padding-left: 10px;
  border-left: 5px solid #3b220b;
}
.main .c-title._min,
.main .c-subtitle._min {
  font-size: 3.2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.3;
  text-align: center;
}
.main .c-title._min._bd-typeA>span,
.main .c-subtitle._min._bd-typeA>span {
  position: relative;
  display: inline-block;
  padding: 0 0.2em;
  font-weight: bold;
  line-height: 1;
}
.main .c-title._min._bd-typeA>span::before,
.main .c-subtitle._min._bd-typeA>span::before {
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.2);
  content: "";
}
.main .c-title._min._bd-typeB,
.main .c-subtitle._min._bd-typeB {
  position: relative;
  font-size: 2.8rem;
}
.main .c-title._min._bd-typeB::before,
.main .c-subtitle._min._bd-typeB::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(59, 34, 11, 0.4);
  content: "";
}
.main .c-title._min._bd-typeB>span,
.main .c-subtitle._min._bd-typeB>span {
  position: relative;
  display: inline-block;
  padding: 0 0.2em;
  padding-bottom: 5px;
  font-weight: bold;
}
.main .c-title._min._bd-typeB>span::before,
.main .c-subtitle._min._bd-typeB>span::before {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  width: 100%;
  max-width: 3.5em;
  height: 2px;
  margin: auto;
  background: #3b220b;
  content: "";
}
.main .c-subtitle {
  font-weight: normal;
}
.main .c-mv-title {
  display: flex;
  min-height: 250px;
  margin-bottom: 1rem !important;
  padding: 0 10px;
  text-align: center;
}
.main .c-mv-title .text {
  color: #fff;
  text-shadow: 0 0 6px #7c2b09, 0 0 6px #7c2b09, 0 0 6px #7c2b09, 0 0 6px #7c2b09;
}
.main .c-mv-title .l-row {
  width: 100%;
  min-height: 250px;
  margin: 0;
}
.main .c-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.main .c-tags:last-child {
  margin-bottom: -1rem;
}
.main .c-tags .c-tag {
  margin-bottom: 1rem;
}
.main .c-tag {
  display: inline-block;
  min-width: 100px;
  margin-right: 0.5rem;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  background: #f5f5f5;
}
.main .c-tag._small {
  min-width: 70px;
  padding: 2px 5px;
  font-size: 1.2rem;
}
.main .c-tag._required {
  color: #fff;
  background: #cc0000;
}
.main .c-tag._new {
  color: #fff;
  background: #d12174;
}
.main .c-tag._classic {
  color: #fff;
  background: #e94738;
}
.main .c-tag._limitedtime {
  color: #fff;
  background: #e94738;
}
.main .c-tag._present {
  color: #fff;
  background: #1f6737;
}
.main .c-tag._allergy {
  color: #3b220b;
  background: #ffe860;
}
.main .c-tag._sample {
  color: #3b220b;
  background: #ece2bf;
}
.main .c-tag._timeonly {
  color: #4d4d4d;
  background: #f5f5f5;
}
.main .c-tag._two {
  color: #1f6737;
  background: #f5f5f5;
}
.main .c-tag._three {
  color: #d12174;
  background: #f5f5f5;
}
.main .c-tag._every {
  color: #1f6737;
  background: #fff;
  border: 1px solid #1f6737;
}
.main .c-tag._discount {
  color: #e94738;
  background: #fff;
  border: 1px solid #e94738;
}
.main .c-tag._bag {
  color: #e94738;
  background: #fff;
  border: 1px solid #e94738;
}
.main .c-tag._frozen {
  color: #137abe;
  background: #fff;
  border: 1px solid #137abe;
}
.main .c-tag._gift {
  color: #4d4d4d;
  background: #fff;
  border: 1px solid #4d4d4d;
}
.main .c-tag._free {
  color: #fff;
  background: #137abe;
}
.main .c-tag._delivery {
  padding: 0;
  font-size: 1.2rem;
  background: #fff;
  border: 1px solid #cc0000;
}
.main .c-tag._delivery>.inner {
  display: flex;
}
.main .c-tag._delivery .icon {
  display: flex;
  align-items: center;
  padding: 1px 4px;
  color: #fff;
  white-space: nowrap;
  background: #cc0000;
}
.main .c-tag._delivery .icon .c-icon {
  margin-right: 0.5rem;
  font-size: 1.8em;
}
.main .c-tag._delivery .text {
  display: flex;
  align-items: center;
  padding: 1px 4px;
  color: #cc0000;
}
.main .c-tag._green {
  color: #fff;
  background: #1f6737;
}
.main .c-tag._lightbrown {
  color: #3b220b;
  background: #f2efe8;
}
.main .c-tag._yellow {
  color: #3b220b;
  background: #f3ce5c;
}
.main .c-tag._blue {
  color: #0048ff;
  background: #fff;
  border: 1px solid #0048ff;
}
.main .c-tag._lightblue {
  color: #fff;
  background: #00a0e9;
}
.main .c-tag._black {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}
.main .c-tag._news-lightblue {
  background: #73e0ff;
}
.main .c-tag._news-green {
  color: #fff;
  background: #458a66;
}
.main .c-tag._news-yellow {
  color: #fff;
  background: #bf8c1c;
}
.main .c-tag._news-red {
  color: #fff;
  background: #bc5a5a;
}
.main .c-tag._news-blue {
  color: #fff;
  background: #417a99;
}
.main .c-tag._news-pink {
  color: #fff;
  background: #b15079;
}
.main .c-tag._news-purple {
  color: #fff;
  background: #505798;
}
.main .c-tag._news-gray {
  background: #cdcdcd;
}
.main .c-tag._news-orange {
  color: #fff;
  background: #c4804f;
}
.main .c-image._responsive {
  width: 100%;
  max-width: none;
}
.main .c-image._round {
  border-radius: 100%;
  overflow: hidden;
}
.main .c-list {
  margin: 0;
  padding: 0;
  padding-left: 1em;
}
.main .c-list:not(:last-child) {
  margin-bottom: 2rem;
}
.main .c-list._indent {
  padding-left: 0;
}
.main .c-list._indent>li {
  padding-left: 1em;
  text-indent: -1em;
}
.main .c-list._style-none {
  padding-left: 0;
  list-style: none;
}
.main .c-list._style-decimal {
  padding-left: 2em;
  list-style-type: decimal;
}
.main .c-list._style-disc {
  padding-left: 0;
  list-style-type: none;
}
.main .c-list._style-disc>li::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "·";
}
.main .c-input-toggle.is-selected {
  background: #fdf9ed;
}
.main .c-input-toggle.is-selected>.c-input-toggle_show {
  display: block;
}
.main .c-input-toggle.is-selected .active-label {
  display: inline-block;
}
.main .c-input-toggle.is-selected .c-input-toggle .active-label {
  display: none;
}
.main .c-input-toggle.is-selected .c-input-toggle.is-selected .active-label {
  display: inline-block;
}
.main .c-input-toggle .active-label {
  display: none;
}
.main .c-input-toggle._pad>label {
  display: flex;
  align-items: center;
  padding: 2rem;
  cursor: pointer;
}
.main .c-input-toggle._pad .c-input-toggle_show {
  padding: 0rem 1.5rem 1rem;
}
.main .c-input-toggle:not(:last-child) {
  margin-bottom: 0.5rem;
}
.main .c-input-toggle_group.is-checked>.c-input-toggle_show {
  display: block;
}
.main .c-input-toggle_row {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.main .c-input-toggle_row._full {
  width: 100%;
}
.main .c-input-toggle_show {
  display: none;
}
.main .c-tab._sp-scroll {
  overflow: hidden;
  overflow-x: auto;
}
.main .c-tab_btn-items {
  position: relative;
  display: flex;
  margin-bottom: 2rem;
  padding-bottom: 3px;
  list-style: none;
}
.main .c-tab_btn-items._fit {
  justify-content: space-between;
}
.main .c-tab_btn-items._fit>li {
  flex: 1 1 0;
  min-width: auto;
}
.main .c-tab_btn-items::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #3b220b;
  content: "";
}
.main .c-tab_btn-items>li {
  min-width: 25%;
}
.main .c-tab_btn-item {
  display: flex;
}
.main .c-tab_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0.9rem 1rem;
  overflow: visible;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.6rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background: transparent;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  cursor: pointer;
  transition: none;
}
.main .c-tab_btn.is-active {
  color: #fff;
  font-weight: bold;
  background: #3b220b;
  border: 1px solid #3b220b;
}
.main .c-tab_btn:hover,
.main .c-tab_btn.focus-visible:focus {
  color: #4d4d4d;
  text-decoration: none;
  background: transparent;
  border: 1px solid #dbdbdb;
  opacity: 0.5;
}
.main .c-tab_btn:hover.is-active,
.main .c-tab_btn.focus-visible:focus.is-active {
  color: #fff;
  font-weight: bold;
  background: #3b220b;
  border: 1px solid #3b220b;
  opacity: 0.5;
}
.main .c-tab_btn[disabled] {
  color: #9f9f9f;
  border: none;
  cursor: default;
}
.main .c-tab_btn[disabled]:hover,
.main .c-tab_btn[disabled]:focus {
  opacity: 1;
  pointer-events: none;
}
.main .c-tab_sub-btns {
  position: relative;
  display: flex;
  margin-bottom: 2rem;
  list-style: none;
}
.main .c-tab_sub-btn {
  position: relative;
  display: inline-block;
  margin-left: -1px;
  padding: 0.3rem 2rem;
  overflow: visible;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: 0;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-radius: 0;
  cursor: pointer;
  transition: none;
}
.main .c-tab_sub-btn:hover,
.main .c-tab_sub-btn.focus-visible:focus {
  color: #4d4d4d;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  opacity: 0.5;
}
.main .c-tab_sub-btn.is-active {
  background: #fdf9ed;
}
.main .c-tab_content {
  display: none;
}
.main .c-tab_content.is-active {
  display: block;
}
.main .c-tab-radio_btn-items {
  position: relative;
  display: flex;
  flex-direction: column;
  list-style: none;
}
.main .c-tab-radio_btn-item.is-selected {
  background: #fdf9ed;
}
.main .c-tab-radio_btn {
  display: block;
  padding: 1.5rem 2.5rem;
  cursor: pointer;
}
.main .c-tab-radio_content {
  display: none;
  padding: 1.5rem 1.5rem 2.5rem;
}
.main .c-tab-radio_content.is-active {
  display: block;
  background: #fdf9ed;
}
.main .c-tab-radio_content.is-active .c-input-toggle.is-selected.is-change-bg {
  background: #fff;
}
.main html.is-modal-active {
  overflow: hidden;
}
.main .c-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 4%;
  overflow: hidden;
}
.main .c-modal.is-active {
  display: flex;
}
.main .c-modal_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(10, 10, 10, 0.86);
  cursor: pointer;
}
.main .is-otherdevice .c-modal_bg {
  cursor: default;
}
.main .c-modal_content {
  position: relative;
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  margin: 0 auto;
}
.main .c-modal_content .c-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 2.5%;
  z-index: 1001;
  height: 40px;
}
.main ._wide .c-modal_content {
  max-width: 900px;
}
.main ._full .c-modal_content {
  max-width: 1280px;
}
.main .c-modal_wrap {
  max-height: 90vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.main .c-modal_inner {
  padding: 5rem;
  background: #fff;
}
.main .c-modal_close {
  position: absolute;
  top: 1rem;
  right: 3rem;
}
.main .c-modal_close button {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .c-modal_close button::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -0.5em;
  color: #4d4d4d;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea2a";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-modal-inline-outer {
  position: relative;
  overflow: hidden;
}
.main .c-modal-inline-outer .is-show {
  display: none;
}
.main .c-modal-inline-outer .wrap {
  position: absolute;
  top: 0;
  overflow: hidden;
}
.main .c-modal-inline-outer.is-sample-active {
  overflow: visible;
}
.main .c-modal-inline-outer.is-sample-active .is-show {
  display: block;
}
.main .c-modal-inline-outer.is-sample-active .wrap {
  position: relative;
}
.main .c-modal-inline {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4%;
  overflow: hidden;
}
.main .c-modal-inline.is-active {
  display: flex;
}
.main .c-modal-inline_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(10, 10, 10, 0.6);
  cursor: pointer;
}
.main .is-otherdevice .c-modal-inline_bg {
  cursor: default;
}
.main .c-modal-inline_content {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  overflow: auto;
}
.main .c-modal-inline_inner {
  padding: 2rem;
  background: #fff;
}
.main .c-modal-inline_close {
  position: absolute;
  top: 2rem;
  right: 4.5rem;
}
.main .c-modal-inline_close button {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .c-modal-inline_close button::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -0.5em;
  color: #4d4d4d;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea2a";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-slick {
  overflow: hidden;
}
.main .c-slick.slick-slider {
  position: static;
}
.main .c-slick_arrows {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  overflow: visible;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle;
  background: #fdf9ed;
  border: 0;
  border-radius: 100%;
  outline: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .c-slick_arrows:hover,
.main .c-slick_arrows.focus-visible:focus {
  color: #4d4d4d;
  background: rgb(250, 240, 209);
}
.main .c-slick_arrows .c-icon::after {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
}
.main .c-slick_arrows._prev {
  left: 2%;
}
.main .c-slick_arrows._next {
  right: 2%;
}
.main .c-search-area {
  position: relative;
}
.main .c-search-area .c-search-area_inner {
  position: relative;
}
.main .c-search-area .c-text {
  padding-right: 2.5em;
}
.main .c-search-area button {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  border: 1px solid transparent;
}
.main .c-search-area button:hover,
.main .c-search-area button.focus-visible:focus {
  background: rgba(31, 103, 55, 0.2);
  opacity: 1;
}
.main .c-search-area button .c-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .c-search-area button .c-icon::after {
  position: static;
  display: inline;
  margin: 0;
}
.main .c-search-area._sp {
  display: none;
}
.main .c-balloon {
  text-align: center;
}
.main .c-balloon>.inner {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 1rem 1rem 0.5rem;
  font-weight: bold;
  line-height: 1.2;
  background: #fdf9ed;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}
.main .c-balloon>.inner::after {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  width: 1em;
  height: 1em;
  margin-top: -0.55em;
  margin-right: -0.5em;
  background: #fdf9ed;
  border: 1px solid transparent;
  border-color: #dbdbdb;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0px;
  transform: rotate(45deg);
  transform-origin: center;
  content: " ";
  pointer-events: none;
}
.main .c-balloon .num {
  font-size: 1.8rem;
}
.main .c-balloon._red>.inner {
  color: #d53426;
  border: 1px solid #d53426;
}
.main .c-balloon._red>.inner::after {
  border: 1px solid #d53426;
  border-right: 0;
  border-bottom: 0;
}
.main .c-balloon._yoridori .c-btn {
  padding: 1rem 0.5rem 0.5rem 1rem;
  color: #4d4d4d;
  font-weight: bold;
  background: transparent;
  border: none;
}
.main .c-balloon._yoridori>.inner {
  padding: 0;
}
.main .c-balloon._yoridori>.inner::after {
  display: none;
}
.main .c-close-btn {
  position: relative;
  width: 50px;
  height: 30px;
}
.main .c-close-btn button {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: visible;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .c-close-btn button>.inner {
  width: 100%;
  padding: 0px;
}
.main .c-close-btn button .line {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  transform: rotate(45deg);
}
.main .c-close-btn button .line::before,
.main .c-close-btn button .line::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #4d4d4d;
  content: "";
}
.main .c-close-btn button .line::before {
  width: 100%;
  height: 2px;
}
.main .c-close-btn button .line::after {
  width: 2px;
  height: 100%;
}
.main .c-close-btn button .text {
  padding-top: 0;
  line-height: 1;
}
.main .c-close-btn._white button {
  color: #fff;
}
.main .c-close-btn._white button .line::before,
.main .c-close-btn._white button .line::after {
  background: #fff;
}
.main .c-pagetop {
  position: fixed;
  right: 3%;
  bottom: 30px;
  z-index: 100;
  display: none;
  width: 70px;
  height: 80px;
}
.main .c-pagetop_btn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.main .c-pagetop_btn:hover,
.main .c-pagetop_btn.focus-visible:focus {
  text-decoration: none !important;
}
.main .c-pagetop_btn:hover:before,
.main .c-pagetop_btn.focus-visible:focus:before {
  opacity: 1;
}
.main .c-pagetop_btn:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237px%22%20height%3D%2243px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(203%2C%20172%2C%20144)%22%20d%3D%22M18.502%2C42.995%20L0.005%2C32.247%20L0.005%2C10.758%20L18.502%2C0.010%20L36.998%2C10.758%20L36.998%2C32.247%20L18.502%2C42.995%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.8;
  transition: opacity 0.3s;
  content: "";
}
.main .c-pagetop_btn:after {
  position: absolute;
  right: 0;
  bottom: 52%;
  left: 0;
  display: inline-block;
  margin: auto;
  font-weight: normal;
  font-size: 2rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea2b";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .c-pagetop_btn span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  height: 50%;
  font-weight: bold;
  font-size: 1.4rem;
}
.main .c-select-btn {
  display: inline-block;
  margin: 0;
  font-weight: normal;
  font-size: 1em;
}
.main button.c-select-btn,
.main a.c-select-btn {
  color: #4d4d4d;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main button.c-select-btn>span,
.main a.c-select-btn>span {
  display: block;
  padding: 1.5rem;
  text-align: center;
  background: #ededed;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  cursor: pointer;
}
.main button.c-select-btn:hover>span,
.main button.c-select-btn:focus>span,
.main a.c-select-btn:hover>span,
.main a.c-select-btn:focus>span {
  opacity: 0.5;
}
.main button.c-select-btn.is-selected>span,
.main a.c-select-btn.is-selected>span {
  background: #f7cd8b;
  border: 1px solid #f6a82f;
}
.main button.c-select-btn.is-selected>span .label-text,
.main a.c-select-btn.is-selected>span .label-text {
  font-weight: bold;
}
.main .c-select-btn [type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.main .c-select-btn [type=radio]:hover+span,
.main .c-select-btn [type=radio]:focus+span {
  opacity: 0.5;
}
.main .c-select-btn [type=radio]+span {
  display: block;
  padding: 1.5rem;
  text-align: center;
  background: #ededed;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  cursor: pointer;
}
.main .c-select-btn [type=radio]:checked+span {
  background: #f7cd8b;
  border: 1px solid #f6a82f;
}
.main .c-select-btn [type=radio]:checked+span .label-text {
  font-weight: bold;
}
.main .c-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.main .c-table th,
.main .c-table td {
  padding: 1.5rem;
  text-align: left;
  border-top: 1px solid #9f9f9f;
  border-bottom: 1px solid #9f9f9f;
}
.main .c-table th {
  font-weight: bold;
  background: #f5f5f5;
}
.main .c-table_outer._sp-scroll {
  overflow: hidden;
  overflow-x: auto;
}
.main .c-cartin-wrap {
  position: relative;
  display: inline-block;
}
.main .c-cartin {
  position: absolute;
  right: 0;
  bottom: calc(100% + 30px);
  min-width: 470px;
  margin: auto;
}
.main .c-cartin>.inner {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem 2.5rem 2.5rem;
  background: #fff;
  border: 2px solid #3b220b;
  border-radius: 10px;
}
.main .c-cartin>.inner::before {
  position: absolute;
  bottom: -25px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 0;
  margin-left: -15px;
  border: 28px solid transparent;
  border-width: 28px 15px 0;
  border-top-color: #fff;
  content: "";
}
.main .c-cartin>.inner::after {
  position: absolute;
  bottom: -28px;
  left: 50%;
  display: block;
  width: 0;
  margin-left: -15px;
  border: 28px solid transparent;
  border-width: 28px 15px 0;
  border-top-color: #000;
  content: "";
}
.main .c-cartin .c-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 2.5%;
  z-index: 1001;
  height: 40px;
}
.main .c-cartin .c-cartin-title {
  padding-right: 40px;
}
.main .c-cartin-title {
  margin-bottom: 2rem;
  color: #583d20;
}
.main .c-cartin-title .c-icon {
  font-size: 3.5rem;
  vertical-align: bottom;
}
.main .c-cartin-title .text {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .c-cartin-modal .c-modal_content {
  max-height: 80vh;
}
.main .c-cartin-modal .c-modal_wrap {
  border: 2px solid #3b220b;
  border-radius: 10px;
}
.main .p-header {
  background: #0c3414;
}
.main .p-header._simple .p-header_contents {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
}
.main .p-header._simple .p-header_contents-inner {
  padding: 0 4%;
}
.main .p-header._popup .p-header_contents {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
}
.main .p-header._popup .p-header_contents-inner {
  padding: 0 4%;
}
.main .p-header._popup .p-header_logo {
  max-width: 120px;
  height: auto;
}
.main .p-header_contents {
  position: relative;
  display: flex;
  width: 100%;
  background: #0c3414;
}
.main .p-header_contents-inner {
  position: relative;
  padding-top: 22px;
}
.main .p-header_logo {
  max-width: 180px;
  height: 60px;
}
.main .p-header_contact {
  position: absolute;
  top: 30px;
  right: 0;
}
.main .p-header_search {
  position: absolute;
  top: 58px;
  right: 0;
  display: none;
  width: 100%;
  padding: 1rem;
  background: #0c3414;
}
.main .p-header_search .c-text {
  height: 4rem;
}
.main .p-header_accountlinks {
  display: flex;
  justify-content: flex-end;
  padding: 5px 0 0 0;
  overflow: hidden;
}
.main .p-header_accountlinks>.items {
  display: flex;
  margin: 1rem -1rem;
  list-style: none;
}
.main .p-header_accountlinks>.items>.item {
  padding: 0;
  padding: 0 1rem;
  text-align: center;
}
.main .p-header_accountlinks>.items>.item._spmenu {
  display: none;
}
.main .p-header_accountlinks_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 47px;
  height: 65px;
  padding: 0.5rem 1rem 0.5rem;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.1;
  text-decoration: none;
  border-radius: 5px;
}
.main .p-header_accountlinks_link:hover,
.main .p-header_accountlinks_link.focus-visible:focus {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.8;
}
.main .p-header_accountlinks_link .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.main .p-header_accountlinks_link .icon .c-icon._search {
  font-size: 3rem;
}
.main .p-header_accountlinks_link .icon .c-icon::after {
  display: block;
}
.main .p-header_accountlinks_link .icon .num {
  display: block;
  min-width: 3.5rem;
  margin-left: 0.5rem;
  padding: 1px 5px;
  color: #1f6737;
  font-size: 1.2rem;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  background: #fff;
  border-radius: 22px;
}
.main .p-header_accountlinks_link .text {
  display: block;
}
.main .p-header_accountlinks_history {
  display: none;
}
.main .p-header_accountlinks_support {
  display: none;
}
.main .p-header_accountlinks_mypage.is-active a {
  background: #298949;
}
.main .p-header_accountlinks_mypage.is-active a .num {
  color: #fff;
  background: #e94738;
}
.main .p-header_accountlinks_mypage-login {
  max-width: 220px;
}
.main .p-header_accountlinks_mypage-login.is-active a {
  background: #298949;
}
.main .p-header_accountlinks_mypage-login.is-active a .num {
  color: #fff;
  background: #e94738;
}
.main .p-header_accountlinks_mypage-login .row>.col {
  text-align: left;
}
.main .p-header_accountlinks_mypage-login .num {
  position: absolute;
  top: 5px;
  right: 7px;
}
.main .p-header_accountlinks_mypage-login .name {
  display: block;
}
.main .p-header_accountlinks_mypage-login .name span {
  display: inline-block;
  max-width: 10rem;
  padding-right: 3px;
  overflow: hidden;
  font-weight: bold;
  font-size: 1.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.main .p-header_accountlinks_mypage-login .text {
  padding-top: 0;
}
.main .p-header_accountlinks_mypage-login .delivery {
  display: block;
  margin-top: 0.2rem;
}
.main .p-header_accountlinks_cart.is-open .p-header_cartview {
  display: block;
}
.main .p-header_accountlinks_cart .c-icon._cart {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.main .p-header_accountlinks_cart.is-active a {
  background: #e94738;
}
.main .p-header_accountlinks_cart.is-active a .num {
  color: #e94738;
}
.main .p-header_accountlinks_support.is-open>a {
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.8;
}
.main .p-header_accountlinks_support.is-open .p-header_support-child {
  display: block;
}
.main .p-header_support-child {
  position: absolute;
  right: 220px;
  z-index: 101;
  display: none;
  width: 60%;
  margin: auto;
  margin-top: 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.main .p-header_support-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 2.5rem 0.5rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  background: #298949;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.main .p-header_support-title::before {
  position: absolute;
  top: -20px;
  right: 114px;
  width: 0;
  height: 0;
  border-color: transparent transparent #298949 transparent;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  content: "";
}
.main .p-header_support-title .c-close-btn {
  position: absolute;
  top: 7px;
  right: 10px;
  z-index: 1003;
  width: 50px;
  height: 30px;
}
.main .p-header_support-contents {
  padding: 1.5rem 2.5rem;
  text-align: left;
}
.main .p-header_support-contents .items {
  margin-bottom: 0.75rem;
  list-style: none;
}
.main .p-header_support-contents .items+.items {
  margin-bottom: 0;
  border-top: 1px solid #dbdbdb;
}
.main .p-header_support-contents a {
  position: relative;
  display: inline-block;
  padding-right: 3rem;
  color: #4d4d4d;
  line-height: 1.3;
}
.main .p-header_support-contents a:hover .c-icon {
  text-decoration: underline;
}
.main .p-header_support-contents a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -0.6rem;
  font-weight: normal;
  font-size: 1.2rem;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea34";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-header_cartview {
  position: absolute;
  right: 0;
  z-index: 101;
  display: none;
  width: 40%;
  text-align: left;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.main .p-header_cartview_inner {
  padding: 3rem 1.5rem 1.5rem;
}
.main .p-header_cartview_close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.main .p-header_cartview_close .c-btn {
  font-size: 1.2rem;
  border: none;
}
.main .p-header_cartview_close .c-btn .c-icon {
  display: block;
  font-size: 1.6rem;
}
.main .p-header_cartview_head {
  margin-bottom: 1.5rem;
  padding-right: 5rem;
}
.main .p-header_cartview_cartin {
  flex: 1;
  overflow: auto;
}
.main .p-header_cartview_cartin .items {
  list-style: none;
}
.main .p-header_cartview_cartin .item {
  padding: 1.5rem;
  border: 1px solid #dbdbdb;
}
.main .p-header_cartview_cartin .item+.item {
  margin-top: -1px;
}
.main .p-header_cartview_cartin .product-title {
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 1.4;
}
.main .p-header_cartview_cartin .product-date {
  font-size: 1.4rem;
  line-height: 1.4;
}
.main .p-header_cartview_cartin .product-date dt {
  display: inline-block;
}
.main .p-header_cartview_cartin .product-date dd {
  display: inline-block;
}
.main .p-header_cartview_price {
  margin-top: 1.5rem;
  text-align: right;
}
.main .p-header_cartview_btns {
  margin-top: 3rem;
}
.main .p-header_globalnav {
  background: #fff;
  border-bottom: 1px solid #0c3414;
}
.main .p-header_globalnav-items {
  position: relative;
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.main .p-header_globalnav-item {
  flex: 1 1 0;
}
.main .p-header_globalnav-item._honey {
  flex: 1.3 1 0;
}
.main .p-header_globalnav-item.is-nochild .p-header_globalnav-title .link::after {
  content: "\ea38";
}
.main .p-header_globalnav-item:last-child {
  border-right: 1px solid #0c3414;
}
.main .p-header_globalnav-item.is-active .p-header_globalnav-title .link {
  background: #fff4cf;
}
.main .p-header_globalnav-item._campaign.is-active .p-header_globalnav-title .link {
  background: #f4f1e8;
}
.main .p-header_globalnav-item._campaign.active .p-header_globalnav-title .link {
  background: #f4f1e8;
}
.main .p-header_globalnav-item._campaign .p-header_globalnav-title .link:hover,
.main .p-header_globalnav-item._campaign .p-header_globalnav-title .link.focus-visible:focus {
  background: #f4f1e8;
}
.main .p-header_globalnav-item._health.is-active .p-header_globalnav-title .link {
  background: #e6f0d4;
}
.main .p-header_globalnav-item._health.active .p-header_globalnav-title .link {
  background: #e6f0d4;
}
.main .p-header_globalnav-item._health .p-header_globalnav-title .link:hover,
.main .p-header_globalnav-item._health .p-header_globalnav-title .link.focus-visible:focus {
  background: #e6f0d4;
}
.main .p-header_globalnav-item._cosme.is-active .p-header_globalnav-title .link {
  background: #fbdee6;
}
.main .p-header_globalnav-item._cosme.active .p-header_globalnav-title .link {
  background: #fbdee6;
}
.main .p-header_globalnav-item._cosme .p-header_globalnav-title .link:hover,
.main .p-header_globalnav-item._cosme .p-header_globalnav-title .link.focus-visible:focus {
  background: #fbdee6;
}
.main .p-header_globalnav-item._honey.is-active .p-header_globalnav-title .link {
  background: #fdf0d7;
}
.main .p-header_globalnav-item._honey.active .p-header_globalnav-title .link {
  background: #fdf0d7;
}
.main .p-header_globalnav-item._honey .p-header_globalnav-title .link:hover,
.main .p-header_globalnav-item._honey .p-header_globalnav-title .link.focus-visible:focus {
  background: #fdf0d7;
}
.main .p-header_globalnav-item._gift.active .p-header_globalnav-title .link {
  background: #fff4cf;
}
.main .p-header_globalnav-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-left: 1px solid #0c3414;
}
.main .p-header_globalnav-title .link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  color: #4d4d4d;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
}
.main .p-header_globalnav-title .link:before {
  display: inline-block;
  width: 4vw;
  height: 100%;
  margin-right: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
}
.main ._campaign .p-header_globalnav-title .link:before {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/header/gnav_campaign.png);
}
.main ._health .p-header_globalnav-title .link:before {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/header/gnav_health.png);
}
.main ._cosme .p-header_globalnav-title .link:before {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/header/gnav_cosme.png);
}
.main ._honey .p-header_globalnav-title .link:before {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/header/gnav_honey.png);
}
.main ._gift .p-header_globalnav-title .link:before {
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/header/gnav_gift.png);
}
.main .p-header_globalnav-title .link span {
  position: relative;
  display: inline-block;
  flex: 1 1 0;
  vertical-align: middle;
}
.main .p-header_globalnav-title .link:after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  display: inline-block;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 0.7rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea39";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-header_globalnav-title .link:hover,
.main .p-header_globalnav-title .link.focus-visible:focus {
  background: #fff4cf;
}
.main .p-header_globalchild {
  position: absolute;
  left: 0;
  z-index: 201;
  display: none;
  width: 100%;
  padding: 6rem 3rem 3rem;
  background: #fff4cf;
}
.main .p-header_globalchild>.l-row {
  margin: 0 -2rem;
}
.main .p-header_globalchild>.l-row>.l-col {
  padding: 0.5rem 2rem;
}
.main ._campaign .p-header_globalchild {
  background: #f4f1e8;
}
.main ._campaign .p-header_globalchild .c-icon._arrow2-r::before {
  color: #a3925f;
}
.main ._campaign .p-header_globalchild .p-header_childnav-col-title {
  border-right: 2px solid #a3925f;
}
.main ._health .p-header_globalchild {
  background: #e6f0d4;
}
.main ._health .p-header_globalchild .c-icon._arrow2-r::before {
  color: #82b326;
}
.main ._health .p-header_globalchild .p-header_childnav-col-title {
  border-right: 2px solid #82b326;
}
.main ._cosme .p-header_globalchild {
  background: #fbdee6;
}
.main ._cosme .p-header_globalchild .c-icon._arrow2-r::before {
  color: #e95c82;
}
.main ._cosme .p-header_globalchild .p-header_childnav-col-title {
  border-right: 2px solid #e95c82;
}
.main ._honey .p-header_globalchild {
  background: #fdf0d7;
}
.main ._honey .p-header_globalchild .c-icon._arrow2-r::before {
  color: #f6b538;
}
.main ._honey .p-header_globalchild .p-header_childnav-col-title {
  border-right: 2px solid #f6b538;
}
.main .p-header_childnav-col-title {
  display: flex;
  align-items: center;
  border-right: 2px solid #d0a500;
}
.main .p-header_childnav-title {
  text-align: center;
}
.main .p-header_childnav-title a {
  display: inline-block;
  color: #4d4d4d;
}
.main .p-header_childnav-title a .c-icon {
  margin-top: 0.5rem;
}
.main .p-header_childnav-title .c-icon::after {
  font-size: 1.4em;
}
.main .p-header_childnav-link {
  display: block;
}
.main .p-header_childnav-link._type-category {
  text-align: center;
}
.main a.p-header_childnav-link {
  overflow: visible;
}
.main a.p-header_childnav-link:hover,
.main a.p-header_childnav-link.focus-visible:focus {
  text-decoration: none;
}
.main a.p-header_childnav-link:hover img,
.main a.p-header_childnav-link.focus-visible:focus img {
  opacity: 0.85;
}
.main a.p-header_childnav-link:hover p,
.main a.p-header_childnav-link.focus-visible:focus p {
  text-decoration: underline;
}
.main .p-header_childnav-image {
  position: relative;
  margin-bottom: 1rem;
}
.main .p-header_childnav-image._arrow {
  padding-right: 20px;
}
.main .p-header_childnav-image._arrow .icon {
  display: block;
  width: 100%;
}
.main .p-header_childnav-image._arrow .icon .c-icon {
  position: relative;
  margin: auto;
  font-size: 7rem;
}
.main .p-header_childnav-image._arrow .c-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
  color: #4d4d4d;
}
.main .p-header_childnav-image._arrow .c-icon::after {
  position: absolute;
  top: 0;
  right: -1rem;
  font-size: 2rem;
}
.main .p-header_childnav-text {
  color: #4d4d4d;
  line-height: 1.4;
}
.main .p-header_globalnav-bottom {
  position: relative;
  margin-top: 6rem;
  text-align: center;
}
.main .p-header_globalnav-btn .c-btn {
  padding: 1.5rem 5rem;
  color: #fff;
  background: #e94738;
  border-color: #e94738;
}
.main .p-header_globalnav-close {
  position: absolute;
  right: 0;
  bottom: 0;
}
.main .p-header_special-notice {
  background: #f5f5f5;
}
.main .p-header_special-notice_inner {
  padding: 1.5rem 0;
}
.main .p-header_special-notice_row {
  flex-wrap: nowrap;
}
.main .p-header_special-notice_title {
  white-space: nowrap;
}
.main .p-header-sp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 100%;
}
.main .p-header-sp .p-header-sp_contents {
  transform: translateX(100%);
  transition: transform 0.3s;
}
.main .p-header-sp .p-header-sp_inner {
  opacity: 0;
  transition: opacity 0.3s;
}
.main .p-header-sp.is-anim-in .p-header-sp_inner,
.main .p-header-sp.is-active .p-header-sp_inner {
  opacity: 1;
}
.main .p-header-sp.is-anim-in .p-header-sp_contents,
.main .p-header-sp.is-active .p-header-sp_contents {
  transform: translateX(0);
}
.main .p-header-sp.is-anim-out .p-header-sp_inner {
  opacity: 0;
}
.main .p-header-sp.is-anim-out .p-header-sp_contents {
  transform: translateX(100%);
}
.main .p-header-sp_inner {
  display: flex;
  justify-content: flex-end;
}
.main .p-header-sp_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background: rgba(31, 103, 55, 0.8);
  cursor: pointer;
  transition: opacity 0.3s;
}
.main .p-header-sp_side-closebtn {
  position: relative;
  z-index: 1003;
  width: 70px;
  height: 60px;
}
.main .p-header-sp_side-closebtn button {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: visible;
  color: #fff;
  font-weight: normal;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .p-header-sp_side-closebtn button>.inner {
  width: 100%;
  padding: 10px;
}
.main .p-header-sp_side-closebtn button .line {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  transform: rotate(45deg);
}
.main .p-header-sp_side-closebtn button .line::before,
.main .p-header-sp_side-closebtn button .line::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
  content: "";
}
.main .p-header-sp_side-closebtn button .line::before {
  width: 100%;
  height: 3px;
}
.main .p-header-sp_side-closebtn button .line::after {
  width: 3px;
  height: 100%;
}
.main .p-header-sp_side-closebtn button .text {
  padding-top: 4px;
}
.main .p-header-sp_contents {
  position: relative;
  z-index: 1002;
  flex: 1 1 0;
  max-width: 320px;
  height: 100vh;
  padding: 1.5rem;
  overflow: auto;
  background: #fff;
  border: 4px solid #1f6737;
  -webkit-overflow-scrolling: touch;
}
.main .p-header-sp_search {
  margin-bottom: 2rem;
}
.main .p-header-sp_search .c-text {
  height: 4rem;
}
.main .p-header-sp_submenu {
  margin-bottom: 8rem;
}
.main .p-header-sp_toggle {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.main .p-header-sp_toggle:not(:last-child) {
  margin-bottom: 3rem;
}
.main .p-header-sp_toggle.is-open button::after {
  content: "\ea37";
}
.main .p-header-sp_toggle.is-open .p-header-sp_toggle-contents {
  display: block;
}
.main .p-header-sp_toggle .p-header-sp_toggle-contents {
  display: none;
}
.main .p-header-sp_toggle-btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 13% 1rem 6%;
  color: #1f6737;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  background: #fff;
  border: none;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
  transition: none;
}
.main .p-header-sp_toggle-btn.has-icon>span {
  display: inline-block;
  padding-left: 3rem;
  text-indent: -1.6rem;
}
.main .p-header-sp_toggle-btn::after {
  position: absolute;
  top: 50%;
  right: 4%;
  margin-top: -0.6rem;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.2rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea39";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-header-sp_toggle-contents>.items {
  list-style: none;
}
.main .p-header-sp_toggle-contents>.items>.item {
  border-bottom: 1px solid #dbdbdb;
}
.main .p-header-sp_toggle-contents a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 13% 1rem 2rem;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.6rem;
  text-align: left;
  background: #fff;
  border: none;
  border-radius: 0;
  transition: none;
}
.main .p-header-sp_toggle-contents a span.row {
  display: flex;
  align-items: flex-start;
}
.main .p-header-sp_toggle-contents a span.icon {
  margin-right: 3px;
}
.main .p-header-sp_toggle-contents a:hover,
.main .p-header-sp_toggle-contents a.focus-visible:focus {
  text-decoration: none;
}
.main .p-header-sp_toggle-contents a::after {
  position: absolute;
  top: 50%;
  right: 4%;
  margin-top: -0.6rem;
  font-weight: normal;
  font-size: 1.2rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea38";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-header-sp_toggle-contents a .c-icon {
  margin-right: 0.5rem;
}
.main .p-header-sp_toggle-contents a img {
  height: 2.6rem;
  margin-right: 0.5rem;
}
.main .p-header-sp_banner {
  margin-bottom: 3rem;
}
.main .p-header-sp_closebtn button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  overflow: visible;
  color: #fff;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: 0;
  border: 1px solid #666666;
  border-radius: 0;
  outline: none;
  box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .p-header-sp_closebtn .c-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5em;
  font-size: 1.2rem;
}
.main .p-header-sp_closebtn .c-icon::after {
  right: 0;
  left: auto;
}
.main .p-header_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
}
.main .p-header-suggest {
  position: absolute;
  top: 75px;
  right: 0;
  z-index: 101;
  display: none;
  max-width: 700px;
  padding: 3rem;
  padding-top: 5rem;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.main .p-header-suggest_inner .c-close-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 1;
}
.main .p-header-suggest_title {
  margin-bottom: 0.5rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 1.6rem;
}
.main .p-header-suggest_link-items {
  color: #3b220b;
  font-size: 1.4rem;
}
.main .p-header-suggest_products {
  border-left: 1px solid #dbdbdb;
}
.main .p-header-suggest_products-item .product-image {
  border: 1px solid #dbdbdb;
}
.main .p-header-suggest_products-item .product-title {
  margin-bottom: 0.3rem;
  color: #3b220b;
  font-size: 1.4rem;
}
.main .p-header-suggest_products-item .product-title a {
  display: inline-block;
  color: #3b220b;
}
.main .p-header-suggest_products-item .product-price_box.is-loading {
  position: relative;
  height: 4rem;
}
.main .p-header-suggest_products-item .product-price_box.is-loading:after {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0 0 -2rem;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/loading.png);
  background-position: center center;
  background-size: 100% 100%;
  animation: loader-rotate 1s steps(12) infinite;
  content: "";
}
.main .p-header-suggest_products-item .product-price {
  margin-bottom: 0.3rem;
  font-size: 1.4rem;
  line-height: 1.2;
}
.main .p-header-suggest_products-item .product-price .tax {
  font-size: 1.2rem;
}
.main .p-header-suggest_products-item .product-breadcrumb {
  color: #9f8873;
  font-size: 1.1rem;
}
.main .p-header-suggest_products-item .product-breadcrumb a {
  display: inline-block;
  color: #9f8873;
}
.main .p-header-suggest2 {
  position: absolute;
  top: 72px;
  right: 0;
  z-index: 101;
  display: block;
  width: 50%;
  background: #fff;
  border: 1px solid #0c3414;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.main .p-header-suggest2_container {
  display: block;
}
.main .p-header-suggest2_item {
  display: block;
  padding: 0 0.8em;
  cursor: pointer;
}
.main .p-header-suggest2_item:not(:last-of-type) {
  border-bottom: 1px solid #9f8873;
}
.main .p-header-suggest2_item:hover {
  background-color: #f4f1e8;
}
.main .p-header-suggest2_text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main footer {
  background: transparent;
}
.main .p-footer {
  margin-top: 10rem;
  letter-spacing: 0;
  background: transparent;
}
.main .p-footer a {
  color: #3b220b;
  font-size: 1.4rem;
  line-height: 1.5;
}
.main .p-footer ul {
  list-style: none;
}
.main .p-footer li {
  line-height: 1.3;
}
.main .p-footer_sitemap {
  padding: 0;
}
.main .p-footer_sitemap>.inner>.row {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-footer_sitemap .title {
  display: inline-block;
  margin-bottom: 1em;
  font-weight: bold;
}
.main .p-footer_banners {
  padding: 2.5rem;
  background: #fdf9ed;
}
.main .p-footer_banners .title {
  display: block;
  margin-bottom: 1.5rem;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}
.main .p-footer_banners .l-row {
  align-items: center;
  justify-content: center;
  margin: -1rem;
}
.main .p-footer_banners .l-col {
  width: 33.3333333333%;
  padding: 1rem;
  text-align: center;
}
.main .p-footer_sns {
  padding: 2.5rem;
  background: #fdf9ed;
}
.main .p-footer_sns .title {
  display: block;
  margin-bottom: 1.5rem;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}
.main .p-footer_sns .l-row {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.main .p-footer_sns .l-col {
  width: 25%;
  padding: 0 1rem;
  text-align: center;
}
.main .p-footer_sns .l-col img {
  width: 100%;
  max-width: 70px;
}
.main .p-footer_links {
  padding: 25px 0;
  text-align: center;
}
.main .p-footer_links .item+.item {
  margin-top: 0.5rem;
}
.main .p-footer_copyright {
  padding: 5rem 2rem;
  background: #3d2f23;
}
.main .p-footer_copyright .copyright {
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  background-color: transparent;
}
.main ._popup .p-footer_copyright {
  padding: 2rem 2rem;
}
.main .p-faq_row {
  display: flex;
}
.main .p-faq_row+.p-faq_row {
  margin-top: 0.5rem;
}
.main .p-faq_col:nth-child(1) {
  padding-right: 1em;
}
.main .p-faq_col:nth-child(2) {
  width: 100%;
}
.main .p-faq_col._q {
  width: auto;
  color: #3366ff;
  font-weight: bold;
}
.main .p-faq_col._a {
  width: auto;
  color: #ff3333;
  font-weight: bold;
}
.main .p-itembox {
  margin-bottom: 5rem;
}
.main .p-itembox_head {
  margin-bottom: 1em;
}
.main .p-itembox_head a {
  color: #4d4d4d;
  font-weight: normal;
}
.main .p-itembox_title .c-subtitle {
  display: inline;
}
.main .p-itembox_text {
  margin-bottom: 1em;
}
.main .p-toggle-column>.l-row {
  flex-wrap: wrap;
  margin-right: -1.2rem;
  margin-left: -1.2rem;
}
.main .p-toggle-column>.l-row>.l-col {
  padding: 0 1.2rem;
}
.main .p-toggle-column_btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem 1.8rem;
  color: #4d4d4d;
  font-size: 1.6rem;
  text-align: left;
  background: transparent;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
}
.main .p-toggle-column_btn:hover,
.main .p-toggle-column_btn.focus-visible:focus {
  color: #4d4d4d;
  background: transparent;
  border: 1px solid #4d4d4d;
  opacity: 0.5;
}
.main .p-toggle-column_wrap {
  margin-bottom: 1.2em;
}
.main .p-toggle-column_inner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 3rem 0 0;
}
.main .p-toggle-column_inner::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 1em;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea3d";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-toggle-column_icon {
  width: 5rem;
  font-size: 4rem;
}
.main .p-toggle-column_contents {
  flex: 1;
}
.main .p-toggle-column_toggle {
  position: relative;
  z-index: 1;
  display: none;
  padding: 1.5rem 1.8rem;
  background: #eee;
  background: #fdf9ed;
}
.main .p-toggle-column_wrap.is-before-open .p-toggle-column_btn {
  background: #fdf9ed;
  border: 1px solid #fdf9ed;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.main .p-toggle-column_wrap.is-before-open .p-toggle-column_btn:hover,
.main .p-toggle-column_wrap.is-before-open .p-toggle-column_btn.focus-visible:focus {
  opacity: 1;
}
.main .p-toggle-column_wrap.is-before-open .p-toggle-column_inner::after {
  content: "\ea3b";
}
.main .p-toggle-column_wrap.is-open .p-toggle-column_toggle {
  display: block;
}
.main .p-itemlink {
  margin-bottom: 5rem;
}
.main .p-itemlinks .p-itemlink {
  margin-bottom: 0;
}
.main .p-itemlink_image {
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
}
.main .p-itemlink_image._rank {
  margin-top: 1.8rem;
  margin-right: 1.8em;
  overflow: visible;
}
.main .p-itemlink_image>a img {
  border: 1px solid #dbdbdb;
}
.main .p-itemlink_image>.c-tag {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 80px;
  font-weight: normal;
}
.main .p-itemlink_image_flag {
  position: absolute;
  top: 0;
  right: 0;
  display: table;
  width: 100px;
  height: 100px;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  background: #e94738;
  transform: rotate(45deg) translateY(-80%);
}
.main .p-itemlink_image_flag span {
  display: table-cell;
  letter-spacing: 0.1em;
  vertical-align: bottom;
}
.main .p-itemlink_title {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .p-itemlink_title a {
  color: #4d4d4d;
}
.main .p-itemlink_vol {
  font-size: 1.4rem;
}
.main .p-itemlink_price {
  font-weight: bold;
  font-size: 1.4rem;
}
.main .p-itemlink_price_tax {
  font-size: 1.4rem;
}
.main .p-itemlink_rank {
  position: absolute;
  top: -1.8rem;
  right: -1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 80px;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
}
.main .p-itemlink_rank::before {
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
  z-index: 1;
  color: #efeee8;
  font-weight: normal;
  font-size: 6.5rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: right;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea25";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-itemlink_rank._1::before,
.main .p-itemlink_rank._2::before,
.main .p-itemlink_rank._3::before {
  top: 0;
  right: 0;
  color: #fff;
  font-size: 7.5rem;
}
.main .p-itemlink_rank._1::after,
.main .p-itemlink_rank._2::after,
.main .p-itemlink_rank._3::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  color: #dbdbdb;
  font-weight: normal;
  font-size: 7.5rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: right;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea26";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-itemlink_rank._1::after {
  color: #b5a200;
}
.main .p-itemlink_rank._2::after {
  color: #8d8e8f;
}
.main .p-itemlink_rank._3::after {
  color: #957354;
}
.main .p-itemlink_rank>span {
  right: 0;
  z-index: 2;
  color: #4d4d4d;
  letter-spacing: 0.1em;
  text-align: center;
}
.main .p-itemlink_rank .num {
  font-size: 2.4rem;
}
.main .p-itemlink_rank._1>span,
.main .p-itemlink_rank._2>span,
.main .p-itemlink_rank._3>span {
  color: #fff;
}
.main .p-itemlinks_outer {
  position: relative;
}
.main .p-itemlinks {
  margin-bottom: 5rem;
}
.main .p-itemlinks_items {
  width: 100%;
}
.main .p-itemlinks_items:not(.slick-initialized) {
  display: flex;
  flex-wrap: wrap;
}
.main .p-itemlinks_items:not(.slick-initialized) .p-itemlink_item {
  width: 25%;
}
.main .p-itemlinks_items:not(.slick-initialized) .p-itemlink_item:nth-child(n+5) {
  display: none;
}
.main .p-itemlinks_items .slick-list {
  margin: 0 -0.6rem;
}
.main .p-itemlinks_items .slick-slide {
  padding: 0 0.6rem;
}
.main .p-sample-select {
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.main .p-sample-select .p-sample-select_image {
  margin-right: 1rem;
}
.main .p-sample-select.is-selected {
  background: #fdf9ed;
}
.main .p-sample-select.is-selected .p-sample-select_image span {
  position: relative;
  display: block;
}
.main .p-sample-select.is-selected .p-sample-select_image span::after {
  position: absolute;
  top: 0;
  left: 0;
  color: #e94738;
  font-weight: normal;
  font-size: 3rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea1e";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-sample-select_thumb .c-tag {
  display: block;
  width: 100%;
  min-width: auto;
  padding: 5px 3px;
}
.main .p-sample-select_thumb .c-tag:first-child {
  margin-bottom: 0.5em;
}
.main .p-sample-select_thumb .image {
  text-align: center;
  background: #fff;
  border: 1px solid #ece2bf;
  border-top: none;
}
.main .p-sample-select_thumb .image img {
  width: 70%;
}
.main .p-sample-select_title {
  margin: 1em 0;
}
.main .p-sample-select_title a {
  color: #4d4d4d;
}
.main .p-sample-select_btn .c-btn {
  width: 100%;
  font-weight: bold;
}
.main .p-sample-selected {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-sample-selected:not(:last-child) {
  margin-bottom: 1rem;
}
.main .p-sample-selected .p-sample-selected_price {
  text-align: right;
}
.main .p-sample-selected .p-sample-selected_price .price {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .p-sample-select-modal_sample .c-tag {
  display: block;
  width: 100%;
  min-width: auto;
}
.main .p-sample-select-modal_sample .image {
  text-align: center;
  border: 1px solid #ece2bf;
  border-top: none;
}
.main .p-sample-select-modal_sample .image img {
  width: 70%;
}
.main .p-sample-select-modal_radio .c-input-toggle {
  margin-bottom: 1rem;
  border: 1px solid #dbdbdb;
}
.main .p-sample-select-modal_notselect {
  margin-top: 2rem;
}
.main .p-sample-select-modal_notselect .c-btn {
  width: 100%;
  margin-bottom: 1rem;
  padding: 1.5rem;
  border: 1px solid #dbdbdb;
}
.main .p-alert_title {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
  padding-bottom: 2rem;
  color: #cc0000;
  font-size: 2rem;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-alert_title .c-icon {
  font-size: 4rem;
}
.main .p-alert_title .c-icon+span {
  display: inline-block;
  padding-left: 1rem;
  vertical-align: middle;
}
.main .p-alert_btns .c-btn {
  margin-bottom: 1rem;
}
.main .p-itemlist-sidemenu {
  position: relative;
}
.main .p-itemlist-sidemenu_filter {
  display: none;
}
.main .p-itemlist-sidemenu_group {
  display: none;
  margin-bottom: 2rem;
  padding: 0;
  background-color: #f8f8f6;
}
.main .p-itemlist-sidemenu_group.is-open .p-itemlist-sidemenu_contents {
  display: block;
}
.main .p-itemlist-sidemenu_group.is-open .p-itemlist-sidemenu_title button::after {
  content: "\ea3b";
}
.main .p-itemlist-sidemenu_contents {
  display: none;
  padding: 0;
  padding-bottom: 1.5rem;
}
.main .p-itemlist-sidemenu_title {
  display: none;
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  background-color: #5f4f40;
  border-top: 0;
}
.main .p-itemlist-sidemenu_title._toggle {
  display: block;
}
.main .p-itemlist-sidemenu_title._toggle .title {
  display: block;
}
.main .p-itemlist-sidemenu_title._toggle .selected {
  display: none;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main .p-itemlist-sidemenu_title._toggle .selected:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
  background-image: url(../images/common/products/ico_childcategory.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.main .p-itemlist-sidemenu_title .inner {
  width: 100%;
  padding: 1.5rem 4rem 1.5rem 2rem;
  font-size: 1.6rem;
}
.main .p-itemlist-sidemenu_title button {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem 2rem;
  padding-right: 3rem;
  overflow: visible;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .p-itemlist-sidemenu_title button::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 1.4rem;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea3d";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-itemlist-sidemenu_subtitle {
  display: none;
  margin: 0;
  padding: 0 1rem 0 2rem;
  color: #3b220b;
  font-weight: bold;
}
.main .p-itemlist-sidemenu_items {
  margin: 0;
  list-style: none;
}
.main .p-itemlist-sidemenu_item {
  padding: 0 1rem;
  color: #3b220b;
}
.main .p-itemlist-sidemenu_item.selected .p-itemlist-sidemenu_link {
  color: #fff;
  background: #298949;
}
.main .p-itemlist-sidemenu_item.selected .p-itemlist-sidemenu_checkbox span:before {
  top: 0.4em;
  left: 0.05em;
  width: 0.35em;
  height: 0.6em;
  border-top: transparent;
  border-right: 2px solid #4d4d4d;
  border-bottom: 2px solid #4d4d4d;
  border-left: transparent;
  transform: rotateZ(45deg);
  transform-origin: 100% 100%;
}
.main .p-itemlist-sidemenu_link {
  display: block;
  padding: 0.5rem 1rem;
  color: #3b220b;
  font-weight: normal;
  font-size: 1.6rem;
}
.main .p-itemlist-sidemenu_checkbox {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #3b220b;
  font-weight: normal;
  font-size: 1.6rem;
}
.main .p-itemlist-sidemenu_checkbox span {
  position: relative;
  display: inline-block;
  padding-left: 2.2rem;
}
.main .p-itemlist-sidemenu_checkbox span:before,
.main .p-itemlist-sidemenu_checkbox span:after {
  position: absolute;
  left: 0;
  margin: auto;
  content: "";
}
.main .p-itemlist-sidemenu_checkbox span:before {
  z-index: 1;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.main .p-itemlist-sidemenu_checkbox span:after {
  top: 0.3em;
  z-index: 0;
  width: 1em;
  height: 1em;
  background-color: #fff;
  border: 1px solid #dbdbdb;
}
.main a.p-itemlist-sidemenu_checkbox:hover span:after {
  border: 1px solid #b3b3b3;
}
.main .p-itemlist-sidemenu_label {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.6rem;
  cursor: pointer;
}
.main .p-itemlist-sidemenu_selects {
  margin-top: 1.5rem;
  text-align: center;
}
.main .p-itemlist-sidemenu_select .select {
  width: 100%;
}
.main .p-itemlist-sidemenu_delimiter {
  display: inline-block;
  padding: 0.5rem;
  transform: rotate(90deg);
}
.main .p-itemlist-sidemenu_sp-btn {
  display: none;
}
.main .p-itemlist-sidemenu_sp-title {
  padding: 1.5rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  background: #3f5e45;
}
.main .p-itemlist-sidemenu_sp-title .c-close-btn {
  position: absolute;
  top: 1rem;
  right: 0;
}
.main .p-sidemenu_group {
  margin-bottom: 2rem;
  padding: 0;
  background-color: #f8f8f6;
}
.main .p-sidemenu_group.is-open .p-sidemenu_contents {
  display: block;
}
.main .p-sidemenu_group.is-open .p-sidemenu_title button::after {
  content: "\ea3b";
}
.main .p-sidemenu_contents {
  display: none;
  padding: 0;
  padding-bottom: 1.5rem;
}
.main .p-sidemenu_title {
  display: none;
  margin: 0;
  padding: 0;
  color: #3b220b;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  border-top: 0;
}
.main .p-sidemenu_title._toggle {
  display: block;
}
.main .p-sidemenu_title._toggle .title {
  display: block;
}
.main .p-sidemenu_title._toggle .selected {
  display: none;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main .p-sidemenu_title._toggle .selected:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5rem;
  background-image: url(../images/common/products/ico_childcategory.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.main .p-sidemenu_title .inner {
  width: 100%;
  padding: 1.5rem 4rem 1.5rem 2rem;
  font-size: 1.6rem;
}
.main .p-sidemenu_title button {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem 2rem;
  padding-right: 3rem;
  overflow: visible;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .p-sidemenu_title button::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 1.4rem;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea3d";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-sidemenu_items {
  margin: 0;
  list-style: none;
}
.main .p-sidemenu_item {
  padding: 0 1rem;
  color: #3b220b;
}
.main .p-sidemenu_item.selected .p-sidemenu_link {
  color: #fff;
  background: #298949;
}
.main .p-sidemenu_link {
  display: block;
  padding: 0.5rem 1rem;
  color: #3b220b;
  font-weight: normal;
  font-size: 1.6rem;
}
.main .p-shoppingguide {
  margin-top: 10rem;
  padding: 20px 0;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/footer/shoppingguide_bg.jpg) center center;
  background-size: cover;
}
.main .p-shoppingguide a {
  color: #3b220b;
}
.main .p-shoppingguide .inner {
  width: 92%;
  max-width: 980px;
  margin: 0 auto;
  padding: 1.5rem;
  background: #fff;
}
.main .p-shoppingguide._btn {
  background: none;
}
.main .p-shoppingguide._btn .inner {
  max-width: 1280px;
  padding: 0;
}
.main .p-shoppingguide_head {
  text-align: right;
}
.main .p-shoppingguide_title {
  color: #3b220b;
  font-weight: bold;
  font-size: 2.8rem;
  text-align: center;
}
.main .p-shoppingguide_head_link {
  text-align: right;
}
.main .p-shoppingguide_contents {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  font-size: 1.4rem;
}
.main .p-shoppingguide_icon {
  position: relative;
  padding-top: 8.5em;
  padding-right: 1rem;
  padding-left: 1rem;
}
.main .p-shoppingguide_icon::before {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  margin: auto;
  color: #3b220b;
  font-weight: normal;
  font-size: 8em;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea25";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-shoppingguide_icon::after {
  position: absolute;
  top: 0.7em;
  display: block;
  width: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 4.8rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-shoppingguide_icon._delivery::after {
  content: "\ea04";
}
.main .p-shoppingguide_icon._shipping::after {
  content: "\ea05";
}
.main .p-shoppingguide_icon._pay::after {
  top: 0.8em;
  font-size: 4.2rem;
  content: "\ea06";
}
.main .p-shoppingguide_btn .c-btn {
  padding: 25px 20px;
  background: rgb(242, 241, 237);
  border: none;
  border-radius: 10px;
}
.main .p-shoppingguide_btn .c-btn span {
  position: relative;
  display: inline-block;
  padding-right: 1.5em;
  padding-left: 2em;
  font-weight: bold;
  font-size: 2rem;
}
.main .p-shoppingguide_btn .c-btn span::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  margin-top: -0.5em;
  color: #3b220b;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea34";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-shoppingguide_btn .c-btn span::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -0.5em;
  color: #3b220b;
  font-weight: normal;
  font-size: 150%;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea34";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-shoppingguide_btn ._qa span::before {
  content: "\ea01";
}
.main .p-shoppingguide_btn ._chat span::before {
  content: "\ea03";
}
.main .p-orderhistory {
  border: 1px solid #dbdbdb;
}
.main .p-orderhistory:not(:last-child) {
  margin-bottom: 3rem;
}
.main .p-orderhistory .is-change {
  color: #cc0000;
  font-weight: bold;
}
.main .p-orderhistory.is-change-before {
  position: relative;
  margin-bottom: 10rem;
}
.main .p-orderhistory.is-change-before::after {
  position: absolute;
  right: 0;
  bottom: -6rem;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(59, 34, 11, 0.25);
  font-weight: normal;
  font-size: 10rem;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea39";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-orderhistory_head {
  padding: 2.5rem;
  background: #f5f5f5;
}
.main .p-orderhistory_item {
  padding: 2rem 2.5rem;
}
.main .p-orderhistory_item:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.main .p-orderhistory_item .name {
  display: block;
  margin-bottom: 2.5rem;
}
.main .p-orderhistory_item .num {
  display: inline-block;
  margin-left: 2em;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
}
.main .p-orderhistory_item .price {
  display: inline-block;
  margin-left: 2em;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
}
.main .p-orderhistory_item .price_tax {
  display: inline-block;
  margin-left: 2em;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1;
}
.main .p-orderhistory_item .p-orderhistory_data {
  display: table;
}
.main .p-orderhistory_product-title {
  color: #3b220b;
  font-size: 1.6rem;
}
.main .p-orderhistory_product-title:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .p-orderhistory_confirm {
  display: table-row;
}
.main .p-orderhistory_confirm .title {
  display: table-cell;
  box-sizing: border-box;
  width: 9em;
  padding: 0 0.5rem;
}
.main .p-orderhistory_confirm .content {
  display: table-cell;
  box-sizing: border-box;
  padding: 0 0.5rem;
  color: #3b220b;
  font-size: 1.6rem;
}
.main .p-orderhistory_confirm .content.is-change {
  color: #cc0000;
  font-weight: bold;
}
.main .p-orderhistory_address {
  height: 100%;
  padding: 1rem;
  border: 1px solid #dbdbdb;
}
.main .p-orderhistory_payment {
  height: 100%;
  padding: 1rem;
  background: #f5f5f5;
}
.main .p-orderhistory_price {
  height: 100%;
  padding: 1rem;
  background: #f5f5f5;
}
.main .p-orderhistory_links {
  border-top: 1px solid #dbdbdb;
}
.main .p-orderhistory_link {
  padding: 1rem 0;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-orderhistory_link a::before {
  font-size: 1em;
  content: "\ea38";
}
.main .p-coupon-present .p-coupon-present_icon {
  position: relative;
  padding-left: 4.5em;
}
.main .p-coupon-present .p-coupon-present_icon::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 3.4em;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-coupon-present .p-coupon-present_coupon .p-coupon-present_icon::after {
  content: "\ea4d";
}
.main .p-coupon-present .p-coupon-present_present .p-coupon-present_icon::after {
  content: "\ea22";
}
.main .p-coupon-present .p-coupon-present_title {
  font-size: 2.4rem;
  line-height: 1.4;
}
.main .p-coupon-present .p-coupon-present_num {
  color: #d53426;
  font-weight: bold;
  font-size: 3.2rem;
}
.main .p-special-notice {
  padding: 2rem 0;
  background: #fef6f5;
}
.main .p-cart-item {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-cart-item:not(:last-child) {
  margin-bottom: 1rem;
}
.main .p-cart-item .p-cart-item_price {
  text-align: right;
}
.main .p-cart-item .p-cart-item_price .price {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .p-cart-items_total_wrap .p-cart-items_total>.inner {
  padding: 2rem;
  background: #fdf9ed;
  border: 1px solid #dbdbdb;
}
.main .p-cart_box {
  position: relative;
}
.main .p-cart_box.is-loading:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
}
.main .p-cart_box.is-loading .loading-text {
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 101;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 2.5em;
}
.main .p-cart_box.is-loading .loading-text:before {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/loading.png);
  background-position: center center;
  background-size: 100% 100%;
  animation: loader-rotate 1s steps(12) infinite;
  content: "";
}
.main .p-login .p-login_orderfirst {
  margin-top: 3rem;
}
.main .p-changeitems:not(:last-child) {
  margin-bottom: 1.5rem;
}
.main .p-changeitems_items {
  border-top: 1px solid #dbdbdb;
}
.main .p-changeitems_item {
  border-bottom: 1px solid #dbdbdb;
}
.main .p-border-item {
  padding: 1.5rem 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-border-item+.p-border-item {
  margin-top: -1px;
}
.main .p-matome_image {
  position: relative;
}
.main .p-matome_image_flag {
  display: table;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.1;
  text-align: center;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
}
.main .p-matome_image_flag>span {
  display: table-cell;
  padding-top: 0.7rem;
  vertical-align: middle;
}
.main .p-matome_image_flag._matome {
  color: #0e76d2;
}
.main .p-matome_image_flag._yoridori {
  color: #1f6737;
}
.main .p-matome_icon {
  margin-bottom: 0.6rem;
}
.main .p-matome_name {
  font-weight: bold;
}
.main .p-matome_price-wrap {
  border: 1px solid #dbdbdb;
  padding: 1.5rem;
}
.main .p-matome_price-items {
  display: table;
  margin: auto;
}
.main .p-matome_price-items .p-matome_price-item {
  display: table-row;
}
.main .p-matome_price-items .p-matome_before {
  display: table-cell;
  padding-right: 4rem;
}
.main .p-matome_price-items .p-matome_after {
  display: table-cell;
}
.main .p-matome_before {
  position: relative;
}
.main .p-matome_before::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  left: auto;
  display: block;
  margin-top: -0.5em;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea2c";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-matome_price {
  display: inline-block;
}
.main .p-matome_price_box.is-loading {
  position: relative;
  height: 4rem;
  margin-top: 0.7rem;
}
.main .p-matome_price_box.is-loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0 0 -1rem;
  z-index: 2;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/loading.png);
  background-position: center center;
  background-size: 100% 100%;
  animation: loader-rotate 1s steps(12) infinite;
}
.main .p-newslist_items {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main .p-newslist_item {
  border-bottom: 1px solid #dbdbdb;
  padding: 2.5rem 0;
}
.main .p-newslist_item:first-child {
  padding-top: 0;
}
.main .p-newslist_head {
  margin-bottom: 1rem;
}
.main .p-newslist_date {
  padding-right: 1rem;
}
.main .p-newslist_body a {
  color: #4d4d4d;
  text-decoration: none;
  display: inline-block;
}
.main .p-newslist_body a:hover,
.main .p-newslist_body a:focus {
  text-decoration: underline;
}
.main .p-newslist._magazin .p-newslist_body {
  padding: 0;
}
.main .p-newslist._magazin .p-newslist_image {
  text-align: center;
  margin-bottom: 1.5rem;
}
.main .p-newslist._magazin .p-newslist_head {
  background: #f5f5f5;
  padding: 1.5rem 2.5rem;
  margin-bottom: 2.5rem;
}
.main .p-product-detail-popup h1 {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-product-detail-popup #materials-photo {
  margin: 3rem 0 3rem;
  text-align: center;
}
.main .p-product-detail-popup table {
  width: 100%;
  border-collapse: collapse;
}
.main .p-product-detail-popup th {
  padding: 15px;
  font-weight: bold;
  text-align: center;
  background: #f1e5b9;
  border: 1px solid #dbdbdb;
}
.main .p-product-detail-popup td {
  width: 50%;
  padding: 15px;
  text-align: left;
  border: 1px solid #dbdbdb;
}
.main .p-product-detail-popup ul {
  margin: 0;
  margin-top: 3rem;
  padding: 2.5rem 5%;
  list-style: none;
  background: #f5f5f5;
}
.main .p-product-detail-popup li {
  padding: 0;
  padding-left: 1em;
  text-indent: -1em;
}
.main .p-product-detail-popup li::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../images/common/bullet.svg);
  content: "";
}
.main .p-radio-switch {
  padding-bottom: 1.5rem;
}
.main .p-radio-switch .c-input-toggle {
  display: block;
  width: 100%;
}
.main .p-radio-switch .c-input-toggle.is-selected {
  background: transparent;
}
.main .p-radio-switch .c-input-toggle.is-selected .c-radio {
  background: #834d1d;
  border: 4px solid #574028;
}
.main .p-radio-switch .c-input-toggle.is-selected .c-radio:after {
  position: absolute;
  right: 0;
  bottom: -1.5rem;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-color: #574028 transparent transparent transparent;
  border-style: solid;
  border-width: 1.5rem 1.5rem 0 1.5rem;
  content: "";
}
.main .p-radio-switch .c-input-toggle.is-selected .c-radio .label-text {
  color: #fff;
}
.main .p-radio-switch .c-radio {
  position: relative;
  width: 100%;
  padding: 1rem 0.5rem;
  text-align: center;
  background: #e6e4de;
  border: 4px solid #e6e4de;
  border-radius: 3px;
  cursor: pointer;
}
.main .p-radio-switch .c-radio [type=radio]:checked+span::after {
  background: #574028;
  border: 1px solid #574028;
}
.main .p-radio-switch .c-radio .label-text {
  font-weight: bold;
  text-align: left;
}
.main .p-breadcrumb {
  overflow-x: auto;
  background: #e9ece8;
  -webkit-overflow-scrolling: touch;
}
.main .p-breadcrumb_inner {
  padding: 0.7rem 0 0.4rem;
}
.main .p-breadcrumb_inner ul {
  display: inline-flex;
  list-style: none;
}
.main .p-breadcrumb_inner li {
  position: relative;
  white-space: nowrap;
}
.main .p-breadcrumb_inner li:first-child:before {
  display: none;
}
.main .p-breadcrumb_inner li:before {
  display: inline-block;
  padding: 0 0.5rem;
  content: ">";
}
.main .p-breadcrumb_inner li.current>span {
  color: #1f6737;
}
.main .p-breadcrumb_inner li.current {
  padding-right: 3rem;
}
.main .p-breadcrumb_inner a {
  color: #3b220b;
}
.main .p-anchor-list_items {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem;
  padding: 0;
}
.main .p-anchor-list_item {
  display: flex;
  width: 100%;
  padding: 0.75rem;
  list-style: none;
}
.main .p-anchor-list_link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.main .p-anchor-list_link::before {
  position: absolute;
  top: 50%;
  right: auto;
  left: 1.5rem;
  display: block;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 2.6rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-anchor-list_link._beginner::before {
  content: "\ea0c";
}
.main .p-anchor-list_link._member3::before {
  content: "\ea50";
}
.main .p-anchor-list_link._buy-click::before {
  content: "\ea51";
}
.main .p-anchor-list_link._wallet::before {
  content: "\ea52";
}
.main .p-anchor-list_link._delivery2::before {
  content: "\ea16";
}
.main .p-anchor-list_link._return::before {
  content: "\ea53";
}
.main .p-anchor-list_link._regular-cal::before {
  content: "\ea55";
}
.main .p-center-slider {
  position: relative;
  padding-right: 4%;
  padding-left: 4%;
}
.main .p-center-slider .p-center-slider_inner {
  max-width: 980px;
  margin: auto;
}
.main .p-center-slider .p-center-slider_inner .slick-list {
  overflow: visible;
}
.main .p-center-slider .p-center-slider_inner .slick-track {
  background: #000;
}
.main .p-center-slider .p-center-slider_inner .slick-slide {
  line-height: 0;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.main .p-center-slider .p-center-slider_inner .slick-slide.is-active {
  opacity: 1;
}
.main .p-center-slider .slick-prev,
.main .p-center-slider .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.main .p-center-slider .slick-prev::before,
.main .p-center-slider .slick-next::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  color: #fff;
  font-weight: normal;
  font-size: 3rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-center-slider .slick-prev {
  left: -4%;
}
.main .p-center-slider .slick-prev::before {
  content: "\ea3a";
}
.main .p-center-slider .slick-next {
  right: -4%;
}
.main .p-center-slider .slick-next::before {
  content: "\ea38";
}
.main .p-center-slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 5%;
  left: 0;
  width: 100%;
  max-width: 980px;
  margin: auto;
  text-align: center;
}
.main .p-center-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.main .p-center-slider .slick-dots li button {
  display: block;
  width: 37px;
  height: 10px;
  padding: 5px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.main .p-center-slider .slick-dots li button::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 37px;
  height: 2px;
  background: #fff;
  content: "";
}
.main .p-center-slider .slick-dots li.slick-active button:before {
  background: #33712e;
}
.main .p-center-slider:hover,
.main .p-center-slider.focus-visible:focus {
  text-decoration: underline;
}
.main .p-center-slider:hover img,
.main .p-center-slider.focus-visible:focus img {
  opacity: 1;
}
.main .p-img-btn {
  display: block;
  width: 100%;
  color: #000;
  background: #fff;
  border-bottom: 1px solid #c8c5bc;
}
.main .p-img-btn:hover,
.main .p-img-btn.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .p-img-btn .text {
  padding: 1.5rem;
  color: #000;
}
.main .p-center2-slider {
  position: relative;
  padding-right: 4%;
  padding-left: 4%;
}
.main .p-center2-slider .p-center2-slider_inner {
  max-width: 980px;
  margin: auto;
}
.main .p-center2-slider .p-center2-slider_inner .slick-slider {
  position: relative;
  overflow: visible;
}
.main .p-center2-slider .p-center2-slider_inner .slick-list {
  overflow: hidden;
}
.main .p-center2-slider .p-center2-slider_inner .slick-track {
  background: #f8f8f6;
}
.main .p-center2-slider .p-center2-slider_inner .slick-slide {
  line-height: 0;
  transition: opacity 0.3s;
}
.main .p-center2-slider .p-center2-slider_inner .slick-slide.is-active {
  opacity: 1;
}
.main .p-center2-slider .c-slick_arrows {
  background: rgba(235, 233, 226, 0.7);
}
.main .p-center2-slider .c-slick_arrows:hover,
.main .p-center2-slider .c-slick_arrows.focus-visible:focus {
  background: rgb(235, 233, 224);
}
.main .p-center2-slider .c-slick_arrows._prev {
  left: -2%;
}
.main .p-center2-slider .c-slick_arrows._next {
  right: -2%;
}
.main .p-center2-slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  width: 100%;
  max-width: 980px;
  margin: auto;
  text-align: center;
}
.main .p-center2-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.main .p-center2-slider .slick-dots li button {
  display: block;
  width: 32px;
  padding: 8px;
  color: #3b220b;
  font-size: 1.4rem;
  line-height: 1;
  background: #fff;
  border: 1px solid #c9c9c9;
  outline: none;
  cursor: pointer;
}
.main .p-center2-slider .slick-dots li.slick-active button {
  color: #fff;
  font-weight: bold;
  background: #3b220b;
  border: 1px solid #3b220b;
}
.main .p-center2-slider .p-center2-slider-item .p-center2-slider-item_text {
  padding: 20px 10px 60px;
}
.main .p-center2-slider .p-center2-slider-item .p-center2-slider-item_text .title {
  width: 80%;
  margin: 0 auto;
  font-weight: bold;
}
.main .p-center2-slider .p-center2-slider-item .p-center2-slider-item_text .text {
  width: 80%;
  margin: 0 auto;
}
.main .p-full-slider {
  position: relative;
  margin-bottom: 40px;
  padding-right: 4%;
  padding-left: 4%;
}
.main .p-full-slider .p-full-slider_inner {
  margin: auto;
}
.main .p-full-slider .p-full-slider_inner .slick-list {
  overflow: visible;
}
.main .p-full-slider .p-full-slider_inner .slick-track {
  background: #e9ece8;
}
.main .p-full-slider .p-full-slider_inner .slick-slide {
  line-height: 0;
  transition: opacity 0.3s;
}
.main .p-full-slider .p-full-slider_inner .slick-slide.is-active {
  opacity: 1;
}
.main .p-full-slider .c-slick_arrows {
  background: rgba(255, 255, 255, 0.7);
}
.main .p-full-slider .c-slick_arrows:hover,
.main .p-full-slider .c-slick_arrows.focus-visible:focus {
  background: #fff;
}
.main .p-full-slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 100%;
  max-width: 980px;
  margin: auto;
  text-align: center;
}
.main .p-full-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.main .p-full-slider .slick-dots li button {
  display: block;
  width: 37px;
  height: 10px;
  padding: 5px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.main .p-full-slider .slick-dots li button::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 37px;
  height: 3px;
  background: #b4abab;
  content: "";
}
.main .p-full-slider .slick-dots li.slick-active button:before {
  background: #33712e;
}
.main .p-full-slider .p-full-slider-item .p-full-slider-item_text {
  padding: 20px 10px 30px;
}
.main .p-full-slider .p-full-slider-item .p-full-slider-item_text .title {
  margin: 0 auto;
  font-weight: bold;
  font-size: 2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.main .p-full-slider .p-full-slider-item .p-full-slider-item_text .text {
  margin: 0 auto;
}
.main .p-other-search._cosme .p-other-search_btn {
  border-bottom: 5px solid #e95c82;
}
.main .p-other-search._cosme .p-other-search_btn .icon::after {
  background: #fbdee6;
}
.main .p-other-search._honey .p-other-search_btn {
  border-bottom: 5px solid #f6b538;
}
.main .p-other-search._honey .p-other-search_btn .icon::after {
  background: #fdf0d7;
}
.main .p-other-search._kenko .p-other-search_btn {
  border-bottom: 5px solid #82b326;
}
.main .p-other-search._kenko .p-other-search_btn .icon::after {
  background: #eaf1dc;
}
.main .p-other-search_btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 3rem;
  text-align: center;
}
.main .p-other-search_btn:hover,
.main .p-other-search_btn.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .p-other-search_btn .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
}
.main .p-other-search_btn .icon::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: 12.5rem;
  height: 12.5rem;
  margin: auto;
  border-radius: 50%;
  content: "";
}
.main .p-other-search_btn .c-icon {
  width: 100%;
  color: #3d2f23;
  font-size: 6.5rem;
}
.main .p-other-search_btn .text {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #3d2f23;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.main .p-select-change_content {
  display: none;
}
.main .p-select-change_content.is-active {
  display: block;
}
.main .p-account-head {
  position: relative;
}
.main .p-account-title {
  position: relative;
  padding-bottom: 1.5rem;
}
.main .p-account-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  content: "";
}
.main .p-account-logout {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
.main .p-creditcard {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: #f5f5f5;
}
.main .p-creditcard .p-creditcard_num {
  padding: 1rem;
}
.main .p-creditcard .p-creditcard_kigen {
  padding: 1rem;
}
.main .p-creditcard .p-creditcard_img {
  padding: 1rem;
}
.main .p-review .p-review-star>span {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
  line-height: 1;
  vertical-align: middle;
}
.main .p-review .p-review-star>span::before,
.main .p-review .p-review-star>span::after {
  color: #f6b33e;
  font-weight: normal;
  font-size: 1.4em;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-review .p-review-star span.star1::before,
.main .p-review .p-review-star span.star2::before,
.main .p-review .p-review-star span.star3::before,
.main .p-review .p-review-star span.star4::before,
.main .p-review .p-review-star span.star5::before {
  content: "\ea4b";
}
.main .p-review .p-review-star._rate50 span.star1::before,
.main .p-review .p-review-star._rate50 span.star2::before,
.main .p-review .p-review-star._rate50 span.star3::before,
.main .p-review .p-review-star._rate50 span.star4::before,
.main .p-review .p-review-star._rate50 span.star5::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate45 span.star1::before,
.main .p-review .p-review-star._rate45 span.star2::before,
.main .p-review .p-review-star._rate45 span.star3::before,
.main .p-review .p-review-star._rate45 span.star4::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate45 span.star5::before {
  content: "\ea4b";
}
.main .p-review .p-review-star._rate45 span.star5::after {
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
  content: "\ea4a";
}
.main .p-review .p-review-star._rate40 span.star1::before,
.main .p-review .p-review-star._rate40 span.star2::before,
.main .p-review .p-review-star._rate40 span.star3::before,
.main .p-review .p-review-star._rate40 span.star4::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate35 span.star1::before,
.main .p-review .p-review-star._rate35 span.star2::before,
.main .p-review .p-review-star._rate35 span.star3::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate35 span.star4::before {
  content: "\ea4b";
}
.main .p-review .p-review-star._rate35 span.star4::after {
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
  content: "\ea4a";
}
.main .p-review .p-review-star._rate30 span.star1::before,
.main .p-review .p-review-star._rate30 span.star2::before,
.main .p-review .p-review-star._rate30 span.star3::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate25 span.star1::before,
.main .p-review .p-review-star._rate25 span.star2::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate25 span.star3::before {
  content: "\ea4b";
}
.main .p-review .p-review-star._rate25 span.star3::after {
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
  content: "\ea4a";
}
.main .p-review .p-review-star._rate20 span.star1::before,
.main .p-review .p-review-star._rate20 span.star2::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate15 span.star1::before {
  content: "\ea4a";
}
.main .p-review .p-review-star._rate15 span.star2::before {
  content: "\ea4b";
}
.main .p-review .p-review-star._rate15 span.star2::after {
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
  content: "\ea4a";
}
.main .p-review .p-review-star._rate10 span.star1::before {
  content: "\ea4a";
}
.main .p-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.main .p-pagination .page-num {
  display: block;
  height: 100%;
  padding: 1rem;
  color: #3b220b;
  text-align: center;
  background: #f5f5f5;
}
.main .p-pagination .page-list {
  display: none;
  list-style: none;
}
.main .p-pagination .page-list .page-link {
  padding: 1rem 1.5rem;
  background: #fff;
  border: 1px solid #dbdbdb;
}
.main .p-pagination .page-list .page-link.is-current {
  font-weight: bold;
  background: #f5f5f5;
}
.main .p-pagination a {
  text-decoration: none;
}
.main .p-pagination a:hover {
  opacity: 0.5;
}
.main .p-pagination .page-link {
  display: block;
  color: #3b220b;
  background: #f5f5f5;
}
.main .p-pagination .page-top {
  display: none;
  color: #3b220b;
  background: #f5f5f5;
}
.main .p-pagination .page-prev,
.main .p-pagination .page-next {
  padding: 1rem 3rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #3b220b;
}
.main .p-sample-tried_wrap {
  margin-bottom: 1rem;
}
.main .p-sample-tried {
  margin-bottom: 1.5rem;
  padding: 1rem 0;
}
.main .p-sample-tried:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.main .p-sample-tried .p-sample-tried_foot {
  padding: 1.5rem 1rem 1rem;
  border-top: 1px solid #f5f5f5;
}
.main .p-cart-head {
  position: relative;
}
.main .p-cart-title {
  position: relative;
  padding-bottom: 1.5rem;
}
.main .p-cart-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  content: "";
}
.main .p-main-title {
  position: relative;
  padding-bottom: 1.5rem;
}
.main .p-main-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  content: "";
}
.main .p-products-list_side {
  margin-bottom: 2.5rem;
}
.main .p-products-list {
  width: 100%;
}
.main .p-products-list_head {
  display: none;
  margin-bottom: 2.5rem;
}
.main .p-products-list_head._sp {
  display: block;
}
.main .p-products-list_filter-btn {
  display: block;
  margin-bottom: 2rem;
}
.main .p-products-list_filter-btn .c-btn {
  position: relative;
  width: 100%;
  color: #fff;
  background: #298949;
  border: none;
}
.main .p-products-list_filter-btn .c-btn::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 1.4rem;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea3d";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-products-list_sort {
  margin-bottom: 2.5rem;
}
.main .p-products-list_num {
  margin-bottom: 2rem;
}
.main .p-products-list_pagination {
  margin-top: 2.5rem;
}
.main .p-products-list_tab .c-tab_btn-items {
  align-items: flex-end;
  padding-bottom: 0;
}
.main .p-products-list_tab .c-tab_btn-items>li {
  padding-left: 1rem;
}
.main .p-products-list_tab .c-tab_btn-items::after {
  z-index: -1;
  height: 1px;
  background: rgba(59, 34, 11, 0.2);
}
.main .p-products-list_tab .c-tab_btn {
  position: relative;
  bottom: 0;
  display: inline-block;
  padding: 1.5rem 1rem;
  padding-left: 2.8em;
  color: #3b220b;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
  background: rgba(59, 34, 11, 0.15);
  border-radius: 3px 3px 0 0;
}
.main .p-products-list_tab .c-tab_btn::before {
  position: absolute;
  bottom: 0.2rem;
  left: 1rem;
  display: block;
  margin-bottom: 1rem;
  color: rgba(59, 34, 11, 0.3);
  font-weight: normal;
  font-size: 1.4em;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-products-list_tab .c-tab_btn._list::before {
  content: "\ea4f";
}
.main .p-products-list_tab .c-tab_btn._review::before {
  content: "\ea4e";
}
.main .p-products-list_tab .c-tab_btn.is-active {
  padding-top: 2.5rem;
  background: #fff;
  border: 1px solid rgba(59, 34, 11, 0.2);
  border-bottom: none;
}
.main .p-products-list_tab .c-tab_btn.is-active::before {
  color: #3b220b;
}
.main .p-products-list_tab .c-tab_btn:hover.is-active,
.main .p-products-list_tab .c-tab_btn.focus-visible:focus.is-active {
  color: #3b220b;
}
.main .p-products-list .p-review {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.main .p-products-list_btn {
  display: none;
  cursor: pointer;
}
.main .p-products-list_btn:hover,
.main .p-products-list_btn:focus {
  text-decoration: none;
}
.main .p-products-list_btn:hover .c-btn,
.main .p-products-list_btn:focus .c-btn {
  opacity: 0.5;
}
.main .p-products-list_title {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .p-products-list_title a {
  color: #4d4d4d;
}
.main .p-products-list_ordernum,
.main .p-products-list_amount,
.main .p-products-list_text,
.main .p-products-list_price_tax {
  font-size: 1.4rem;
}
.main .p-products-list_price_tax {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}
.main .p-products-list_price {
  font-weight: bold;
}
.main .p-products-list_price._sale {
  color: #e94738;
}
.main .p-products-modal .c-modal_content {
  max-width: 900px;
}
.main .p-products-list_review {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-top: 3rem;
  border-top: 3px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-list_review .p-itemlink {
  margin-bottom: 3rem;
}
.main .p-products-list_review_head .c-icon._comment {
  color: #1f6737;
  font-size: 3.2rem;
}
.main .p-products-list_review_title {
  font-weight: bold;
  font-size: 1.6rem;
}
.main .p-products-list_review_con {
  margin-bottom: 1rem;
  padding: 2rem 0 0;
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-list_review_name {
  font-weight: bold;
}
.main .p-products-list_review_txt {
  padding: 1.5rem 0;
  line-height: 2;
}
.main .p-products-list_review_txt .ellipsis {
  display: none;
}
.main .p-products-list_review_txt .full {
  display: inline;
}
.main .p-products-list_review_txt.is-ellipsis .ellipsis {
  display: inline;
}
.main .p-products-list_review_txt.is-ellipsis .full {
  display: none;
}
.main .p-products-list_review_foot {
  margin-bottom: 4rem;
  padding-top: 1rem;
}
.main .p-products-list_box.is-loading {
  position: relative;
  height: 4rem;
  margin-top: 0.7rem;
}
.main .p-products-list_box.is-loading:after {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0 0 -1rem;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/loading.png);
  background-position: center center;
  background-size: 100% 100%;
  animation: loader-rotate 1s steps(12) infinite;
  content: "";
}
.main .p-products-nav_wrap {
  margin-top: 4rem;
}
.main .p-products-nav_wrap a {
  color: #4d4d4d;
}
.main .p-products-nav {
  margin-bottom: 1.5rem;
  padding: 0.5rem;
}
.main .p-products-nav._health {
  background: #e6f0d4;
}
.main .p-products-nav._cosme {
  background: #fbdee6;
}
.main .p-products-nav._honey {
  background: #fdf0d7;
}
.main .p-products-nav_title {
  padding: 0 1rem;
}
.main .p-products-nav_title a {
  display: inline-block;
  color: #4d4d4d;
}
.main .p-products-nav_title a .c-icon {
  margin-left: 0.5rem;
  font-size: 1.6rem;
}
.main .p-products-nav_link {
  display: block;
}
.main .p-products-nav_link._type-category {
  text-align: center;
}
.main a.p-products-nav_link {
  overflow: visible;
}
.main a.p-products-nav_link:hover,
.main a.p-products-nav_link.focus-visible:focus {
  text-decoration: none;
}
.main a.p-products-nav_link:hover img,
.main a.p-products-nav_link.focus-visible:focus img {
  opacity: 0.85;
}
.main a.p-products-nav_link:hover p,
.main a.p-products-nav_link.focus-visible:focus p {
  text-decoration: underline;
}
.main .p-products-nav_image {
  position: relative;
  margin-bottom: 1rem;
}
.main .p-products-nav_image._arrow {
  padding-right: 20px;
}
.main .p-products-nav_image._arrow .icon {
  display: block;
  width: 100%;
}
.main .p-products-nav_image._arrow .icon .c-icon {
  position: relative;
  margin: auto;
  font-size: 7rem;
}
.main .p-products-nav_image._arrow .c-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
  color: #4d4d4d;
}
.main .p-products-nav_image._arrow .c-icon::after {
  position: absolute;
  top: 0;
  right: -1rem;
  font-size: 2rem;
}
.main .p-products-nav_text {
  padding-right: 20px;
  color: #4d4d4d;
  line-height: 1.4;
}
.main .p-products-detail_head {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_body {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
}
.main .p-products-detail_box {
  position: relative;
}
.main .p-products-detail_box.is-loading:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
}
.main .p-products-detail_box.is-loading:after {
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 101;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/loading.png);
  background-position: center center;
  background-size: 100% 100%;
  animation: loader-rotate 1s steps(12) infinite;
  content: "";
}
.main .p-products-detail_images {
  margin-bottom: 1.5rem;
}
.main .p-products-detail_dots {
  margin-bottom: 2.5rem;
}
.main .p-products-detail_dots ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -0.5rem;
  list-style: none;
}
.main .p-products-detail_dots li {
  width: auto;
  padding: 0.5rem;
}
.main .p-products-detail_dots li.slick-active .dot:before {
  background: #9f9f9f;
}
.main .p-products-detail_dots .dot-item {
  padding: 0.5rem;
  border: 1px solid #dbdbdb;
}
.main .p-products-detail_dots .dot {
  position: relative;
  width: 1rem;
  height: 1rem;
}
.main .p-products-detail_dots .dot:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #9f9f9f;
  border-radius: 100%;
  content: "";
}
.main .p-products_tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.main .p-products_tag {
  position: relative;
  display: inline-block;
  margin-top: 0.5rem;
  margin-left: 1.8rem;
  background-color: #e7e5df;
  border: 1px solid #dfd7cf;
  border-left: none;
}
.main .p-products_tag::after {
  position: absolute;
  top: 0;
  left: -1rem;
  display: block;
  width: 1rem;
  height: 100%;
  background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/products/products_tag.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  content: "";
}
.main .p-products_tag a {
  display: block;
  padding: 0.4rem 0.8rem 0.4rem 0.4rem;
  color: #4d4d4d;
  line-height: 1.3;
  text-decoration: none;
}
.main .p-products-detail_select {
  position: relative;
  margin-bottom: 8rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_select::after {
  position: absolute;
  right: 0;
  bottom: -8rem;
  left: 0;
  display: block;
  width: 90px;
  margin: auto;
  border-color: transparent;
  border-style: solid;
  border-width: 30px 50px;
  border-top-color: #dbdbdb;
  content: "";
}
.main .p-products-detail_select_title {
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
}
.main .p-products-detail_select_title .num {
  position: relative;
  z-index: 1;
  width: 3.2rem;
  min-width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.3em;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.8;
  text-align: center;
}
.main .p-products-detail_select_title .num::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  background: #1f6737;
  border-radius: 100%;
  content: "";
}
.main .p-products-detail_select_title .bold {
  font-weight: bold;
  font-size: 2.2rem;
}
.main .p-products-detail_select_content {
  margin-bottom: 1.5rem;
}
.main .p-products-detail_select_content .c-select-btn {
  width: 100%;
}
.main .p-products-detail_select_allergy {
  margin-top: 3rem;
  padding: 1.5rem;
  color: #cc0000;
  font-size: 1.4rem;
  border: 2px solid #cc0000;
}
.main .p-products-detail_order {
  margin-bottom: 3rem;
}
.main .p-products-detail_order .price_wrap {
  margin: 0 auto;
}
.main .p-products-detail_order .price {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.5;
}
.main .p-products-detail_order .price .num {
  font-size: 4.5rem;
}
.main .p-products-detail_order .price_tax {
  margin-bottom: 1rem;
  font-size: 2.2rem;
}
.main .p-products-detail_order .c-tag {
  font-size: 1.6rem;
}
.main .p-products-detail_order .c-tag._delivery {
  font-size: 1.2rem;
}
.main .p-products-detail_order .num-wrap {
  width: 100%;
}
.main .p-products-detail_order .num-wrap .l-row {
  flex-wrap: nowrap;
  align-items: center;
}
.main .p-products-detail_order .num-wrap .num-label {
  white-space: nowrap;
}
.main .p-products-detail_order .num-wrap .num-select {
  width: 100%;
}
.main .p-products-detail_order .num-wrap .num-select .c-select {
  width: 100%;
}
.main .p-products-detail_text_1 {
  margin-top: 2rem;
  padding: 2rem;
  background: rgba(59, 34, 11, 0.05);
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_text_2 {
  padding: 2rem 0;
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_free._sp {
  display: block;
}
.main .p-products-detail_free._pc {
  display: none;
}
.main .p-products-detail_free._old {
  max-width: 750px;
  margin: auto;
}
.main .p-products-detail_review {
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-top: 3rem;
  border-top: 3px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_review_head {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_review_head .c-icon._comment {
  color: #1f6737;
  font-size: 4.2rem;
}
.main .p-products-detail_review_head .p-review .p-review-star {
  font-size: 1.8rem;
}
.main .p-products-detail_review_head .p-review .num {
  font-weight: bold;
  font-size: 2.5rem;
}
.main .p-products-detail_review_title {
  font-weight: bold;
  font-size: 2.4rem;
}
.main .p-products-detail_review_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  background: #f5f5f5;
  border: 1px solid rgb(180, 180, 180);
}
.main .p-products-detail_review_btn .icon {
  width: 4rem;
  padding-right: 0.5rem;
  color: #4d4d4d;
}
.main .p-products-detail_review_btn .icon.c-icon._comment-write {
  font-size: 3.8rem;
}
.main .p-products-detail_review_btn .icon.c-icon._search {
  font-size: 2.8rem;
}
.main .p-products-detail_review_btn .text {
  color: #4d4d4d;
  font-weight: bold;
}
.main .p-products-detail_review_con {
  margin-bottom: 1rem;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(59, 34, 11, 0.2);
}
.main .p-products-detail_review_con .num {
  font-size: 2.2rem;
}
.main .p-products-detail_review_name {
  font-weight: bold;
}
.main .p-products-detail_review_txt {
  padding: 1.5rem 0;
  line-height: 2;
}
.main .p-products-detail_desc {
  position: relative;
  max-height: 7rem;
  overflow: hidden;
  transition: all 0.5s ease;
}
.main .p-products-detail_desc_text {
  opacity: 0;
  transition: all 0.5s ease;
}
.main .p-products-detail_desc_btn {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  color: #4d4d4d;
  border: none;
  transform: translateX(-50%);
}
.main .p-products-detail_desc_btn:hover,
.main .p-products-detail_desc_btn:focus {
  outline: none;
}
.main .p-products-detail_desc_cover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  text-align: center;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.5) 100%);
  transform: scaleY(1);
  transform-origin: bottom;
  opacity: 0;
  transition: all 0.5s ease;
}
.main .p-products-detail_desc.is-hidden .p-products-detail_desc_text,
.main .p-products-detail_desc.is-hidden .p-products-detail_desc_cover,
.main .p-products-detail_desc.is-hidden .p-products-detail_desc_btn {
  opacity: 1;
}
.main .p-products-detail_desc.is-show .p-products-detail_desc_text {
  opacity: 1;
}
.main .p-products-detail_desc.is-show .p-products-detail_desc_cover {
  transform: scaleY(0);
}
.main .p-products-detail_desc.is-open {
  max-height: none;
  max-height: initial;
}
.main .p-products-detail_desc.is-open .p-products-detail_desc_cover {
  transform: scaleY(0);
  opacity: 0;
}
.main .p-products-search-state_title {
  padding: 1.5rem 1rem;
  padding-bottom: 0;
}
.main .p-products-search-state_title>.title {
  color: #1f6737;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.4;
}
.main .p-products-search-state.has-filter .p-products-search-state_title {
  display: none;
}
.main .p-products-search-state_con {
  padding: 0.5rem 1rem 1rem;
}
.main .p-products-search-state_con>.title {
  display: none;
  color: #1f6737;
  font-weight: bold;
  font-size: 1.5rem;
}
.main .p-products-search-state.has-filter .p-products-search-state_con {
  display: none;
}
.main .p-products-search_filter-btn {
  position: relative;
  padding: 1rem 1rem 1.5rem;
}
.main .p-products-search_filter-btn .non {
  display: none;
}
.main .p-products-search_filter-btn .has {
  display: block;
}
.main .p-products-search-state.has-filter .p-products-search_filter-btn .non {
  display: block;
}
.main .p-products-search-state.has-filter .p-products-search_filter-btn .has {
  display: none;
}
.main .p-products-search_filter-btn .c-btn {
  position: relative;
  width: 100%;
  color: #fff;
  background: #298949;
  border: none;
}
.main .p-products-search_filter-btn .c-btn::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.5em;
  font-weight: normal;
  font-size: 1.4rem;
  font-family: "ybficons";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\ea28";
  font-feature-settings: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .p-products-search_popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
}
.main .p-products-search_popover>.inner {
  position: relative;
  padding: 2rem;
  background-color: #fff;
  border: 4px solid #3b220b;
}
.main .p-products-search_popover>.inner>.text {
  padding: 0 3rem;
  text-align: center;
}
.main .p-products-search_popover>.inner:before,
.main .p-products-search_popover>.inner:after {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 0;
  margin: auto;
  border-color: transparent transparent #3b220b transparent;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  content: "";
}
.main .p-products-search_popover>.inner:after {
  top: -13px;
  z-index: 2;
  border-color: transparent transparent #fff transparent;
}
.main .p-products-search_popover .c-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 0.5rem;
}
.main .p-products-search-state_cansel-btn {
  display: none;
  padding: 0.6rem 0.8rem;
  color: #fff !important;
  font-size: 1.2rem;
  background: #298949;
  border-color: #fff;
}
.main .p-products-search-state_tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.main .p-products-search-state_tag {
  position: relative;
  display: inline-block;
  margin-top: 0.5rem;
  margin-right: 1rem;
  padding: 0.6rem 0.8rem;
  padding-right: 25px;
  color: #298949;
  font-size: 1.2rem;
  line-height: 1;
  background: #fff;
  border: 1px solid #298949;
  border-radius: 3px;
}
.main .p-products-search-state_tag>.title>span {
  display: inline-block;
}
.main .p-products-search-state_tag .c-close-btn {
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 18px;
  height: 18px;
  margin: auto;
}
.main .p-products-search-state_tag .c-close-btn .line {
  width: 12px;
  height: 12px;
}
.main .p-products-search-state_tag .c-close-btn .line:before,
.main .p-products-search-state_tag .c-close-btn .line:after {
  background: #298949 !important;
}
.main .p-products-search-state_change {
  position: relative;
  display: none;
  min-height: 50px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #3b220b;
  font-weight: bold;
  text-align: center;
}
.main .p-products-search-state_change::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-color: #f2efe8 transparent transparent transparent;
  border-style: solid;
  border-width: 40px 50px 0 50px;
  content: "";
}
.main .p-search-osusume {
  padding: 1.2rem;
  border: 1px solid #dbdbdb;
}
.main .p-search-osusume a {
  color: #4d4d4d;
}
.main .p-search-osusume_title {
  font-weight: bold;
  font-size: 2rem;
}
.main .p-search-osusume_text {
  color: #9f9f9f;
}
.main .p-search-osusume_price {
  text-align: right;
}
.main .p-search-osusume_price .price {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .p-search-osusume_price_tax {
  text-align: right;
}
.main .p-search-box_wrap {
  margin-bottom: 5rem;
}
.main .p-search-box {
  margin-bottom: 1.5rem;
  padding: 1.2rem;
  border: 1px solid #dbdbdb;
}
.main .p-search-box:last-child {
  margin-bottom: 0;
}
.main .p-search-box_title {
  display: flex;
}
.main .p-search-box_title a {
  color: #4d4d4d;
}
.main .p-search-box_tag {
  display: inline-block;
  align-self: start;
  min-width: 80px;
  margin-right: 1rem;
  padding: 5px 8px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.main .p-search-box_tag._review {
  background: #eccd00;
}
.main .p-search-box_tag._recipe {
  background: #e28000;
}
.main .p-search-box_tag._info {
  background: #33712e;
}
.main .p-search-box_tag._faq {
  background: #9f71b6;
}
.main .p-search-box_text {
  color: #9f9f9f;
  font-size: 1.4rem;
}
.main .p-search-recipe {
  margin-bottom: 5rem;
}
.main .p-search-recipe_image {
  margin-bottom: 1rem;
}
.main .p-search-recipe_title {
  margin-bottom: 0 !important;
  font-weight: bold;
}
.main .p-search-recipe_title a {
  color: #4d4d4d;
}
.main .p-search-recipe_text dt {
  display: inline-block;
}
.main .p-search-recipe_text dd {
  display: inline-block;
}
.main .p-search-keyword {
  display: flex;
}
.main .p-search-keyword dt {
  flex: none;
  margin-right: 1rem;
}
.main .p-search-keyword dd li {
  display: inline-block;
  margin-right: 0.5rem;
}
.main .l-main-container._recipe {
  padding-top: 3rem;
}
.main .p-recipe-info_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
.main .p-recipe-info {
  display: flex;
  flex-wrap: wrap;
}
.main .p-recipe-info .p-recipe-info_title {
  position: relative;
  display: inline-block;
  padding-left: 2.5rem;
}
.main .p-recipe-info .p-recipe-info_title:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: "";
}
.main .p-recipe-info .p-recipe-info_title._amount:after {
  background: url(/assets/images/honey/recipe/ico_amount.png) no-repeat center center;
}
.main .p-recipe-info .p-recipe-info_title._cal:after {
  background: url(/assets/images/honey/recipe/ico_cal.png) no-repeat center center;
}
.main .p-recipe-info .p-recipe-info_title._time:after {
  background: url(/assets/images/honey/recipe/ico_time.png) no-repeat center center;
}
.main .p-recipe-info dd {
  display: inline-block;
  margin-right: 2.5rem;
}
.main .p-recipe-print {
  min-width: 100px;
  text-align: right;
}
.main .p-recipe {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
  margin-bottom: 2rem;
}
.main .p-recipe_image {
  width: 100%;
  padding: 1rem;
  text-align: center;
}
.main .p-recipe_table {
  width: 100%;
  padding: 1rem;
}
.main .p-recipe_table .c-table th,
.main .p-recipe_table .c-table td {
  padding: 0.5rem 1rem;
  font-weight: normal;
}
.main .p-recipe-memo {
  padding: 1.2rem;
  background: #fbf5df;
}
.main .p-recipe-memo_title {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.8rem;
}
.main .p-recipe-memo_title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 3px;
  background: #f6b538;
  content: "";
}
.main .p-recipe-howto {
  margin-bottom: 1.5rem;
  border-top: 1px solid #dbdbdb;
  counter-reset: number;
}
.main .p-recipe-howto li {
  position: relative;
  display: flex;
  padding: 2rem 0;
  border-bottom: 1px solid #dbdbdb;
  counter-increment: number;
}
.main .p-recipe-howto li:before {
  flex: none;
  width: 4em;
  padding-left: 10px;
  content: counter(number);
}
.main .p-recipe-vote_btn {
  padding: 1.5rem 3rem;
  color: #fff;
  background: #3b220b;
  border-radius: 0;
}
.main .p-recipe-vote_btn span {
  position: relative;
  display: inline-block;
  padding-left: 3.5rem;
}
.main .p-recipe-vote_btn span:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url(/assets/images/honey/recipe/ico_vote.svg) no-repeat center center;
  background-size: contain;
  content: "";
}
.main .p-recipe-cate_btn {
  display: flex;
  height: 100%;
  padding-bottom: 1rem;
  color: #4d4d4d;
  border-bottom: 1px solid #dbdbdb;
}
.main .p-recipe-rank {
  position: relative;
  width: 100%;
  max-width: 900px;
}
.main .p-recipe-rank .p-itemlinks {
  margin-bottom: 5rem;
}
.main .p-recipe-rank .p-itemlinks_items .c-slick_arrows {
  top: 30%;
}
.main .p-recipe-rank .p-itemlinks_items .c-slick_arrows._prev {
  left: -10px;
}
.main .p-recipe-rank .p-itemlinks_items .c-slick_arrows._next {
  right: -10px;
}
.main .p-recipe_pagination {
  margin-top: 2.5rem;
}
.main .u-size-1-res {
  font-size: 2.8rem;
}
.main .u-size-2-res {
  font-size: 2.4rem;
}
.main .u-size-3-res {
  font-size: 2rem;
}
.main .u-size-4-res {
  font-size: 1.6rem;
  line-height: 1.5;
}
.main .u-size-5-res {
  font-size: 1.2rem;
  line-height: 1.4;
}
.main .u-size-6-res {
  font-size: 1.1rem;
  line-height: 1.3;
}
.main .u-font-min {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.main .u-text-i {
  font-style: italic;
}
.main .u-align-left {
  text-align: left;
}
.main .u-align-right {
  text-align: right;
}
.main .u-align-center {
  text-align: center;
}
.main .u-text-w-n {
  font-weight: normal;
}
.main .u-text-w-b {
  font-weight: bold;
}
.main .u-underline {
  text-decoration: underline;
}
.main .u-line-through {
  text-decoration: line-through;
}
.main .u-no-underline {
  text-decoration: none;
}
.main .u-size-1 {
  font-size: 3.6rem;
}
.main .u-size-2 {
  font-size: 2.8rem;
}
.main .u-size-3 {
  font-size: 2.4rem;
}
.main .u-size-4 {
  font-size: 1.8rem;
  line-height: 1.5;
}
.main .u-size-5 {
  font-size: 1.4rem;
  line-height: 1.4;
}
.main .u-size-6 {
  font-size: 1.2rem;
  line-height: 1.3;
}
.main .u-text-c-white {
  color: #fff;
}
.main .u-text-c-black {
  color: #000;
}
.main .u-text-c-text {
  color: #4d4d4d;
}
.main .u-text-c-black1 {
  color: #4d4d4d;
}
.main .u-text-c-black2 {
  color: #9f9f9f;
}
.main .u-text-c-black3 {
  color: #dbdbdb;
}
.main .u-text-c-black4 {
  color: #f5f5f5;
}
.main .u-text-c-brown1 {
  color: #3b220b;
}
.main .u-text-c-green1 {
  color: #1f6737;
}
.main .u-text-c-green2 {
  color: #298949;
}
.main .u-text-c-green3 {
  color: #90be20;
}
.main .u-text-c-blue1 {
  color: #0e76d2;
}
.main .u-text-c-blue2 {
  color: #137abe;
}
.main .u-text-c-purple1 {
  color: #4736b8;
}
.main .u-text-c-red1 {
  color: #cc0000;
}
.main .u-text-c-red2 {
  color: #d53426;
}
.main .u-text-c-red3 {
  color: #e94738;
}
.main .u-text-c-red4 {
  color: #fae5e5;
}
.main .u-text-c-pink1 {
  color: #d12174;
}
.main .u-text-c-yellow1 {
  color: #d0a500;
}
.main .u-text-c-yellow2 {
  color: #ffe860;
}
.main .u-text-c-yellow3 {
  color: #ece2bf;
}
.main .u-text-c-yellow4 {
  color: #fdf9ed;
}
.main .u-text-c-orange1 {
  color: #e16900;
}
.main .u-ma-5-res {
  margin: 3px !important;
}
.main .u-ma-10-res {
  margin: 6px !important;
}
.main .u-ma-15-res {
  margin: 9px !important;
}
.main .u-ma-20-res {
  margin: 12px !important;
}
.main .u-ma-25-res {
  margin: 15px !important;
}
.main .u-ma-30-res {
  margin: 18px !important;
}
.main .u-ma-40-res {
  margin: 24px !important;
}
.main .u-ma-50-res {
  margin: 30px !important;
}
.main .u-ma-75-res {
  margin: 45px !important;
}
.main .u-ma-100-res {
  margin: 60px !important;
}
.main .u-mt-5-res {
  margin-top: 3px !important;
}
.main .u-mt-10-res {
  margin-top: 6px !important;
}
.main .u-mt-15-res {
  margin-top: 9px !important;
}
.main .u-mt-20-res {
  margin-top: 12px !important;
}
.main .u-mt-25-res {
  margin-top: 15px !important;
}
.main .u-mt-30-res {
  margin-top: 18px !important;
}
.main .u-mt-40-res {
  margin-top: 24px !important;
}
.main .u-mt-50-res {
  margin-top: 30px !important;
}
.main .u-mt-75-res {
  margin-top: 45px !important;
}
.main .u-mt-100-res {
  margin-top: 60px !important;
}
.main .u-mr-5-res {
  margin-right: 3px !important;
}
.main .u-mr-10-res {
  margin-right: 6px !important;
}
.main .u-mr-15-res {
  margin-right: 9px !important;
}
.main .u-mr-20-res {
  margin-right: 12px !important;
}
.main .u-mr-25-res {
  margin-right: 15px !important;
}
.main .u-mr-30-res {
  margin-right: 18px !important;
}
.main .u-mr-40-res {
  margin-right: 24px !important;
}
.main .u-mr-50-res {
  margin-right: 30px !important;
}
.main .u-mr-75-res {
  margin-right: 45px !important;
}
.main .u-mr-100-res {
  margin-right: 60px !important;
}
.main .u-mb-5-res {
  margin-bottom: 3px !important;
}
.main .u-mb-10-res {
  margin-bottom: 6px !important;
}
.main .u-mb-15-res {
  margin-bottom: 9px !important;
}
.main .u-mb-20-res {
  margin-bottom: 12px !important;
}
.main .u-mb-25-res {
  margin-bottom: 15px !important;
}
.main .u-mb-30-res {
  margin-bottom: 18px !important;
}
.main .u-mb-40-res {
  margin-bottom: 24px !important;
}
.main .u-mb-50-res {
  margin-bottom: 30px !important;
}
.main .u-mb-75-res {
  margin-bottom: 45px !important;
}
.main .u-mb-100-res {
  margin-bottom: 60px !important;
}
.main .u-ml-5-res {
  margin-left: 3px !important;
}
.main .u-ml-10-res {
  margin-left: 6px !important;
}
.main .u-ml-15-res {
  margin-left: 9px !important;
}
.main .u-ml-20-res {
  margin-left: 12px !important;
}
.main .u-ml-25-res {
  margin-left: 15px !important;
}
.main .u-ml-30-res {
  margin-left: 18px !important;
}
.main .u-ml-40-res {
  margin-left: 24px !important;
}
.main .u-ml-50-res {
  margin-left: 30px !important;
}
.main .u-ml-75-res {
  margin-left: 45px !important;
}
.main .u-ml-100-res {
  margin-left: 60px !important;
}
.main .u-mx-5-res {
  margin-right: 3px !important;
  margin-left: 3px !important;
}
.main .u-mx-10-res {
  margin-right: 6px !important;
  margin-left: 6px !important;
}
.main .u-mx-15-res {
  margin-right: 9px !important;
  margin-left: 9px !important;
}
.main .u-mx-20-res {
  margin-right: 12px !important;
  margin-left: 12px !important;
}
.main .u-mx-25-res {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.main .u-mx-30-res {
  margin-right: 18px !important;
  margin-left: 18px !important;
}
.main .u-mx-40-res {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.main .u-mx-50-res {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.main .u-mx-75-res {
  margin-right: 45px !important;
  margin-left: 45px !important;
}
.main .u-mx-100-res {
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.main .u-my-5-res {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.main .u-my-10-res {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.main .u-my-15-res {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.main .u-my-20-res {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.main .u-my-25-res {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.main .u-my-30-res {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.main .u-my-40-res {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.main .u-my-50-res {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.main .u-my-75-res {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.main .u-my-100-res {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.main .u-pa-5-res {
  padding: 3px !important;
}
.main .u-pa-10-res {
  padding: 6px !important;
}
.main .u-pa-15-res {
  padding: 9px !important;
}
.main .u-pa-20-res {
  padding: 12px !important;
}
.main .u-pa-25-res {
  padding: 15px !important;
}
.main .u-pa-30-res {
  padding: 18px !important;
}
.main .u-pa-40-res {
  padding: 24px !important;
}
.main .u-pa-50-res {
  padding: 30px !important;
}
.main .u-pa-75-res {
  padding: 45px !important;
}
.main .u-pa-100-res {
  padding: 60px !important;
}
.main .u-pt-5-res {
  padding-top: 3px !important;
}
.main .u-pt-10-res {
  padding-top: 6px !important;
}
.main .u-pt-15-res {
  padding-top: 9px !important;
}
.main .u-pt-20-res {
  padding-top: 12px !important;
}
.main .u-pt-25-res {
  padding-top: 15px !important;
}
.main .u-pt-30-res {
  padding-top: 18px !important;
}
.main .u-pt-40-res {
  padding-top: 24px !important;
}
.main .u-pt-50-res {
  padding-top: 30px !important;
}
.main .u-pt-75-res {
  padding-top: 45px !important;
}
.main .u-pt-100-res {
  padding-top: 60px !important;
}
.main .u-pr-5-res {
  padding-right: 3px !important;
}
.main .u-pr-10-res {
  padding-right: 6px !important;
}
.main .u-pr-15-res {
  padding-right: 9px !important;
}
.main .u-pr-20-res {
  padding-right: 12px !important;
}
.main .u-pr-25-res {
  padding-right: 15px !important;
}
.main .u-pr-30-res {
  padding-right: 18px !important;
}
.main .u-pr-40-res {
  padding-right: 24px !important;
}
.main .u-pr-50-res {
  padding-right: 30px !important;
}
.main .u-pr-75-res {
  padding-right: 45px !important;
}
.main .u-pr-100-res {
  padding-right: 60px !important;
}
.main .u-pb-5-res {
  padding-bottom: 3px !important;
}
.main .u-pb-10-res {
  padding-bottom: 6px !important;
}
.main .u-pb-15-res {
  padding-bottom: 9px !important;
}
.main .u-pb-20-res {
  padding-bottom: 12px !important;
}
.main .u-pb-25-res {
  padding-bottom: 15px !important;
}
.main .u-pb-30-res {
  padding-bottom: 18px !important;
}
.main .u-pb-40-res {
  padding-bottom: 24px !important;
}
.main .u-pb-50-res {
  padding-bottom: 30px !important;
}
.main .u-pb-75-res {
  padding-bottom: 45px !important;
}
.main .u-pb-100-res {
  padding-bottom: 60px !important;
}
.main .u-pl-5-res {
  padding-left: 3px !important;
}
.main .u-pl-10-res {
  padding-left: 6px !important;
}
.main .u-pl-15-res {
  padding-left: 9px !important;
}
.main .u-pl-20-res {
  padding-left: 12px !important;
}
.main .u-pl-25-res {
  padding-left: 15px !important;
}
.main .u-pl-30-res {
  padding-left: 18px !important;
}
.main .u-pl-40-res {
  padding-left: 24px !important;
}
.main .u-pl-50-res {
  padding-left: 30px !important;
}
.main .u-pl-75-res {
  padding-left: 45px !important;
}
.main .u-pl-100-res {
  padding-left: 60px !important;
}
.main .u-px-5-res {
  padding-right: 3px !important;
  padding-left: 3px !important;
}
.main .u-px-10-res {
  padding-right: 6px !important;
  padding-left: 6px !important;
}
.main .u-px-15-res {
  padding-right: 9px !important;
  padding-left: 9px !important;
}
.main .u-px-20-res {
  padding-right: 12px !important;
  padding-left: 12px !important;
}
.main .u-px-25-res {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.main .u-px-30-res {
  padding-right: 18px !important;
  padding-left: 18px !important;
}
.main .u-px-40-res {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.main .u-px-50-res {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.main .u-px-75-res {
  padding-right: 45px !important;
  padding-left: 45px !important;
}
.main .u-px-100-res {
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.main .u-py-5-res {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.main .u-py-10-res {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.main .u-py-15-res {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.main .u-py-20-res {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.main .u-py-25-res {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.main .u-py-30-res {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.main .u-py-40-res {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.main .u-py-50-res {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.main .u-py-75-res {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.main .u-py-100-res {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.main .u-ma-0 {
  margin: 0 !important;
}
.main .u-ma-5 {
  margin: 5px !important;
}
.main .u-ma-10 {
  margin: 10px !important;
}
.main .u-ma-15 {
  margin: 15px !important;
}
.main .u-ma-20 {
  margin: 20px !important;
}
.main .u-ma-25 {
  margin: 25px !important;
}
.main .u-ma-30 {
  margin: 30px !important;
}
.main .u-ma-40 {
  margin: 40px !important;
}
.main .u-ma-50 {
  margin: 50px !important;
}
.main .u-ma-75 {
  margin: 75px !important;
}
.main .u-ma-100 {
  margin: 100px !important;
}
.main .u-mt-0 {
  margin-top: 0 !important;
}
.main .u-mt-5 {
  margin-top: 5px !important;
}
.main .u-mt-10 {
  margin-top: 10px !important;
}
.main .u-mt-15 {
  margin-top: 15px !important;
}
.main .u-mt-20 {
  margin-top: 20px !important;
}
.main .u-mt-25 {
  margin-top: 25px !important;
}
.main .u-mt-30 {
  margin-top: 30px !important;
}
.main .u-mt-40 {
  margin-top: 40px !important;
}
.main .u-mt-50 {
  margin-top: 50px !important;
}
.main .u-mt-75 {
  margin-top: 75px !important;
}
.main .u-mt-100 {
  margin-top: 100px !important;
}
.main .u-mr-0 {
  margin-right: 0 !important;
}
.main .u-mr-5 {
  margin-right: 5px !important;
}
.main .u-mr-10 {
  margin-right: 10px !important;
}
.main .u-mr-15 {
  margin-right: 15px !important;
}
.main .u-mr-20 {
  margin-right: 20px !important;
}
.main .u-mr-25 {
  margin-right: 25px !important;
}
.main .u-mr-30 {
  margin-right: 30px !important;
}
.main .u-mr-40 {
  margin-right: 40px !important;
}
.main .u-mr-50 {
  margin-right: 50px !important;
}
.main .u-mr-75 {
  margin-right: 75px !important;
}
.main .u-mr-100 {
  margin-right: 100px !important;
}
.main .u-mb-0 {
  margin-bottom: 0 !important;
}
.main .u-mb-5 {
  margin-bottom: 5px !important;
}
.main .u-mb-10 {
  margin-bottom: 10px !important;
}
.main .u-mb-15 {
  margin-bottom: 15px !important;
}
.main .u-mb-20 {
  margin-bottom: 20px !important;
}
.main .u-mb-25 {
  margin-bottom: 25px !important;
}
.main .u-mb-30 {
  margin-bottom: 30px !important;
}
.main .u-mb-40 {
  margin-bottom: 40px !important;
}
.main .u-mb-50 {
  margin-bottom: 50px !important;
}
.main .u-mb-75 {
  margin-bottom: 75px !important;
}
.main .u-mb-100 {
  margin-bottom: 100px !important;
}
.main .u-ml-0 {
  margin-left: 0 !important;
}
.main .u-ml-5 {
  margin-left: 5px !important;
}
.main .u-ml-10 {
  margin-left: 10px !important;
}
.main .u-ml-15 {
  margin-left: 15px !important;
}
.main .u-ml-20 {
  margin-left: 20px !important;
}
.main .u-ml-25 {
  margin-left: 25px !important;
}
.main .u-ml-30 {
  margin-left: 30px !important;
}
.main .u-ml-40 {
  margin-left: 40px !important;
}
.main .u-ml-50 {
  margin-left: 50px !important;
}
.main .u-ml-75 {
  margin-left: 75px !important;
}
.main .u-ml-100 {
  margin-left: 100px !important;
}
.main .u-mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.main .u-mx-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.main .u-mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.main .u-mx-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.main .u-mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.main .u-mx-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}
.main .u-mx-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.main .u-mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.main .u-mx-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}
.main .u-mx-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}
.main .u-mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}
.main .u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.main .u-my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.main .u-my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.main .u-my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.main .u-my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.main .u-my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.main .u-my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.main .u-my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.main .u-my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.main .u-my-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.main .u-my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.main .u-pa-0 {
  padding: 0 !important;
}
.main .u-pa-5 {
  padding: 5px !important;
}
.main .u-pa-10 {
  padding: 10px !important;
}
.main .u-pa-15 {
  padding: 15px !important;
}
.main .u-pa-20 {
  padding: 20px !important;
}
.main .u-pa-25 {
  padding: 25px !important;
}
.main .u-pa-30 {
  padding: 30px !important;
}
.main .u-pa-40 {
  padding: 40px !important;
}
.main .u-pa-50 {
  padding: 50px !important;
}
.main .u-pa-75 {
  padding: 75px !important;
}
.main .u-pa-100 {
  padding: 100px !important;
}
.main .u-pt-0 {
  padding-top: 0 !important;
}
.main .u-pt-5 {
  padding-top: 5px !important;
}
.main .u-pt-10 {
  padding-top: 10px !important;
}
.main .u-pt-15 {
  padding-top: 15px !important;
}
.main .u-pt-20 {
  padding-top: 20px !important;
}
.main .u-pt-25 {
  padding-top: 25px !important;
}
.main .u-pt-30 {
  padding-top: 30px !important;
}
.main .u-pt-40 {
  padding-top: 40px !important;
}
.main .u-pt-50 {
  padding-top: 50px !important;
}
.main .u-pt-75 {
  padding-top: 75px !important;
}
.main .u-pt-100 {
  padding-top: 100px !important;
}
.main .u-pr-0 {
  padding-right: 0 !important;
}
.main .u-pr-5 {
  padding-right: 5px !important;
}
.main .u-pr-10 {
  padding-right: 10px !important;
}
.main .u-pr-15 {
  padding-right: 15px !important;
}
.main .u-pr-20 {
  padding-right: 20px !important;
}
.main .u-pr-25 {
  padding-right: 25px !important;
}
.main .u-pr-30 {
  padding-right: 30px !important;
}
.main .u-pr-40 {
  padding-right: 40px !important;
}
.main .u-pr-50 {
  padding-right: 50px !important;
}
.main .u-pr-75 {
  padding-right: 75px !important;
}
.main .u-pr-100 {
  padding-right: 100px !important;
}
.main .u-pb-0 {
  padding-bottom: 0 !important;
}
.main .u-pb-5 {
  padding-bottom: 5px !important;
}
.main .u-pb-10 {
  padding-bottom: 10px !important;
}
.main .u-pb-15 {
  padding-bottom: 15px !important;
}
.main .u-pb-20 {
  padding-bottom: 20px !important;
}
.main .u-pb-25 {
  padding-bottom: 25px !important;
}
.main .u-pb-30 {
  padding-bottom: 30px !important;
}
.main .u-pb-40 {
  padding-bottom: 40px !important;
}
.main .u-pb-50 {
  padding-bottom: 50px !important;
}
.main .u-pb-75 {
  padding-bottom: 75px !important;
}
.main .u-pb-100 {
  padding-bottom: 100px !important;
}
.main .u-pl-0 {
  padding-left: 0 !important;
}
.main .u-pl-5 {
  padding-left: 5px !important;
}
.main .u-pl-10 {
  padding-left: 10px !important;
}
.main .u-pl-15 {
  padding-left: 15px !important;
}
.main .u-pl-20 {
  padding-left: 20px !important;
}
.main .u-pl-25 {
  padding-left: 25px !important;
}
.main .u-pl-30 {
  padding-left: 30px !important;
}
.main .u-pl-40 {
  padding-left: 40px !important;
}
.main .u-pl-50 {
  padding-left: 50px !important;
}
.main .u-pl-75 {
  padding-left: 75px !important;
}
.main .u-pl-100 {
  padding-left: 100px !important;
}
.main .u-px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.main .u-px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.main .u-px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.main .u-px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.main .u-px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.main .u-px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}
.main .u-px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.main .u-px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.main .u-px-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.main .u-px-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}
.main .u-px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}
.main .u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.main .u-py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.main .u-py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.main .u-py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.main .u-py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.main .u-py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.main .u-py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.main .u-py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.main .u-py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.main .u-py-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.main .u-py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.main .u-hide {
  display: none !important;
}
.main .u-hide {
  display: none !important;
}
.main .u-show {
  display: block !important;
}
.main .u-show {
  display: block !important;
}
.main .u-inline {
  display: inline;
}
.main .u-inline-block {
  display: inline-block;
}
.main .u-block {
  display: block;
}
.main .u-flex {
  display: flex;
}
.main .u-flex-row-s {
  flex-direction: row;
}
.main .u-flex-col-s {
  flex-direction: column;
}
.main .u-border-gray {
  border: 1px solid #dbdbdb;
}
.main .u-border-red {
  border: 1px solid #cc0000;
}
.main .u-border-green {
  border: 1px solid #1f6737;
}
.main .u-border-orange {
  border: 1px solid #e16900;
}
.main .u-border-blue {
  border: 1px solid #0e76d2;
}
.main .u-border-r {
  border-radius: 10px;
}
.main .u-border-no {
  border: none !important;
}
.main .u-divider {
  height: 1px;
  overflow: hidden;
  background-color: #dbdbdb;
}
.main .u-divider-1 {
  height: 1px;
  margin: 2rem 0 3rem;
  overflow: hidden;
  background-color: #dbdbdb;
}
.main .u-divider-2 {
  height: 1px;
  margin: 5rem 0 3rem;
  overflow: hidden;
  background-color: #dbdbdb;
}
.main .u-w-0 {
  width: 0;
}
.main .u-w-1 {
  width: 1rem;
}
.main .u-w-2 {
  width: 2rem;
}
.main .u-w-3 {
  width: 3rem;
}
.main .u-w-4 {
  width: 4rem;
}
.main .u-w-5 {
  width: 5rem;
}
.main .u-w-6 {
  width: 6rem;
}
.main .u-w-7 {
  width: 7rem;
}
.main .u-w-8 {
  width: 8rem;
}
.main .u-w-9 {
  width: 9rem;
}
.main .u-w-10 {
  width: 10rem;
}
.main .u-w-15 {
  width: 15rem;
}
.main .u-w-20 {
  width: 20rem;
}
.main .u-w-30 {
  width: 30rem;
}
.main .u-w-full {
  width: 100%;
}
.main .u-min-w-0 {
  min-width: 0;
}
.main .u-min-w-full {
  min-width: 100%;
}
.main .u-max-w-xs {
  max-width: 16rem;
}
.main .u-max-w-sm {
  max-width: 20rem;
}
.main .u-max-w-md {
  max-width: 24rem;
}
.main .u-max-w-lg {
  max-width: 28rem;
}
.main .u-max-w-xl {
  max-width: 32rem;
}
.main .u-max-w-full {
  max-width: 100%;
}
.main .u-w-10p {
  width: 10%;
}
.main .u-w-20p {
  width: 20%;
}
.main .u-w-30p {
  width: 30%;
}
.main .u-w-40p {
  width: 40%;
}
.main .u-w-50p {
  width: 50%;
}
.main .u-w-60p {
  width: 60%;
}
.main .u-w-70p {
  width: 70%;
}
.main .u-w-80p {
  width: 80%;
}
.main .u-w-90p {
  width: 90%;
}
.main .u-w-100p {
  width: 20%;
}
.main .u-w-auto {
  width: auto;
}
.main .u-h-0 {
  height: 0;
}
.main .u-h-1 {
  height: 1rem;
}
.main .u-h-2 {
  height: 2rem;
}
.main .u-h-3 {
  height: 3rem;
}
.main .u-h-4 {
  height: 4rem;
}
.main .u-h-5 {
  height: 5rem;
}
.main .u-h-6 {
  height: 6rem;
}
.main .u-h-7 {
  height: 7rem;
}
.main .u-h-8 {
  height: 8rem;
}
.main .u-h-9 {
  height: 9rem;
}
.main .u-h-10 {
  height: 10rem;
}
.main .u-h-15 {
  height: 15rem;
}
.main .u-h-20 {
  height: 20rem;
}
.main .u-h-30 {
  height: 30rem;
}
.main .u-h-full {
  height: 100%;
}
.main .u-min-h-0 {
  min-height: 0;
}
.main .u-min-h-50 {
  min-height: 50%;
}
.main .u-min-h-full {
  min-height: 100%;
}
.main .u-min-h-screen {
  min-height: 100vh;
}
.main .has-parent-selected {
  display: none;
}
.main .is-selected>.has-parent-selected {
  display: block;
}
.main .u-float-l {
  float: left;
}
.main .u-float-r {
  float: right;
}
.main .u-float-cb {
  clear: both;
}
.main .u-float-cn {
  clear: none;
}
.main .u-float-cf::after {
  display: block;
  clear: both;
  content: "";
}
.main .u-bgcolor-red {
  background: #fae5e5;
}
.main .u-bgcolor-gray {
  background: #f5f5f5;
}
.main .u-bgcolor-white {
  background: #fff;
}
.main .u-bgcolor-yellow {
  background: #fdf9ed;
}
.main .u-bgcolor-gray2 {
  background: rgb(242, 241, 237);
}
.main .u-bgcolor-green {
  background: #f2f7e9;
}
.main img.u-responsive-img,
.main video.u-responsive-video {
  max-width: 100%;
  height: auto;
}
.main .u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.main .u-indent-0 {
  text-indent: 0;
}
.main .u-lh-1 {
  line-height: 1 !important;
}
.main .u-break-words {
  word-wrap: break-word;
}
.main .u-break-all {
  word-break: break-all;
}
.main .l-col.grid-example {
  color: white;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  background-color: tomato;
  border: 1px solid #eee;
}
.main .grid-example2 {
  border: 1px solid #ccc;
}
.main .dv_recommend>.dv_rc_items:nth-child(n+4) {
  display: none;
}
.main .dv_rc_items {
  width: 25%;
  opacity: 0;
}
.main .dv_rc_items a {
  color: #4d4d4d;
}
.main .p-itemlinks_items:not(.slick-initialized) .dv_rc_items:nth-child(n+2) {
  display: none;
}
.main .p-itemlinks_items.slick-initialized .dv_rc_items {
  opacity: 1;
}
.main .dv_rc_img {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  overflow: hidden;
}
.main .dv_rc_img img {
  width: 100%;
  border: 1px solid #dbdbdb;
}
.main .dv_rc_name {
  font-weight: bold;
  font-size: 1.8rem;
}
.main .page-qa .qa-oft {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem;
  background: #f1f1e9;
  border: 1px solid #583d22;
}
.main .page-qa .qa-oft_title {
  padding: 0.8rem;
  color: #583d22;
  font-weight: bold;
}
.main .page-qa .qa-oft_items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .page-qa .qa-oft_item {
  padding: 0.8rem;
}
.main .page-qa .qa-oft_link {
  color: #583d22;
  text-decoration: underline;
}
.main .page-help .help-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .page-help .help-link {
  color: #583d22;
}
.main .page-help .help-link .c-icon {
  font-size: 1rem;
}
.main .page-first-time .order-steps {
  width: 96%;
  margin-left: auto;
  padding: 1.5rem;
  background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/first-time/bg_order-steps-sp.jpg") no-repeat right center;
  background-size: contain;
  border-left: 5px solid #228242;
}
.main .page-first-time .order-steps_title {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  color: #000;
  font-weight: bold;
  font-size: 1.8rem;
}
.main .page-first-time .order-steps_row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.main .page-first-time .order-steps_col {
  font-size: 1.4rem;
}
.main .page-first-time .order-steps_col .order-steps_top {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.main .page-first-time .order-steps_col .order-steps_bottom {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  padding-left: 2rem;
}
.main .page-first-time .order-steps_col .num {
  position: relative;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}
.main .page-first-time .order-steps_col .num::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  color: #edc64e;
  font-weight: normal;
  font-size: 4rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: right;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea25";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .page-first-time .order-steps_col .num>span {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  margin-top: -0.5em;
  line-height: 1;
}
.main .page-first-time .order-steps_btn {
  padding-top: 2rem;
  text-align: center;
}
.main .page-first-time .c-btn._beginner {
  padding: 1.5rem 3rem;
  color: #3b220b;
  background: #edc64e;
  border: 2px solid #fff;
  border-radius: 5px;
}
.main .page-first-time .c-btn._beginner::after {
  position: absolute;
  top: 50%;
  right: 2rem;
  left: auto;
  display: block;
  margin-top: -0.5em;
  color: #fff;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea2c";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .page-first-time .c-btn._beginner span {
  display: inline-block;
  padding-right: 1em;
}
.main .page-first-time .bd-bottom {
  position: relative;
}
.main .page-first-time .bd-bottom::after {
  position: absolute;
  bottom: 0;
  width: calc(100% - 4rem);
  height: 1px;
  background: #dbdbdb;
  content: "";
}
.main .page-first-time .title-flex {
  display: flex;
}
.main .page-first-time .title-flex .otoku {
  width: 6em;
  color: #ff3333;
}
.main .page-first-time .title-flex .text {
  color: #000;
}
.main .page-first-time .l-container.manufacturing {
  margin-top: 8rem;
  margin-bottom: 8rem;
  padding-top: 3rem;
  padding-bottom: 4rem;
  background: #3d2f23;
}
.main .page-index.l-main-container,
.main .page-index .l-main-container {
  padding-top: 0;
}
.main .page-index .main-area {
  min-height: 500px;
  background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/img_main-sp.jpg") center center;
  background-size: cover;
}
.main .page-index .main-area .main-area_inner {
  position: relative;
  width: 92%;
  max-width: 1280px;
  height: 500px;
  margin: 0 auto;
}
.main .page-index .main-area .text {
  position: absolute;
  top: 50px;
  right: 0;
  width: 100%;
  max-width: 65px;
}
.main .page-index .l-container.pickup-area {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background: #f8f8f6;
}
.main .page-index .l-container.pickup-area a {
  color: #4d4d4d;
}
.main .page-index .l-container.info-area {
  margin-top: 5rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/bg_info-area.jpg") center center;
  background-size: cover;
}
.main .page-index .c-btn._useful {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem 0.5rem;
  color: #3b220b;
  font-size: 1.4rem;
  background: #eceae4;
  border: none;
  border-bottom: 3px solid #cecbc3;
  border-radius: 0;
}
.main .page-index .c-btn._useful .c-icon {
  margin-top: 1rem;
  color: #278948;
  font-size: 4.5rem;
}
.main .page-index .btn-category {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 1.5rem;
  color: #000;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main .page-index .btn-category:hover,
.main .page-index .btn-category.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-index .btn-category .text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.7em;
  line-height: 1.4;
}
.main .page-index .btn-category .text>span {
  position: relative;
  display: inline-block;
  padding: 0 1em;
}
.main .page-index .btn-category .text>span::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  margin: auto;
  margin-top: -0.8rem;
  color: #fff;
  font-weight: normal;
  font-size: 1.3rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea30";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .page-index .btn-category._kenko {
  background: #82b326;
}
.main .page-index .btn-category._cosme {
  background: #e95c82;
}
.main .page-index .btn-category._honey {
  background: #f6b538;
}
.main .page-index .newslist_head_link {
  text-align: right;
}
.main .page-index .newslist_head_link a {
  color: #3b220b;
}
.main .page-index .newslist_items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main .page-index .newslist_item {
  padding: 1.5rem 0;
}
.main .page-index .newslist_head {
  margin-bottom: 1rem;
  padding-right: 1rem;
}
.main .page-index .newslist_date {
  width: 7em;
  padding-right: 1rem;
}
.main .page-index .newslist_body {
  flex: 1;
}
.main .page-index .newslist_body a {
  display: inline-block;
  color: #4d4d4d;
}
.main .page-index+.l-footer-outer .p-shoppingguide,
.main .page-index .p-shoppingguide {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/bg_shoppingguide.jpg) center center;
  background-size: cover;
}
.main .page-honey.l-main-container,
.main .page-honey .l-main-container {
  padding-top: 0;
}
.main .page-honey .l-container.main-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  max-height: 370px;
  margin-bottom: 0;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/img_main-sp.jpg) center center no-repeat;
  background-size: cover;
}
.main .page-honey .l-container.main-area .main-area_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 92%;
  max-width: 980px;
  height: 100%;
}
.main .page-honey .l-container.main-area .main_text {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding-top: 2.8rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 2.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.main .page-honey .l-container.main-area .main_text_foot {
  align-self: flex-end;
  width: 100%;
  padding-bottom: 1rem;
  color: #3b220b;
  font-weight: bold;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: right;
}
.main .page-honey .l-container.slider-area {
  padding-top: 0;
}
.main .page-honey .l-container.search-area {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #f6ead2;
}
.main .page-honey .l-container.search-area .search_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #3d2f23;
  line-height: 1.3;
}
.main .page-honey .l-container.search-area .search_btn:hover,
.main .page-honey .l-container.search-area .search_btn.focus-visible:focus {
  text-decoration: none;
}
.main .page-honey .l-container.search-area .search_btn .c-icon {
  width: 100%;
}
.main .page-honey .l-container.search-area .search_btn .search_btn_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .page-honey .l-container.search-area .search_btn .icon {
  margin-right: 0.5rem;
  font-size: 3rem;
}
.main .page-honey .c-title._min._bd-typeA>span::before {
  background: rgba(246, 181, 56, 0.2);
}
.main .page-honey .popular-honey-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 2rem;
}
.main .page-honey .popular-honey-area a {
  transition: 0.3s;
}
.main .page-honey .popular-honey-area a:hover,
.main .page-honey .popular-honey-area a.focus-visible:focus {
  color: #3b220b;
  opacity: 0.5;
}
.main .page-honey .popular-honey-area a:hover img,
.main .page-honey .popular-honey-area a.focus-visible:focus img {
  opacity: 1;
}
.main .page-honey .popular-honey-area .c-btn:hover,
.main .page-honey .popular-honey-area .c-btn.focus-visible:focus {
  opacity: 1;
}
.main .page-honey .popular-honey_domestic {
  position: relative;
  width: 100%;
  margin-bottom: 4rem;
  padding: 1rem;
  padding-bottom: 2rem;
}
.main .page-honey .popular-honey_domestic::after {
  position: absolute;
  top: 2.5rem;
  left: 0;
  z-index: -1;
  width: 100%;
  max-width: 90%;
  height: calc(100% - 2.5rem);
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/bg_honey_01.jpg) center center no-repeat;
  background-size: cover;
  content: "";
}
.main .page-honey .popular-honey_domestic .popular-honey_title {
  width: 100%;
  margin-bottom: 2rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.3;
}
.main .page-honey .popular-honey_domestic_info {
  width: 55%;
  max-width: 220px;
}
.main .page-honey .popular-honey_domestic_img {
  position: absolute;
  right: 0rem;
  bottom: -3rem;
  width: 45%;
  max-width: 240px;
}
.main .page-honey .popular-honey_other {
  display: flex;
  width: 100%;
  padding-top: 2rem;
  text-align: center;
}
.main .page-honey .popular-honey_other .box {
  width: 50%;
  padding: 1rem;
  text-align: center;
}
.main .page-honey .popular-honey_other .popular-honey_title {
  margin-bottom: 1rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.3;
  text-align: center;
}
.main .page-honey .popular-honey_other_img {
  width: 60%;
  margin: 0 auto 0.5rem;
}
.main .page-honey .title-cate {
  position: relative;
  margin-bottom: 1.5rem;
  font-weight: bold;
}
.main .page-honey .title-cate::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f6b538;
  content: "";
}
.main .page-honey .other-search_btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 3rem;
  text-align: center;
  border-bottom: 5px solid #f6b538;
}
.main .page-honey .other-search_btn:hover,
.main .page-honey .other-search_btn.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-honey .other-search_btn .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
}
.main .page-honey .other-search_btn .icon::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: 12.5rem;
  height: 12.5rem;
  margin: auto;
  background: #fdf0d7;
  border-radius: 50%;
  content: "";
}
.main .page-honey .other-search_btn .c-icon {
  width: 100%;
  color: #3d2f23;
  font-size: 6.5rem;
}
.main .page-honey .other-search_btn .text {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #3d2f23;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.main .page-honey .recipe-area {
  margin-bottom: 5rem;
  padding-bottom: 10rem;
  background: #fcf7e8;
}
.main .page-honey .recipe-area .recipe_contents {
  background: #fff;
}
.main .page-honey .recipe-area .recipe_contents_inner {
  padding: 0 1.5rem 3rem;
}
.main .page-honey .recipe-area .recipe_contents_inner a {
  color: #de0657;
}
.main .page-honey .recipe-area .recipe_title {
  display: flex;
  font-weight: bold;
  font-size: 3.2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.4;
}
.main .page-honey .recipe-area .recipe_title .ico_new {
  width: 50px;
  margin-right: 1rem;
}
.main .page-honey .recipe-area .recipe_title .c-icon {
  font-size: 1.4rem;
}
.main .page-honey .recipe-area .recipe_info {
  padding: 0.5rem;
  color: #583d23;
  background: #f1f0e7;
}
.main .page-honey .recipe-area .recipe_info .inner {
  padding: 0 1rem;
}
.main .page-honey .recipe-area .recipe_info .inner>span {
  display: inline-block;
  padding: 0 2rem;
}
.main .page-honey .recipe-area .recipe_row {
  display: flex;
  width: 100%;
}
.main .page-honey .recipe-area .recipe_row .recipe_col {
  width: 50%;
}
.main .page-honey .recipe-area .recipe_row .recipe_vol {
  width: 50%;
}
.main .page-honey .recipe-area .recipe_row .recipe_vol::before {
  display: inline-block;
  width: 3em;
  height: 1em;
  background-image: url(../images/honey/ico_dots.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.main .page-honey .recipe-area .recipe_rank a {
  color: #593232;
  font-weight: bold;
}
.main .page-honey .recipe-area .recipe_rank_title {
  position: relative;
  margin-bottom: 2rem;
  color: #edc64e;
  font-weight: bold;
  font-size: 2rem;
  transform: skewX(-8deg);
}
.main .page-honey .recipe-area .recipe_rank_title>span {
  position: relative;
  z-index: 1;
  padding-right: 1em;
  background: #fff;
}
.main .page-honey .recipe-area .recipe_rank_title::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #edc64e;
  content: "";
}
.main .page-honey .recipe-area .ico_rank {
  width: 70px;
  margin-bottom: 0.5rem;
}
.main .page-honey .about-area {
  padding-bottom: 3rem;
  background: #f8f8f6;
}
.main .page-honey .c-slick_arrows {
  background: #f4c25f;
}
.main .page-honey .c-slick_arrows:hover,
.main .page-honey .c-slick_arrows.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-honey .l-container.pickup-area {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background: #fef7eb;
}
.main .page-honey .l-container.pickup-area a {
  color: #4d4d4d;
}
.main .page-honey+.l-footer-outer .p-shoppingguide,
.main .page-honey .p-shoppingguide {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/bg_shoppingguide.jpg) center center;
  background-size: cover;
}
.main .page-kenko.l-main-container,
.main .page-kenko .l-main-container {
  padding-top: 0;
}
.main .page-kenko .l-container.main-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  max-height: 370px;
  margin-bottom: 0;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kenko/img_main-sp.jpg) center center no-repeat;
  background-size: cover;
}
.main .page-kenko .l-container.main-area .main-area_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 92%;
  max-width: 980px;
  height: 100%;
}
.main .page-kenko .l-container.main-area .main_text {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding-top: 2.8rem;
  padding-right: 3rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 2.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.main .page-kenko .l-container.main-area .main_text_foot {
  align-self: flex-end;
  width: 100%;
  padding-bottom: 1rem;
  color: #3b220b;
  font-weight: bold;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: right;
}
.main .page-kenko .l-container.slider-area {
  padding-top: 0;
}
.main .page-kenko .l-container.search-area {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #e6f0d4;
}
.main .page-kenko .l-container.search-area .search_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #3d2f23;
  line-height: 1.3;
}
.main .page-kenko .l-container.search-area .search_btn:hover,
.main .page-kenko .l-container.search-area .search_btn.focus-visible:focus {
  text-decoration: none;
}
.main .page-kenko .l-container.search-area .search_btn .c-icon {
  width: 100%;
}
.main .page-kenko .l-container.search-area .search_btn .search_btn_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .page-kenko .l-container.search-area .search_btn .icon {
  margin-right: 0.5rem;
  font-size: 2.8rem;
}
.main .page-kenko .l-container.search-area .search_btn .text {
  font-size: 1.3rem;
}
.main .page-kenko .c-title._min._bd-typeA>span::before {
  background: rgba(130, 179, 38, 0.3);
}
.main .page-kenko .other-search_btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 3rem;
  color: #3d2f23;
  text-align: center;
  border-bottom: 5px solid #82b326;
}
.main .page-kenko .other-search_btn:hover,
.main .page-kenko .other-search_btn.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-kenko .other-search_btn.c-icon._arrow3-r::before {
  right: 2rem;
  font-size: 2rem;
}
.main .page-kenko .other-search_btn .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
}
.main .page-kenko .other-search_btn .icon::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: 12.5rem;
  height: 12.5rem;
  margin: auto;
  background: #eaf1dc;
  border-radius: 50%;
  content: "";
}
.main .page-kenko .other-search_btn .c-icon {
  width: 100%;
  color: #3d2f23;
  font-size: 9rem;
}
.main .page-kenko .other-search_btn .text {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #3d2f23;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.3;
}
.main .page-kenko .about-area {
  padding-bottom: 3rem;
  background: #f8f8f6;
}
.main .page-kenko .c-slick_arrows {
  background: #b3d17b;
}
.main .page-kenko .c-slick_arrows:hover,
.main .page-kenko .c-slick_arrows.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-kenko .l-container.pickup-area {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background: #f2f7e9;
}
.main .page-kenko .l-container.pickup-area a {
  color: #4d4d4d;
}
.main .page-kenko+.l-footer-outer .p-shoppingguide,
.main .page-kenko .p-shoppingguide {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/bg_shoppingguide.jpg) center center;
  background-size: cover;
}
.main .page-cosme.l-main-container,
.main .page-cosme .l-main-container {
  padding-top: 0;
}
.main .page-cosme .l-container.main-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  max-height: 370px;
  margin-bottom: 0;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/img_main-sp.jpg) center center no-repeat;
  background-size: cover;
}
.main .page-cosme .l-container.main-area .main-area_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 92%;
  max-width: 980px;
  height: 100%;
}
.main .page-cosme .l-container.main-area .main_text {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding-top: 2.8rem;
  color: #3b220b;
  font-weight: bold;
  font-size: 2.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.main .page-cosme .l-container.main-area .main_text .ruby {
  position: relative;
}
.main .page-cosme .l-container.main-area .main_text .ruby .rt {
  position: absolute;
  top: 4.5rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  display: block;
}
.main .page-cosme .l-container.main-area .main_text_foot {
  align-self: flex-end;
  width: 100%;
  padding-bottom: 1rem;
  color: #3b220b;
  font-weight: bold;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: right;
}
.main .page-cosme .l-container.slider-area {
  padding-top: 0;
}
.main .page-cosme .l-container.search-area {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #fbdee6;
}
.main .page-cosme .l-container.search-area .search_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #3d2f23;
  line-height: 1.3;
}
.main .page-cosme .l-container.search-area .search_btn:hover,
.main .page-cosme .l-container.search-area .search_btn.focus-visible:focus {
  text-decoration: none;
}
.main .page-cosme .l-container.search-area .search_btn .c-icon {
  width: 100%;
}
.main .page-cosme .l-container.search-area .search_btn .search_btn_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .page-cosme .l-container.search-area .search_btn .icon {
  margin-right: 0.5rem;
  font-size: 2.8rem;
}
.main .page-cosme .l-container.search-area .search_btn .text {
  font-size: 1.3rem;
}
.main .page-cosme .c-title._min._bd-typeA>span::before {
  background: rgba(233, 92, 130, 0.3);
}
.main .page-cosme .search-cosme_btn {
  position: relative;
  display: block;
}
.main .page-cosme .search-cosme_btn:hover,
.main .page-cosme .search-cosme_btn.focus-visible:focus {
  opacity: 0.5;
}
.main .page-cosme .search-cosme_btn .text {
  position: absolute;
  top: 0.5rem;
  left: -0.5rem;
  display: block;
  color: #583d23;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.3;
  border-bottom: 1px solid #583d23;
}
.main .page-cosme .skincare-step-area {
  margin-bottom: 0;
}
.main .page-cosme .skincare-step {
  margin-top: 3rem;
}
.main .page-cosme .skincare-step .skincare-step_inner {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.main .page-cosme .skincare-step .skincare-step_btn {
  position: absolute;
  display: block;
  width: 25.3%;
  height: 10%;
  border-radius: 50%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a1 {
  top: 8.8%;
  left: 37.3%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a2 {
  top: 20.6%;
  left: 37.3%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a3 {
  top: 41.5%;
  left: 37.3%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a4 {
  top: 53.4%;
  left: 37.3%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a5 {
  top: 75%;
  left: 37.3%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a6 {
  top: 86.8%;
  left: 37.3%;
}
.main .page-cosme .skincare-step .skincare-step_btn._a7 {
  top: 41.3%;
  left: 67.2%;
  height: 38.1%;
  border-radius: 0;
}
.main .page-cosme .skin-check-area {
  margin-bottom: 0;
  padding-bottom: 5rem;
  background: #f6fafe url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/bg_skin-check-sp.jpg) center top no-repeat;
  background-size: cover;
}
.main .page-cosme .skin-check-area .skin-check_wrap {
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
}
.main .page-cosme .skin-check-area .skin-check_first {
  margin-bottom: 0;
  color: #3583c5;
}
.main .page-cosme .skin-check-area .skin-check_title {
  color: #3583c5;
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.main .page-cosme .skin-check-area .c-btn._check {
  width: 90%;
  max-width: 280px;
  padding: 1rem;
  color: #fff;
  background: #277bc2;
  border: none;
  box-shadow: 0px 3px 5px 0px #cecece;
}
.main .page-cosme .skin-check-area .c-btn._check::after {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  left: auto;
  display: block;
  margin-top: -0.5em;
  color: #fff;
  font-weight: normal;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea5f";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .page-cosme .skin-check-area .c-btn._check span {
  display: inline-block;
  padding-right: 1em;
}
.main .page-cosme .about-area {
  padding-bottom: 3rem;
  background: #f8f8f6;
}
.main .page-cosme .c-slick_arrows {
  background: #ee809d;
}
.main .page-cosme .c-slick_arrows:hover,
.main .page-cosme .c-slick_arrows.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-cosme .l-container.pickup-area {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background: #fdeef2;
}
.main .page-cosme .l-container.pickup-area a {
  color: #4d4d4d;
}
.main .page-cosme+.l-footer-outer .p-shoppingguide,
.main .page-cosme .p-shoppingguide {
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/bg_shoppingguide.jpg) center center;
  background-size: cover;
}
.main .page-kodawari.l-main-container,
.main .page-kodawari .l-main-container {
  padding-top: 0;
}
.main .page-kodawari .l-container.main-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  max-height: 370px;
  background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kodawari/img_main-sp.jpg) center center no-repeat;
  background-size: cover;
}
.main .page-kodawari .l-container.main-area .main-area_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 92%;
  max-width: 980px;
  height: 100%;
}
.main .page-kodawari .l-container.main-area .main_text {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  color: #3b220b;
  font-weight: bold;
  font-size: 2.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.main .page-kodawari .l-container.slider-area {
  margin-bottom: 5rem;
}
.main .page-kodawari .kenko-container {
  margin-bottom: 3rem;
}
.main .page-kodawari .kenko-container.about-area {
  padding-bottom: 3rem;
  background: #f8f8f6;
}
.main .page-kodawari .cosme-container {
  margin-bottom: 3rem;
}
.main .page-kodawari .cosme-container.about-area {
  padding-bottom: 3rem;
  background: #f8f8f6;
}
.main .page-kodawari .honey-container {
  margin-bottom: 3rem;
}
.main .page-kodawari .honey-container.about-area {
  padding-bottom: 3rem;
  background: #f8f8f6;
}
.main .page-gift.l-main-container,
.main .page-gift .l-main-container {
  padding-top: 0;
}
.main .page-gift .season-tab {
  margin-top: 4rem;
  margin-bottom: 5rem;
}
.main .page-gift .season-tab .c-tab_btn-items {
  align-items: flex-end;
  margin-bottom: 4rem;
  padding-bottom: 1px;
}
.main .page-gift .season-tab .c-tab_btn-items::after {
  height: 1px;
  background: #e8e8e8;
}
.main .page-gift .season-tab .c-tab_btn-item {
  padding: 0 0.5rem;
}
.main .page-gift .season-tab .c-tab_btn {
  font-weight: bold;
  border: none;
  border-radius: 3px 3px 0 0;
}
.main .page-gift .season-tab .c-tab_btn._spring {
  color: #607209;
  background: #f7f5d4;
}
.main .page-gift .season-tab .c-tab_btn._summer {
  color: #2d8996;
  background: #eef5f6;
}
.main .page-gift .season-tab .c-tab_btn._autumn {
  color: #b14c09;
  background: #f9f0ea;
}
.main .page-gift .season-tab .c-tab_btn._winter {
  color: #583d22;
  background: #f4f3ec;
}
.main .page-gift .season-tab .c-tab_btn.is-active {
  position: relative;
  bottom: -1px;
  z-index: 1;
  padding: 1rem 1rem;
  font-size: 1.8rem;
  background: #fff;
  border: 1px solid #dfd7cf;
  border-bottom: none;
}
.main .page-gift .season-tab .season-item_link {
  display: block;
}
.main .page-gift .season-tab .season-item_link:hover,
.main .page-gift .season-tab .season-item_link.focus-visible:focus {
  text-decoration: none;
  opacity: 0.5;
}
.main .page-gift .season-tab .season-item_image {
  position: relative;
  margin-top: 10rem;
  padding-right: 18%;
  padding-bottom: 2.5rem;
  padding-left: 18%;
  text-align: center;
  background: #eef5f6;
}
.main .page-gift .season-tab .season-item_image img {
  margin-top: -10rem;
}
.main .page-gift .season-tab ._spring .season-item_image {
  background: #f7f5d4;
}
.main .page-gift .season-tab ._summer .season-item_image {
  background: #eef5f6;
}
.main .page-gift .season-tab ._autumn .season-item_image {
  background: #f9f0ea;
}
.main .page-gift .season-tab ._winter .season-item_image {
  background: #f4f3ec;
}
.main .page-gift .season-tab .season-item_title {
  position: relative;
  top: -1.5rem;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.2;
  text-align: center;
}
.main .page-gift .season-tab ._spring .season-item_title {
  color: #607209;
}
.main .page-gift .season-tab ._summer .season-item_title {
  color: #2d8996;
}
.main .page-gift .season-tab ._autumn .season-item_title {
  color: #b14c09;
}
.main .page-gift .season-tab ._winter .season-item_title {
  color: #583d22;
}
.main .page-gift .season-tab .season-item_text {
  padding: 0 10%;
}
.main .page-royal-jelly-linenap .linenap-anchor {
  max-width: 1020px;
  margin: 0 auto;
  padding: 2rem;
  background: #e9ece8;
}
.main .page-royal-jelly-linenap .linenap-anchor-link {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 2rem 1rem 2.5rem;
  color: #4d4d4d;
  line-height: 1.3;
  background: #ffd062;
  border: 1px solid #fff;
  border-radius: 5px;
}
.main .page-royal-jelly-linenap .linenap-anchor-link::before {
  position: absolute;
  bottom: 0.5rem;
  font-weight: normal;
  font-size: 1.8rem;
  font-family: "ybficons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  content: "\ea35";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main .page-royal-jelly-linenap .linenap-anchor-link:hover,
.main .page-royal-jelly-linenap .linenap-anchor-link.focus-visible:focus {
  text-decoration: none;
  background: #e6f0d4;
  border: 1px solid #4d4d4d;
}
.main .page-royal-jelly-linenap .linenap-anchor-link .title {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 2.2rem;
}
.main .page-royal-jelly-linenap .linenap-anchor-link>* {
  width: 100%;
}
.main .page-royal-jelly-linenap .osusume-wrap {
  display: table;
  min-height: 4rem;
  overflow: hidden;
  color: #fff;
  font-size: 2rem;
  background: #3c220c;
}
.main .page-royal-jelly-linenap .osusume-wrap .osusume {
  position: relative;
  display: table-cell;
  margin-right: 2rem;
  padding: 0.5rem 2rem 0.2rem;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  background: #e16900;
}
.main .page-royal-jelly-linenap .osusume-wrap .osusume::before {
  position: absolute;
  top: 50%;
  right: -3rem;
  width: 0;
  height: 100%;
  border-color: transparent transparent transparent #e16900;
  border-style: solid;
  border-width: 4rem 1.5rem;
  transform: translateY(-50%);
  content: "";
}
.main .page-royal-jelly-linenap .osusume-wrap .type {
  display: table-cell;
  margin-right: 2rem;
  padding: 0.5rem 2rem 0.2rem 4rem;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.main .page-royal-jelly-linenap .other-wrap {
  display: table;
  min-height: 3rem;
  overflow: hidden;
  font-size: 1.6rem;
}
.main .page-royal-jelly-linenap .other-wrap .type {
  position: relative;
  display: table-cell;
  margin-right: 2rem;
  padding: 0.5rem 2rem 0.2rem;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  background: #3c220c;
}
.main .page-royal-jelly-linenap .other-wrap .type::before {
  position: absolute;
  top: 50%;
  right: -3rem;
  width: 0;
  height: 100%;
  border-color: transparent transparent transparent #3c220c;
  border-style: solid;
  border-width: 4rem 1.5rem;
  transform: translateY(-50%);
  content: "";
}
.main .page-royal-jelly-linenap .other-wrap .text {
  display: table-cell;
  margin-right: 2rem;
  padding: 0.5rem 0 0.2rem 2.5rem;
  font-weight: normal;
  vertical-align: middle;
}
@media only print,
screen and (min-width: 768px) {
  /* body, */
  .main,
  .main p {
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .main h1 {
    font-size: 3.6rem;
  }
  .main h2 {
    font-size: 2.8rem;
  }
  .main h3 {
    font-size: 2.4rem;
  }
  .main h4 {
    font-size: 1.6rem;
  }
  .main h5,
  .main h6,
  .main h7,
  .main h8,
  .main h9 {
    font-size: 1.6rem;
  }
  .main p:not(:last-child),
  .main h1:not(:last-child),
  .main h2:not(:last-child),
  .main h3:not(:last-child),
  .main h4:not(:last-child),
  .main h5:not(:last-child),
  .main h6:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .main p:not(:last-child),
  .main h1:not(:last-child),
  .main h2:not(:last-child),
  .main h3:not(:last-child),
  .main h4:not(:last-child),
  .main h5:not(:last-child),
  .main h6:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .main .datepickers-container {
    left: 0;
    width: auto;
  }
  .main .datepicker.active {
    min-width: 350px;
  }
  .main .l-container._m-full {
    width: 100%;
    max-width: none;
  }
  .main .l-container+.l-container {
    padding-top: 5rem;
  }
  .main html.is-old-fixed .l-container {
    min-width: 950px;
    margin: 0 auto;
  }
  .main .l-container-2col {
    display: flex;
  }
  .main .l-container-2col_side {
    flex: none;
    order: 1;
    width: 25%;
    min-width: 180px;
    margin-right: 4%;
    margin-bottom: 0;
  }
  .main .l-container-2col_main {
    flex: 1 1 0;
    order: 2;
    width: 75%;
    min-width: 498px;
  }
  .main .l-row>.l-col.m\:_self-center {
    align-self: center;
  }
  .main .l-row>.l-col.m\:_self-start {
    align-self: flex-start;
  }
  .main .l-row>.l-col.m\:_self-end {
    align-self: flex-end;
  }
  .main .l-row>.l-col.m\:_variable {
    flex: 1 1 auto;
  }
  .main .l-row.m\:_singleline {
    flex-wrap: nowrap;
  }
  .main .l-row.m\:_v-center {
    align-items: center;
  }
  .main .l-row.m\:_v-start {
    align-items: flex-start;
  }
  .main .l-row.m\:_v-end {
    align-items: flex-end;
  }
  .main .l-row.m\:_row-reverse {
    flex-direction: row-reverse;
  }
  .main .l-row.m\:_equally>.l-col {
    flex: 1 1 0;
    float: none;
  }
  .main .l-row.m\:_justify-start {
    justify-content: flex-start;
  }
  .main .l-row.m\:_justify-end {
    justify-content: flex-end;
  }
  .main .l-row.m\:_justify-center {
    justify-content: center;
  }
  .main .l-row.m\:_s-between {
    justify-content: space-between;
  }
  .main .l-row.m\:_s-around {
    justify-content: space-around;
  }
  .main .l-row.m\:_gap-50 {
    margin: -5rem;
  }
  .main .l-row.m\:_gap-50>.l-col {
    padding: 5rem;
  }
  .main .l-row.m\:_gap-x50 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .main .l-row.m\:_gap-x50>.l-col {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .main .l-row.m\:_gap-y50 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }
  .main .l-row.m\:_gap-y50>.l-col {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .main .l-row.m\:_gap-40 {
    margin: -4rem;
  }
  .main .l-row.m\:_gap-40>.l-col {
    padding: 4rem;
  }
  .main .l-row.m\:_gap-x40 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .main .l-row.m\:_gap-x40>.l-col {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .main .l-row.m\:_gap-y40 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }
  .main .l-row.m\:_gap-y40>.l-col {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .main .l-row.m\:_gap-30 {
    margin: -3rem;
  }
  .main .l-row.m\:_gap-30>.l-col {
    padding: 3rem;
  }
  .main .l-row.m\:_gap-x30 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .main .l-row.m\:_gap-x30>.l-col {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .main .l-row.m\:_gap-y30 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }
  .main .l-row.m\:_gap-y30>.l-col {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .main .l-row.m\:_gap-25 {
    margin: -2.5rem;
  }
  .main .l-row.m\:_gap-25>.l-col {
    padding: 2.5rem;
  }
  .main .l-row.m\:_gap-x25 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .main .l-row.m\:_gap-x25>.l-col {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .main .l-row.m\:_gap-y25 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }
  .main .l-row.m\:_gap-y25>.l-col {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .main .l-row.m\:_gap-20 {
    margin: -2rem;
  }
  .main .l-row.m\:_gap-20>.l-col {
    padding: 2rem;
  }
  .main .l-row.m\:_gap-x20 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .main .l-row.m\:_gap-x20>.l-col {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .main .l-row.m\:_gap-y20 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }
  .main .l-row.m\:_gap-y20>.l-col {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .main .l-row.m\:_gap-15 {
    margin: -1.5rem;
  }
  .main .l-row.m\:_gap-15>.l-col {
    padding: 1.5rem;
  }
  .main .l-row.m\:_gap-x15 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .main .l-row.m\:_gap-x15>.l-col {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .main .l-row.m\:_gap-y15 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }
  .main .l-row.m\:_gap-y15>.l-col {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .main .l-row.m\:_gap-10 {
    margin: -1rem;
  }
  .main .l-row.m\:_gap-10>.l-col {
    padding: 1rem;
  }
  .main .l-row.m\:_gap-x10 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .main .l-row.m\:_gap-x10>.l-col {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .main .l-row.m\:_gap-y10 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
  .main .l-row.m\:_gap-y10>.l-col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .main .l-row.m\:_gap-5 {
    margin: -0.5rem;
  }
  .main .l-row.m\:_gap-5>.l-col {
    padding: 0.5rem;
  }
  .main .l-row.m\:_gap-x5 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .main .l-row.m\:_gap-x5>.l-col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .main .l-row.m\:_gap-y5 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .main .l-row.m\:_gap-y5>.l-col {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .main .l-row.m\:_gap-0 {
    margin: 0;
  }
  .main .l-row.m\:_gap-0>.l-col {
    padding: 0;
  }
  .main .l-row.m\:_gap-x0 {
    margin-right: 0;
    margin-left: 0;
  }
  .main .l-row.m\:_gap-x0>.l-col {
    padding-right: 0;
    padding-left: 0;
  }
  .main .l-row.m\:_gap-y0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main .l-row.m\:_gap-y0>.l-col {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main .l-row>.l-col._m-auto {
    width: auto;
  }
  .main .l-row>.l-col._m1 {
    width: 8.3333333333%;
  }
  .main .l-row>.l-col._m2 {
    width: 16.6666666667%;
  }
  .main .l-row>.l-col._m3 {
    width: 25%;
  }
  .main .l-row>.l-col._m4 {
    width: 33.3333333333%;
  }
  .main .l-row>.l-col._m5 {
    width: 41.6666666667%;
  }
  .main .l-row>.l-col._m6 {
    width: 50%;
  }
  .main .l-row>.l-col._m7 {
    width: 58.3333333333%;
  }
  .main .l-row>.l-col._m8 {
    width: 66.6666666667%;
  }
  .main .l-row>.l-col._m9 {
    width: 75%;
  }
  .main .l-row>.l-col._m10 {
    width: 83.3333333333%;
  }
  .main .l-row>.l-col._m11 {
    width: 91.6666666667%;
  }
  .main .l-row>.l-col._m12 {
    width: 100%;
  }
  .main .l-row>.l-col._offset-m1 {
    margin-left: 8.3333333333%;
  }
  .main .l-row>.l-col._pull-m1 {
    right: 8.3333333333%;
  }
  .main .l-row>.l-col._push-m1 {
    left: 8.3333333333%;
  }
  .main .l-row>.l-col._offset-m2 {
    margin-left: 16.6666666667%;
  }
  .main .l-row>.l-col._pull-m2 {
    right: 16.6666666667%;
  }
  .main .l-row>.l-col._push-m2 {
    left: 16.6666666667%;
  }
  .main .l-row>.l-col._offset-m3 {
    margin-left: 25%;
  }
  .main .l-row>.l-col._pull-m3 {
    right: 25%;
  }
  .main .l-row>.l-col._push-m3 {
    left: 25%;
  }
  .main .l-row>.l-col._offset-m4 {
    margin-left: 33.3333333333%;
  }
  .main .l-row>.l-col._pull-m4 {
    right: 33.3333333333%;
  }
  .main .l-row>.l-col._push-m4 {
    left: 33.3333333333%;
  }
  .main .l-row>.l-col._offset-m5 {
    margin-left: 41.6666666667%;
  }
  .main .l-row>.l-col._pull-m5 {
    right: 41.6666666667%;
  }
  .main .l-row>.l-col._push-m5 {
    left: 41.6666666667%;
  }
  .main .l-row>.l-col._offset-m6 {
    margin-left: 50%;
  }
  .main .l-row>.l-col._pull-m6 {
    right: 50%;
  }
  .main .l-row>.l-col._push-m6 {
    left: 50%;
  }
  .main .l-row>.l-col._offset-m7 {
    margin-left: 58.3333333333%;
  }
  .main .l-row>.l-col._pull-m7 {
    right: 58.3333333333%;
  }
  .main .l-row>.l-col._push-m7 {
    left: 58.3333333333%;
  }
  .main .l-row>.l-col._offset-m8 {
    margin-left: 66.6666666667%;
  }
  .main .l-row>.l-col._pull-m8 {
    right: 66.6666666667%;
  }
  .main .l-row>.l-col._push-m8 {
    left: 66.6666666667%;
  }
  .main .l-row>.l-col._offset-m9 {
    margin-left: 75%;
  }
  .main .l-row>.l-col._pull-m9 {
    right: 75%;
  }
  .main .l-row>.l-col._push-m9 {
    left: 75%;
  }
  .main .l-row>.l-col._offset-m10 {
    margin-left: 83.3333333333%;
  }
  .main .l-row>.l-col._pull-m10 {
    right: 83.3333333333%;
  }
  .main .l-row>.l-col._push-m10 {
    left: 83.3333333333%;
  }
  .main .l-row>.l-col._offset-m11 {
    margin-left: 91.6666666667%;
  }
  .main .l-row>.l-col._pull-m11 {
    right: 91.6666666667%;
  }
  .main .l-row>.l-col._push-m11 {
    left: 91.6666666667%;
  }
  .main .l-row>.l-col._offset-m12 {
    margin-left: 100%;
  }
  .main .l-row>.l-col._pull-m12 {
    right: 100%;
  }
  .main .l-row>.l-col._push-m12 {
    left: 100%;
  }
  .main .c-form-element_outer._label-inline .c-form-element_label {
    width: auto;
    min-width: 5rem;
    margin-bottom: 0;
    padding-right: 1.5rem;
  }
  .main .c-form-element_outer._label-inline .c-form-element_body {
    flex: 1 1 0;
    width: auto;
  }
  .main .c-label,
  .main .c-radio,
  .main .c-checkbox {
    display: inline-block;
  }
  .main .c-form-col_label .c-label {
    display: block;
    margin-bottom: 1rem;
  }
  .main .c-btn._type-submit ._l {
    font-size: 2.4rem;
  }
  .main .c-btn._type-submit-outline ._l {
    font-size: 2.4rem;
  }
  .main .c-btn._type-detail {
    padding: 1.5rem 4rem;
  }
  .main .c-btn._type-detail::after {
    right: 1.5rem;
  }
  .main .c-btn._m1 {
    width: 8.3333333333%;
  }
  .main .c-btn._m2 {
    width: 16.6666666667%;
  }
  .main .c-btn._m3 {
    width: 25%;
  }
  .main .c-btn._m4 {
    width: 33.3333333333%;
  }
  .main .c-btn._m5 {
    width: 41.6666666667%;
  }
  .main .c-btn._m6 {
    width: 50%;
  }
  .main .c-btn._m7 {
    width: 58.3333333333%;
  }
  .main .c-btn._m8 {
    width: 66.6666666667%;
  }
  .main .c-btn._m9 {
    width: 75%;
  }
  .main .c-btn._m10 {
    width: 83.3333333333%;
  }
  .main .c-btn._m11 {
    width: 91.6666666667%;
  }
  .main .c-btn._m12 {
    width: 100%;
  }
  .main .c-social-btn_wrap .btn {
    text-align: center;
  }
  .main .c-steps_items::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #dbdbdb;
    content: "";
  }
  .main .c-steps_item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    padding: 1em 0.5em;
    text-align: center;
  }
  .main .c-steps_item .item_l {
    display: block;
  }
  .main .c-steps_item .item_s {
    display: none;
  }
  .main .c-steps_item.is-active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    background: #298949;
    content: "";
  }
  .main .c-radio-steps_items {
    margin: 0 10%;
  }
  .main .c-input-toggle._pad>label {
    padding: 2.5rem 2.5rem;
  }
  .main .c-input-toggle._pad .c-input-toggle_show {
    padding: 0.5rem 2.5rem 2.5rem;
  }
  .main .c-input-toggle:not(:last-child) {
    margin-bottom: 1rem;
  }
  .main .c-tab-radio_btn-items>li {
    min-width: 25%;
  }
  .main .c-tab-radio_btn-items {
    flex-direction: row;
  }
  .main .c-tab-radio_content {
    padding: 2.5rem;
  }
  .main .c-modal-inline_inner {
    padding: 5rem;
  }
  .main .c-balloon .num {
    font-size: 2.2rem;
  }
  .main .p-header._simple .p-header_contents-inner {
    padding: 22px 0;
  }
  .main .p-header._popup .p-header_contents-inner {
    padding: 22px 0;
  }
  .main .p-header.is-fixed {
    padding-top: 172px;
  }
  .main .p-header.is-fixed .p-header_logo {
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 1;
    width: 100%;
  }
  .main .p-header.is-fixed .p-header_search {
    top: 10px;
  }
  .main .p-header.is-fixed .p-header_accountlinks {
    margin-top: 25px;
  }
  .main .p-header.is-fixed .p-header_accountlinks_history .icon,
  .main .p-header.is-fixed .p-header_accountlinks_support .icon {
    display: none;
  }
  .main .p-header.is-fixed .p-header_contents {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    transform: translateY(0);
    transition: transform 0.15s;
  }
  .main .p-header.is-fixed .p-header_accountlinks_link {
    height: 50px;
  }
  .main .p-header.is-fixed .p-header_accountlinks_link .price {
    display: none;
  }
  .main .p-header.is-fixed .p-header_accountlinks_link .delivery {
    display: none;
  }
  .main .p-header_search {
    top: 30px;
    display: block;
    width: 50%;
    padding: 0;
    background: transparent;
  }
  .main .p-header_accountlinks_search {
    display: none;
  }
  .main .p-header_accountlinks_history {
    display: block;
  }
  .main .p-header_accountlinks_support {
    display: block;
  }
  .main .p-header_accountlinks_mypage-login .row {
    display: flex;
    align-items: center;
  }
  .main .p-header_accountlinks_mypage-login .row>.col.col-name {
    padding-left: 1rem;
  }
  .main .p-header_accountlinks_mypage-login .row>.col .text {
    line-height: 1.5;
  }
  .main .p-header_accountlinks_mypage-login .row>.col .name {
    line-height: 1.3;
  }
  .main .p-header_accountlinks_cart.is-active .price+.text {
    display: none;
  }
  .main .p-header_cartview_inner {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 172px);
    max-height: 596px;
  }
  .main .p-header_globalnav-close .c-btn {
    padding: 0.4rem 2.5rem;
  }
  .main .p-header_globalnav-close .c-btn .c-icon {
    padding-right: 0.5rem;
    font-size: 0.7em;
    vertical-align: middle;
  }
  .main .p-header-sp {
    display: none !important;
  }
  .main .p-header-sp_submenu {
    display: none;
  }
  .main .p-header_bg {
    display: none;
  }
  .main .p-footer_sitemap {
    padding: 70px 0;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/common/footer/sitemap_bg.png);
  }
  .main .p-footer_sitemap>.inner>.row {
    flex-direction: row;
    margin: 0 -1rem;
    border: 0;
  }
  .main .p-footer_sitemap>.inner>.row>.col {
    flex: 1 1 0;
    padding: 0 1rem;
  }
  .main .p-sitemap_toggle:not(:last-child) {
    margin-bottom: 5rem;
  }
  .main .p-footer_banners {
    padding: 50px 0 0;
    background: transparent;
  }
  .main .p-footer_banners .title {
    margin-bottom: 2.5rem;
  }
  .main .p-footer_banners .l-row {
    margin: 0 -2.5rem;
  }
  .main .p-footer_banners .l-col {
    width: auto;
    padding: 0 2.5rem;
  }
  .main ._simple .p-footer_banners {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
  .main .p-footer_sns {
    padding: 50px 0 0;
    background: transparent;
  }
  .main .p-footer_sns .title {
    margin-bottom: 2.5rem;
  }
  .main .p-footer_sns .l-col {
    width: auto;
    padding: 0 2rem;
  }
  .main .p-footer_links .item {
    display: inline-block;
  }
  .main .p-footer_links .item+.item {
    margin-top: 0;
    margin-left: 3em;
  }
  .main .p-toggle-column_wrap.is-before-open .p-toggle-column_toggle {
    margin-top: 1.5rem;
  }
  .main .p-toggle-column_wrap.is-before-open .p-toggle-column_btn:after {
    position: absolute;
    bottom: -1.6rem;
    left: 0;
    display: block;
    width: 100%;
    height: 1.5rem;
    background: #fdf9ed;
    content: "";
  }
  .main .p-itemlink_image {
    margin-bottom: 1.5rem;
  }
  .main .p-sample-select-modal_radio .c-input-toggle {
    display: inline-block;
    width: 42%;
    margin-right: 5%;
  }
  .main .p-sample-select-modal_notselect .c-btn {
    width: 42%;
    margin-right: 5%;
  }
  .main .p-alert_btns {
    flex-direction: row-reverse;
  }
  .main .p-itemlist-sidemenu_filter {
    display: block;
  }
  .main .p-itemlist-sidemenu_group {
    display: block;
  }
  .main .p-itemlist-sidemenu_contents {
    display: block;
  }
  .main .p-itemlist-sidemenu_title {
    display: block;
  }
  .main .p-itemlist-sidemenu_title._toggle {
    display: none;
  }
  .main .p-itemlist-sidemenu_title .inner {
    padding: 1.5rem 2rem;
  }
  .main .p-itemlist-sidemenu_subtitle {
    display: block;
  }
  .main .p-itemlist-sidemenu_sp-title {
    display: none;
  }
  .main .p-sidemenu_contents {
    display: block;
  }
  .main .p-sidemenu_title {
    display: block;
    padding: 3rem 2rem 0;
  }
  .main .p-sidemenu_title._toggle {
    display: none;
  }
  .main .p-sidemenu_title .inner {
    padding: 0 0 1rem;
    font-size: 1.8rem;
    border-bottom: 1px solid #dbdbdb;
  }
  .main .p-shoppingguide {
    padding: 70px 0;
  }
  .main .p-shoppingguide .inner {
    padding: 50px 6% 65px;
  }
  .main .p-shoppingguide._btn {
    padding-top: 0;
  }
  .main .p-shoppingguide._btn .inner {
    padding: 0;
  }
  .main .p-shoppingguide_head_link {
    margin-top: -1.5em;
  }
  .main .p-orderhistory_product-title {
    font-size: 1.8rem;
  }
  .main .p-orderhistory_confirm .title {
    width: 10em;
    padding: 0.2rem 0.5rem;
  }
  .main .p-orderhistory_confirm .content {
    padding: 0.2rem 0.5rem;
    font-size: 1.8rem;
  }
  .main .p-orderhistory_wrap {
    order: 1;
  }
  .main .p-orderhistory_address {
    padding: 2rem 2.5rem;
    background: #f5f5f5;
    border-right: none;
    border-bottom: none;
  }
  .main .p-orderhistory_payment {
    padding: 2rem 2.5rem;
    border-top: 1px solid #dbdbdb;
  }
  .main .p-orderhistory_price {
    padding: 2rem 2.5rem;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
  }
  .main .p-coupon-present .p-coupon-present_coupon .p-coupon-present_inner {
    margin-bottom: 1rem;
    padding: 2.5rem;
    background: rgba(144, 190, 32, 0.1);
    border: 1px solid #90be20;
    border-radius: 10px;
  }
  .main .p-coupon-present .p-coupon-present_present .p-coupon-present_inner {
    margin-bottom: 1rem;
    padding: 2.5rem;
    background: rgba(14, 118, 210, 0.1);
    border: 1px solid #0e76d2;
    border-radius: 10px;
  }
  .main .p-special-notice {
    padding: 4rem 0;
  }
  .main .p-cart-items_total_wrap {
    padding-top: 0 !important;
  }
  .main .p-cart-items_total_wrap .p-cart-items_total>.inner {
    border-top: none;
  }
  .main .p-login .p-login_contents>.inner {
    padding-right: 1rem;
  }
  .main .p-login .p-login_orderfirst {
    margin-top: 5rem;
    border-left: 1px solid #dbdbdb;
  }
  .main .p-login .p-login_orderfirst>.inner {
    padding-left: 1rem;
  }
  .main .p-border-item {
    padding: 2.5rem 0;
  }
  .main .p-matome_image {
    border: 1px solid #dbdbdb;
  }
  .main .p-matome_image_flag {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 90px;
    height: 90px;
    font-size: 1.8rem;
  }
  .main .p-newslist._magazin .p-newslist_body {
    padding: 0 2.5rem;
  }
  .main .p-newslist._magazin .p-newslist_image {
    margin-bottom: 0;
  }
  .main .p-product-detail-popup ul {
    padding: 2.5rem;
  }
  .main .p-radio-switch .c-radio {
    padding: 1.5rem;
  }
  .main .p-breadcrumb_inner li:before {
    padding: 0 1rem;
  }
  .main .p-anchor-list_item {
    width: 33.3333333333%;
  }
  .main .p-center-slider .slick-prev,
  .main .p-center-slider .slick-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  .main .p-center-slider .slick-prev::before,
  .main .p-center-slider .slick-next::before {
    width: 40px;
    height: 40px;
    font-size: 4rem;
  }
  .main .p-center-slider .slick-prev {
    margin-left: -20px;
  }
  .main .p-center-slider .slick-next {
    margin-right: -20px;
  }
  .main .p-center-slider .slick-dots {
    bottom: 5%;
  }
  .main .p-center2-slider .slick-dots {
    bottom: 5%;
    left: 50%;
    width: 50%;
  }
  .main .p-center2-slider .p-center2-slider-item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .main .p-center2-slider .p-center2-slider-item .p-center2-slider-item_img {
    width: 50%;
  }
  .main .p-center2-slider .p-center2-slider-item .p-center2-slider-item_text {
    width: 50%;
    padding: 20px 20px 50px;
  }
  .main .p-full-slider .slick-dots {
    bottom: -46px;
  }
  .main .p-full-slider .p-full-slider-item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .main .p-full-slider .p-full-slider-item .p-full-slider-item_img {
    width: 60%;
  }
  .main .p-full-slider .p-full-slider-item .p-full-slider-item_text {
    width: 40%;
    max-width: 500px;
    padding: 0 20px 10px;
  }
  .main .p-account-logout {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: 0.5em;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .main .p-account-logout+.p-account-title {
    padding-right: 14rem;
  }
  .main .p-creditcard .p-creditcard_data {
    display: flex;
  }
  .main .p-creditcard .p-creditcard_num {
    padding: 1rem 3rem;
  }
  .main .p-creditcard .p-creditcard_kigen {
    padding: 1rem 3rem;
  }
  .main .p-creditcard .p-creditcard_img {
    order: -1;
  }
  .main .p-creditcard_new {
    background: #fff;
  }
  .main .p-pagination .page-num {
    display: none;
  }
  .main .p-pagination .page-list {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
  }
  .main .p-pagination .page-list .page-link {
    margin-right: 1rem;
  }
  .main .p-pagination .page-top {
    display: block;
    margin-right: 1rem;
    padding: 1rem 3rem;
    font-weight: bold;
  }
  .main .p-pagination .page-prev {
    margin-right: 1rem;
  }
  .main .p-sample-tried_wrap {
    margin-bottom: 4rem;
  }
  .main .p-sample-tried .p-sample-tried_foot_img {
    order: -1;
  }
  .main .p-products-list_wrap {
    display: flex;
  }
  .main .p-products-list_side {
    width: 25%;
    min-width: 180px;
    margin-right: 4%;
    margin-bottom: 0;
  }
  .main .p-products-list {
    flex: 1 1 0;
    width: auto;
  }
  .main .p-products-list_head._sp {
    display: none;
  }
  .main .p-products-list_head {
    display: block;
  }
  .main .p-products-list_filter-btn {
    display: none;
  }
  .main .p-products-list_num {
    padding-top: 2.5rem;
    border-top: 1px solid #dbdbdb;
  }
  .main .p-products-list .p-pagination a.page-num {
    display: block;
    width: 100%;
    max-width: 4rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .main .p-products-list .p-pagination a.page-top {
    display: block;
    width: 100%;
    max-width: 9rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .main .p-products-list .p-pagination a.page-prev,
  .main .p-products-list .p-pagination a.page-next {
    display: block;
    width: 100%;
    max-width: 9rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .main .is-hover .p-products-list_btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    background-color: rgba(10, 10, 10, 0.6);
  }
  .main .is-hover .p-products-list_btn .c-btn {
    color: #fff;
    font-weight: bold;
    background: transparent;
    border: 2px solid #fff;
  }
  .main .p-products-list_review_head {
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(59, 34, 11, 0.2);
  }
  .main .p-products-list_review_title {
    font-size: 2rem;
  }
  .main .p-products-list_review_con {
    padding: 2rem 0 0.5rem;
  }
  .main .p-products-nav {
    padding: 1.5rem;
  }
  .main .p-products-detail_body {
    padding-bottom: 5rem;
  }
  .main .p-products-detail_dots li {
    width: 33.33333%;
  }
  .main .p-products-detail_dots .dot {
    display: none;
  }
  .main .p-products-detail_order .num-wrap {
    width: 60%;
  }
  .main .p-products-detail_text_1 {
    padding: 3rem;
  }
  .main .p-products-detail_text_2 {
    padding: 3rem 0;
  }
  .main .p-products-detail_free._sp {
    display: none;
  }
  .main .p-products-detail_free._pc {
    display: block;
  }
  .main .p-products-detail_review_head .p-review .p-review-star {
    font-size: 2.2rem;
  }
  .main .p-products-detail_review_head .p-review .num {
    font-size: 3rem;
  }
  .main .p-products-detail_review_title {
    font-size: 2.8rem;
  }
  .main .p-products-detail_review_btn .icon {
    width: 5rem;
  }
  .main .p-products-detail_review_btn .icon.c-icon._comment-write {
    font-size: 4.5rem;
  }
  .main .p-products-detail_review_btn .icon.c-icon._search {
    font-size: 3.5rem;
  }
  .main .p-products-detail_review_con {
    padding: 5rem 0;
  }
  .main .p-products-search-state_title {
    padding: 1rem 2rem;
    background: #298949;
  }
  .main .p-products-search-state_title>.title {
    margin-bottom: 0.6rem;
    color: #fff;
    font-size: 1.6rem;
  }
  .main .p-products-search-state_con {
    padding: 1rem 2rem 1.5rem;
    background: #eff6f0;
  }
  .main .p-products-search-state_con>.title {
    display: block;
  }
  .main .p-products-search_filter-btn {
    display: none;
  }
  .main .p-products-search-state_cansel-btn {
    display: block;
  }
  .main .p-products-search-state_change {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .p-search-osusume_title {
    font-size: 2.4rem;
  }
  .main .p-recipe_image {
    width: 40%;
  }
  .main .p-recipe_table {
    width: 60%;
  }
  .main .p-recipe-howto {
    margin-bottom: 3rem;
  }
  .main .p-recipe-vote_btn {
    padding: 2rem 5rem;
    font-size: 1.8rem;
  }
  .main .p-recipe-vote_btn span {
    padding-left: 5rem;
  }
  .main .p-recipe-rank .p-itemlinks_items .c-slick_arrows {
    width: 50px;
    height: 50px;
  }
  .main .p-recipe_pagination .p-pagination a.page-num {
    display: block;
    width: 100%;
    max-width: 4rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .main .p-recipe_pagination .p-pagination a.page-top {
    display: block;
    width: 100%;
    max-width: 9rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .main .p-recipe_pagination .p-pagination a.page-prev,
  .main .p-recipe_pagination .p-pagination a.page-next {
    display: block;
    width: 100%;
    max-width: 9rem;
    padding: 1rem 0.5rem;
    text-align: center;
  }
  .main .u-size-1-res {
    font-size: 3.6rem;
  }
  .main .u-size-2-res {
    font-size: 2.8rem;
  }
  .main .u-size-3-res {
    font-size: 2.4rem;
  }
  .main .u-size-4-res {
    font-size: 1.8rem;
  }
  .main .u-size-5-res {
    font-size: 1.4rem;
  }
  .main .u-size-6-res {
    font-size: 1.2rem;
  }
  .main .m\:u-align-left {
    text-align: left;
  }
  .main .m\:u-align-right {
    text-align: right;
  }
  .main .m\:u-align-center {
    text-align: center;
  }
  .main .m\:u-text-w-n {
    font-weight: normal;
  }
  .main .m\:u-text-w-b {
    font-weight: bold;
  }
  .main .m\:u-underline {
    text-decoration: underline;
  }
  .main .m\:u-line-through {
    text-decoration: line-through;
  }
  .main .m\:u-no-underline {
    text-decoration: none;
  }
  .main .m\:u-size-1 {
    font-size: 3.6rem;
  }
  .main .m\:u-size-2 {
    font-size: 2.8rem;
  }
  .main .m\:u-size-3 {
    font-size: 2.4rem;
  }
  .main .m\:u-size-4 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .main .m\:u-size-5 {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .main .m\:u-size-6 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .main .m\:u-text-c-white {
    color: #fff;
  }
  .main .m\:u-text-c-black {
    color: #000;
  }
  .main .m\:u-text-c-text {
    color: #4d4d4d;
  }
  .main .m\:u-text-c-black1 {
    color: #4d4d4d;
  }
  .main .m\:u-text-c-black2 {
    color: #9f9f9f;
  }
  .main .m\:u-text-c-black3 {
    color: #dbdbdb;
  }
  .main .m\:u-text-c-black4 {
    color: #f5f5f5;
  }
  .main .m\:u-text-c-brown1 {
    color: #3b220b;
  }
  .main .m\:u-text-c-green1 {
    color: #1f6737;
  }
  .main .m\:u-text-c-green2 {
    color: #298949;
  }
  .main .m\:u-text-c-green3 {
    color: #90be20;
  }
  .main .m\:u-text-c-blue1 {
    color: #0e76d2;
  }
  .main .m\:u-text-c-blue2 {
    color: #137abe;
  }
  .main .m\:u-text-c-purple1 {
    color: #4736b8;
  }
  .main .m\:u-text-c-red1 {
    color: #cc0000;
  }
  .main .m\:u-text-c-red2 {
    color: #d53426;
  }
  .main .m\:u-text-c-red3 {
    color: #e94738;
  }
  .main .m\:u-text-c-red4 {
    color: #fae5e5;
  }
  .main .m\:u-text-c-pink1 {
    color: #d12174;
  }
  .main .m\:u-text-c-yellow1 {
    color: #d0a500;
  }
  .main .m\:u-text-c-yellow2 {
    color: #ffe860;
  }
  .main .m\:u-text-c-yellow3 {
    color: #ece2bf;
  }
  .main .m\:u-text-c-yellow4 {
    color: #fdf9ed;
  }
  .main .m\:u-text-c-orange1 {
    color: #e16900;
  }
  .main .m\:u-ma-0 {
    margin: 0 !important;
  }
  .main .m\:u-ma-5 {
    margin: 5px !important;
  }
  .main .m\:u-ma-10 {
    margin: 10px !important;
  }
  .main .m\:u-ma-15 {
    margin: 15px !important;
  }
  .main .m\:u-ma-20 {
    margin: 20px !important;
  }
  .main .m\:u-ma-25 {
    margin: 25px !important;
  }
  .main .m\:u-ma-30 {
    margin: 30px !important;
  }
  .main .m\:u-ma-40 {
    margin: 40px !important;
  }
  .main .m\:u-ma-50 {
    margin: 50px !important;
  }
  .main .m\:u-ma-75 {
    margin: 75px !important;
  }
  .main .m\:u-ma-100 {
    margin: 100px !important;
  }
  .main .m\:u-mt-0 {
    margin-top: 0 !important;
  }
  .main .m\:u-mt-5 {
    margin-top: 5px !important;
  }
  .main .m\:u-mt-10 {
    margin-top: 10px !important;
  }
  .main .m\:u-mt-15 {
    margin-top: 15px !important;
  }
  .main .m\:u-mt-20 {
    margin-top: 20px !important;
  }
  .main .m\:u-mt-25 {
    margin-top: 25px !important;
  }
  .main .m\:u-mt-30 {
    margin-top: 30px !important;
  }
  .main .m\:u-mt-40 {
    margin-top: 40px !important;
  }
  .main .m\:u-mt-50 {
    margin-top: 50px !important;
  }
  .main .m\:u-mt-75 {
    margin-top: 75px !important;
  }
  .main .m\:u-mt-100 {
    margin-top: 100px !important;
  }
  .main .m\:u-mr-0 {
    margin-right: 0 !important;
  }
  .main .m\:u-mr-5 {
    margin-right: 5px !important;
  }
  .main .m\:u-mr-10 {
    margin-right: 10px !important;
  }
  .main .m\:u-mr-15 {
    margin-right: 15px !important;
  }
  .main .m\:u-mr-20 {
    margin-right: 20px !important;
  }
  .main .m\:u-mr-25 {
    margin-right: 25px !important;
  }
  .main .m\:u-mr-30 {
    margin-right: 30px !important;
  }
  .main .m\:u-mr-40 {
    margin-right: 40px !important;
  }
  .main .m\:u-mr-50 {
    margin-right: 50px !important;
  }
  .main .m\:u-mr-75 {
    margin-right: 75px !important;
  }
  .main .m\:u-mr-100 {
    margin-right: 100px !important;
  }
  .main .m\:u-mb-0 {
    margin-bottom: 0 !important;
  }
  .main .m\:u-mb-5 {
    margin-bottom: 5px !important;
  }
  .main .m\:u-mb-10 {
    margin-bottom: 10px !important;
  }
  .main .m\:u-mb-15 {
    margin-bottom: 15px !important;
  }
  .main .m\:u-mb-20 {
    margin-bottom: 20px !important;
  }
  .main .m\:u-mb-25 {
    margin-bottom: 25px !important;
  }
  .main .m\:u-mb-30 {
    margin-bottom: 30px !important;
  }
  .main .m\:u-mb-40 {
    margin-bottom: 40px !important;
  }
  .main .m\:u-mb-50 {
    margin-bottom: 50px !important;
  }
  .main .m\:u-mb-75 {
    margin-bottom: 75px !important;
  }
  .main .m\:u-mb-100 {
    margin-bottom: 100px !important;
  }
  .main .m\:u-ml-0 {
    margin-left: 0 !important;
  }
  .main .m\:u-ml-5 {
    margin-left: 5px !important;
  }
  .main .m\:u-ml-10 {
    margin-left: 10px !important;
  }
  .main .m\:u-ml-15 {
    margin-left: 15px !important;
  }
  .main .m\:u-ml-20 {
    margin-left: 20px !important;
  }
  .main .m\:u-ml-25 {
    margin-left: 25px !important;
  }
  .main .m\:u-ml-30 {
    margin-left: 30px !important;
  }
  .main .m\:u-ml-40 {
    margin-left: 40px !important;
  }
  .main .m\:u-ml-50 {
    margin-left: 50px !important;
  }
  .main .m\:u-ml-75 {
    margin-left: 75px !important;
  }
  .main .m\:u-ml-100 {
    margin-left: 100px !important;
  }
  .main .m\:u-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .main .m\:u-mx-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .main .m\:u-mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .main .m\:u-mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .main .m\:u-mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .main .m\:u-mx-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .main .m\:u-mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .main .m\:u-mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .main .m\:u-mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .main .m\:u-mx-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .main .m\:u-mx-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .main .m\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .main .m\:u-my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .main .m\:u-my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .main .m\:u-my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .main .m\:u-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .main .m\:u-my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .main .m\:u-my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .main .m\:u-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .main .m\:u-my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .main .m\:u-my-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .main .m\:u-my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .main .m\:u-pa-0 {
    padding: 0 !important;
  }
  .main .m\:u-pa-5 {
    padding: 5px !important;
  }
  .main .m\:u-pa-10 {
    padding: 10px !important;
  }
  .main .m\:u-pa-15 {
    padding: 15px !important;
  }
  .main .m\:u-pa-20 {
    padding: 20px !important;
  }
  .main .m\:u-pa-25 {
    padding: 25px !important;
  }
  .main .m\:u-pa-30 {
    padding: 30px !important;
  }
  .main .m\:u-pa-40 {
    padding: 40px !important;
  }
  .main .m\:u-pa-50 {
    padding: 50px !important;
  }
  .main .m\:u-pa-75 {
    padding: 75px !important;
  }
  .main .m\:u-pa-100 {
    padding: 100px !important;
  }
  .main .m\:u-pt-0 {
    padding-top: 0 !important;
  }
  .main .m\:u-pt-5 {
    padding-top: 5px !important;
  }
  .main .m\:u-pt-10 {
    padding-top: 10px !important;
  }
  .main .m\:u-pt-15 {
    padding-top: 15px !important;
  }
  .main .m\:u-pt-20 {
    padding-top: 20px !important;
  }
  .main .m\:u-pt-25 {
    padding-top: 25px !important;
  }
  .main .m\:u-pt-30 {
    padding-top: 30px !important;
  }
  .main .m\:u-pt-40 {
    padding-top: 40px !important;
  }
  .main .m\:u-pt-50 {
    padding-top: 50px !important;
  }
  .main .m\:u-pt-75 {
    padding-top: 75px !important;
  }
  .main .m\:u-pt-100 {
    padding-top: 100px !important;
  }
  .main .m\:u-pr-0 {
    padding-right: 0 !important;
  }
  .main .m\:u-pr-5 {
    padding-right: 5px !important;
  }
  .main .m\:u-pr-10 {
    padding-right: 10px !important;
  }
  .main .m\:u-pr-15 {
    padding-right: 15px !important;
  }
  .main .m\:u-pr-20 {
    padding-right: 20px !important;
  }
  .main .m\:u-pr-25 {
    padding-right: 25px !important;
  }
  .main .m\:u-pr-30 {
    padding-right: 30px !important;
  }
  .main .m\:u-pr-40 {
    padding-right: 40px !important;
  }
  .main .m\:u-pr-50 {
    padding-right: 50px !important;
  }
  .main .m\:u-pr-75 {
    padding-right: 75px !important;
  }
  .main .m\:u-pr-100 {
    padding-right: 100px !important;
  }
  .main .m\:u-pb-0 {
    padding-bottom: 0 !important;
  }
  .main .m\:u-pb-5 {
    padding-bottom: 5px !important;
  }
  .main .m\:u-pb-10 {
    padding-bottom: 10px !important;
  }
  .main .m\:u-pb-15 {
    padding-bottom: 15px !important;
  }
  .main .m\:u-pb-20 {
    padding-bottom: 20px !important;
  }
  .main .m\:u-pb-25 {
    padding-bottom: 25px !important;
  }
  .main .m\:u-pb-30 {
    padding-bottom: 30px !important;
  }
  .main .m\:u-pb-40 {
    padding-bottom: 40px !important;
  }
  .main .m\:u-pb-50 {
    padding-bottom: 50px !important;
  }
  .main .m\:u-pb-75 {
    padding-bottom: 75px !important;
  }
  .main .m\:u-pb-100 {
    padding-bottom: 100px !important;
  }
  .main .m\:u-pl-0 {
    padding-left: 0 !important;
  }
  .main .m\:u-pl-5 {
    padding-left: 5px !important;
  }
  .main .m\:u-pl-10 {
    padding-left: 10px !important;
  }
  .main .m\:u-pl-15 {
    padding-left: 15px !important;
  }
  .main .m\:u-pl-20 {
    padding-left: 20px !important;
  }
  .main .m\:u-pl-25 {
    padding-left: 25px !important;
  }
  .main .m\:u-pl-30 {
    padding-left: 30px !important;
  }
  .main .m\:u-pl-40 {
    padding-left: 40px !important;
  }
  .main .m\:u-pl-50 {
    padding-left: 50px !important;
  }
  .main .m\:u-pl-75 {
    padding-left: 75px !important;
  }
  .main .m\:u-pl-100 {
    padding-left: 100px !important;
  }
  .main .m\:u-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .main .m\:u-px-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .main .m\:u-px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .main .m\:u-px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .main .m\:u-px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .main .m\:u-px-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .main .m\:u-px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .main .m\:u-px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .main .m\:u-px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .main .m\:u-px-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .main .m\:u-px-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .main .m\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .main .m\:u-py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .main .m\:u-py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .main .m\:u-py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .main .m\:u-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .main .m\:u-py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .main .m\:u-py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .main .m\:u-py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .main .m\:u-py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .main .m\:u-py-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .main .m\:u-py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .main .u-hide-m-up {
    display: none !important;
  }
  .main .u-show-m-up {
    display: block !important;
  }
  .main .m\:u-hide {
    display: none !important;
  }
  .main .m\:u-show {
    display: block !important;
  }
  .main .m\:u-show {
    display: block !important;
  }
  .main .m\:u-inline {
    display: inline;
  }
  .main .m\:u-inline-block {
    display: inline-block;
  }
  .main .m\:u-block {
    display: block;
  }
  .main .m\:u-flex {
    display: flex;
  }
  .main .m\:u-flex-row-s {
    flex-direction: row;
  }
  .main .m\:u-flex-col-s {
    flex-direction: column;
  }
  .main .m\:u-border-gray {
    border: 1px solid #dbdbdb;
  }
  .main .m\:u-border-red {
    border: 1px solid #cc0000;
  }
  .main .m\:u-border-green {
    border: 1px solid #1f6737;
  }
  .main .m\:u-border-orange {
    border: 1px solid #e16900;
  }
  .main .m\:u-border-blue {
    border: 1px solid #0e76d2;
  }
  .main .m\:u-border-r {
    border-radius: 10px;
  }
  .main .m\:u-border-no {
    border: none !important;
  }
  .main .m\:u-w-0 {
    width: 0;
  }
  .main .m\:u-w-1 {
    width: 1rem;
  }
  .main .m\:u-w-2 {
    width: 2rem;
  }
  .main .m\:u-w-3 {
    width: 3rem;
  }
  .main .m\:u-w-4 {
    width: 4rem;
  }
  .main .m\:u-w-5 {
    width: 5rem;
  }
  .main .m\:u-w-6 {
    width: 6rem;
  }
  .main .m\:u-w-7 {
    width: 7rem;
  }
  .main .m\:u-w-8 {
    width: 8rem;
  }
  .main .m\:u-w-9 {
    width: 9rem;
  }
  .main .m\:u-w-10 {
    width: 10rem;
  }
  .main .m\:u-w-15 {
    width: 15rem;
  }
  .main .m\:u-w-20 {
    width: 20rem;
  }
  .main .m\:u-w-30 {
    width: 30rem;
  }
  .main .m\:u-w-full {
    width: 100%;
  }
  .main .m\:u-min-w-0 {
    min-width: 0;
  }
  .main .m\:u-min-w-full {
    min-width: 100%;
  }
  .main .m\:u-max-w-xs {
    max-width: 16rem;
  }
  .main .m\:u-max-w-sm {
    max-width: 20rem;
  }
  .main .m\:u-max-w-md {
    max-width: 24rem;
  }
  .main .m\:u-max-w-lg {
    max-width: 28rem;
  }
  .main .m\:u-max-w-xl {
    max-width: 32rem;
  }
  .main .m\:u-max-w-full {
    max-width: 100%;
  }
  .main .m\:u-w-10p {
    width: 10%;
  }
  .main .m\:u-w-20p {
    width: 20%;
  }
  .main .m\:u-w-30p {
    width: 30%;
  }
  .main .m\:u-w-40p {
    width: 40%;
  }
  .main .m\:u-w-50p {
    width: 50%;
  }
  .main .m\:u-w-60p {
    width: 60%;
  }
  .main .m\:u-w-70p {
    width: 70%;
  }
  .main .m\:u-w-80p {
    width: 80%;
  }
  .main .m\:u-w-90p {
    width: 90%;
  }
  .main .m\:u-w-100p {
    width: 20%;
  }
  .main .m\:u-w-auto {
    width: auto;
  }
  .main .m\:u-h-0 {
    height: 0;
  }
  .main .m\:u-h-1 {
    height: 1rem;
  }
  .main .m\:u-h-2 {
    height: 2rem;
  }
  .main .m\:u-h-3 {
    height: 3rem;
  }
  .main .m\:u-h-4 {
    height: 4rem;
  }
  .main .m\:u-h-5 {
    height: 5rem;
  }
  .main .m\:u-h-6 {
    height: 6rem;
  }
  .main .m\:u-h-7 {
    height: 7rem;
  }
  .main .m\:u-h-8 {
    height: 8rem;
  }
  .main .m\:u-h-9 {
    height: 9rem;
  }
  .main .m\:u-h-10 {
    height: 10rem;
  }
  .main .m\:u-h-15 {
    height: 15rem;
  }
  .main .m\:u-h-20 {
    height: 20rem;
  }
  .main .m\:u-h-30 {
    height: 30rem;
  }
  .main .m\:u-h-full {
    height: 100%;
  }
  .main .m\:u-min-h-0 {
    min-height: 0;
  }
  .main .m\:u-min-h-50 {
    min-height: 50%;
  }
  .main .m\:u-min-h-full {
    min-height: 100%;
  }
  .main .m\:u-min-h-screen {
    min-height: 100vh;
  }
  .main .m\:u-float-l {
    float: left;
  }
  .main .m\:u-float-r {
    float: right;
  }
  .main .m\:u-float-cb {
    clear: both;
  }
  .main .m\:u-float-cn {
    clear: none;
  }
  .main .m\:u-float-cf::after {
    display: block;
    clear: both;
    content: "";
  }
  .main .m\:u-bgcolor-red {
    background: #fae5e5;
  }
  .main .m\:u-bgcolor-gray {
    background: #f5f5f5;
  }
  .main .m\:u-bgcolor-white {
    background: #fff;
  }
  .main .m\:u-bgcolor-yellow {
    background: #fdf9ed;
  }
  .main .m\:u-bgcolor-gray2 {
    background: rgb(242, 241, 237);
  }
  .main .m\:u-bgcolor-green {
    background: #f2f7e9;
  }
  .main .dv_rc_img {
    margin-bottom: 1.5rem;
  }
  .main .page-qa .qa-oft {
    flex-direction: row;
    margin-top: 6rem;
    margin-bottom: 10rem;
    padding: 2.5rem;
    background: #f5f5f5;
  }
  .main .page-qa .qa-oft_title {
    padding: 0.8rem 1.5rem;
  }
  .main .page-qa .qa-oft_items {
    flex-direction: row;
  }
  .main .page-qa .qa-oft_item {
    padding: 0.8rem 1.5rem;
  }
  .main .page-help .help-items {
    margin-bottom: 2.5rem;
    padding: 0 2rem;
  }
  .main .page-help .help-item {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    padding-left: 0.5em;
    text-indent: -0.5em;
  }
  .main .page-first-time .order-steps {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2.5rem 2rem 3rem;
    background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/first-time/bg_order-steps-pc.jpg") no-repeat 75% 0;
    background-size: auto;
    border: 1px solid #228242;
  }
  .main .page-first-time .order-steps_row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .main .page-first-time .order-steps_col .order-steps_top {
    padding: 1rem 0.5rem 0.5rem;
  }
  .main .page-first-time .order-steps_col .order-steps_bottom {
    padding: 0.5rem 0.5rem 1rem;
    padding-left: 4rem;
  }
  .main .page-first-time .order-steps_btn {
    flex: 1;
    align-self: flex-end;
    min-width: 230px;
    padding: 0 0.5rem;
    text-align: right;
  }
  .main .page-first-time .title-flex .text {
    flex: 1;
  }
  .main .page-index .main-area {
    min-height: 760px;
    background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/index/img_main-pc.jpg") center center;
    background-size: cover;
  }
  .main .page-index .main-area .main-area_inner {
    height: 760px;
  }
  .main .page-index .main-area .text {
    top: 0;
    right: -20%;
    bottom: 0;
    left: 0;
    height: 560px;
    margin: auto;
  }
  .main .page-index .l-container.pickup-area {
    margin-top: 8rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .main .page-index .l-container.info-area {
    margin-top: 9rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .main .page-index .c-btn._useful {
    font-size: 1.8rem;
  }
  .main .page-index .btn-category {
    padding-bottom: 3rem;
    font-size: 2.8rem;
    letter-spacing: 0.2em;
    font-feature-settings: "palt";
  }
  .main .page-index .btn-category .text>span {
    padding: 0 1em;
  }
  .main .page-index .btn-category .text>span::before {
    margin-top: -1.1rem;
    font-size: 1.8rem;
  }
  .main .page-index .newslist_head_link {
    margin-top: -2rem;
  }
  .main .page-index .newslist_inner {
    display: flex;
  }
  .main .page-honey .l-container.main-area {
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/img_main-pc.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-honey .l-container.main-area .main_text {
    width: 100%;
    padding-top: 3.8rem;
    font-size: 3.8rem;
    text-align: center;
  }
  .main .page-honey .popular-honey_domestic {
    width: 60%;
    max-width: 640px;
    height: 100%;
    padding-left: 4rem;
  }
  .main .page-honey .popular-honey_domestic .popular-honey_title {
    font-size: 2.6rem;
  }
  .main .page-honey .popular-honey_domestic_info {
    width: 50%;
  }
  .main .page-honey .popular-honey_domestic_info .popular-honey_domestic_text {
    width: 90%;
  }
  .main .page-honey .popular-honey_domestic_info .c-btn {
    width: 100%;
  }
  .main .page-honey .popular-honey_other {
    width: 40%;
  }
  .main .page-honey .popular-honey_other .c-btn {
    font-size: 1.5rem;
  }
  .main .page-honey .popular-honey_other .popular-honey_title {
    font-size: 2.2rem;
  }
  .main .page-honey .recipe-area .recipe_contents {
    margin-top: 5rem;
    border-radius: 10px;
  }
  .main .page-honey .recipe-area .recipe_contents_inner {
    padding: 2rem 8rem 7rem;
  }
  .main .page-honey .recipe-area .recipe_info .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .main .page-honey .recipe-area .recipe_row .recipe_col {
    width: 10em;
  }
  .main .page-honey .about-area {
    margin-top: 55rem;
  }
  .main .page-honey .about-area .c-title._min._bd-typeB {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto 2rem;
  }
  .main .page-honey .about_head {
    position: relative;
    height: 580px;
    margin-top: -55rem;
    margin-bottom: 6rem;
  }
  .main .page-honey .about_head::after {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 90%;
    height: 100%;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/bg_about-pc.jpg) center center no-repeat;
    background-size: cover;
    content: "";
  }
  .main .page-honey .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 89px;
    padding-bottom: 60px;
    text-align: center;
  }
  .main .page-honey .about_head .about_head_img {
    align-self: flex-end;
    width: 36%;
    margin-right: 30%;
    padding: 0 1%;
  }
  .main .page-honey .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 22%;
    padding: 0 1.5%;
  }
  .main .page-honey .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 12%;
    padding: 0 1.5%;
    padding-top: 5px;
  }
  .main .page-honey .about_head .about_head_btn {
    width: 100%;
  }
  .main .page-honey .l-container.pickup-area {
    margin-top: 8rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .main .page-kenko .l-container.main-area {
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kenko/img_main-pc.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-kenko .l-container.main-area .main_text {
    width: 100%;
    padding-top: 3.8rem;
    padding-right: 10rem;
    font-size: 3.8rem;
    text-align: center;
  }
  .main .page-kenko .about-area {
    margin-top: 55rem;
  }
  .main .page-kenko .about_head {
    position: relative;
    height: 580px;
    margin-top: -55rem;
    margin-bottom: 6rem;
  }
  .main .page-kenko .about_head::after {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 90%;
    height: 100%;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kenko/bg_about-pc.jpg) center center no-repeat;
    background-size: cover;
    content: "";
  }
  .main .page-kenko .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 340px;
    height: 100%;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 60px;
    text-align: center;
  }
  .main .page-kenko .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 120px;
    padding: 0 8%;
  }
  .main .page-kenko .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 40px;
    padding: 0 3%;
    padding-top: 40px;
  }
  .main .page-kenko .about_head .about_head_txt_03 {
    align-self: flex-start;
    width: 40px;
    padding: 0 3%;
    padding-top: 55px;
  }
  .main .page-kenko .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-kenko .about_head .about_head_btn .c-btn {
    width: 100%;
  }
  .main .page-kenko .l-container.pickup-area {
    margin-top: 8rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .main .page-cosme .l-container.main-area {
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/img_main-pc.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-cosme .l-container.main-area .main_text {
    width: 100%;
    padding-top: 3.8rem;
    font-size: 3.8rem;
    text-align: center;
  }
  .main .page-cosme .skincare-step {
    background: linear-gradient(90deg, #fffceb 0%, #fffceb 50%, #fff2ae 50%, #fff2ae 100%);
  }
  .main .page-cosme .skincare-step .skincare-step_inner {
    width: 92%;
    max-width: 982px;
  }
  .main .page-cosme .skincare-step .skincare-step_btn {
    width: 13%;
    height: 21%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a1 {
    top: 27%;
    left: 0.2%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a2 {
    top: 26.9%;
    left: 15.5%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a3 {
    top: 26.9%;
    left: 35.4%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a4 {
    top: 26.9%;
    left: 50.8%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a5 {
    top: 26.9%;
    left: 70.8%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a6 {
    top: 26.9%;
    left: 86%;
  }
  .main .page-cosme .skincare-step .skincare-step_btn._a7 {
    top: 63.5%;
    left: 38.1%;
    width: 41.7%;
    height: 21%;
    border-radius: 0;
  }
  .main .page-cosme .skin-check-area {
    background: #f6fafe url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/bg_skin-check-pc.jpg) 40% center no-repeat;
    background-size: cover;
  }
  .main .page-cosme .skin-check-area .skin-check {
    width: 62%;
    margin-left: auto;
  }
  .main .page-cosme .skin-check-area .c-btn._check {
    padding: 1.5rem 4rem;
  }
  .main .page-cosme .skin-check-area .c-btn._check::after {
    right: 1.5rem;
  }
  .main .page-cosme .about-area {
    margin-top: 55rem;
  }
  .main .page-cosme .about_head {
    position: relative;
    height: 580px;
    margin-top: -55rem;
    margin-bottom: 6rem;
  }
  .main .page-cosme .about_head::after {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 90%;
    height: 100%;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/bg_about-pc.jpg) 40% center no-repeat;
    background-size: cover;
    content: "";
  }
  .main .page-cosme .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 89px;
    padding-bottom: 60px;
    text-align: center;
  }
  .main .page-cosme .about_head .about_head_img {
    align-self: flex-end;
    width: 36%;
    margin-right: 8%;
    margin-left: 26%;
    padding: 0 1%;
    padding-top: 2%;
  }
  .main .page-cosme .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 9%;
    padding: 0 1.5%;
  }
  .main .page-cosme .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 9%;
    padding: 0 1.5%;
    padding-top: 40px;
  }
  .main .page-cosme .about_head .about_head_btn {
    width: 100%;
  }
  .main .page-cosme .about_head .about_head_btn .c-btn {
    min-width: 330px;
  }
  .main .page-cosme .l-container.pickup-area {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .main .page-kodawari .l-container.main-area {
    max-height: 490px;
    margin-bottom: 5rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kodawari/img_main-pc.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-kodawari .l-container.main-area .main_text {
    width: 100%;
    font-size: 4.6rem;
    text-align: center;
  }
  .main .page-kodawari .kenko-container {
    margin-bottom: 60rem;
    padding-top: 5rem !important;
  }
  .main .page-kodawari .kenko-container.about-area {
    margin-top: 55rem;
  }
  .main .page-kodawari .kenko-container .about_head {
    position: relative;
    height: 580px;
    margin-top: -55rem;
    margin-bottom: 6rem;
  }
  .main .page-kodawari .kenko-container .about_head::after {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 90%;
    height: 100%;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kenko/bg_about-pc.jpg) center center no-repeat;
    background-size: cover;
    content: "";
  }
  .main .page-kodawari .kenko-container .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 340px;
    height: 100%;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 60px;
    text-align: center;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 120px;
    padding: 0 8%;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 40px;
    padding: 0 3%;
    padding-top: 40px;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_txt_03 {
    align-self: flex-start;
    width: 40px;
    padding: 0 3%;
    padding-top: 55px;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_btn .c-btn {
    width: 100%;
  }
  .main .page-kodawari .cosme-container {
    margin-bottom: 60rem;
    padding-top: 5rem !important;
  }
  .main .page-kodawari .cosme-container.about-area {
    margin-top: 55rem;
  }
  .main .page-kodawari .cosme-container .about_head {
    position: relative;
    height: 580px;
    margin-top: -55rem;
    margin-bottom: 6rem;
  }
  .main .page-kodawari .cosme-container .about_head::after {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 90%;
    height: 100%;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/bg_about-pc.jpg) 40% center no-repeat;
    background-size: cover;
    content: "";
  }
  .main .page-kodawari .cosme-container .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 89px;
    padding-bottom: 60px;
    text-align: center;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_img {
    align-self: flex-end;
    width: 36%;
    margin-right: 8%;
    margin-left: 26%;
    padding: 0 1%;
    padding-top: 2%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 9%;
    padding: 0 1.5%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 9%;
    padding: 0 1.5%;
    padding-top: 40px;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_btn {
    width: 100%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_btn .c-btn {
    min-width: 330px;
  }
  .main .page-kodawari .honey-container {
    padding-top: 5rem !important;
  }
  .main .page-kodawari .honey-container.about-area {
    margin-top: 55rem;
  }
  .main .page-kodawari .honey-container.about-area .c-title._min._bd-typeB {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto 2rem;
  }
  .main .page-kodawari .honey-container .about_head {
    position: relative;
    height: 580px;
    margin-top: -55rem;
    margin-bottom: 6rem;
  }
  .main .page-kodawari .honey-container .about_head::after {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 90%;
    height: 100%;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/bg_about-pc.jpg) center center no-repeat;
    background-size: cover;
    content: "";
  }
  .main .page-kodawari .honey-container .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 89px;
    padding-bottom: 60px;
    text-align: center;
  }
  .main .page-kodawari .honey-container .about_head .about_head_img {
    align-self: flex-end;
    width: 36%;
    margin-right: 30%;
    padding: 0 1%;
  }
  .main .page-kodawari .honey-container .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 22%;
    padding: 0 1.5%;
  }
  .main .page-kodawari .honey-container .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 12%;
    padding: 0 1.5%;
    padding-top: 5px;
  }
  .main .page-kodawari .honey-container .about_head .about_head_btn {
    width: 100%;
  }
  .main .page-gift .season-tab .c-tab_btn-items {
    padding: 0 2rem;
  }
  .main .page-gift .season-tab .c-tab_btn-item {
    padding: 0 1rem;
  }
  .main .page-gift .season-tab .c-tab_btn.is-active {
    padding: 1.4rem 1rem;
  }
  .main .page-royal-jelly-linenap .linenap-anchor {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .main a:hover,
  .main a.focus-visible:focus {
    text-decoration: none;
  }
  .main .l-container._s-full {
    width: 100%;
    max-width: none;
  }
  .main .l-container-2col_side {
    margin-top: 5rem;
  }
  .main .c-form-element_outer._input-block-sp .c-checkbox,
  .main .c-form-element_outer._input-block-sp .c-radio {
    display: block;
  }
  .main .c-form-col_label .c-label {
    margin-right: 1rem;
  }
  .main .c-form-col_label .c-label:not(:last-child) {
    margin-bottom: 0;
  }
  .main .c-radio._present._present {
    align-items: flex-start;
    padding-right: 2rem;
  }
  .main .c-radio._present._present img {
    width: 83px;
  }
  .main .c-radio._present._present [type=radio]+span {
    margin-top: 1.3em;
  }
  .main .c-social-btn_wrap {
    width: auto;
  }
  .main .c-social-btn_wrap .text {
    width: auto;
  }
  .main .c-social-btn_wrap .text-status {
    width: 100%;
    padding-left: 50px;
  }
  .main .c-social-btn_wrap .btn {
    width: auto;
    max-width: 170px;
    padding-right: 1rem;
  }
  .main .c-social-btn_wrap .btn ._google {
    width: 100%;
  }
  .main .c-steps_item .item_s {
    padding: 0 3px;
    font-size: 1.3rem;
    line-height: 1.3;
    text-align: center;
  }
  .main .c-steps_item .item_s .num {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    margin: auto;
    margin-bottom: 5px;
    color: #4d4d4d;
    font-weight: bold;
    font-size: 1.6rem;
  }
  .main .c-steps_item .item_s .num::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    border-radius: 100%;
    content: "";
  }
  .main .c-steps_item.is-active .item_s .num {
    color: #fff;
  }
  .main .c-steps_item.is-active .item_s .num::after {
    background: #298949;
  }
  .main .c-title._min._bd-typeA,
  .main .c-subtitle._min._bd-typeA {
    font-size: 3rem;
  }
  .main .c-mv-title {
    text-align: left;
  }
  .main .c-tag._delivery .icon {
    flex-direction: column;
    padding: 1px 4px 3px;
  }
  .main .c-tab._sp-scroll .c-tab_btn-items {
    width: 800px;
  }
  .main .c-modal_content .c-close-btn {
    top: 1rem;
    right: 2%;
  }
  .main .c-modal_inner {
    padding: 3rem;
    padding-top: 5rem;
  }
  .main .c-search-area._sp {
    display: block;
  }
  .main .c-table th,
  .main .c-table td {
    padding: 1rem;
  }
  .main .c-table._sp-vertical {
    border-bottom: 1px solid #9f9f9f;
  }
  .main .c-table._sp-vertical th,
  .main .c-table._sp-vertical td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .main .c-table_outer._sp-scroll .c-table {
    width: 800px;
  }
  .main .c-cartin .c-close-btn {
    top: 1rem;
    right: 2%;
  }
  .main .p-header._popup .p-header_logo {
    max-width: 110px;
  }
  .main .p-header_contents {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    height: 58px;
  }
  .main .p-header_contents-inner {
    display: flex;
    align-items: center;
    width: inherit;
    max-width: none;
    padding: 0 0 0 4%;
  }
  .main .p-header_logo {
    width: 28%;
    max-width: 140px;
    height: auto;
    padding: 0;
  }
  .main .p-header_search.is-active {
    display: block;
  }
  .main .p-header_accountlinks {
    flex: 1 1 0;
    padding: 0;
  }
  .main .p-header_accountlinks>.items {
    align-items: center;
    margin: 0 -0.2rem;
  }
  .main .p-header_accountlinks>.items>.item {
    padding: 0.4rem 0.2rem;
  }
  .main .p-header_accountlinks>.items>.item._spmenu {
    display: flex;
    padding: 0 0.2rem;
  }
  .main .p-header_accountlinks>.items>.item._spmenu>.inner {
    position: relative;
    width: 58px;
    padding: 100% 0 0;
  }
  .main .p-header_accountlinks>.items>.item._spmenu button {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: visible;
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    background: rgba(255, 255, 255, 0.2);
    border: 0;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .main .p-header_accountlinks>.items>.item._spmenu button>.inner {
    width: 100%;
    padding: 10%;
  }
  .main .p-header_accountlinks>.items>.item._spmenu .line {
    position: relative;
    display: block;
    width: 60%;
    height: 21px;
    margin: auto;
  }
  .main .p-header_accountlinks>.items>.item._spmenu .line::before,
  .main .p-header_accountlinks>.items>.item._spmenu .line::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: "";
  }
  .main .p-header_accountlinks>.items>.item._spmenu .line::before {
    top: 0;
  }
  .main .p-header_accountlinks>.items>.item._spmenu .line::after {
    bottom: 0;
  }
  .main .p-header_accountlinks>.items>.item._spmenu .line>span {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3px;
    margin: auto;
    background: #fff;
  }
  .main .p-header_accountlinks>.items>.item._spmenu .text {
    display: block;
    padding-top: 7px;
    line-height: 1;
  }
  .main .p-header_accountlinks_link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 50px;
    padding: 0.7rem 0.2rem 0.4rem;
    font-size: 1rem;
    white-space: nowrap;
  }
  .main .p-header_accountlinks_link .icon {
    font-size: 2.5rem;
  }
  .main .p-header_accountlinks_link .icon .num {
    position: absolute;
    top: 2px;
    right: 1px;
    min-width: 0;
    height: auto;
    margin-left: 0;
    padding: 1px 3px;
    font-size: 1rem;
    line-height: 1;
  }
  .main .p-header_accountlinks_link .text {
    padding: 0;
  }
  .main .p-header_accountlinks_link .text::after {
    display: none;
  }
  .main .p-header_accountlinks_search {
    width: 30px;
  }
  .main .p-header_accountlinks_search {
    width: 5rem;
  }
  .main .p-header_accountlinks_mypage.is-active a .num {
    color: #298949;
    background: #fff;
  }
  .main .p-header_accountlinks_mypage {
    width: 55px;
  }
  .main .p-header_accountlinks_mypage-login.is-active a .num {
    color: #298949;
    background: #fff;
  }
  .main .p-header_accountlinks_mypage-login .name {
    display: none;
  }
  .main .p-header_accountlinks_mypage-login .delivery {
    display: none;
  }
  .main .p-header_accountlinks_mypage-login {
    width: 55px;
  }
  .main .p-header_accountlinks_cart {
    width: 55px;
  }
  .main .p-header_accountlinks_cart .price {
    display: none;
  }
  .main .p-header_accountlinks_cart .text {
    display: block;
  }
  .main .p-header_cartview {
    display: none !important;
  }
  .main .p-header_special-notice {
    padding-top: 58px;
  }
  .main .p-header_special-notice+.p-header_globalnav {
    padding-top: 0;
  }
  .main .p-header_globalnav {
    padding-top: 58px;
  }
  .main .p-header_globalnav>.inner {
    width: 100%;
    max-width: none;
  }
  .main .p-header_globalnav-items {
    padding: 0.5rem 0;
  }
  .main .p-header_globalnav-item._honey {
    flex: 1 1 0;
  }
  .main .p-header_globalnav-item._gift {
    display: none;
  }
  .main .p-header_globalnav-item:first-child .p-header_globalnav-title {
    border-left: 0;
  }
  .main .p-header_globalnav-title {
    border-left: 1px solid #dbdbdb;
  }
  .main .p-header_globalnav-title .link {
    padding: 0.2rem 0.4rem;
    font-size: 1.2rem;
  }
  .main .p-header_globalnav-title .link:before {
    width: 7vw;
  }
  .main .p-header_globalnav-title .link:after {
    display: none;
  }
  .main .p-header_globalchild {
    display: none;
  }
  .main .p-header-suggest {
    display: none !important;
  }
  .main .p-header-suggest2 {
    display: none !important;
  }
  .main .p-footer_sitemap .item {
    margin-bottom: 0;
    border-top: 1px solid #dbdbdb;
  }
  .main .p-footer_sitemap .item a {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 4%;
    font-weight: normal;
    font-size: 1.6rem;
    text-align: left;
    background: #fff;
    border: none;
    border-radius: 0;
    transition: none;
    text-decoration: none;
  }
  .main .p-footer_sitemap .item a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.6rem;
    font-weight: normal;
    font-size: 1.2rem;
    font-family: "ybficons";
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\ea38";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .main .p-footer_sitemap .item>.title {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }
  .main .p-sitemap_toggle.is-open button::after {
    content: "\ea37";
  }
  .main .p-sitemap_toggle.is-open .p-sitemap_toggle_contents {
    display: block;
  }
  .main .p-sitemap_toggle .p-sitemap_toggle_contents {
    display: none;
  }
  .main .p-sitemap_toggle .item:not(:first-child) {
    border-top: 1px solid #fff;
  }
  .main .p-sitemap_toggle .item a {
    padding: 0.5em 2em;
    background: rgb(242, 241, 237);
  }
  .main .p-sitemap_toggle .item a::after {
    display: none;
  }
  .main .p-sitemap_toggle .p-sitemap_toggle_btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 4%;
    color: #3b220b;
    font-weight: normal;
    font-size: 1.6rem;
    text-align: left;
    background: #fff;
    border: none;
    border-top: 1px solid #dbdbdb;
    border-radius: 0;
    transition: none;
  }
  .main .p-sitemap_toggle .p-sitemap_toggle_btn::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -0.6rem;
    font-weight: normal;
    font-size: 1.2rem;
    font-family: "ybficons";
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\ea39";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .main .p-sample-selected .p-sample-selected_price {
    order: 1;
  }
  .main html.is-products-menu {
    overflow: hidden;
  }
  .main .p-itemlist-sidemenu_filter-inner {
    height: 100%;
    margin-bottom: -1px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .main .p-itemlist-sidemenu_filter.is-open {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-bottom: 7rem;
    background-color: #f8f8f6;
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .main .p-itemlist-sidemenu_filter.is-open .p-itemlist-sidemenu_group {
    display: block;
  }
  .main .p-itemlist-sidemenu_filter.is-open .p-itemlist-sidemenu_sp-title {
    display: block;
  }
  .main .p-itemlist-sidemenu_filter.is-open-in {
    transform: none;
  }
  .main .p-itemlist-sidemenu_group {
    margin-bottom: 0;
    border-bottom: 1px solid #bfb7af;
  }
  .main .p-itemlist-sidemenu_title {
    margin-bottom: 0;
    background-color: #eaeae1;
  }
  .main .p-itemlist-sidemenu_title button {
    color: #3b220b;
  }
  .main .p-itemlist-sidemenu_sp-btn {
    position: fixed;
    bottom: 0;
    z-index: 100001;
    display: flex;
    align-items: center;
    width: 100%;
    height: 7rem;
    padding: 0 4%;
    background: #f8f8f6;
    border-top: 1px solid #bfb7af;
  }
  .main .p-itemlist-sidemenu_sp-btn .l-row {
    align-items: center;
    width: 100%;
    margin: 0;
  }
  .main .p-itemlist-sidemenu_sp-btn .c-btn {
    width: 100%;
  }
  .main .p-itemlist-sidemenu_sp-btn .reset {
    font-size: 1.4rem;
  }
  .main .p-itemlist-sidemenu_title {
    margin: 0 !important;
  }
  .main .p-itemlist-sidemenu_title._toggle .selected {
    display: block;
  }
  .main .p-itemlist-sidemenu_contents {
    padding-bottom: 0;
  }
  .main .p-itemlist-sidemenu_item {
    padding: 0;
  }
  .main .p-itemlist-sidemenu_item:not(:last-child) {
    border-bottom: 1px solid #bfb7af;
  }
  .main .p-itemlist-sidemenu_link {
    padding: 1rem 2rem;
  }
  .main .p-itemlist-sidemenu_checkbox {
    padding: 1rem 2rem;
  }
  .main .p-sidemenu_group {
    margin-right: calc((100vw - 100%) / 2 * -1);
    margin-bottom: 0 !important;
    margin-left: calc((100vw - 100%) / 2 * -1);
    border-bottom: 1px solid #bfb7af;
  }
  .main .p-sidemenu_title {
    margin-bottom: 0;
    background-color: #eaeae1;
  }
  .main .p-sidemenu_title button {
    color: #3b220b;
  }
  .main .p-sidemenu_title {
    margin: 0 !important;
  }
  .main .p-sidemenu_title._toggle .selected {
    display: block;
  }
  .main .p-sidemenu_contents {
    padding-bottom: 0;
  }
  .main .p-sidemenu_item {
    padding: 0;
  }
  .main .p-sidemenu_item:not(:last-child) {
    border-bottom: 1px solid #bfb7af;
  }
  .main .p-sidemenu_link {
    padding: 1rem 2rem;
  }
  .main .p-shoppingguide._btn {
    margin-top: 5rem;
  }
  .main .p-shoppingguide_title {
    margin-bottom: 0.5rem;
    font-size: 2.4rem;
    border-bottom: 2px solid #d0a500;
  }
  .main .p-shoppingguide_icon {
    padding-top: 0;
    padding-right: 0;
    padding-left: 5em;
  }
  .main .p-shoppingguide_icon::before {
    left: 0;
    font-size: 5.4rem;
    text-align: left;
  }
  .main .p-shoppingguide_icon::after {
    top: 0.5em;
    left: 0.5em;
    font-size: 2.8rem;
    text-align: left;
  }
  .main .p-shoppingguide_icon._pay::after {
    top: 0.6em;
    left: 0.6em;
    font-size: 2.5rem;
  }
  .main .p-orderhistory_head {
    padding: 1rem;
  }
  .main .p-orderhistory_item {
    padding: 1rem;
    padding-bottom: 2rem;
  }
  .main .p-orderhistory_item .name {
    margin-bottom: 1rem;
  }
  .main .p-orderhistory_item .p-orderhistory_img {
    order: -1;
  }
  .main .p-orderhistory_item .p-orderhistory_data {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #dbdbdb;
  }
  .main .p-orderhistory_address {
    height: auto;
    margin-bottom: 1.5rem;
  }
  .main .p-orderhistory_delivery {
    background: #f5f5f5;
  }
  .main .p-coupon-present .p-coupon-present_title {
    font-size: 2rem;
  }
  .main .p-coupon-present .p-coupon-present_num {
    font-size: 2.5rem;
  }
  .main .p-coupon-present .p-coupon-present_time {
    margin-bottom: 1rem;
    text-align: right;
  }
  .main .p-coupon-present .p-coupon-present_icon {
    padding-left: 3em;
  }
  .main .p-coupon-present .p-coupon-present_icon::after {
    font-size: 2em;
  }
  .main .p-coupon-present .p-coupon-present_coupon {
    padding: 2rem;
    background: rgba(144, 190, 32, 0.1);
    border: 1px solid #90be20;
    border-radius: 5px;
  }
  .main .p-coupon-present .p-coupon-present_present {
    padding: 2rem;
    background: rgba(14, 118, 210, 0.1);
    border: 1px solid #0e76d2;
    border-radius: 5px;
  }
  .main .p-cart-item:first-child {
    padding-top: 1rem;
    border-top: 1px solid #dbdbdb;
  }
  .main .p-cart-item .p-cart-item_price {
    order: 1;
  }
  .main .p-cart-items_total_wrap {
    order: -1;
    margin-bottom: 1.5rem;
  }
  .main .p-cart-items_total_wrap .p-cart-items_total {
    order: -1;
  }
  .main .p-cart-items_total_wrap .p-cart-items_total>.inner {
    padding: 10px;
  }
  .main .p-login .p-login_orderfirst>.inner {
    padding-top: 1rem;
    border-top: 1px solid #dbdbdb;
  }
  .main .p-matome {
    padding-bottom: 2rem;
    border-bottom: 1px solid #dbdbdb;
  }
  .main .p-full-slider .p-full-slider-item .p-full-slider-item_text {
    text-align: center;
  }
  .main .p-creditcard {
    justify-content: space-between;
  }
  .main .p-pagination .page-num {
    order: 2;
    width: 60%;
  }
  .main .p-pagination .page-prev,
  .main .p-pagination .page-next {
    width: 30%;
  }
  .main .p-pagination .page-prev {
    order: 1;
    padding: 1rem;
  }
  .main .p-pagination .page-next {
    order: 3;
    padding: 1rem;
  }
  .main .p-products-list_review .p-itemlink {
    margin-bottom: 1rem;
  }
  .main .p-products-list_review .p-itemlink_inner {
    display: flex;
    justify-content: space-between;
  }
  .main .p-products-list_review .p-itemlink_image {
    width: 48%;
  }
  .main .p-products-list_review .p-itemlink_text {
    width: 48%;
  }
  .main .p-products-list_review_name .name {
    display: block;
  }
  .main .p-products-nav_image {
    margin-bottom: 0;
  }
  .main .p-products-nav_image._arrow .icon .c-icon {
    font-size: 2.8rem;
  }
  .main .p-products-nav_text {
    font-size: 1.3rem;
  }
  .main .p-products-detail_dots .dot-item {
    display: none;
  }
  .main .p-products-detail_order .price_wrap {
    display: table;
  }
  .main .p-products-detail_review_btn .text {
    font-size: 1.4rem;
  }
  .main .p-products-detail_review_name .name {
    display: block;
  }
  .main .p-products-detail_desc {
    max-height: 9rem;
  }
  .main .p-products-search-state {
    margin-bottom: 1.5rem;
    background: #eff6f0;
  }
  .main .p-products-search-state.has-filter {
    background: transparent;
  }
  .main .p-recipe-info_wrap {
    flex-direction: column;
  }
  .main .p-recipe-info {
    flex-direction: column;
    align-self: flex-start;
  }
  .main .p-recipe-print {
    display: none;
  }
  .main .p-recipe-howto li:before {
    width: 3em;
  }
  .main .u-hide-s,
  .main .u-hide-s-only,
  .main .u-hide-s-down {
    display: none !important;
  }
  .main .u-show-s {
    display: block !important;
  }
  .main .u-inline-s {
    display: inline;
  }
  .main .u-inline-block-s {
    display: inline-block;
  }
  .main .u-block-s {
    display: block;
  }
  .main .u-flex-s {
    display: flex;
  }
  .main .u-flex-row-s {
    flex-direction: row;
  }
  .main .u-flex-col-s {
    flex-direction: column;
  }
  .main .s\:u-border-gray {
    border: 1px solid #dbdbdb;
  }
  .main .s\:u-border-red {
    border: 1px solid #cc0000;
  }
  .main .s\:u-border-green {
    border: 1px solid #1f6737;
  }
  .main .s\:u-border-orange {
    border: 1px solid #e16900;
  }
  .main .s\:u-border-blue {
    border: 1px solid #0e76d2;
  }
  .main .s\:u-border-r {
    border-radius: 10px;
  }
  .main .s\:u-border-no {
    border: none !important;
  }
  .main .s\:u-bgcolor-red {
    background: #fae5e5;
  }
  .main .s\:u-bgcolor-gray {
    background: #f5f5f5;
  }
  .main .s\:u-bgcolor-white {
    background: #fff;
  }
  .main .s\:u-bgcolor-yellow {
    background: #fdf9ed;
  }
  .main .s\:u-bgcolor-gray2 {
    background: rgb(242, 241, 237);
  }
  .main .s\:u-bgcolor-green {
    background: #f2f7e9;
  }
  .main .page-qa .p-faq_row {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .main .page-help .help-item:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
  }
  .main .page-help .help-link {
    display: block;
    padding: 1rem;
  }
  .main .page-help .help-link .c-icon {
    display: none;
  }
  .main .page-first-time .title-flex {
    flex-direction: column;
  }
  .main .page-honey .l-container.main-area .main_text {
    text-shadow: 0px 0px 20px #ffeaa0, 0px 0px 20px #ffeaa0, 0px 0px 20px #ffeaa0, 0px 0px 20px #ffeaa0, 0px 0px 20px #ffeaa0;
  }
  .main .page-honey .l-container.main-area .main_text_foot {
    text-shadow: 0px 0px 10px #ffeaa0, 0px 0px 10px #ffeaa0;
  }
  .main .page-honey .l-container.slider-area {
    margin-bottom: 0;
  }
  .main .page-honey .popular-honey-area a {
    text-decoration: none;
  }
  .main .page-honey .recipe-area {
    margin-bottom: 0;
    padding-bottom: 5rem;
  }
  .main .page-honey .recipe-area .recipe_rank_wrap {
    padding: 0 1.5rem;
  }
  .main .page-honey .about_head {
    margin-bottom: 3rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/bg_about-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-honey .about_head .about_head_inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .main .page-honey .about_head .about_head_img {
    align-self: flex-end;
    width: 48%;
    padding-top: 30%;
    padding-right: 16%;
  }
  .main .page-honey .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 34%;
    padding: 0 2%;
  }
  .main .page-honey .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 18%;
    padding: 0 2%;
    padding-top: 5px;
  }
  .main .page-honey .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-kenko .l-container.main-area .main_text {
    text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;
  }
  .main .page-kenko .l-container.main-area .main_text_foot {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff;
  }
  .main .page-kenko .l-container.slider-area {
    margin-bottom: 0;
  }
  .main .page-kenko .other-search_btn {
    flex-direction: row;
    align-items: center;
    padding: 1rem 2rem;
  }
  .main .page-kenko .other-search_btn .icon {
    width: 11rem;
    height: 11rem;
    text-align: center;
  }
  .main .page-kenko .other-search_btn .icon::after {
    width: 11rem;
    height: 11rem;
  }
  .main .page-kenko .other-search_btn .c-icon {
    font-size: 7rem;
  }
  .main .page-kenko .other-search_btn .text {
    width: calc(100% - 12.5rem);
    margin-bottom: 1rem;
  }
  .main .page-kenko .about_head {
    margin-bottom: 3rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kenko/bg_about-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-kenko .about_head .about_head_inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .main .page-kenko .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 18%;
    margin-right: 30%;
    margin-left: 8%;
    padding: 0 2%;
    padding-bottom: 20%;
  }
  .main .page-kenko .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 8.5%;
    margin-left: 2%;
    padding: 0 2%;
    padding-top: 10%;
  }
  .main .page-kenko .about_head .about_head_txt_03 {
    align-self: flex-start;
    width: 8.5%;
    padding: 0 2%;
    padding-top: 10%;
  }
  .main .page-kenko .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-cosme .l-container.main-area .main_text {
    text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;
  }
  .main .page-cosme .l-container.main-area .main_text .ruby .rt {
    top: -0.6rem;
    font-size: 0.8rem;
  }
  .main .page-cosme .l-container.main-area .main_text_foot {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff;
  }
  .main .page-cosme .l-container.slider-area {
    margin-bottom: 0;
  }
  .main .page-cosme .skin-check-area {
    padding-top: 50%;
    padding-bottom: 3rem;
  }
  .main .page-cosme .about_head {
    margin-bottom: 3rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/bg_about-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-cosme .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .main .page-cosme .about_head .about_head_img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: auto;
  }
  .main .page-cosme .about_head .about_head_img img {
    width: 100%;
  }
  .main .page-cosme .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 19%;
    padding: 0 2%;
  }
  .main .page-cosme .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 18%;
    margin-bottom: 29%;
    margin-left: 60%;
    padding: 0 2%;
    padding-top: 4%;
  }
  .main .page-cosme .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-kodawari .l-container.main-area .main_text {
    text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;
  }
  .main .page-kodawari .l-container.slider-area {
    margin-bottom: 3rem;
  }
  .main .page-kodawari .kenko-container .about_head {
    margin-bottom: 3rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/kenko/bg_about-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 18%;
    margin-right: 30%;
    margin-left: 8%;
    padding: 0 2%;
    padding-bottom: 20%;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 8.5%;
    margin-left: 2%;
    padding: 0 2%;
    padding-top: 10%;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_txt_03 {
    align-self: flex-start;
    width: 8.5%;
    padding: 0 2%;
    padding-top: 10%;
  }
  .main .page-kodawari .kenko-container .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-kodawari .cosme-container .about_head {
    margin-bottom: 3rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/cosme/bg_about-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: auto;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_img img {
    width: 100%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 19%;
    padding: 0 2%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 18%;
    margin-bottom: 29%;
    margin-left: 60%;
    padding: 0 2%;
    padding-top: 4%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-kodawari .honey-container .about_head {
    margin-bottom: 3rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u64416945/pc/www_3838_com/assets/css/../../assets/images/honey/bg_about-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .page-kodawari .honey-container .about_head .about_head_inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .main .page-kodawari .honey-container .about_head .about_head_img {
    align-self: flex-end;
    width: 48%;
    padding-top: 30%;
    padding-right: 16%;
  }
  .main .page-kodawari .honey-container .about_head .about_head_txt_01 {
    align-self: flex-start;
    width: 34%;
    padding: 0 2%;
  }
  .main .page-kodawari .honey-container .about_head .about_head_txt_02 {
    align-self: flex-start;
    width: 18%;
    padding: 0 2%;
    padding-top: 5px;
  }
  .main .page-kodawari .honey-container .about_head .about_head_btn {
    width: 100%;
    margin-top: 1rem;
  }
  .main .page-royal-jelly-linenap .linenap-anchor-link .title {
    font-size: 1.8rem;
  }
  .main .page-royal-jelly-linenap .osusume-wrap {
    font-size: 1.6rem;
  }
  .main .page-royal-jelly-linenap .osusume-wrap .osusume {
    padding: 0.5rem 0.5rem 0.2rem 1rem;
  }
  .main .page-royal-jelly-linenap .osusume-wrap .type {
    padding: 0.5rem 1.5rem 0.2rem 2.5rem;
  }
  .main .page-royal-jelly-linenap .other-wrap .type {
    padding: 0.5rem 0.5rem 0.2rem 1rem;
  }
}
@media print {
  .main .datepickers-container {
    display: none;
  }
  .main * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .main a,
  .main a:visited {
    text-decoration: underline;
  }
  .main abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .main pre,
  .main blockquote {
    page-break-inside: avoid;
    border: 1px solid #999;
  }
  .main thead {
    display: table-header-group;
  }
  .main tr,
  .main img {
    page-break-inside: avoid;
  }
  .main img {
    max-width: 100% !important;
  }
  @page {
    .main {
      margin: 2cm 0.5cm;
    }
  }
  .main p,
  .main h2,
  .main h3 {
    orphans: 3;
    widows: 3;
  }
  .main h2,
  .main h3 {
    page-break-after: avoid;
  }
  .main select {
    background: #fff !important;
  }
  .main .l-header,
  .main .l-footer,
  .main .l-container-2col_side,
  .main .p-products-list_side,
  .main .l-footer-outer {
    display: none !important;
  }
  .main .l-section {
    margin-top: 2rem !important;
  }
  .main .l-container+.l-container {
    margin-top: 0;
  }
  .main .c-title._size-2 {
    font-size: 2.2rem !important;
  }
  .main .c-title._size-3 {
    font-size: 2rem !important;
  }
  .main .c-title._size-4 {
    font-size: 1.8rem !important;
  }
  .main .c-title._size-5 {
    font-size: 1.6rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main .l-main-container._products {
    padding-top: 4rem;
  }
  .main .l-section:not(:first-child) {
    padding-top: 4rem;
  }
  .main .l-box:not(:last-child) {
    margin-bottom: 2rem;
  }
  .main .c-form-row>.inner {
    padding: 1.2em;
  }
  .main .c-form-col>.inner {
    padding: 1.2em;
  }
  .main .c-form_require {
    padding: 0.2rem 2.4rem;
  }
  .main .c-btn._xlarge {
    padding: 1.8rem 2rem;
    font-size: 2.2rem;
  }
  .main .c-btn._large {
    padding: 1.2rem;
    font-size: 2rem;
  }
  .main .c-btn._small {
    padding: 0.2rem 0.5rem;
  }
  .main .c-btn._type-submit {
    padding: 1.6rem;
  }
  .main .c-btn._type-submit-outline {
    padding: 1.6rem;
  }
  .main .c-btn._type-fix {
    padding: 0.2rem 0.5rem;
  }
  .main .c-btn._type-delete {
    padding: 0.2rem 0.5rem;
  }
  .main .c-scroll-textbox {
    margin-top: 0.8rem;
    padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  }
  .main .c-scroll-textbox_inner {
    padding: 2.4rem 1.6rem 2.4rem 0;
  }
  .main .c-bgcolor-text {
    padding: 0.8rem 2rem;
  }
  .main .c-toggle .c-toggle_title {
    padding: 2rem;
    padding-right: 6rem;
  }
  .main .c-toggle .c-toggle_title::after {
    margin-top: -1.05rem;
    font-size: 2.1rem;
  }
  .main .c-toggle .c-toggle_contents>.inner {
    padding: 2rem;
  }
  .main .c-tab_btn-items {
    margin-bottom: 2.8rem;
  }
  .main .c-tab_sub-btns {
    margin-bottom: 2.8rem;
  }
  .main .c-tab_sub-btn {
    padding: 0.3rem 3rem;
  }
  .main .c-slick_arrows {
    width: 60px;
    height: 60px;
    font-size: 1.6rem;
  }
  .main .p-header_childnav-image._arrow .icon .c-icon {
    font-size: 5rem;
  }
  .main .p-toggle-column>.l-row {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
  }
  .main .p-toggle-column>.l-row>.l-col {
    padding: 0 1.6rem;
  }
  .main .p-toggle-column>.l-row>.l-col .p-toggle-column_toggle {
    width: calc(200% + 3.2rem);
  }
  .main .p-toggle-column>.l-row>.l-col:nth-child(2n) .p-toggle-column_toggle {
    width: calc(200% + 3.2rem);
    margin-left: calc(-100% - 3.2rem);
  }
  .main .p-toggle-column_btn {
    padding: 2rem 2.4rem;
  }
  .main .p-toggle-column_wrap {
    margin-bottom: 2em;
  }
  .main .p-toggle-column_toggle {
    margin-bottom: 2rem;
    padding: 2rem 2.4rem;
  }
  .main .p-itemlinks_items .slick-list {
    margin: 0 -1.6rem;
  }
  .main .p-itemlinks_items .slick-slide {
    padding: 0 1.6rem;
  }
  .main .p-sample-select {
    margin-bottom: 3rem;
  }
  .main .p-full-slider {
    margin-bottom: 70px;
  }
  .main .p-products-nav_image._arrow .icon .c-icon {
    font-size: 5rem;
  }
  .main .p-search-osusume {
    padding: 1.6rem;
  }
  .main .p-search-box {
    padding: 1.6rem;
  }
  .main .l-main-container._recipe {
    padding-top: 4rem;
  }
  .main .p-recipe-memo {
    padding: 1.6rem;
  }
  .main .p-recipe_pagination .p-pagination a.page-link {
    padding: 1rem 0.8rem;
  }
  .main .u-ma-5-res {
    margin: 4px !important;
  }
  .main .u-ma-10-res {
    margin: 8px !important;
  }
  .main .u-ma-15-res {
    margin: 12px !important;
  }
  .main .u-ma-20-res {
    margin: 16px !important;
  }
  .main .u-ma-25-res {
    margin: 20px !important;
  }
  .main .u-ma-30-res {
    margin: 24px !important;
  }
  .main .u-ma-40-res {
    margin: 32px !important;
  }
  .main .u-ma-50-res {
    margin: 40px !important;
  }
  .main .u-ma-75-res {
    margin: 60px !important;
  }
  .main .u-ma-100-res {
    margin: 80px !important;
  }
  .main .u-mt-5-res {
    margin-top: 4px !important;
  }
  .main .u-mt-10-res {
    margin-top: 8px !important;
  }
  .main .u-mt-15-res {
    margin-top: 12px !important;
  }
  .main .u-mt-20-res {
    margin-top: 16px !important;
  }
  .main .u-mt-25-res {
    margin-top: 20px !important;
  }
  .main .u-mt-30-res {
    margin-top: 24px !important;
  }
  .main .u-mt-40-res {
    margin-top: 32px !important;
  }
  .main .u-mt-50-res {
    margin-top: 40px !important;
  }
  .main .u-mt-75-res {
    margin-top: 60px !important;
  }
  .main .u-mt-100-res {
    margin-top: 80px !important;
  }
  .main .u-mr-5-res {
    margin-right: 4px !important;
  }
  .main .u-mr-10-res {
    margin-right: 8px !important;
  }
  .main .u-mr-15-res {
    margin-right: 12px !important;
  }
  .main .u-mr-20-res {
    margin-right: 16px !important;
  }
  .main .u-mr-25-res {
    margin-right: 20px !important;
  }
  .main .u-mr-30-res {
    margin-right: 24px !important;
  }
  .main .u-mr-40-res {
    margin-right: 32px !important;
  }
  .main .u-mr-50-res {
    margin-right: 40px !important;
  }
  .main .u-mr-75-res {
    margin-right: 60px !important;
  }
  .main .u-mr-100-res {
    margin-right: 80px !important;
  }
  .main .u-mb-5-res {
    margin-bottom: 4px !important;
  }
  .main .u-mb-10-res {
    margin-bottom: 8px !important;
  }
  .main .u-mb-15-res {
    margin-bottom: 12px !important;
  }
  .main .u-mb-20-res {
    margin-bottom: 16px !important;
  }
  .main .u-mb-25-res {
    margin-bottom: 20px !important;
  }
  .main .u-mb-30-res {
    margin-bottom: 24px !important;
  }
  .main .u-mb-40-res {
    margin-bottom: 32px !important;
  }
  .main .u-mb-50-res {
    margin-bottom: 40px !important;
  }
  .main .u-mb-75-res {
    margin-bottom: 60px !important;
  }
  .main .u-mb-100-res {
    margin-bottom: 80px !important;
  }
  .main .u-ml-5-res {
    margin-left: 4px !important;
  }
  .main .u-ml-10-res {
    margin-left: 8px !important;
  }
  .main .u-ml-15-res {
    margin-left: 12px !important;
  }
  .main .u-ml-20-res {
    margin-left: 16px !important;
  }
  .main .u-ml-25-res {
    margin-left: 20px !important;
  }
  .main .u-ml-30-res {
    margin-left: 24px !important;
  }
  .main .u-ml-40-res {
    margin-left: 32px !important;
  }
  .main .u-ml-50-res {
    margin-left: 40px !important;
  }
  .main .u-ml-75-res {
    margin-left: 60px !important;
  }
  .main .u-ml-100-res {
    margin-left: 80px !important;
  }
  .main .u-mx-5-res {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .main .u-mx-10-res {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .main .u-mx-15-res {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .main .u-mx-20-res {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .main .u-mx-25-res {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .main .u-mx-30-res {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .main .u-mx-40-res {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .main .u-mx-50-res {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .main .u-mx-75-res {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .main .u-mx-100-res {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .main .u-my-5-res {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .main .u-my-10-res {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .main .u-my-15-res {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .main .u-my-20-res {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .main .u-my-25-res {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .main .u-my-30-res {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .main .u-my-40-res {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .main .u-my-50-res {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .main .u-my-75-res {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .main .u-my-100-res {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .main .u-pa-5-res {
    padding: 4px !important;
  }
  .main .u-pa-10-res {
    padding: 8px !important;
  }
  .main .u-pa-15-res {
    padding: 12px !important;
  }
  .main .u-pa-20-res {
    padding: 16px !important;
  }
  .main .u-pa-25-res {
    padding: 20px !important;
  }
  .main .u-pa-30-res {
    padding: 24px !important;
  }
  .main .u-pa-40-res {
    padding: 32px !important;
  }
  .main .u-pa-50-res {
    padding: 40px !important;
  }
  .main .u-pa-75-res {
    padding: 60px !important;
  }
  .main .u-pa-100-res {
    padding: 80px !important;
  }
  .main .u-pt-5-res {
    padding-top: 4px !important;
  }
  .main .u-pt-10-res {
    padding-top: 8px !important;
  }
  .main .u-pt-15-res {
    padding-top: 12px !important;
  }
  .main .u-pt-20-res {
    padding-top: 16px !important;
  }
  .main .u-pt-25-res {
    padding-top: 20px !important;
  }
  .main .u-pt-30-res {
    padding-top: 24px !important;
  }
  .main .u-pt-40-res {
    padding-top: 32px !important;
  }
  .main .u-pt-50-res {
    padding-top: 40px !important;
  }
  .main .u-pt-75-res {
    padding-top: 60px !important;
  }
  .main .u-pt-100-res {
    padding-top: 80px !important;
  }
  .main .u-pr-5-res {
    padding-right: 4px !important;
  }
  .main .u-pr-10-res {
    padding-right: 8px !important;
  }
  .main .u-pr-15-res {
    padding-right: 12px !important;
  }
  .main .u-pr-20-res {
    padding-right: 16px !important;
  }
  .main .u-pr-25-res {
    padding-right: 20px !important;
  }
  .main .u-pr-30-res {
    padding-right: 24px !important;
  }
  .main .u-pr-40-res {
    padding-right: 32px !important;
  }
  .main .u-pr-50-res {
    padding-right: 40px !important;
  }
  .main .u-pr-75-res {
    padding-right: 60px !important;
  }
  .main .u-pr-100-res {
    padding-right: 80px !important;
  }
  .main .u-pb-5-res {
    padding-bottom: 4px !important;
  }
  .main .u-pb-10-res {
    padding-bottom: 8px !important;
  }
  .main .u-pb-15-res {
    padding-bottom: 12px !important;
  }
  .main .u-pb-20-res {
    padding-bottom: 16px !important;
  }
  .main .u-pb-25-res {
    padding-bottom: 20px !important;
  }
  .main .u-pb-30-res {
    padding-bottom: 24px !important;
  }
  .main .u-pb-40-res {
    padding-bottom: 32px !important;
  }
  .main .u-pb-50-res {
    padding-bottom: 40px !important;
  }
  .main .u-pb-75-res {
    padding-bottom: 60px !important;
  }
  .main .u-pb-100-res {
    padding-bottom: 80px !important;
  }
  .main .u-pl-5-res {
    padding-left: 4px !important;
  }
  .main .u-pl-10-res {
    padding-left: 8px !important;
  }
  .main .u-pl-15-res {
    padding-left: 12px !important;
  }
  .main .u-pl-20-res {
    padding-left: 16px !important;
  }
  .main .u-pl-25-res {
    padding-left: 20px !important;
  }
  .main .u-pl-30-res {
    padding-left: 24px !important;
  }
  .main .u-pl-40-res {
    padding-left: 32px !important;
  }
  .main .u-pl-50-res {
    padding-left: 40px !important;
  }
  .main .u-pl-75-res {
    padding-left: 60px !important;
  }
  .main .u-pl-100-res {
    padding-left: 80px !important;
  }
  .main .u-px-5-res {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .main .u-px-10-res {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .main .u-px-15-res {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .main .u-px-20-res {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .main .u-px-25-res {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .main .u-px-30-res {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .main .u-px-40-res {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .main .u-px-50-res {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .main .u-px-75-res {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .main .u-px-100-res {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .main .u-py-5-res {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .main .u-py-10-res {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .main .u-py-15-res {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .main .u-py-20-res {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .main .u-py-25-res {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .main .u-py-30-res {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .main .u-py-40-res {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .main .u-py-50-res {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .main .u-py-75-res {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .main .u-py-100-res {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .main .u-hide-m,
  .main .u-hide-m-only {
    display: none !important;
  }
  .main .u-show-m {
    display: block !important;
  }
  .main .page-index .c-btn._useful {
    font-size: 1.4rem;
  }
  .main .page-honey .popular-honey_domestic {
    width: 56%;
    padding-left: 2rem;
  }
  .main .page-honey .popular-honey_other {
    width: 44%;
  }
  .main .page-honey .popular-honey_other .c-btn {
    padding: 1.5rem;
    padding-right: 2rem;
  }
  .main .page-honey .popular-honey_other .c-btn::after {
    right: 1rem;
  }
  .main .page-honey .recipe-area .recipe_contents_inner {
    padding: 2rem 4rem 4rem;
  }
  .main .page-honey .about_head::after {
    left: 4%;
    width: 96%;
  }
  .main .page-kenko .about_head::after {
    left: 4%;
    width: 96%;
  }
  .main .page-cosme .search-cosme_btn {
    margin-left: 1rem;
  }
  .main .page-cosme .search-cosme_btn .text {
    top: 1.5rem;
    left: 1rem;
    font-size: 1.6rem;
  }
  .main .page-cosme .skin-check-area {
    background-position: 30% center;
  }
  .main .page-cosme .about_head::after {
    right: 4%;
    width: 96%;
    background-position: 32% center;
  }
  .main .page-cosme .about_head .about_head_img {
    width: 45%;
    margin-right: 0%;
    margin-left: 20%;
    padding-top: 6%;
  }
  .main .page-cosme .about_head .about_head_txt_01 {
    width: 12%;
  }
  .main .page-cosme .about_head .about_head_txt_02 {
    width: 12%;
    padding-top: 20px;
  }
  .main .page-kodawari .kenko-container .about_head::after {
    left: 4%;
    width: 96%;
  }
  .main .page-kodawari .cosme-container .about_head::after {
    right: 4%;
    width: 96%;
    background-position: 32% center;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_img {
    width: 45%;
    margin-right: 0%;
    margin-left: 20%;
    padding-top: 6%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_txt_01 {
    width: 12%;
  }
  .main .page-kodawari .cosme-container .about_head .about_head_txt_02 {
    width: 12%;
    padding-top: 20px;
  }
  .main .page-kodawari .honey-container .about_head::after {
    left: 4%;
    width: 96%;
  }
}
@media only print,
screen and (min-width: 1025px) {
  .main .l-main-container._products {
    padding-top: 6rem;
  }
  .main .l-section:not(:first-child) {
    padding-top: 5rem;
  }
  .main .l-box:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .main .l-row>.l-col.l\:_self-center {
    align-self: center;
  }
  .main .l-row>.l-col.l\:_self-start {
    align-self: flex-start;
  }
  .main .l-row>.l-col.l\:_self-end {
    align-self: flex-end;
  }
  .main .l-row>.l-col.l\:_variable {
    flex: 1 1 auto;
  }
  .main .l-row.l\:_singleline {
    flex-wrap: nowrap;
  }
  .main .l-row.l\:_v-center {
    align-items: center;
  }
  .main .l-row.l\:_v-start {
    align-items: flex-start;
  }
  .main .l-row.l\:_v-end {
    align-items: flex-end;
  }
  .main .l-row.l\:_row-reverse {
    flex-direction: row-reverse;
  }
  .main .l-row.l\:_equally>.l-col {
    flex: 1 1 0;
    float: none;
  }
  .main .l-row.l\:_justify-start {
    justify-content: flex-start;
  }
  .main .l-row.l\:_justify-end {
    justify-content: flex-end;
  }
  .main .l-row.l\:_justify-center {
    justify-content: center;
  }
  .main .l-row.l\:_s-between {
    justify-content: space-between;
  }
  .main .l-row.l\:_s-around {
    justify-content: space-around;
  }
  .main .l-row.l\:_gap-50 {
    margin: -5rem;
  }
  .main .l-row.l\:_gap-50>.l-col {
    padding: 5rem;
  }
  .main .l-row.l\:_gap-x50 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .main .l-row.l\:_gap-x50>.l-col {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .main .l-row.l\:_gap-y50 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }
  .main .l-row.l\:_gap-y50>.l-col {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .main .l-row.l\:_gap-40 {
    margin: -4rem;
  }
  .main .l-row.l\:_gap-40>.l-col {
    padding: 4rem;
  }
  .main .l-row.l\:_gap-x40 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .main .l-row.l\:_gap-x40>.l-col {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .main .l-row.l\:_gap-y40 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }
  .main .l-row.l\:_gap-y40>.l-col {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .main .l-row.l\:_gap-30 {
    margin: -3rem;
  }
  .main .l-row.l\:_gap-30>.l-col {
    padding: 3rem;
  }
  .main .l-row.l\:_gap-x30 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .main .l-row.l\:_gap-x30>.l-col {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .main .l-row.l\:_gap-y30 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }
  .main .l-row.l\:_gap-y30>.l-col {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .main .l-row.l\:_gap-25 {
    margin: -2.5rem;
  }
  .main .l-row.l\:_gap-25>.l-col {
    padding: 2.5rem;
  }
  .main .l-row.l\:_gap-x25 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .main .l-row.l\:_gap-x25>.l-col {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .main .l-row.l\:_gap-y25 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }
  .main .l-row.l\:_gap-y25>.l-col {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .main .l-row.l\:_gap-20 {
    margin: -2rem;
  }
  .main .l-row.l\:_gap-20>.l-col {
    padding: 2rem;
  }
  .main .l-row.l\:_gap-x20 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .main .l-row.l\:_gap-x20>.l-col {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .main .l-row.l\:_gap-y20 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }
  .main .l-row.l\:_gap-y20>.l-col {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .main .l-row.l\:_gap-15 {
    margin: -1.5rem;
  }
  .main .l-row.l\:_gap-15>.l-col {
    padding: 1.5rem;
  }
  .main .l-row.l\:_gap-x15 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .main .l-row.l\:_gap-x15>.l-col {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .main .l-row.l\:_gap-y15 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }
  .main .l-row.l\:_gap-y15>.l-col {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .main .l-row.l\:_gap-10 {
    margin: -1rem;
  }
  .main .l-row.l\:_gap-10>.l-col {
    padding: 1rem;
  }
  .main .l-row.l\:_gap-x10 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .main .l-row.l\:_gap-x10>.l-col {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .main .l-row.l\:_gap-y10 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
  .main .l-row.l\:_gap-y10>.l-col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .main .l-row.l\:_gap-5 {
    margin: -0.5rem;
  }
  .main .l-row.l\:_gap-5>.l-col {
    padding: 0.5rem;
  }
  .main .l-row.l\:_gap-x5 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .main .l-row.l\:_gap-x5>.l-col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .main .l-row.l\:_gap-y5 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .main .l-row.l\:_gap-y5>.l-col {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .main .l-row.l\:_gap-0 {
    margin: 0;
  }
  .main .l-row.l\:_gap-0>.l-col {
    padding: 0;
  }
  .main .l-row.l\:_gap-x0 {
    margin-right: 0;
    margin-left: 0;
  }
  .main .l-row.l\:_gap-x0>.l-col {
    padding-right: 0;
    padding-left: 0;
  }
  .main .l-row.l\:_gap-y0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main .l-row.l\:_gap-y0>.l-col {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main .l-row>.l-col._l-auto {
    width: auto;
  }
  .main .l-row>.l-col._l1 {
    width: 8.3333333333%;
  }
  .main .l-row>.l-col._l2 {
    width: 16.6666666667%;
  }
  .main .l-row>.l-col._l3 {
    width: 25%;
  }
  .main .l-row>.l-col._l4 {
    width: 33.3333333333%;
  }
  .main .l-row>.l-col._l5 {
    width: 41.6666666667%;
  }
  .main .l-row>.l-col._l6 {
    width: 50%;
  }
  .main .l-row>.l-col._l7 {
    width: 58.3333333333%;
  }
  .main .l-row>.l-col._l8 {
    width: 66.6666666667%;
  }
  .main .l-row>.l-col._l9 {
    width: 75%;
  }
  .main .l-row>.l-col._l10 {
    width: 83.3333333333%;
  }
  .main .l-row>.l-col._l11 {
    width: 91.6666666667%;
  }
  .main .l-row>.l-col._l12 {
    width: 100%;
  }
  .main .l-row>.l-col._offset-l1 {
    margin-left: 8.3333333333%;
  }
  .main .l-row>.l-col._pull-l1 {
    right: 8.3333333333%;
  }
  .main .l-row>.l-col._push-l1 {
    left: 8.3333333333%;
  }
  .main .l-row>.l-col._offset-l2 {
    margin-left: 16.6666666667%;
  }
  .main .l-row>.l-col._pull-l2 {
    right: 16.6666666667%;
  }
  .main .l-row>.l-col._push-l2 {
    left: 16.6666666667%;
  }
  .main .l-row>.l-col._offset-l3 {
    margin-left: 25%;
  }
  .main .l-row>.l-col._pull-l3 {
    right: 25%;
  }
  .main .l-row>.l-col._push-l3 {
    left: 25%;
  }
  .main .l-row>.l-col._offset-l4 {
    margin-left: 33.3333333333%;
  }
  .main .l-row>.l-col._pull-l4 {
    right: 33.3333333333%;
  }
  .main .l-row>.l-col._push-l4 {
    left: 33.3333333333%;
  }
  .main .l-row>.l-col._offset-l5 {
    margin-left: 41.6666666667%;
  }
  .main .l-row>.l-col._pull-l5 {
    right: 41.6666666667%;
  }
  .main .l-row>.l-col._push-l5 {
    left: 41.6666666667%;
  }
  .main .l-row>.l-col._offset-l6 {
    margin-left: 50%;
  }
  .main .l-row>.l-col._pull-l6 {
    right: 50%;
  }
  .main .l-row>.l-col._push-l6 {
    left: 50%;
  }
  .main .l-row>.l-col._offset-l7 {
    margin-left: 58.3333333333%;
  }
  .main .l-row>.l-col._pull-l7 {
    right: 58.3333333333%;
  }
  .main .l-row>.l-col._push-l7 {
    left: 58.3333333333%;
  }
  .main .l-row>.l-col._offset-l8 {
    margin-left: 66.6666666667%;
  }
  .main .l-row>.l-col._pull-l8 {
    right: 66.6666666667%;
  }
  .main .l-row>.l-col._push-l8 {
    left: 66.6666666667%;
  }
  .main .l-row>.l-col._offset-l9 {
    margin-left: 75%;
  }
  .main .l-row>.l-col._pull-l9 {
    right: 75%;
  }
  .main .l-row>.l-col._push-l9 {
    left: 75%;
  }
  .main .l-row>.l-col._offset-l10 {
    margin-left: 83.3333333333%;
  }
  .main .l-row>.l-col._pull-l10 {
    right: 83.3333333333%;
  }
  .main .l-row>.l-col._push-l10 {
    left: 83.3333333333%;
  }
  .main .l-row>.l-col._offset-l11 {
    margin-left: 91.6666666667%;
  }
  .main .l-row>.l-col._pull-l11 {
    right: 91.6666666667%;
  }
  .main .l-row>.l-col._push-l11 {
    left: 91.6666666667%;
  }
  .main .l-row>.l-col._offset-l12 {
    margin-left: 100%;
  }
  .main .l-row>.l-col._pull-l12 {
    right: 100%;
  }
  .main .l-row>.l-col._push-l12 {
    left: 100%;
  }
  .main .c-form-row>.inner {
    padding: 1.5em;
  }
  .main .c-form-col>.inner {
    padding: 1.5em;
  }
  .main .c-form_require {
    padding: 0.2rem 3rem;
  }
  .main .c-btn._xlarge {
    padding: 2.5rem 2.5rem;
    font-size: 2.4rem;
  }
  .main .c-btn._large {
    padding: 1.5rem;
    font-size: 2.2rem;
  }
  .main .c-btn._small {
    padding: 0.2rem 0.6rem;
  }
  .main .c-btn._type-submit {
    padding: 2rem;
  }
  .main .c-btn._type-submit-outline {
    padding: 2rem;
  }
  .main .c-btn._type-fix {
    padding: 0.2rem 0.6rem;
  }
  .main .c-btn._type-delete {
    padding: 0.2rem 0.6rem;
  }
  .main .c-btn._type-shadow {
    padding: 1.3rem 1.5rem;
  }
  .main .c-btn._l1 {
    width: 8.3333333333%;
  }
  .main .c-btn._l2 {
    width: 16.6666666667%;
  }
  .main .c-btn._l3 {
    width: 25%;
  }
  .main .c-btn._l4 {
    width: 33.3333333333%;
  }
  .main .c-btn._l5 {
    width: 41.6666666667%;
  }
  .main .c-btn._l6 {
    width: 50%;
  }
  .main .c-btn._l7 {
    width: 58.3333333333%;
  }
  .main .c-btn._l8 {
    width: 66.6666666667%;
  }
  .main .c-btn._l9 {
    width: 75%;
  }
  .main .c-btn._l10 {
    width: 83.3333333333%;
  }
  .main .c-btn._l11 {
    width: 91.6666666667%;
  }
  .main .c-btn._l12 {
    width: 100%;
  }
  .main .c-scroll-textbox {
    margin-top: 1rem;
    padding: 1rem 1rem 1rem 3rem;
  }
  .main .c-scroll-textbox_inner {
    padding: 3rem 2rem 3rem 0;
  }
  .main .c-bgcolor-text {
    padding: 1rem 3rem;
  }
  .main .c-toggle .c-toggle_title {
    padding: 2.5rem;
    padding-right: 7.5rem;
  }
  .main .c-toggle .c-toggle_title::after {
    margin-top: -1.3rem;
    font-size: 2.6rem;
  }
  .main .c-toggle .c-toggle_contents>.inner {
    padding: 2.5rem;
  }
  .main .c-toggle-list .c-toggle-list_title::after {
    right: 3rem;
    margin-top: -0.4rem;
    font-size: 0.8rem;
  }
  .main .c-toggle-list .c-toggle-list_contents>.inner {
    /* padding: 1.5rem 5rem; */
    padding: 1.5rem;
  }
  .main .c-tab_btn-items {
    margin-bottom: 3.5rem;
  }
  .main .c-tab_sub-btns {
    margin-bottom: 3.5rem;
  }
  .main .c-slick_arrows {
    width: 80px;
    height: 80px;
    font-size: 2rem;
  }
  .main .c-pagetop {
    width: 100px;
    height: 115px;
  }
  .main .p-footer_sitemap .items:not(:last-child) {
    margin-bottom: 5rem;
  }
  .main .p-footer_sitemap .item:not(:last-child) {
    margin-bottom: 0.5em;
  }
  .main .p-footer_sitemap .item>.title {
    margin-bottom: 0.5em;
  }
  .main .p-toggle-column>.l-row {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .main .p-toggle-column>.l-row>.l-col {
    padding: 0 2rem;
  }
  .main .p-toggle-column>.l-row>.l-col .p-toggle-column_toggle {
    width: calc(200% + 4rem);
  }
  .main .p-toggle-column>.l-row>.l-col:nth-child(2n) .p-toggle-column_toggle {
    width: calc(200% + 4rem);
    margin-left: calc(-100% - 4rem);
  }
  .main .p-toggle-column_btn {
    padding: 2.5rem 3rem;
  }
  .main .p-toggle-column_icon {
    width: 7rem;
    font-size: 5rem;
  }
  .main .p-toggle-column_toggle {
    margin-bottom: 3rem;
    padding: 2.5rem 3rem;
  }
  .main .p-itemlinks_items .slick-list {
    margin: 0 -2rem;
  }
  .main .p-itemlinks_items .slick-slide {
    padding: 0 2rem;
  }
  .main .p-sample-select {
    margin-bottom: 4rem;
  }
  .main .p-sample-select.is-selected .p-sample-select_image span::after {
    font-size: 4rem;
  }
  .main .p-matome_price-items._l-narrow {
    display: block;
  }
  .main .p-matome_price-items._l-narrow .p-matome_price-item {
    display: block;
  }
  .main .p-matome_price-items._l-narrow .p-matome_price-item+.p-matome_price-item {
    margin-top: 0.5rem;
  }
  .main .p-matome_price-items._l-narrow .p-matome_price-item .p-matome_before {
    display: inline-block;
  }
  .main .p-matome_price-items._l-narrow .p-matome_price-item .p-matome_after {
    text-align: right;
    display: block;
  }
  .main .p-center-slider {
    padding-right: 100px;
    padding-left: 100px;
  }
  .main .p-center-slider .slick-prev {
    left: -50px;
  }
  .main .p-center-slider .slick-next {
    right: -50px;
  }
  .main .p-center2-slider {
    padding-right: 100px;
    padding-left: 100px;
  }
  .main .p-center2-slider .c-slick_arrows._prev {
    left: -10%;
  }
  .main .p-center2-slider .c-slick_arrows._next {
    right: -10%;
  }
  .main .p-full-slider {
    margin-bottom: 70px;
    padding-right: 0;
    padding-left: 0;
  }
  .main .p-full-slider .p-full-slider-item .p-full-slider-item_text .title {
    font-size: 3rem;
  }
  .main .p-products-list_tab .c-tab_btn::before {
    left: 1.5rem;
  }
  .main .p-search-osusume {
    padding: 2rem;
  }
  .main .p-search-box {
    padding: 2rem;
  }
  .main .l-main-container._recipe {
    padding-top: 6rem;
  }
  .main .p-recipe-memo {
    padding: 2rem 3rem;
  }
  .main .l\:u-align-left {
    text-align: left;
  }
  .main .l\:u-align-right {
    text-align: right;
  }
  .main .l\:u-align-center {
    text-align: center;
  }
  .main .l\:u-text-w-n {
    font-weight: normal;
  }
  .main .l\:u-text-w-b {
    font-weight: bold;
  }
  .main .l\:u-underline {
    text-decoration: underline;
  }
  .main .l\:u-line-through {
    text-decoration: line-through;
  }
  .main .l\:u-no-underline {
    text-decoration: none;
  }
  .main .l\:u-size-1 {
    font-size: 3.6rem;
  }
  .main .l\:u-size-2 {
    font-size: 2.8rem;
  }
  .main .l\:u-size-3 {
    font-size: 2.4rem;
  }
  .main .l\:u-size-4 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .main .l\:u-size-5 {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .main .l\:u-size-6 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .main .l\:u-text-c-white {
    color: #fff;
  }
  .main .l\:u-text-c-black {
    color: #000;
  }
  .main .l\:u-text-c-text {
    color: #4d4d4d;
  }
  .main .l\:u-text-c-black1 {
    color: #4d4d4d;
  }
  .main .l\:u-text-c-black2 {
    color: #9f9f9f;
  }
  .main .l\:u-text-c-black3 {
    color: #dbdbdb;
  }
  .main .l\:u-text-c-black4 {
    color: #f5f5f5;
  }
  .main .l\:u-text-c-brown1 {
    color: #3b220b;
  }
  .main .l\:u-text-c-green1 {
    color: #1f6737;
  }
  .main .l\:u-text-c-green2 {
    color: #298949;
  }
  .main .l\:u-text-c-green3 {
    color: #90be20;
  }
  .main .l\:u-text-c-blue1 {
    color: #0e76d2;
  }
  .main .l\:u-text-c-blue2 {
    color: #137abe;
  }
  .main .l\:u-text-c-purple1 {
    color: #4736b8;
  }
  .main .l\:u-text-c-red1 {
    color: #cc0000;
  }
  .main .l\:u-text-c-red2 {
    color: #d53426;
  }
  .main .l\:u-text-c-red3 {
    color: #e94738;
  }
  .main .l\:u-text-c-red4 {
    color: #fae5e5;
  }
  .main .l\:u-text-c-pink1 {
    color: #d12174;
  }
  .main .l\:u-text-c-yellow1 {
    color: #d0a500;
  }
  .main .l\:u-text-c-yellow2 {
    color: #ffe860;
  }
  .main .l\:u-text-c-yellow3 {
    color: #ece2bf;
  }
  .main .l\:u-text-c-yellow4 {
    color: #fdf9ed;
  }
  .main .l\:u-text-c-orange1 {
    color: #e16900;
  }
  .main .u-ma-5-res {
    margin: 5px !important;
  }
  .main .u-ma-10-res {
    margin: 10px !important;
  }
  .main .u-ma-15-res {
    margin: 15px !important;
  }
  .main .u-ma-20-res {
    margin: 20px !important;
  }
  .main .u-ma-25-res {
    margin: 25px !important;
  }
  .main .u-ma-30-res {
    margin: 30px !important;
  }
  .main .u-ma-40-res {
    margin: 40px !important;
  }
  .main .u-ma-50-res {
    margin: 50px !important;
  }
  .main .u-ma-75-res {
    margin: 75px !important;
  }
  .main .u-ma-100-res {
    margin: 100px !important;
  }
  .main .u-mt-5-res {
    margin-top: 5px !important;
  }
  .main .u-mt-10-res {
    margin-top: 10px !important;
  }
  .main .u-mt-15-res {
    margin-top: 15px !important;
  }
  .main .u-mt-20-res {
    margin-top: 20px !important;
  }
  .main .u-mt-25-res {
    margin-top: 25px !important;
  }
  .main .u-mt-30-res {
    margin-top: 30px !important;
  }
  .main .u-mt-40-res {
    margin-top: 40px !important;
  }
  .main .u-mt-50-res {
    margin-top: 50px !important;
  }
  .main .u-mt-75-res {
    margin-top: 75px !important;
  }
  .main .u-mt-100-res {
    margin-top: 100px !important;
  }
  .main .u-mr-5-res {
    margin-right: 5px !important;
  }
  .main .u-mr-10-res {
    margin-right: 10px !important;
  }
  .main .u-mr-15-res {
    margin-right: 15px !important;
  }
  .main .u-mr-20-res {
    margin-right: 20px !important;
  }
  .main .u-mr-25-res {
    margin-right: 25px !important;
  }
  .main .u-mr-30-res {
    margin-right: 30px !important;
  }
  .main .u-mr-40-res {
    margin-right: 40px !important;
  }
  .main .u-mr-50-res {
    margin-right: 50px !important;
  }
  .main .u-mr-75-res {
    margin-right: 75px !important;
  }
  .main .u-mr-100-res {
    margin-right: 100px !important;
  }
  .main .u-mb-5-res {
    margin-bottom: 5px !important;
  }
  .main .u-mb-10-res {
    margin-bottom: 10px !important;
  }
  .main .u-mb-15-res {
    margin-bottom: 15px !important;
  }
  .main .u-mb-20-res {
    margin-bottom: 20px !important;
  }
  .main .u-mb-25-res {
    margin-bottom: 25px !important;
  }
  .main .u-mb-30-res {
    margin-bottom: 30px !important;
  }
  .main .u-mb-40-res {
    margin-bottom: 40px !important;
  }
  .main .u-mb-50-res {
    margin-bottom: 50px !important;
  }
  .main .u-mb-75-res {
    margin-bottom: 75px !important;
  }
  .main .u-mb-100-res {
    margin-bottom: 100px !important;
  }
  .main .u-ml-5-res {
    margin-left: 5px !important;
  }
  .main .u-ml-10-res {
    margin-left: 10px !important;
  }
  .main .u-ml-15-res {
    margin-left: 15px !important;
  }
  .main .u-ml-20-res {
    margin-left: 20px !important;
  }
  .main .u-ml-25-res {
    margin-left: 25px !important;
  }
  .main .u-ml-30-res {
    margin-left: 30px !important;
  }
  .main .u-ml-40-res {
    margin-left: 40px !important;
  }
  .main .u-ml-50-res {
    margin-left: 50px !important;
  }
  .main .u-ml-75-res {
    margin-left: 75px !important;
  }
  .main .u-ml-100-res {
    margin-left: 100px !important;
  }
  .main .u-mx-5-res {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .main .u-mx-10-res {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .main .u-mx-15-res {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .main .u-mx-20-res {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .main .u-mx-25-res {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .main .u-mx-30-res {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .main .u-mx-40-res {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .main .u-mx-50-res {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .main .u-mx-75-res {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .main .u-mx-100-res {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .main .u-my-5-res {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .main .u-my-10-res {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .main .u-my-15-res {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .main .u-my-20-res {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .main .u-my-25-res {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .main .u-my-30-res {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .main .u-my-40-res {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .main .u-my-50-res {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .main .u-my-75-res {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .main .u-my-100-res {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .main .u-pa-5-res {
    padding: 5px !important;
  }
  .main .u-pa-10-res {
    padding: 10px !important;
  }
  .main .u-pa-15-res {
    padding: 15px !important;
  }
  .main .u-pa-20-res {
    padding: 20px !important;
  }
  .main .u-pa-25-res {
    padding: 25px !important;
  }
  .main .u-pa-30-res {
    padding: 30px !important;
  }
  .main .u-pa-40-res {
    padding: 40px !important;
  }
  .main .u-pa-50-res {
    padding: 50px !important;
  }
  .main .u-pa-75-res {
    padding: 75px !important;
  }
  .main .u-pa-100-res {
    padding: 100px !important;
  }
  .main .u-pt-5-res {
    padding-top: 5px !important;
  }
  .main .u-pt-10-res {
    padding-top: 10px !important;
  }
  .main .u-pt-15-res {
    padding-top: 15px !important;
  }
  .main .u-pt-20-res {
    padding-top: 20px !important;
  }
  .main .u-pt-25-res {
    padding-top: 25px !important;
  }
  .main .u-pt-30-res {
    padding-top: 30px !important;
  }
  .main .u-pt-40-res {
    padding-top: 40px !important;
  }
  .main .u-pt-50-res {
    padding-top: 50px !important;
  }
  .main .u-pt-75-res {
    padding-top: 75px !important;
  }
  .main .u-pt-100-res {
    padding-top: 100px !important;
  }
  .main .u-pr-5-res {
    padding-right: 5px !important;
  }
  .main .u-pr-10-res {
    padding-right: 10px !important;
  }
  .main .u-pr-15-res {
    padding-right: 15px !important;
  }
  .main .u-pr-20-res {
    padding-right: 20px !important;
  }
  .main .u-pr-25-res {
    padding-right: 25px !important;
  }
  .main .u-pr-30-res {
    padding-right: 30px !important;
  }
  .main .u-pr-40-res {
    padding-right: 40px !important;
  }
  .main .u-pr-50-res {
    padding-right: 50px !important;
  }
  .main .u-pr-75-res {
    padding-right: 75px !important;
  }
  .main .u-pr-100-res {
    padding-right: 100px !important;
  }
  .main .u-pb-5-res {
    padding-bottom: 5px !important;
  }
  .main .u-pb-10-res {
    padding-bottom: 10px !important;
  }
  .main .u-pb-15-res {
    padding-bottom: 15px !important;
  }
  .main .u-pb-20-res {
    padding-bottom: 20px !important;
  }
  .main .u-pb-25-res {
    padding-bottom: 25px !important;
  }
  .main .u-pb-30-res {
    padding-bottom: 30px !important;
  }
  .main .u-pb-40-res {
    padding-bottom: 40px !important;
  }
  .main .u-pb-50-res {
    padding-bottom: 50px !important;
  }
  .main .u-pb-75-res {
    padding-bottom: 75px !important;
  }
  .main .u-pb-100-res {
    padding-bottom: 100px !important;
  }
  .main .u-pl-5-res {
    padding-left: 5px !important;
  }
  .main .u-pl-10-res {
    padding-left: 10px !important;
  }
  .main .u-pl-15-res {
    padding-left: 15px !important;
  }
  .main .u-pl-20-res {
    padding-left: 20px !important;
  }
  .main .u-pl-25-res {
    padding-left: 25px !important;
  }
  .main .u-pl-30-res {
    padding-left: 30px !important;
  }
  .main .u-pl-40-res {
    padding-left: 40px !important;
  }
  .main .u-pl-50-res {
    padding-left: 50px !important;
  }
  .main .u-pl-75-res {
    padding-left: 75px !important;
  }
  .main .u-pl-100-res {
    padding-left: 100px !important;
  }
  .main .u-px-5-res {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .main .u-px-10-res {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .main .u-px-15-res {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .main .u-px-20-res {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .main .u-px-25-res {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .main .u-px-30-res {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .main .u-px-40-res {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .main .u-px-50-res {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .main .u-px-75-res {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .main .u-px-100-res {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .main .u-py-5-res {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .main .u-py-10-res {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .main .u-py-15-res {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .main .u-py-20-res {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .main .u-py-25-res {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .main .u-py-30-res {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .main .u-py-40-res {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .main .u-py-50-res {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .main .u-py-75-res {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .main .u-py-100-res {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .main .l\:u-ma-0 {
    margin: 0 !important;
  }
  .main .l\:u-ma-5 {
    margin: 5px !important;
  }
  .main .l\:u-ma-10 {
    margin: 10px !important;
  }
  .main .l\:u-ma-15 {
    margin: 15px !important;
  }
  .main .l\:u-ma-20 {
    margin: 20px !important;
  }
  .main .l\:u-ma-25 {
    margin: 25px !important;
  }
  .main .l\:u-ma-30 {
    margin: 30px !important;
  }
  .main .l\:u-ma-40 {
    margin: 40px !important;
  }
  .main .l\:u-ma-50 {
    margin: 50px !important;
  }
  .main .l\:u-ma-75 {
    margin: 75px !important;
  }
  .main .l\:u-ma-100 {
    margin: 100px !important;
  }
  .main .l\:u-mt-0 {
    margin-top: 0 !important;
  }
  .main .l\:u-mt-5 {
    margin-top: 5px !important;
  }
  .main .l\:u-mt-10 {
    margin-top: 10px !important;
  }
  .main .l\:u-mt-15 {
    margin-top: 15px !important;
  }
  .main .l\:u-mt-20 {
    margin-top: 20px !important;
  }
  .main .l\:u-mt-25 {
    margin-top: 25px !important;
  }
  .main .l\:u-mt-30 {
    margin-top: 30px !important;
  }
  .main .l\:u-mt-40 {
    margin-top: 40px !important;
  }
  .main .l\:u-mt-50 {
    margin-top: 50px !important;
  }
  .main .l\:u-mt-75 {
    margin-top: 75px !important;
  }
  .main .l\:u-mt-100 {
    margin-top: 100px !important;
  }
  .main .l\:u-mr-0 {
    margin-right: 0 !important;
  }
  .main .l\:u-mr-5 {
    margin-right: 5px !important;
  }
  .main .l\:u-mr-10 {
    margin-right: 10px !important;
  }
  .main .l\:u-mr-15 {
    margin-right: 15px !important;
  }
  .main .l\:u-mr-20 {
    margin-right: 20px !important;
  }
  .main .l\:u-mr-25 {
    margin-right: 25px !important;
  }
  .main .l\:u-mr-30 {
    margin-right: 30px !important;
  }
  .main .l\:u-mr-40 {
    margin-right: 40px !important;
  }
  .main .l\:u-mr-50 {
    margin-right: 50px !important;
  }
  .main .l\:u-mr-75 {
    margin-right: 75px !important;
  }
  .main .l\:u-mr-100 {
    margin-right: 100px !important;
  }
  .main .l\:u-mb-0 {
    margin-bottom: 0 !important;
  }
  .main .l\:u-mb-5 {
    margin-bottom: 5px !important;
  }
  .main .l\:u-mb-10 {
    margin-bottom: 10px !important;
  }
  .main .l\:u-mb-15 {
    margin-bottom: 15px !important;
  }
  .main .l\:u-mb-20 {
    margin-bottom: 20px !important;
  }
  .main .l\:u-mb-25 {
    margin-bottom: 25px !important;
  }
  .main .l\:u-mb-30 {
    margin-bottom: 30px !important;
  }
  .main .l\:u-mb-40 {
    margin-bottom: 40px !important;
  }
  .main .l\:u-mb-50 {
    margin-bottom: 50px !important;
  }
  .main .l\:u-mb-75 {
    margin-bottom: 75px !important;
  }
  .main .l\:u-mb-100 {
    margin-bottom: 100px !important;
  }
  .main .l\:u-ml-0 {
    margin-left: 0 !important;
  }
  .main .l\:u-ml-5 {
    margin-left: 5px !important;
  }
  .main .l\:u-ml-10 {
    margin-left: 10px !important;
  }
  .main .l\:u-ml-15 {
    margin-left: 15px !important;
  }
  .main .l\:u-ml-20 {
    margin-left: 20px !important;
  }
  .main .l\:u-ml-25 {
    margin-left: 25px !important;
  }
  .main .l\:u-ml-30 {
    margin-left: 30px !important;
  }
  .main .l\:u-ml-40 {
    margin-left: 40px !important;
  }
  .main .l\:u-ml-50 {
    margin-left: 50px !important;
  }
  .main .l\:u-ml-75 {
    margin-left: 75px !important;
  }
  .main .l\:u-ml-100 {
    margin-left: 100px !important;
  }
  .main .l\:u-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .main .l\:u-mx-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .main .l\:u-mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .main .l\:u-mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .main .l\:u-mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .main .l\:u-mx-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .main .l\:u-mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .main .l\:u-mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .main .l\:u-mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .main .l\:u-mx-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .main .l\:u-mx-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .main .l\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .main .l\:u-my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .main .l\:u-my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .main .l\:u-my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .main .l\:u-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .main .l\:u-my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .main .l\:u-my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .main .l\:u-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .main .l\:u-my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .main .l\:u-my-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .main .l\:u-my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .main .l\:u-pa-0 {
    padding: 0 !important;
  }
  .main .l\:u-pa-5 {
    padding: 5px !important;
  }
  .main .l\:u-pa-10 {
    padding: 10px !important;
  }
  .main .l\:u-pa-15 {
    padding: 15px !important;
  }
  .main .l\:u-pa-20 {
    padding: 20px !important;
  }
  .main .l\:u-pa-25 {
    padding: 25px !important;
  }
  .main .l\:u-pa-30 {
    padding: 30px !important;
  }
  .main .l\:u-pa-40 {
    padding: 40px !important;
  }
  .main .l\:u-pa-50 {
    padding: 50px !important;
  }
  .main .l\:u-pa-75 {
    padding: 75px !important;
  }
  .main .l\:u-pa-100 {
    padding: 100px !important;
  }
  .main .l\:u-pt-0 {
    padding-top: 0 !important;
  }
  .main .l\:u-pt-5 {
    padding-top: 5px !important;
  }
  .main .l\:u-pt-10 {
    padding-top: 10px !important;
  }
  .main .l\:u-pt-15 {
    padding-top: 15px !important;
  }
  .main .l\:u-pt-20 {
    padding-top: 20px !important;
  }
  .main .l\:u-pt-25 {
    padding-top: 25px !important;
  }
  .main .l\:u-pt-30 {
    padding-top: 30px !important;
  }
  .main .l\:u-pt-40 {
    padding-top: 40px !important;
  }
  .main .l\:u-pt-50 {
    padding-top: 50px !important;
  }
  .main .l\:u-pt-75 {
    padding-top: 75px !important;
  }
  .main .l\:u-pt-100 {
    padding-top: 100px !important;
  }
  .main .l\:u-pr-0 {
    padding-right: 0 !important;
  }
  .main .l\:u-pr-5 {
    padding-right: 5px !important;
  }
  .main .l\:u-pr-10 {
    padding-right: 10px !important;
  }
  .main .l\:u-pr-15 {
    padding-right: 15px !important;
  }
  .main .l\:u-pr-20 {
    padding-right: 20px !important;
  }
  .main .l\:u-pr-25 {
    padding-right: 25px !important;
  }
  .main .l\:u-pr-30 {
    padding-right: 30px !important;
  }
  .main .l\:u-pr-40 {
    padding-right: 40px !important;
  }
  .main .l\:u-pr-50 {
    padding-right: 50px !important;
  }
  .main .l\:u-pr-75 {
    padding-right: 75px !important;
  }
  .main .l\:u-pr-100 {
    padding-right: 100px !important;
  }
  .main .l\:u-pb-0 {
    padding-bottom: 0 !important;
  }
  .main .l\:u-pb-5 {
    padding-bottom: 5px !important;
  }
  .main .l\:u-pb-10 {
    padding-bottom: 10px !important;
  }
  .main .l\:u-pb-15 {
    padding-bottom: 15px !important;
  }
  .main .l\:u-pb-20 {
    padding-bottom: 20px !important;
  }
  .main .l\:u-pb-25 {
    padding-bottom: 25px !important;
  }
  .main .l\:u-pb-30 {
    padding-bottom: 30px !important;
  }
  .main .l\:u-pb-40 {
    padding-bottom: 40px !important;
  }
  .main .l\:u-pb-50 {
    padding-bottom: 50px !important;
  }
  .main .l\:u-pb-75 {
    padding-bottom: 75px !important;
  }
  .main .l\:u-pb-100 {
    padding-bottom: 100px !important;
  }
  .main .l\:u-pl-0 {
    padding-left: 0 !important;
  }
  .main .l\:u-pl-5 {
    padding-left: 5px !important;
  }
  .main .l\:u-pl-10 {
    padding-left: 10px !important;
  }
  .main .l\:u-pl-15 {
    padding-left: 15px !important;
  }
  .main .l\:u-pl-20 {
    padding-left: 20px !important;
  }
  .main .l\:u-pl-25 {
    padding-left: 25px !important;
  }
  .main .l\:u-pl-30 {
    padding-left: 30px !important;
  }
  .main .l\:u-pl-40 {
    padding-left: 40px !important;
  }
  .main .l\:u-pl-50 {
    padding-left: 50px !important;
  }
  .main .l\:u-pl-75 {
    padding-left: 75px !important;
  }
  .main .l\:u-pl-100 {
    padding-left: 100px !important;
  }
  .main .l\:u-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .main .l\:u-px-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .main .l\:u-px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .main .l\:u-px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .main .l\:u-px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .main .l\:u-px-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .main .l\:u-px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .main .l\:u-px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .main .l\:u-px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .main .l\:u-px-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .main .l\:u-px-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .main .l\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .main .l\:u-py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .main .l\:u-py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .main .l\:u-py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .main .l\:u-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .main .l\:u-py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .main .l\:u-py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .main .l\:u-py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .main .l\:u-py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .main .l\:u-py-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .main .l\:u-py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .main .u-hide-l,
  .main .u-hide-l-only {
    display: none !important;
  }
  .main .u-show-l {
    display: block !important;
  }
  .main .l\:u-hide {
    display: none !important;
  }
  .main .l\:u-show {
    display: block !important;
  }
  .main .l\:u-show {
    display: block !important;
  }
  .main .l\:u-inline {
    display: inline;
  }
  .main .l\:u-inline-block {
    display: inline-block;
  }
  .main .l\:u-block {
    display: block;
  }
  .main .l\:u-flex {
    display: flex;
  }
  .main .l\:u-flex-row-s {
    flex-direction: row;
  }
  .main .l\:u-flex-col-s {
    flex-direction: column;
  }
  .main .l\:u-border-gray {
    border: 1px solid #dbdbdb;
  }
  .main .l\:u-border-red {
    border: 1px solid #cc0000;
  }
  .main .l\:u-border-green {
    border: 1px solid #1f6737;
  }
  .main .l\:u-border-orange {
    border: 1px solid #e16900;
  }
  .main .l\:u-border-blue {
    border: 1px solid #0e76d2;
  }
  .main .l\:u-border-r {
    border-radius: 10px;
  }
  .main .l\:u-border-no {
    border: none !important;
  }
  .main .l\:u-w-0 {
    width: 0;
  }
  .main .l\:u-w-1 {
    width: 1rem;
  }
  .main .l\:u-w-2 {
    width: 2rem;
  }
  .main .l\:u-w-3 {
    width: 3rem;
  }
  .main .l\:u-w-4 {
    width: 4rem;
  }
  .main .l\:u-w-5 {
    width: 5rem;
  }
  .main .l\:u-w-6 {
    width: 6rem;
  }
  .main .l\:u-w-7 {
    width: 7rem;
  }
  .main .l\:u-w-8 {
    width: 8rem;
  }
  .main .l\:u-w-9 {
    width: 9rem;
  }
  .main .l\:u-w-10 {
    width: 10rem;
  }
  .main .l\:u-w-15 {
    width: 15rem;
  }
  .main .l\:u-w-20 {
    width: 20rem;
  }
  .main .l\:u-w-30 {
    width: 30rem;
  }
  .main .l\:u-w-full {
    width: 100%;
  }
  .main .l\:u-min-w-0 {
    min-width: 0;
  }
  .main .l\:u-min-w-full {
    min-width: 100%;
  }
  .main .l\:u-max-w-xs {
    max-width: 16rem;
  }
  .main .l\:u-max-w-sm {
    max-width: 20rem;
  }
  .main .l\:u-max-w-md {
    max-width: 24rem;
  }
  .main .l\:u-max-w-lg {
    max-width: 28rem;
  }
  .main .l\:u-max-w-xl {
    max-width: 32rem;
  }
  .main .l\:u-max-w-full {
    max-width: 100%;
  }
  .main .l\:u-w-10p {
    width: 10%;
  }
  .main .l\:u-w-20p {
    width: 20%;
  }
  .main .l\:u-w-30p {
    width: 30%;
  }
  .main .l\:u-w-40p {
    width: 40%;
  }
  .main .l\:u-w-50p {
    width: 50%;
  }
  .main .l\:u-w-60p {
    width: 60%;
  }
  .main .l\:u-w-70p {
    width: 70%;
  }
  .main .l\:u-w-80p {
    width: 80%;
  }
  .main .l\:u-w-90p {
    width: 90%;
  }
  .main .l\:u-w-100p {
    width: 20%;
  }
  .main .l\:u-w-auto {
    width: auto;
  }
  .main .l\:u-h-0 {
    height: 0;
  }
  .main .l\:u-h-1 {
    height: 1rem;
  }
  .main .l\:u-h-2 {
    height: 2rem;
  }
  .main .l\:u-h-3 {
    height: 3rem;
  }
  .main .l\:u-h-4 {
    height: 4rem;
  }
  .main .l\:u-h-5 {
    height: 5rem;
  }
  .main .l\:u-h-6 {
    height: 6rem;
  }
  .main .l\:u-h-7 {
    height: 7rem;
  }
  .main .l\:u-h-8 {
    height: 8rem;
  }
  .main .l\:u-h-9 {
    height: 9rem;
  }
  .main .l\:u-h-10 {
    height: 10rem;
  }
  .main .l\:u-h-15 {
    height: 15rem;
  }
  .main .l\:u-h-20 {
    height: 20rem;
  }
  .main .l\:u-h-30 {
    height: 30rem;
  }
  .main .l\:u-h-full {
    height: 100%;
  }
  .main .l\:u-min-h-0 {
    min-height: 0;
  }
  .main .l\:u-min-h-50 {
    min-height: 50%;
  }
  .main .l\:u-min-h-full {
    min-height: 100%;
  }
  .main .l\:u-min-h-screen {
    min-height: 100vh;
  }
  .main .l\:u-float-l {
    float: left;
  }
  .main .l\:u-float-r {
    float: right;
  }
  .main .l\:u-float-cb {
    clear: both;
  }
  .main .l\:u-float-cn {
    clear: none;
  }
  .main .l\:u-float-cf::after {
    display: block;
    clear: both;
    content: "";
  }
  .main .l\:u-bgcolor-red {
    background: #fae5e5;
  }
  .main .l\:u-bgcolor-gray {
    background: #f5f5f5;
  }
  .main .l\:u-bgcolor-white {
    background: #fff;
  }
  .main .l\:u-bgcolor-yellow {
    background: #fdf9ed;
  }
  .main .l\:u-bgcolor-gray2 {
    background: rgb(242, 241, 237);
  }
  .main .l\:u-bgcolor-green {
    background: #f2f7e9;
  }
  .main .page-honey .popular-honey_domestic::after {
    max-width: 540px;
  }
  .main .page-honey .popular-honey_domestic_img {
    right: 3rem;
    bottom: -3rem;
  }
  .main .page-cosme .search-cosme_btn {
    margin-left: 3rem;
  }
  .main .page-cosme .search-cosme_btn .text {
    top: 2.5rem;
    left: 1.5rem;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .main .l-row>.l-col.xl\:_self-center {
    align-self: center;
  }
  .main .l-row>.l-col.xl\:_self-start {
    align-self: flex-start;
  }
  .main .l-row>.l-col.xl\:_self-end {
    align-self: flex-end;
  }
  .main .l-row>.l-col.xl\:_variable {
    flex: 1 1 auto;
  }
  .main .l-row.xl\:_singleline {
    flex-wrap: nowrap;
  }
  .main .l-row.xl\:_v-center {
    align-items: center;
  }
  .main .l-row.xl\:_v-start {
    align-items: flex-start;
  }
  .main .l-row.xl\:_v-end {
    align-items: flex-end;
  }
  .main .l-row.xl\:_row-reverse {
    flex-direction: row-reverse;
  }
  .main .l-row.xl\:_equally>.l-col {
    flex: 1 1 0;
    float: none;
  }
  .main .l-row.xl\:_justify-start {
    justify-content: flex-start;
  }
  .main .l-row.xl\:_justify-end {
    justify-content: flex-end;
  }
  .main .l-row.xl\:_justify-center {
    justify-content: center;
  }
  .main .l-row.xl\:_s-between {
    justify-content: space-between;
  }
  .main .l-row.xl\:_s-around {
    justify-content: space-around;
  }
  .main .l-row.xl\:_gap-50 {
    margin: -5rem;
  }
  .main .l-row.xl\:_gap-50>.l-col {
    padding: 5rem;
  }
  .main .l-row.xl\:_gap-x50 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .main .l-row.xl\:_gap-x50>.l-col {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .main .l-row.xl\:_gap-y50 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }
  .main .l-row.xl\:_gap-y50>.l-col {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .main .l-row.xl\:_gap-40 {
    margin: -4rem;
  }
  .main .l-row.xl\:_gap-40>.l-col {
    padding: 4rem;
  }
  .main .l-row.xl\:_gap-x40 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .main .l-row.xl\:_gap-x40>.l-col {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .main .l-row.xl\:_gap-y40 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }
  .main .l-row.xl\:_gap-y40>.l-col {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .main .l-row.xl\:_gap-30 {
    margin: -3rem;
  }
  .main .l-row.xl\:_gap-30>.l-col {
    padding: 3rem;
  }
  .main .l-row.xl\:_gap-x30 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .main .l-row.xl\:_gap-x30>.l-col {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .main .l-row.xl\:_gap-y30 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }
  .main .l-row.xl\:_gap-y30>.l-col {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .main .l-row.xl\:_gap-25 {
    margin: -2.5rem;
  }
  .main .l-row.xl\:_gap-25>.l-col {
    padding: 2.5rem;
  }
  .main .l-row.xl\:_gap-x25 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .main .l-row.xl\:_gap-x25>.l-col {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .main .l-row.xl\:_gap-y25 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }
  .main .l-row.xl\:_gap-y25>.l-col {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .main .l-row.xl\:_gap-20 {
    margin: -2rem;
  }
  .main .l-row.xl\:_gap-20>.l-col {
    padding: 2rem;
  }
  .main .l-row.xl\:_gap-x20 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .main .l-row.xl\:_gap-x20>.l-col {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .main .l-row.xl\:_gap-y20 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }
  .main .l-row.xl\:_gap-y20>.l-col {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .main .l-row.xl\:_gap-15 {
    margin: -1.5rem;
  }
  .main .l-row.xl\:_gap-15>.l-col {
    padding: 1.5rem;
  }
  .main .l-row.xl\:_gap-x15 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .main .l-row.xl\:_gap-x15>.l-col {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .main .l-row.xl\:_gap-y15 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }
  .main .l-row.xl\:_gap-y15>.l-col {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .main .l-row.xl\:_gap-10 {
    margin: -1rem;
  }
  .main .l-row.xl\:_gap-10>.l-col {
    padding: 1rem;
  }
  .main .l-row.xl\:_gap-x10 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .main .l-row.xl\:_gap-x10>.l-col {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .main .l-row.xl\:_gap-y10 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
  .main .l-row.xl\:_gap-y10>.l-col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .main .l-row.xl\:_gap-5 {
    margin: -0.5rem;
  }
  .main .l-row.xl\:_gap-5>.l-col {
    padding: 0.5rem;
  }
  .main .l-row.xl\:_gap-x5 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .main .l-row.xl\:_gap-x5>.l-col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .main .l-row.xl\:_gap-y5 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .main .l-row.xl\:_gap-y5>.l-col {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .main .l-row.xl\:_gap-0 {
    margin: 0;
  }
  .main .l-row.xl\:_gap-0>.l-col {
    padding: 0;
  }
  .main .l-row.xl\:_gap-x0 {
    margin-right: 0;
    margin-left: 0;
  }
  .main .l-row.xl\:_gap-x0>.l-col {
    padding-right: 0;
    padding-left: 0;
  }
  .main .l-row.xl\:_gap-y0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main .l-row.xl\:_gap-y0>.l-col {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main .l-row>.l-col._xl-auto {
    width: auto;
  }
  .main .l-row>.l-col._xl1 {
    width: 8.3333333333%;
  }
  .main .l-row>.l-col._xl2 {
    width: 16.6666666667%;
  }
  .main .l-row>.l-col._xl3 {
    width: 25%;
  }
  .main .l-row>.l-col._xl4 {
    width: 33.3333333333%;
  }
  .main .l-row>.l-col._xl5 {
    width: 41.6666666667%;
  }
  .main .l-row>.l-col._xl6 {
    width: 50%;
  }
  .main .l-row>.l-col._xl7 {
    width: 58.3333333333%;
  }
  .main .l-row>.l-col._xl8 {
    width: 66.6666666667%;
  }
  .main .l-row>.l-col._xl9 {
    width: 75%;
  }
  .main .l-row>.l-col._xl10 {
    width: 83.3333333333%;
  }
  .main .l-row>.l-col._xl11 {
    width: 91.6666666667%;
  }
  .main .l-row>.l-col._xl12 {
    width: 100%;
  }
  .main .l-row>.l-col._offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .main .l-row>.l-col._pull-xl1 {
    right: 8.3333333333%;
  }
  .main .l-row>.l-col._push-xl1 {
    left: 8.3333333333%;
  }
  .main .l-row>.l-col._offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .main .l-row>.l-col._pull-xl2 {
    right: 16.6666666667%;
  }
  .main .l-row>.l-col._push-xl2 {
    left: 16.6666666667%;
  }
  .main .l-row>.l-col._offset-xl3 {
    margin-left: 25%;
  }
  .main .l-row>.l-col._pull-xl3 {
    right: 25%;
  }
  .main .l-row>.l-col._push-xl3 {
    left: 25%;
  }
  .main .l-row>.l-col._offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .main .l-row>.l-col._pull-xl4 {
    right: 33.3333333333%;
  }
  .main .l-row>.l-col._push-xl4 {
    left: 33.3333333333%;
  }
  .main .l-row>.l-col._offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .main .l-row>.l-col._pull-xl5 {
    right: 41.6666666667%;
  }
  .main .l-row>.l-col._push-xl5 {
    left: 41.6666666667%;
  }
  .main .l-row>.l-col._offset-xl6 {
    margin-left: 50%;
  }
  .main .l-row>.l-col._pull-xl6 {
    right: 50%;
  }
  .main .l-row>.l-col._push-xl6 {
    left: 50%;
  }
  .main .l-row>.l-col._offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .main .l-row>.l-col._pull-xl7 {
    right: 58.3333333333%;
  }
  .main .l-row>.l-col._push-xl7 {
    left: 58.3333333333%;
  }
  .main .l-row>.l-col._offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .main .l-row>.l-col._pull-xl8 {
    right: 66.6666666667%;
  }
  .main .l-row>.l-col._push-xl8 {
    left: 66.6666666667%;
  }
  .main .l-row>.l-col._offset-xl9 {
    margin-left: 75%;
  }
  .main .l-row>.l-col._pull-xl9 {
    right: 75%;
  }
  .main .l-row>.l-col._push-xl9 {
    left: 75%;
  }
  .main .l-row>.l-col._offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .main .l-row>.l-col._pull-xl10 {
    right: 83.3333333333%;
  }
  .main .l-row>.l-col._push-xl10 {
    left: 83.3333333333%;
  }
  .main .l-row>.l-col._offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .main .l-row>.l-col._pull-xl11 {
    right: 91.6666666667%;
  }
  .main .l-row>.l-col._push-xl11 {
    left: 91.6666666667%;
  }
  .main .l-row>.l-col._offset-xl12 {
    margin-left: 100%;
  }
  .main .l-row>.l-col._pull-xl12 {
    right: 100%;
  }
  .main .l-row>.l-col._push-xl12 {
    left: 100%;
  }
  .main .c-btn._xl1 {
    width: 8.3333333333%;
  }
  .main .c-btn._xl2 {
    width: 16.6666666667%;
  }
  .main .c-btn._xl3 {
    width: 25%;
  }
  .main .c-btn._xl4 {
    width: 33.3333333333%;
  }
  .main .c-btn._xl5 {
    width: 41.6666666667%;
  }
  .main .c-btn._xl6 {
    width: 50%;
  }
  .main .c-btn._xl7 {
    width: 58.3333333333%;
  }
  .main .c-btn._xl8 {
    width: 66.6666666667%;
  }
  .main .c-btn._xl9 {
    width: 75%;
  }
  .main .c-btn._xl10 {
    width: 83.3333333333%;
  }
  .main .c-btn._xl11 {
    width: 91.6666666667%;
  }
  .main .c-btn._xl12 {
    width: 100%;
  }
  .main .xl\:u-align-left {
    text-align: left;
  }
  .main .xl\:u-align-right {
    text-align: right;
  }
  .main .xl\:u-align-center {
    text-align: center;
  }
  .main .xl\:u-text-w-n {
    font-weight: normal;
  }
  .main .xl\:u-text-w-b {
    font-weight: bold;
  }
  .main .xl\:u-underline {
    text-decoration: underline;
  }
  .main .xl\:u-line-through {
    text-decoration: line-through;
  }
  .main .xl\:u-no-underline {
    text-decoration: none;
  }
  .main .xl\:u-size-1 {
    font-size: 3.6rem;
  }
  .main .xl\:u-size-2 {
    font-size: 2.8rem;
  }
  .main .xl\:u-size-3 {
    font-size: 2.4rem;
  }
  .main .xl\:u-size-4 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .main .xl\:u-size-5 {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .main .xl\:u-size-6 {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .main .xl\:u-text-c-white {
    color: #fff;
  }
  .main .xl\:u-text-c-black {
    color: #000;
  }
  .main .xl\:u-text-c-text {
    color: #4d4d4d;
  }
  .main .xl\:u-text-c-black1 {
    color: #4d4d4d;
  }
  .main .xl\:u-text-c-black2 {
    color: #9f9f9f;
  }
  .main .xl\:u-text-c-black3 {
    color: #dbdbdb;
  }
  .main .xl\:u-text-c-black4 {
    color: #f5f5f5;
  }
  .main .xl\:u-text-c-brown1 {
    color: #3b220b;
  }
  .main .xl\:u-text-c-green1 {
    color: #1f6737;
  }
  .main .xl\:u-text-c-green2 {
    color: #298949;
  }
  .main .xl\:u-text-c-green3 {
    color: #90be20;
  }
  .main .xl\:u-text-c-blue1 {
    color: #0e76d2;
  }
  .main .xl\:u-text-c-blue2 {
    color: #137abe;
  }
  .main .xl\:u-text-c-purple1 {
    color: #4736b8;
  }
  .main .xl\:u-text-c-red1 {
    color: #cc0000;
  }
  .main .xl\:u-text-c-red2 {
    color: #d53426;
  }
  .main .xl\:u-text-c-red3 {
    color: #e94738;
  }
  .main .xl\:u-text-c-red4 {
    color: #fae5e5;
  }
  .main .xl\:u-text-c-pink1 {
    color: #d12174;
  }
  .main .xl\:u-text-c-yellow1 {
    color: #d0a500;
  }
  .main .xl\:u-text-c-yellow2 {
    color: #ffe860;
  }
  .main .xl\:u-text-c-yellow3 {
    color: #ece2bf;
  }
  .main .xl\:u-text-c-yellow4 {
    color: #fdf9ed;
  }
  .main .xl\:u-text-c-orange1 {
    color: #e16900;
  }
  .main .xl\:u-ma-0 {
    margin: 0 !important;
  }
  .main .xl\:u-ma-5 {
    margin: 5px !important;
  }
  .main .xl\:u-ma-10 {
    margin: 10px !important;
  }
  .main .xl\:u-ma-15 {
    margin: 15px !important;
  }
  .main .xl\:u-ma-20 {
    margin: 20px !important;
  }
  .main .xl\:u-ma-25 {
    margin: 25px !important;
  }
  .main .xl\:u-ma-30 {
    margin: 30px !important;
  }
  .main .xl\:u-ma-40 {
    margin: 40px !important;
  }
  .main .xl\:u-ma-50 {
    margin: 50px !important;
  }
  .main .xl\:u-ma-75 {
    margin: 75px !important;
  }
  .main .xl\:u-ma-100 {
    margin: 100px !important;
  }
  .main .xl\:u-mt-0 {
    margin-top: 0 !important;
  }
  .main .xl\:u-mt-5 {
    margin-top: 5px !important;
  }
  .main .xl\:u-mt-10 {
    margin-top: 10px !important;
  }
  .main .xl\:u-mt-15 {
    margin-top: 15px !important;
  }
  .main .xl\:u-mt-20 {
    margin-top: 20px !important;
  }
  .main .xl\:u-mt-25 {
    margin-top: 25px !important;
  }
  .main .xl\:u-mt-30 {
    margin-top: 30px !important;
  }
  .main .xl\:u-mt-40 {
    margin-top: 40px !important;
  }
  .main .xl\:u-mt-50 {
    margin-top: 50px !important;
  }
  .main .xl\:u-mt-75 {
    margin-top: 75px !important;
  }
  .main .xl\:u-mt-100 {
    margin-top: 100px !important;
  }
  .main .xl\:u-mr-0 {
    margin-right: 0 !important;
  }
  .main .xl\:u-mr-5 {
    margin-right: 5px !important;
  }
  .main .xl\:u-mr-10 {
    margin-right: 10px !important;
  }
  .main .xl\:u-mr-15 {
    margin-right: 15px !important;
  }
  .main .xl\:u-mr-20 {
    margin-right: 20px !important;
  }
  .main .xl\:u-mr-25 {
    margin-right: 25px !important;
  }
  .main .xl\:u-mr-30 {
    margin-right: 30px !important;
  }
  .main .xl\:u-mr-40 {
    margin-right: 40px !important;
  }
  .main .xl\:u-mr-50 {
    margin-right: 50px !important;
  }
  .main .xl\:u-mr-75 {
    margin-right: 75px !important;
  }
  .main .xl\:u-mr-100 {
    margin-right: 100px !important;
  }
  .main .xl\:u-mb-0 {
    margin-bottom: 0 !important;
  }
  .main .xl\:u-mb-5 {
    margin-bottom: 5px !important;
  }
  .main .xl\:u-mb-10 {
    margin-bottom: 10px !important;
  }
  .main .xl\:u-mb-15 {
    margin-bottom: 15px !important;
  }
  .main .xl\:u-mb-20 {
    margin-bottom: 20px !important;
  }
  .main .xl\:u-mb-25 {
    margin-bottom: 25px !important;
  }
  .main .xl\:u-mb-30 {
    margin-bottom: 30px !important;
  }
  .main .xl\:u-mb-40 {
    margin-bottom: 40px !important;
  }
  .main .xl\:u-mb-50 {
    margin-bottom: 50px !important;
  }
  .main .xl\:u-mb-75 {
    margin-bottom: 75px !important;
  }
  .main .xl\:u-mb-100 {
    margin-bottom: 100px !important;
  }
  .main .xl\:u-ml-0 {
    margin-left: 0 !important;
  }
  .main .xl\:u-ml-5 {
    margin-left: 5px !important;
  }
  .main .xl\:u-ml-10 {
    margin-left: 10px !important;
  }
  .main .xl\:u-ml-15 {
    margin-left: 15px !important;
  }
  .main .xl\:u-ml-20 {
    margin-left: 20px !important;
  }
  .main .xl\:u-ml-25 {
    margin-left: 25px !important;
  }
  .main .xl\:u-ml-30 {
    margin-left: 30px !important;
  }
  .main .xl\:u-ml-40 {
    margin-left: 40px !important;
  }
  .main .xl\:u-ml-50 {
    margin-left: 50px !important;
  }
  .main .xl\:u-ml-75 {
    margin-left: 75px !important;
  }
  .main .xl\:u-ml-100 {
    margin-left: 100px !important;
  }
  .main .xl\:u-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .main .xl\:u-mx-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .main .xl\:u-mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .main .xl\:u-mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .main .xl\:u-mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .main .xl\:u-mx-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .main .xl\:u-mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .main .xl\:u-mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .main .xl\:u-mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .main .xl\:u-mx-75 {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .main .xl\:u-mx-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .main .xl\:u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .main .xl\:u-my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .main .xl\:u-my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .main .xl\:u-my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .main .xl\:u-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .main .xl\:u-my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .main .xl\:u-my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .main .xl\:u-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .main .xl\:u-my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .main .xl\:u-my-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .main .xl\:u-my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .main .xl\:u-pa-0 {
    padding: 0 !important;
  }
  .main .xl\:u-pa-5 {
    padding: 5px !important;
  }
  .main .xl\:u-pa-10 {
    padding: 10px !important;
  }
  .main .xl\:u-pa-15 {
    padding: 15px !important;
  }
  .main .xl\:u-pa-20 {
    padding: 20px !important;
  }
  .main .xl\:u-pa-25 {
    padding: 25px !important;
  }
  .main .xl\:u-pa-30 {
    padding: 30px !important;
  }
  .main .xl\:u-pa-40 {
    padding: 40px !important;
  }
  .main .xl\:u-pa-50 {
    padding: 50px !important;
  }
  .main .xl\:u-pa-75 {
    padding: 75px !important;
  }
  .main .xl\:u-pa-100 {
    padding: 100px !important;
  }
  .main .xl\:u-pt-0 {
    padding-top: 0 !important;
  }
  .main .xl\:u-pt-5 {
    padding-top: 5px !important;
  }
  .main .xl\:u-pt-10 {
    padding-top: 10px !important;
  }
  .main .xl\:u-pt-15 {
    padding-top: 15px !important;
  }
  .main .xl\:u-pt-20 {
    padding-top: 20px !important;
  }
  .main .xl\:u-pt-25 {
    padding-top: 25px !important;
  }
  .main .xl\:u-pt-30 {
    padding-top: 30px !important;
  }
  .main .xl\:u-pt-40 {
    padding-top: 40px !important;
  }
  .main .xl\:u-pt-50 {
    padding-top: 50px !important;
  }
  .main .xl\:u-pt-75 {
    padding-top: 75px !important;
  }
  .main .xl\:u-pt-100 {
    padding-top: 100px !important;
  }
  .main .xl\:u-pr-0 {
    padding-right: 0 !important;
  }
  .main .xl\:u-pr-5 {
    padding-right: 5px !important;
  }
  .main .xl\:u-pr-10 {
    padding-right: 10px !important;
  }
  .main .xl\:u-pr-15 {
    padding-right: 15px !important;
  }
  .main .xl\:u-pr-20 {
    padding-right: 20px !important;
  }
  .main .xl\:u-pr-25 {
    padding-right: 25px !important;
  }
  .main .xl\:u-pr-30 {
    padding-right: 30px !important;
  }
  .main .xl\:u-pr-40 {
    padding-right: 40px !important;
  }
  .main .xl\:u-pr-50 {
    padding-right: 50px !important;
  }
  .main .xl\:u-pr-75 {
    padding-right: 75px !important;
  }
  .main .xl\:u-pr-100 {
    padding-right: 100px !important;
  }
  .main .xl\:u-pb-0 {
    padding-bottom: 0 !important;
  }
  .main .xl\:u-pb-5 {
    padding-bottom: 5px !important;
  }
  .main .xl\:u-pb-10 {
    padding-bottom: 10px !important;
  }
  .main .xl\:u-pb-15 {
    padding-bottom: 15px !important;
  }
  .main .xl\:u-pb-20 {
    padding-bottom: 20px !important;
  }
  .main .xl\:u-pb-25 {
    padding-bottom: 25px !important;
  }
  .main .xl\:u-pb-30 {
    padding-bottom: 30px !important;
  }
  .main .xl\:u-pb-40 {
    padding-bottom: 40px !important;
  }
  .main .xl\:u-pb-50 {
    padding-bottom: 50px !important;
  }
  .main .xl\:u-pb-75 {
    padding-bottom: 75px !important;
  }
  .main .xl\:u-pb-100 {
    padding-bottom: 100px !important;
  }
  .main .xl\:u-pl-0 {
    padding-left: 0 !important;
  }
  .main .xl\:u-pl-5 {
    padding-left: 5px !important;
  }
  .main .xl\:u-pl-10 {
    padding-left: 10px !important;
  }
  .main .xl\:u-pl-15 {
    padding-left: 15px !important;
  }
  .main .xl\:u-pl-20 {
    padding-left: 20px !important;
  }
  .main .xl\:u-pl-25 {
    padding-left: 25px !important;
  }
  .main .xl\:u-pl-30 {
    padding-left: 30px !important;
  }
  .main .xl\:u-pl-40 {
    padding-left: 40px !important;
  }
  .main .xl\:u-pl-50 {
    padding-left: 50px !important;
  }
  .main .xl\:u-pl-75 {
    padding-left: 75px !important;
  }
  .main .xl\:u-pl-100 {
    padding-left: 100px !important;
  }
  .main .xl\:u-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .main .xl\:u-px-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .main .xl\:u-px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .main .xl\:u-px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .main .xl\:u-px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .main .xl\:u-px-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .main .xl\:u-px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .main .xl\:u-px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .main .xl\:u-px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .main .xl\:u-px-75 {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .main .xl\:u-px-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .main .xl\:u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .main .xl\:u-py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .main .xl\:u-py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .main .xl\:u-py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .main .xl\:u-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .main .xl\:u-py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .main .xl\:u-py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .main .xl\:u-py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .main .xl\:u-py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .main .xl\:u-py-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .main .xl\:u-py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .main .u-hide-xl,
  .main .u-hide-xl-only {
    display: none !important;
  }
  .main .u-show-xl {
    display: block !important;
  }
  .main .xl\:u-hide {
    display: none !important;
  }
  .main .xl\:u-show {
    display: block !important;
  }
  .main .xl\:u-show {
    display: block !important;
  }
  .main .xl\:u-inline {
    display: inline;
  }
  .main .xl\:u-inline-block {
    display: inline-block;
  }
  .main .xl\:u-block {
    display: block;
  }
  .main .xl\:u-flex {
    display: flex;
  }
  .main .xl\:u-flex-row-s {
    flex-direction: row;
  }
  .main .xl\:u-flex-col-s {
    flex-direction: column;
  }
  .main .xl\:u-border-gray {
    border: 1px solid #dbdbdb;
  }
  .main .xl\:u-border-red {
    border: 1px solid #cc0000;
  }
  .main .xl\:u-border-green {
    border: 1px solid #1f6737;
  }
  .main .xl\:u-border-orange {
    border: 1px solid #e16900;
  }
  .main .xl\:u-border-blue {
    border: 1px solid #0e76d2;
  }
  .main .xl\:u-border-r {
    border-radius: 10px;
  }
  .main .xl\:u-border-no {
    border: none !important;
  }
  .main .xl\:u-w-0 {
    width: 0;
  }
  .main .xl\:u-w-1 {
    width: 1rem;
  }
  .main .xl\:u-w-2 {
    width: 2rem;
  }
  .main .xl\:u-w-3 {
    width: 3rem;
  }
  .main .xl\:u-w-4 {
    width: 4rem;
  }
  .main .xl\:u-w-5 {
    width: 5rem;
  }
  .main .xl\:u-w-6 {
    width: 6rem;
  }
  .main .xl\:u-w-7 {
    width: 7rem;
  }
  .main .xl\:u-w-8 {
    width: 8rem;
  }
  .main .xl\:u-w-9 {
    width: 9rem;
  }
  .main .xl\:u-w-10 {
    width: 10rem;
  }
  .main .xl\:u-w-15 {
    width: 15rem;
  }
  .main .xl\:u-w-20 {
    width: 20rem;
  }
  .main .xl\:u-w-30 {
    width: 30rem;
  }
  .main .xl\:u-w-full {
    width: 100%;
  }
  .main .xl\:u-min-w-0 {
    min-width: 0;
  }
  .main .xl\:u-min-w-full {
    min-width: 100%;
  }
  .main .xl\:u-max-w-xs {
    max-width: 16rem;
  }
  .main .xl\:u-max-w-sm {
    max-width: 20rem;
  }
  .main .xl\:u-max-w-md {
    max-width: 24rem;
  }
  .main .xl\:u-max-w-lg {
    max-width: 28rem;
  }
  .main .xl\:u-max-w-xl {
    max-width: 32rem;
  }
  .main .xl\:u-max-w-full {
    max-width: 100%;
  }
  .main .xl\:u-w-10p {
    width: 10%;
  }
  .main .xl\:u-w-20p {
    width: 20%;
  }
  .main .xl\:u-w-30p {
    width: 30%;
  }
  .main .xl\:u-w-40p {
    width: 40%;
  }
  .main .xl\:u-w-50p {
    width: 50%;
  }
  .main .xl\:u-w-60p {
    width: 60%;
  }
  .main .xl\:u-w-70p {
    width: 70%;
  }
  .main .xl\:u-w-80p {
    width: 80%;
  }
  .main .xl\:u-w-90p {
    width: 90%;
  }
  .main .xl\:u-w-100p {
    width: 20%;
  }
  .main .xl\:u-w-auto {
    width: auto;
  }
  .main .xl\:u-h-0 {
    height: 0;
  }
  .main .xl\:u-h-1 {
    height: 1rem;
  }
  .main .xl\:u-h-2 {
    height: 2rem;
  }
  .main .xl\:u-h-3 {
    height: 3rem;
  }
  .main .xl\:u-h-4 {
    height: 4rem;
  }
  .main .xl\:u-h-5 {
    height: 5rem;
  }
  .main .xl\:u-h-6 {
    height: 6rem;
  }
  .main .xl\:u-h-7 {
    height: 7rem;
  }
  .main .xl\:u-h-8 {
    height: 8rem;
  }
  .main .xl\:u-h-9 {
    height: 9rem;
  }
  .main .xl\:u-h-10 {
    height: 10rem;
  }
  .main .xl\:u-h-15 {
    height: 15rem;
  }
  .main .xl\:u-h-20 {
    height: 20rem;
  }
  .main .xl\:u-h-30 {
    height: 30rem;
  }
  .main .xl\:u-h-full {
    height: 100%;
  }
  .main .xl\:u-min-h-0 {
    min-height: 0;
  }
  .main .xl\:u-min-h-50 {
    min-height: 50%;
  }
  .main .xl\:u-min-h-full {
    min-height: 100%;
  }
  .main .xl\:u-min-h-screen {
    min-height: 100vh;
  }
  .main .xl\:u-float-l {
    float: left;
  }
  .main .xl\:u-float-r {
    float: right;
  }
  .main .xl\:u-float-cb {
    clear: both;
  }
  .main .xl\:u-float-cn {
    clear: none;
  }
  .main .xl\:u-float-cf::after {
    display: block;
    clear: both;
    content: "";
  }
  .main .xl\:u-bgcolor-red {
    background: #fae5e5;
  }
  .main .xl\:u-bgcolor-gray {
    background: #f5f5f5;
  }
  .main .xl\:u-bgcolor-white {
    background: #fff;
  }
  .main .xl\:u-bgcolor-yellow {
    background: #fdf9ed;
  }
  .main .xl\:u-bgcolor-gray2 {
    background: rgb(242, 241, 237);
  }
  .main .xl\:u-bgcolor-green {
    background: #f2f7e9;
  }
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .main .c-pagetop_btn span {
    font-size: 1.2rem;
  }
  .main .p-sample-select_thumb .c-tag {
    padding: 5px 0;
    font-size: 1.2rem;
  }
  .main .p-sample-select-modal_sample .c-tag {
    padding: 5px 0;
    font-size: 1.2rem;
  }
  .main .u-hide-m-down {
    display: none !important;
  }
  .main .u-show-m-down {
    display: block !important;
  }
}
@media only screen and (min-width: 1301px) {
  .main .p-center2-slider .c-slick_arrows._prev {
    left: -15%;
  }
  .main .p-center2-slider .c-slick_arrows._next {
    right: -15%;
  }
}
@media (max-width: 500px) {
  .main .page-index .btn-category {
    font-size: 1.4rem;
  }
}