@charset "utf-8";
/*****************************************
共通
*****************************************/
body {
   margin: 0;
   padding: 0;
}
.wrapper {
   width: 100%;
   padding-top: 0;
 }
.container {
   width: 100%;
   padding: 0;
}
#aoki_main * {
   box-sizing: content-box;
}
#aoki_main img * {
   width: 100%;
}
#aoki_main ul,
#aoki_main ol {
	list-style: none;
}
a:hover,
a:focus {
	text-decoration: none!important;

}
#aoki_lp_wrap {
   font-size: 62.5%;
}

/*===== mv =====*/
#aoki_lp_wrap #page-index__mv {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0 auto;
}
#aoki_lp_wrap #page-index__mv a {
   display: block;
}
#aoki_lp_wrap #page-index__mv a:hover img {
   opacity: 1;
}
#aoki_lp_wrap #page-index__mv .note {
   margin-top: 4px;
   font-size: 12px;
   text-align: right;
}
#aoki_lp_wrap #page-index__mv .obi_btn {
   position: relative;
   padding: 5px 0;
   background-color: #e15513;
   color: #fff;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap #page-index__mv .obi_btn::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 35%;
   width: 0;
   height: 0;
   margin-top: -6px;
   border-style: solid;
   border-width: 12px 10px 0 10px;
   border-color: #fff transparent transparent transparent;
   transition: 0.4s;
}

/*===== float_anchor =====*/
#aoki_lp_wrap .float_anchor {
   display: none;
}
#aoki_lp_wrap .float_anchor.fixed {
   position: fixed;
   top: 10%;
   right: 0;
   display: block;
   z-index: 1000;
   animation-name: fadeInAnime;
   animation-duration: 0.4s;
   animation-fill-mode: forwards;
}
#aoki_lp_wrap .float_anchor a {
   display: block;
   width: 52px;
   padding: 24px 14px;
   box-sizing: border-box;
   border-radius: 10px 0 0 10px;
   border-top: 2px solid #0698a4;
   border-left: 2px solid #0698a4;
   border-bottom: 2px solid #0698a4;
   color: #0698a4;
   background: #fff;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
   letter-spacing: 0.1em;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
  transition: 0.4s;
}
#aoki_lp_wrap .float_anchor a:hover {
   color: #fff;
   background: #0698a4;
}
@keyframes fadeInAnime {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
}

/*===== contents =====*/
#aoki_lp_wrap #page-index__content,
#aoki_lp_wrap #page-index__mv {
   font-size: 1.8em;
}
#aoki_lp_wrap .mv_scroll a {
   display: block;
}
#aoki_lp_wrap .mv_arrows {
   position: absolute;
   bottom: -16px;
   left: 50%;
   width: 46px;
   height: 44px;
   margin-left: -23px;
}
#aoki_lp_wrap .mv_arrows path {
   stroke: #deefef;
   fill: transparent;
   stroke-width: 2px;  
   animation: arrow 2s infinite;
   -webkit-animation: arrow 2s infinite;
}
@keyframes arrow {
   0% {opacity:0}
   40% {opacity:1}
   80% {opacity:0}
   100% {opacity:0}
}
@-webkit-keyframes arrow /*Safari and Chrome*/ {
   0% {opacity:0}
   40% {opacity:1}
   80% {opacity:0}
   100% {opacity:0}
}
#aoki_lp_wrap .mv_arrows path.a1 {
   animation-delay:-1s;
   -webkit-animation-delay:-1s;
}
#aoki_lp_wrap .mv_arrows path.a2 {
   animation-delay:-0.5s;
   -webkit-animation-delay:-0.5s;
}
#aoki_lp_wrap .mv_arrows path.a3 { 
   animation-delay:0s;
   -webkit-animation-delay:0s;
}
#aoki_lp_wrap .cmn-inner {
   width: 1200px;
   margin: 0 auto;
}
#aoki_lp_wrap .cmn-about-box {
   margin: 75px 0 0;
  display: flex;
  justify-content: center;
}
#aoki_lp_wrap .cmn-about-box h1 {
   line-height: 1.4;
   color: #0698a4;
   font-size: 68px;
   font-weight: bold;
   text-align: left;
}
#aoki_lp_wrap .cmn-about-box h1 .h1_sav-01 {
   display: block;
   line-height: 1.4;
   margin-bottom: 6px;
   font-size: 26px;
   text-align: center;
}
#aoki_lp_wrap .cmn-about-box h1 small {
   vertical-align: top;
   font-size: 14px;
}
#aoki_lp_wrap .cmn-about-box p {
   line-height: 2;
   margin: 45px auto 0;
   color: #0698a4;
   font-size: 25px;
   text-align: left;
}
#aoki_lp_wrap .cmn-about-box p + p {
  margin: 35px auto 0;
}
#aoki_lp_wrap #page-index__content .page-article {
   margin-top: 80px;
   margin-bottom: 140px;
}

/* anchorLink */
#aoki_lp_wrap #anchorLink,
.anchorLink.column2 {
   display: flex;
   width: 1038px;
   margin: 100px auto 0;
   justify-content: space-between;
   flex-wrap: wrap;
}
#aoki_lp_wrap .anchorLink li {
   width: 335px;
   margin: 0 auto;
}
#aoki_lp_wrap .anchorLink.column2 {
   margin-top: 30px;
}
#aoki_lp_wrap .anchorLink.column2 li {
   width: 510px;
}
#aoki_lp_wrap .anchorLink li a {
   position: relative;
   display: flex;
   width: 100%;
   height: 72px;
   justify-content: center;
   align-items: center;
   border: 2px solid #0698a4;
   border-radius: 100vw;
   color: #0698a4;
   font-size: 17px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap .anchorLink li a::after {
   content: '';
   border: 0;
   border-top: solid 2px #0698a4;
   border-right: solid 2px #0698a4;
   display: inline-block;
   width: 10px;
   height: 10px;
   position: absolute;
   top: 60%;
   right: 30px;
   transform: translateY(-135%) rotate(135deg);
}
#aoki_lp_wrap .anchorLink li a:hover {
   opacity: .6;
   text-decoration: none;
   transition: .4s;
}
#aoki_lp_wrap .anchorLink li a:focus {
   text-decoration: none;
}

/* main contents */
#aoki_lp_wrap h2.recovery_title {
   margin: 0 auto 30px;
   padding: 15px 0;
   color: #fff;
   background: linear-gradient(to right,  #0488b3 0%,#04b3b0 99%);
   font-size: 40px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap h2.recovery_title span.copy {
   display: inline-block;
   margin: -8px 12px 0 0;
   padding: 2px 10px;
   border: 2px solid #fff;
   vertical-align: middle;
   font-size: 20px;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .lead {
   line-height: 1.7;
   margin: 10px 0 30px;
   color: #061f21;
   font-size: 20px;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .lead small {
   font-size: 12px;
   vertical-align: top;
}
#aoki_lp_wrap #page-index__content .lead .note {
   color: #485255;
   font-size: 14px;
}

/* recommend */
#aoki_lp_wrap .recommend {
   margin: 60px 0;
}
#aoki_lp_wrap .recommend .ttl {
   display: flex;
   margin: 0 auto;
   align-items: center;
   justify-content: center;
   color: #061f21;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap .recommend .ttl::before,
#aoki_lp_wrap .recommend .ttl::after {
   content: "";
   border-bottom: 1px solid #919d9e;
}
#aoki_lp_wrap .recommend .ttl::before {
   margin-right: 20px;
   padding-left: 280px;
}
#aoki_lp_wrap .recommend .ttl::after {
   margin-left: 20px;
   padding-right: 280px;
}
#aoki_lp_wrap .recommend  ul {
   display: flex;
   width: 750px;
   margin: 0 auto;
   justify-content: space-between;
   flex-wrap: wrap;
}
#aoki_lp_wrap .recommend  ul li {
   position: relative;
   width: 370px;
   margin-top: 26px;
   padding-top: 4px;
   padding-left: 50px;
   font-size: 18px;
}
#aoki_lp_wrap .recommend  ul li::before {
   content: "";
   position: absolute;
   left: 0;
   width: 40px;
   height: 30px;
   background: url(../_img/240419/icon_check.png) top left / 40px 30px no-repeat;
}

/* voice */
#aoki_lp_wrap #page-index__content .page-article .voiceWrap .review {
   width: 446px;
   height: auto;
   margin: 0 auto 30px;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap .catch p {
   margin-bottom: 10px;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap .catch p span {
   display: inline-block;
   color: #061f21;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap ul {
   position: relative;
   display: flex;
   width: 100%;
   padding: 46px 0 0;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   list-style: none;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li {
   position: relative;
   width: 450px;
   padding: 26px 30px;
   background-color: rgba(255, 255, 255, 0.9);
   border-radius: 14px;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li:nth-child(n + 3) {
   margin-top: 26px;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li::before {
   content: "";
   position: absolute;
   top: -8px;
   left: 20px;
   width: 22px;
   height: 16px;
   background: url(../_img/231110/img_voice_icon.png) 50% 50% no-repeat;
   background-size: contain;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li span {
   line-height: 2;
   color: #485255;
   font-size: 14px;
   text-align: left;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li strong {
   border-bottom: 2px solid #cea263;
   font-size: 18px;
   font-weight: bold;
}
#aoki_lp_wrap #page-index__content .page-article .voiceWrap .note {
   margin-top: 38px;
   color: #485255;
}

/* product-list */
#aoki_lp_wrap #page-index__content .page-article .product-list {
   width: 100%;
   margin-top: 110px;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem {
   line-height: 1.7;
   color: #191919;
   font-size: 21px;
   text-align: left;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .con{
   width: 100%;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .con.bg-gray {
   padding: 40px 0;
   background-color: #f8f8f8;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem01 .con .img {
   width: 714px;
   margin: 0 auto 15px;
}
#aoki_lp_wrap .cmn-img__wrap img {
   width: 100%;
   height: auto;
   pointer-events: none;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .con p.note {
   line-height: 1.7;
   color: #485255;
   font-size: 14px;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem02 .con .img {
   width: 980px;
   margin: 0 auto 20px;
   padding-bottom: 24px;
   border-bottom: 1px dashed #acacac;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .con .point {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 20px;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .con .point .cmn-label {
   display: inline-block;
   margin-right: 16px;
   padding: 4px 20px;
   background-color: #e05512;
   border-radius: 4px;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .cmn-label span {
   color: white;
   font-size: 22px;
   font-weight: bold;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .features-list {
   display: flex;
   justify-content: space-between;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem {
   width: 382px;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem .img {
   width: 100%;
   margin-bottom: 24px;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem p {
   font-size: 18px;
  line-height: 1.7;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem p span {
   font-size: 24px;
   font-weight: bold;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem p span.comfort_caption {
   font-size: 14px;
   font-weight: 100;
}

/* color */
#aoki_lp_wrap .color .color_inner {
   width: 1200px;
   margin: 0 auto;
   padding: 25px 50px 40px 50px;
   background-color: #f8f8f8;
}
#aoki_lp_wrap .color_inner .title {
   margin-bottom: 7px;
   color: #0698a4;
   font-size: 27px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap .color_detail {
   display: flex;
   width: 730px;
   justify-content: space-between;
   margin: 0 auto;
}
#aoki_lp_wrap .color_note {
   width: 730px;
   margin: 8px auto 0;
   color: #485255;
   font-size: 14px;
}

/* size */
#aoki_lp_wrap .size_note {
   margin-top: 8px;
   font-size: 14px;
}
#aoki_lp_wrap .color_detail.size {
   width: 470px;
}
#aoki_lp_wrap .color_detail.size li {
   width: 230px;
}

/* table */
#aoki_lp_wrap .spec_tbl {
   width: 100%;
   margin-top: 40px;
   border-top: 1px solid #d1d1d1;
   border-right: 1px solid #d1d1d1;
   font-size: 12px;
}
#aoki_lp_wrap .spec_tbl tr td,
#aoki_lp_wrap .spec_tbl tr th {
   width: auto;
   padding: 4px;
   background: #f1f1f1;
   border-bottom: 1px solid #d1d1d1;
   border-left: 1px solid #d1d1d1;
   color: #485255;
   text-align: center;
}
#aoki_lp_wrap .spec_tbl tr td {
   background: #fff;
}

/* accordion */
#size .accordion-container + .accordion-container {
  margin: 50px auto 0;
}
#aoki_lp_wrap .product-list .accordion-container {
   max-width: 1200px;
   width: 100%;
}
#aoki_lp_wrap .product-list .accordion-list:not(:first-child) {
   margin-top: 10px;
}
#aoki_lp_wrap .product-list .accordion-title {
   position: relative;
   padding: 10px 40px;
   background: #fff;
   border: 2px solid #0698a4;
   color: #0698a4;
   cursor: pointer;
   font-size: 30px;
   text-align: center;
}
#aoki_lp_wrap .accordion-title:before,
#aoki_lp_wrap .accordion-title::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 80px;
   width: 20px;
   height: 2px;
   background: #0698a4;
}
#aoki_lp_wrap .accordion-title:before {
   transform: rotate(90deg);
   transition: all .2s ease-in-out;
}
#aoki_lp_wrap .accordion-title:after {
   transition: all .2s ease-in-out;
}
#aoki_lp_wrap .accordion-title.open:before {
   transform: rotate(180deg);
}
#aoki_lp_wrap .accordion-title.open:after {
   opacity: 0;
}
#aoki_lp_wrap .accordion-inner {
   display: none;
   background: #f8f8f8;
}
#aoki_lp_wrap .accordion-inner a {
   text-decoration: underline;
}
#aoki_lp_wrap .accordion-inner a:hover {
   text-decoration: none;
}

/* lineup */
#aoki_lp_wrap h4 {
  font-size: 18px;
  line-height: 0.75;
}
#aoki_lp_wrap h4 strong {
  font-size: 36px;
  position: relative;
}
#aoki_lp_wrap h4 strong::after {
  content: "";
  position: absolute;
  top: 9px;
  right: -34px;
  width: 24px;
  height: 24px;
}
#aoki_lp_wrap h4.black strong::after {
  background: url("../_img/240823/arrow_black.png") top left / 24px 24px no-repeat;
}
#aoki_lp_wrap h4.navy strong::after {
  background: url("../_img/240823/arrow_navy.png") top left / 24px 24px no-repeat;
}
#aoki_lp_wrap h4.brown strong::after {
  background: url("../_img/240823/arrow_brown.png") top left / 24px 24px no-repeat;
}
#aoki_lp_wrap h4.offwhite strong::after {
  background: url("../_img/240823/arrow_offwhite.png") top left / 24px 24px no-repeat;
}
#aoki_lp_wrap h4.pink strong::after {
  background: url("../_img/241011/arrow_pink.png") top left / 24px 24px no-repeat;
}
#aoki_lp_wrap h4.black {
    color: #061f21;
 }
#aoki_lp_wrap h4.navy {
    color: #303e5f;
 }
#aoki_lp_wrap h4.brown {
    color: #673f2d;
 }
#aoki_lp_wrap h4.offwhite {
   margin-right: 22px;
   color: #94948c;
 }
#aoki_lp_wrap h4.pink {
    color: #ca817b;
}
#aoki_lp_wrap .slick-img a h4 {
    transition: .3s;
}
  #aoki_lp_wrap .slick-img a:hover h4 {
    opacity: .7;
    transition: .3s;
}
#aoki_lp_wrap #lineup .module_note {
   display: block;
   line-height: 1.5;
   margin-top: 0px;
   font-size: 80%;
   text-align: center;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem05 .con.bg-gray {
   padding: 40px 50px;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem05 .img.cmn-img__wrap {
   width: 690px;
}
#aoki_lp_wrap #page-index__content .page-article .product-listitem .con .img {
   margin-right: auto;
   margin-left: auto;
}
#aoki_lp_wrap .lineup {
   margin-top: 85px;
}
#aoki_lp_wrap .lineup + .lineup {
   margin-top: 70px;
}
#aoki_lp_wrap .lineup li + li {
   margin-top: 72px;
}
#aoki_lp_wrap .lineup li {
   position: relative;
}
#aoki_lp_wrap .lineup li::before {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: 2;
  transition: 0.3s;
}
#aoki_lp_wrap .lineup a:nth-of-type(1) li::before {
  background: url("../_img/250401/icon_01.webp") 100px / 100px;
}
#aoki_lp_wrap .lineup a:nth-of-type(1).grayout::before {
  background: url("../_img/250401/icon_01_grayout.webp") 100px / 100px;
}
#aoki_lp_wrap .lineup a:nth-of-type(2) li::before {
  background: url("../_img/250401/icon_02.webp") 100px / 100px;
}
#aoki_lp_wrap .lineup a:nth-of-type(3) li::before {
  background: url("../_img/250401/icon_03.webp") 100px / 100px;
}
#aoki_lp_wrap .lineup li a:hover::before {
  opacity: 0.7;
}
#aoki_lp_wrap .lineup li .snoopy_copy {
  font-size: 14px;
}
#aoki_lp_wrap .lineup_caution {
  text-align: center;
  font-size: 15px;
  margin-top: 30px;
}
#aoki_lp_wrap .lineup_caution span {
  font-size: 14px;
}
#aoki_lp_wrap .title {
   padding: 10px 0;
   color: #0698a4;
   font-size: 32px;
   font-weight: bold;
   text-align: center;
   line-height: 1.4;
}
#aoki_lp_wrap .title span {
   font-size: 20px;
}
#aoki_lp_wrap .title .new {
   margin-right: 10px;
   padding: 3px 10px 2px;
   background: #e05512;
   border-radius: 4px;
   color: #fff;
   font-size: 22px;
   vertical-align: middle;
}
#aoki_lp_wrap .slider {
   margin-top: 20px;
}
#aoki_lp_wrap #lineup .soldout {
   position: absolute;
   top: 190px;
   left: 38px;
   line-height: 1.1;
   color: #fff;
   font-size: 34px;
   font-weight: bold;
   text-align: center;
   z-index: 100;
}
#aoki_lp_wrap #lineup .soldout span {
   padding: 4px 10px;
   border: 1px solid #fff;
   font-size: 14px;
   font-weight: normal;
   box-sizing: border-box;
}
#aoki_lp_wrap #lineup .lineup_btnarea {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 720px;
  margin: 25px auto 72px;
}
#aoki_lp_wrap #lineup .lineup_btnarea.green {
  margin-top: 6px;
}
#aoki_lp_wrap #lineup .lineup_btnarea a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 335px;
  height: 72px;
  border: 2px solid #21a3b1;
  border-radius: 100vw;
  padding: 25px 28px;
  font-size: 22px;
  color: #21a3b1;
  font-weight: bold;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea a::before {
  content: "";
  position: absolute;
  border-top: 2px solid #21a3b1;
  border-left: 2px solid #21a3b1;
  width: 10px;
  height: 10px;
  top: 42%;
  right: 9%;
  transform: rotate(135deg);
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea a:hover {
  background: #21a3b1;
  color: #fff;
  transition: .4s
}
#aoki_lp_wrap #lineup .lineup_btnarea a:hover::before {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.brown a {
  border: 2px solid #88724d;
  color: #88724d;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.brown a:hover {
  background: #88724d;
  color: #fff;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.brown a::before {
  border-top: 2px solid #88724d;
  border-left: 2px solid #88724d;
}
#aoki_lp_wrap #lineup .lineup_btnarea.brown a:hover::before {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.green a {
  border: 2px solid #4a9857;
  color: #4a9857;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.green a:hover {
  background: #4a9857;
  color: #fff;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.green a::before {
  border-top: 2px solid #4a9857;
  border-left: 2px solid #4a9857;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea.green a:hover::before {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transition: .4s;
}
#aoki_lp_wrap #lineup .lineup_btnarea p + p {
  margin-left: 45px;
}
/* btn */
#aoki_lp_wrap .wrapping_btn {
   width: 350px;
   margin: 20px auto 0;
}
#aoki_lp_wrap .wrapping_btn a {
   position: relative;
   display: block;
   width: 100%;
   padding: 10px 0;
   background-color: #fff;
   color: #485255;
   border: solid 1px #485255;
   border-radius: 100vw;
   transition: .4s;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}
#aoki_lp_wrap .wrapping_btn a::after {
   content: '';
   border: 0;
   border-top: solid 2px #485255;
   border-right: solid 2px #485255;
   display: inline-block;
   width: 10px;
   height: 10px;
   position: absolute;
   top: 48%;
   right: 30px;
   transform: translateY(-45%) rotate(45deg);
  transition: .4s;
}
#aoki_lp_wrap .wrapping_btn a:hover {
   background-color: #485255;
   color: #fff;
}
#aoki_lp_wrap .wrapping_btn:hover a::after {
   border-top: solid 2px #fff;
   border-right: solid 2px #fff;
}
#aoki_lp_wrap .cv_btn {
   margin: 45px auto 60px;
}
#aoki_lp_wrap .btn48 {
   position: relative;
   display: block;
   width: 500px;
   height: 80px;
   line-height: 75px;
   margin: 0 auto;
   color: #fff;
   border: solid 2px #0aa3b4;
   background: #0aa3b4;
   border-radius: 60px;
   transition: .4s;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}
#aoki_lp_wrap .btn48::after {
   content: '';
   border: 0;
   border-top: solid 2px #fff;
   border-right: solid 2px #fff;
   display: inline-block;
   width: 10px;
   height: 10px;
   position: absolute;
   top: 48%;
   right: 30px;
   transform: translateY(-45%) rotate(45deg);
  transition: .4s;
}
#aoki_lp_wrap .btn48:hover {
   background-color: #0aa3b4;
   background: #fff;
   color: #0aa3b4;
   transition: 0.4s;
}
#aoki_lp_wrap .btn48:hover::after {
   border-top: solid 2px #0698a4;
   border-right: solid 2px #0698a4;
}

/* question */
#aoki_lp_wrap .question {
   width: 1000px;
   margin: 80px auto;
}
#aoki_lp_wrap .question .question_p {
   display: block;
   width: 320px;
   margin: 0 auto 40px;
   padding-bottom: 10px;
   color: #061f21;
   font-size: 34px;
   font-weight: bold;
   border-bottom: solid 5px #0698a4;
   text-align: center;
}
#aoki_lp_wrap .question .accordion-list {
   padding: 20px;
   border-bottom: #ACACAC dotted 2px;
   cursor: pointer;
}
#aoki_lp_wrap .question .bt {
   border-top: #ACACAC dotted 2px;
}
#aoki_lp_wrap .question .accordion-list .accordion-title {
   position: relative;
   display: flex;
   margin: 0;
   justify-content: space-between;
   align-items: center;
   color: #061f21;
   font-size: 20px;
   font-weight: bold;
}
#aoki_lp_wrap .question .accordion-title:before,
#aoki_lp_wrap .question .accordion-title::after {
   right: 20px;
}
#aoki_lp_wrap .question .accordion-list p {
   line-height: 1.6;
   margin-top: 20px;
   padding-top: 20px;
   color: #061f21;
   border-top: dotted 2px #e1e1e1;
   font-size: 18px;
}
#aoki_lp_wrap .question .accordion-inner {
   background: #fff;
   padding-right: 0;
   padding-left: 0;
}

/* cmn-recommend */
#aoki_lp_wrap .cmn-recommend {
   padding: 60px 20px 0;
}
#aoki_lp_wrap .cmn-recommend h2 {
   display: flex;
   margin: 0 auto 47px;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
   color: #1a1311;
}
#aoki_lp_wrap .cmn-recommend .bnr_box {
   display: flex;
   max-width: 1020px;
   width: 100%;
   margin: 0 auto;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
#aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img {
   cursor: pointer;
}
#aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img img {
   width: 245px;
   height: 245px;
} 
#aoki_lp_wrap .premium_bnr a {
   display: block;
}
#aoki_lp_wrap .module_note_number {
    display: inline-block;
    text-indent: 13.7em;
}


/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }
   * {
      line-height: 1.6;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: 1100px;
      height: 750px;
      background-image: url("../_img/241011/voice_img01.png");
      background-position: center;
      background-repeat: no-repeat;
      transform: translateX(-50%);
      z-index: -1;
   }
   #aoki_lp_wrap .cmn-recommend h2:after,
   #aoki_lp_wrap .cmn-recommend h2:before {
      content: "";
      border-bottom: 2px solid #1a1311;
   }
   #aoki_lp_wrap .cmn-recommend h2:before {
      margin-right: 20px;
      padding-left: 120px;
   }
   #aoki_lp_wrap .cmn-recommend h2:after {
      margin-left: 20px;
      padding-right: 120px;
   }
   #aoki_lp_wrap #page-index__mv .obi_btn::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 34%;
      width: 0;
      height: 0;
      margin-top: -6px;
      border-style: solid;
      border-width: 12px 10px 0 10px;
      border-color: #fff transparent transparent transparent;
      transition: 0.4s;
   }

   /*============ Color ============*/
   #aoki_lp_wrap #lineup .btn {
      width: 1200px;
      margin: 50px auto 0;
   }

   /* デフォルト商品 */
   /* #aoki_lp_wrap #lineup .slider_item {
      display: flex;
      width: 1200px;
      margin: 0 auto;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   #aoki_lp_wrap #lineup .slick-img {
      width: 390px;
   } */

   /* New商品がある場合（上段2カラム、下段3カラム） */
   #aoki_lp_wrap #lineup .slider_item {
      display: flex;
      width: 892px;
      margin: 0 auto;
      justify-content: center;
      flex-wrap: wrap;
   }
   #aoki_lp_wrap #lineup .slick-img {
      width: 270px;
      text-align: center;
   }
   #aoki_lp_wrap #lineup .slick-img:nth-of-type(2) {
      margin: 0 40px;
   }
   #aoki_lp_wrap #lineup .slick-img:nth-of-type(5) {
     margin-left: 40px;
   }
   #aoki_lp_wrap #lineup .slick-img:nth-of-type(n+4) {
     margin-top: 48px;
   }
}
   /*プレミアムバナー*/
   #aoki_lp_wrap .premium_bnr {
     margin: 112px auto 0;
     width: 840px;
   }

/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }

   /*===== mv =====*/
   #aoki_lp_wrap #page-index__mv {
      width: 100%;
   }
   #aoki_lp_wrap #page-index__mv img {
      width: 100%;
      margin: 0 auto;
   }
   #aoki_lp_wrap #page-index__mv .obi_btn {
      padding: 3vw 2vw 2vw 0;
      font-size: 3.9vw;
   }
   #aoki_lp_wrap #page-index__mv .obi_btn::after {
      right: 22%;
      margin-top: -3px;
      border-width: 7px 5px 0 5px;
   }

   /*===== float_anchor =====*/
   #aoki_lp_wrap .float_anchor a {
      width: 7.6vw;
      padding: 2vw 2vw 2vw 1vw;
      border-top: 1px solid;
      border-left: 1px solid;
      border-bottom: 1px solid;
      border-radius: 6px 0 0 6px;
      font-size: 2.66vw;
   }

   /*===== contents =====*/
   #aoki_lp_wrap #page-index__content,
   #aoki_lp_wrap #page-index__mv {
      height: 100%;
      font-size: 3.73vw;
   }
   #aoki_lp_wrap #page-index__content {
      box-sizing: border-box;
   }
   #aoki_lp_wrap .cmn-inner {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
   }
   #aoki_lp_wrap .cmn-about-box {
      margin: 0 0 3vw;
      padding-right: 15px;
      padding-left: 15px;
   }
   #aoki_lp_wrap .cmn-about-box h1 {
      line-height: 1.5;
      margin-top: 6.66vw;
      font-size: 5.56vw;
     text-align: left;
   }
   #aoki_lp_wrap .cmn-about-box h1 .h1_sav-01 {
      line-height: 1.4;
      margin-bottom: 0;
      font-size: 5.6vw;
   }
   #aoki_lp_wrap .cmn-about-box h1 small {
      font-size: 3.2vw;
   }
   #aoki_lp_wrap .cmn-about-box p {
      line-height: 2;
      margin-top: 5.66vw;
      font-size: 3.73vw;
      text-align: left;
   }
   #aoki_lp_wrap .cmn-about-box p + p {
      margin-top: 5.33vw;
   }
   #aoki_lp_wrap #page-index__content .lead .note {
      font-size: 3.2vw;
   }

   /* anchorLink */
   #aoki_lp_wrap #anchorLink {
      width: 100%;
      margin: 6vw auto 0;
      padding-right: 15px;
      padding-left: 15px;
   }
   #aoki_lp_wrap .anchorLink li {
      width: 48%;
   }
   #aoki_lp_wrap .anchorLink li:nth-of-type(n+3) {
      margin-top: 3vw;
   }
   #aoki_lp_wrap .anchorLink li a {
      height: 15.2vw;
      border: 1px solid;
      font-size: 3.2vw;
   }
   #aoki_lp_wrap .anchorLink li a::after {
      top: 54%;
      right: 4vw;
      width: 1.5vw;
      height: 1.5vw;
      border-top: solid 1px;
      border-right: solid 1px;
   }
   #aoki_lp_wrap .anchorLink.column2 {
      width: 100%;
      margin: 4vw 0 0;
      padding-right: 15px;
      padding-left: 15px;
   }
   #aoki_lp_wrap .anchorLink.column2 li {
      width: 100%;
   }
   #aoki_lp_wrap .anchorLink.column2 li a::after {
      right: 8vw;
   }

   /* what */
  #aoki_lp_wrap #what {
      padding-right: 15px;
      padding-left: 15px;
  }
   #aoki_lp_wrap .recommend .ttl {
      font-size: 4.26vw;
   }
   #aoki_lp_wrap .recommend .ttl::before {
      margin-right: 4vw;
      padding-left: 18vw;
   }
   #aoki_lp_wrap .recommend .ttl::after {
      margin-left: 4vw;
      padding-right: 18vw;
   }
   #aoki_lp_wrap .recommend {
      margin: 8vw auto;
   }
   #aoki_lp_wrap .recommend ul {
      width: 100%;
   }
   #aoki_lp_wrap .recommend ul li {
      margin: 2vw 0 0 6.66vw;
      padding-left: 9.33vw;
      font-size: 3.73vw;
   }
   #aoki_lp_wrap .recommend ul li::before {
      width: 6.93vw;
      height: 5.2vw;
      background-size: 6.93vw 5.2vw;
   }

   /* voice */
   #aoki_lp_wrap #page-index__content .page-article {
      margin: 16vw 0;
   }
   #aoki_lp_wrap h2.recovery_title {
      line-height: 1.4;
      margin: 0 -15px 3.33vw;
      padding: 3vw 0;
      font-size: 6.13vw;
   }
   #aoki_lp_wrap h2.recovery_title small {
      font-size: 3.2vw;
   }
   #aoki_lp_wrap .voice-accordion-title {
      position: relative;
      margin-top: 4vw;
      padding: 4vw;
      background: #f8f8f8;
      color: #0698a4;
      font-size: 4.5vw;
      font-weight: bold;
      text-align: center;
   }
   #aoki_lp_wrap .voice-accordion-title::before,
   #aoki_lp_wrap .voice-accordion-title::after {
      content: "";
      position: absolute;
      top: 47%;
      right: 3.46vw;
      width: 3.2vw;
      height: 0.26vw;
      background: #0698a4;
      box-sizing: border-box;
   }
   #aoki_lp_wrap .voice-accordion-title::before {
      transform: rotate(90deg);
      transition: all .2s ease-in-out;
   }
   #aoki_lp_wrap .voice-accordion-title::after {
      transition: all .2s ease-in-out;
   }
   #aoki_lp_wrap .voice-accordion-title.open::before {
      transform: rotate(180deg);
   }
   #aoki_lp_wrap .voice-accordion-inner {
      display: none;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap .review {
      width: 100%;
      margin-bottom: 0;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap .catch p {
      margin-bottom: 0;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap .catch p span {
      line-height: 1.5;
      margin: 6.66vw 0 0;
      font-size: 4.8vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap .voiceWrap_img {
      margin-top: 3.33vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul {
      margin-top: 3vw;
      padding: 5vw 0;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li {
      width: 108.8vw;
      padding: 4.8vw 8vw;
      background-color: #f7f6f6;
      border-radius: 3.5vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li:nth-child(n + 2) {
      margin-top: 4.267vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li::before {
      top: -4px;
      left: 10px;
      width: 20px;
      height: 14px;
      background: url(../_img/231110/img_voice_icon.png) 50% 50% no-repeat;
      background-size: contain;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li span {
      line-height: 1.8;
      font-size: 3.46vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap ul li span strong {
      line-height: 1.6;
      font-size: 4.6vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .voiceWrap .note {
      line-height: 1.5;
      margin-top: 0;  
   }

   /* product-list */
    #aoki_lp_wrap #anc_shikumi {
      padding-right: 15px;
      padding-left: 15px;
  }
    #aoki_lp_wrap #comfort {
      padding-right: 15px;
      padding-left: 15px;
  }
   #aoki_lp_wrap #page-index__content .page-article .product-list {
      margin-top: 16vw;
   }
    #aoki_lp_wrap .product-listitem05 {
      padding-right: 15px;
      padding-left: 15px;
  }
   #aoki_lp_wrap .recovery_title {
      line-height: 1.5;
      margin: 50px auto 0;
      font-size: 6.4vw;
   }
   #aoki_lp_wrap .recovery_title img {
      width: 90%;
      margin: 0 auto;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .lead {
      margin: 3.33vw 0;
      font-size: 3.733vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .con.bg-gray {
      padding: 4vw 0 6vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem01 .con .img {
      max-width: 190.4vw;
      width: 86.4vw;
      margin: 0 auto 3vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .con p.note {
      padding: 0 4vw;
      font-size: 3.2vw;
      text-align: left;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem02 .con .img {
      max-width: 261.333vw;
      width: 86.4vw;
      margin-bottom: 5vw;
      padding-bottom: 5.333vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .con .point {
      display: block;
      font-size: 3.733vw;
      text-align: center;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .con .point .cmn-label {
      display: inline-block;
      line-height: 1.5;
      margin: 0 auto 3vw;
      padding: 0.8vw 4vw 0.4vw;
      border-radius: 1.6vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .cmn-label span {
      font-size: 4.26vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-list {
      flex-wrap: wrap;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem + .features-listitem {
      margin-top: 4vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem .img {
      width: 41%;
      margin-bottom: 0;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem p {
      width: 54%;
      line-height: 1.9;
      margin-left: 5%;
      font-size: 3.2vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem p span {
      font-size: 4vw;
     font-weight: bold;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem p span.comfort_caption {
      display: block;
      font-size: 2.66vw;
      line-height: 1.7;
  }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem .features-listitem:nth-child(3) {
      margin: 6.933vw auto 0;
   }

   /* lineup */
   #aoki_lp_wrap #lineup {
      padding-right: 15px;
      padding-left: 15px;
   }
   #aoki_lp_wrap h4 {
      font-size: 3.2vw;
      line-height: 1.3;
   }
   #aoki_lp_wrap h4 strong {
      font-size: 8vw;
   }
   #aoki_lp_wrap h4 strong::after {
      top: 1.9vw;
      right: -8vw;
      width: 5.3vw;
      height: 5.3vw;
      transition: .5s;
   }
   #aoki_lp_wrap #lineup .soldout {
      top: 40%;
      left: 12.5%;
      line-height: 0.9;
      font-size: 8vw;
   }
   #aoki_lp_wrap #lineup .soldout span {
      padding: 0.9vw 2.6vw;
      font-size: 3.2vw;
   }
   #aoki_lp_wrap h4.black strong::after {
      background: url("../_img/240823/arrow_black.png") top left / 5.3vw 5.3vw no-repeat;
   }
   #aoki_lp_wrap h4.navy strong::after {
      background: url("../_img/240823/arrow_navy.png") top left / 5.3vw 5.3vw no-repeat;
   }
   #aoki_lp_wrap h4.brown strong::after {
      background: url("../_img/240823/arrow_brown.png") top left / 5.3vw 5.3vw no-repeat;
   }
   #aoki_lp_wrap h4.offwhite strong::after {
      background: url("../_img/240823/arrow_offwhite.png") top left / 5.3vw 5.3vw no-repeat;
   }
   #aoki_lp_wrap h4.pink strong::after {
      background: url("../_img/241011/arrow_pink.png") top left / 5.3vw 5.3vw no-repeat;
   }

   /* color */
   #aoki_lp_wrap .color {
      padding: 5.33vw 0.5vw;
      background-color: #f8f8f8;
   }
   #aoki_lp_wrap .color_inner .title {
      margin: 0 0 3.4vw 0;
      padding: 0;
      font-size: 4.39vw;
   }
   #aoki_lp_wrap .color .color_inner {
      width: 100%;
      padding: 0;
   }
   #aoki_lp_wrap .color_detail {
      width: 100%;
   }
   #aoki_lp_wrap .color .recovery_title {
      margin-top: 0;
      margin-bottom: 14px;
   }
   #aoki_lp_wrap .color_note {
      margin-top: 2vw;
      font-size: 3.2vw;
   }
   #aoki_lp_wrap .color_note li {
      line-height: 1.5;
   }
   #aoki_lp_wrap .product-list .accordion-container {
      margin-top: 5.33vw;
   }
   #aoki_lp_wrap .product-list .accordion-title {
      font-size: 4.8vw;
      padding: 4.5vw 0.5vw;
      border:1px solid #0698a4;
   }
   #aoki_lp_wrap .accordion-title:before,
   #aoki_lp_wrap .accordion-title::after {
      top: 47%;
      right: 3.46vw;
      width: 3.2vw;
      height: 0.26vw;
   }
   #aoki_lp_wrap .accordion-inner {
      padding: 0 4vw 4vw;
   }
   #aoki_lp_wrap .title {
      padding: 1.33vw 0;
      font-size: 5.06vw;  
   }
   #aoki_lp_wrap .title span {
      font-size: 3.2vw;  
   }
   #aoki_lp_wrap .title .new {
      margin-right: 2vw;
      font-size: 3.2vw;
   }
  
  
  
  
  
  #aoki_lp_wrap .lineup {
      margin-top: 5.33vw;
  }
  #aoki_lp_wrap .lineup li + li {
    margin-top: 6.66vw;
  }
  #aoki_lp_wrap .lineup li::before {
    width: 19.2vw;
    height: 19.2vw;
    left: -2.66vw;
    top: -2.66vw;
  }
  #aoki_lp_wrap .lineup a:nth-of-type(1) li::before {
    background: url("../_img/250401/icon_01.webp") 19.2vw / 19.2vw;
  }
  #aoki_lp_wrap .lineup a:nth-of-type(1) li.grayout::before {
    background: url("../_img/250401/icon_01_grayout.webp") 19.2vw / 19.2vw;
  }
  #aoki_lp_wrap .lineup a:nth-of-type(2) li::before {
    background: url("../_img/250401/icon_02.webp") 19.2vw / 19.2vw;
  }
  #aoki_lp_wrap .lineup a:nth-of-type(3) li::before {
    background: url("../_img/250401/icon_03.webp") 19.2vw / 19.2vw;
  }
  #aoki_lp_wrap .lineup li .snoopy_copy {
    font-size: 2.66vw;
    margin-top: 1vw;
  }
  #aoki_lp_wrap .lineup_caution {
    font-size: 2.93vw;
    margin-top: 5.33vw;
  }
  #aoki_lp_wrap .lineup_caution span {
    font-size: 2.66vw;
  }
  
  
  
  
   #aoki_lp_wrap .lineup + .lineup {
      margin-top: 10vw;
   }
   #aoki_lp_wrap h2.recovery_title span.copy {
      border: 1px solid #fff;
      font-size: 3.2vw;
   }


  #aoki_lp_wrap #lineup .lineup_btnarea {
    display: block;
    width: 92vw;
    margin: 5.33vw auto 13.3vw;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.green {
    margin-bottom: 8%;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea a {
    width: 92vw;
    height: 14.6vw;
    border: 1px solid #21a3b1;
    border-radius: 100vw;
    padding: 5vw 6vw;
    font-size: 3.73vw;
    color: #21a3b1;
    font-weight: bold;
  }
  #anchor_link_blue,
  #anchor_link_brown,
  #anchor_link_green {
    padding-top: 3px;
    margin-top: -3px;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea a:hover {
    border: 1px solid #21a3b1;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.brown a {
    border: 1px solid #88724d;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.brown a:hover {
    border: 1px solid #88724d;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.green a {
    border: 1px solid #4a9857;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.green a:hover {
    border: 1px solid #4a9857;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea p + p {
    margin: 4vw 0 0 0;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea a::before {
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #21a3b1;
    border-left: 1px solid #21a3b1;
    right: 13%;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea a:hover::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.brown a::before {
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #88724d;
    border-left: 1px solid #88724d;
    right: 13%;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.brown a:hover::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.green a::before {
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #4a9857;
    border-left: 1px solid #4a9857;
    right: 13%;
  }
  #aoki_lp_wrap #lineup .lineup_btnarea.green a:hover::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  /*============ Color ============*/
   #aoki_lp_wrap .online_text {
      background-size: 57.4vw 5.2vw;
      font-size: 4vw;
   }
   #aoki_lp_wrap h3 {
      line-height: 1.2;
      margin: 4vw 0 3vw;
      font-size: 3.46vw;
   }
   #aoki_lp_wrap h3 strong {
      font-size: 9.33vw;
   }
   #aoki_lp_wrap .color_price {
      font-size: 3.73vw;
   }
   #aoki_lp_wrap .color_price .strikethrough::after {
      border-top: 1px solid #d31010;
   }
   #aoki_lp_wrap .color_text {
      line-height: 1.6;
      margin-top: 4vw;
      padding: 0 4vw;
      font-size: 3.46vw;
   }
  #aoki_lp_wrap .slider {
    margin-top: 3vw;
  }
   #aoki_lp_wrap .slider_item .slick-slide{
      transition: .5s;
      transform: scale(0.7);
   }
   #aoki_lp_wrap .slider_item .slick-center {
      transform: scale(1);
   }
   #aoki_lp_wrap .slider_item .slick-center,
   #aoki_lp_wrap .slider_item .is-active-next {
      transform: scale(1);
   }
   #aoki_lp_wrap .slick-img .discount {
      margin-top: 3px;
      font-size: 4.2vw;
   }
   #aoki_lp_wrap .slick-img .discount .login {
      font-size: 2.8vw;
   }
   #aoki_lp_wrap .slick-img .discount .sale {
      padding: 0.2vw 1.8vw 0;
      font-size: 3.2vw;
   }
   #aoki_lp_wrap .slick-img .discount small {
      margin-top: -2vw;
      font-size: 2.66vw;
   }
   #aoki_lp_wrap .discount_note {
      width: 100%;
      line-height: 2;
      margin: 8vw auto 0;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #aoki_lp_wrap .discount_note dt {
      margin-bottom: 0;
      font-size: 3.33vw;
   }
   #aoki_lp_wrap .discount_note dd {
      padding-left: 2.93vw;
      font-size: 2.93vw;
      text-indent: -2.93vw;
   } 
   #aoki_lp_wrap .slick-slide {
      margin-right: 0;
      margin-left: 0;
      text-align: center;
   }
   #aoki_lp_wrap .slick-prev,
   #aoki_lp_wrap .slick-next {
      position: absolute;
      top: 44%;
      width: 14px;
      height: 25px;
      line-height: 0;
      padding: 0;
      font-size: 0;
      border: none;
   }
   #aoki_lp_wrap .slick-prev {
      left: 13%;
      background: url(../_img/240823/arrow_left.png) top center / 14px 25px no-repeat;
   }
   #aoki_lp_wrap .slick-next {
      right: 13%;
      background: url(../_img/240823/arrow_right.png) top center / 14px 25px no-repeat;
   }
   #aoki_lp_wrap button.slick-arrow:focus,
   #aoki_lp_wrap button.slick-next:focus {
      outline: none;
   }
   #aoki_lp_wrap .slider_thumbnail {
      /* width: 80%; */
      width: 300px;
      margin: 1.5vw auto 1.7vw;
   }
   #aoki_lp_wrap .slick-track {
      margin: 0 auto;
   }
   #aoki_lp_wrap .slider_thumbnail .slick-current img {
      opacity: 1;
      padding: 3px;
      border-radius: 100px;
      box-sizing: border-box;
   }
   #aoki_lp_wrap .slider_thumbnail .slick-current .black img {
      border: 1px solid #061f21;
   }
   #aoki_lp_wrap .slider_thumbnail .slick-current .navy img {
      border: 1px solid #303e5f;
   }
   #aoki_lp_wrap .slider_thumbnail .slick-current .brown img {
      border: 1px solid #673f2d;
   }
   #aoki_lp_wrap .slider_thumbnail .slick-current .offwhite img {
      border: 1px solid #cccccc;
   }
      #aoki_lp_wrap .slider_thumbnail .slick-current .pink img {
      border: 1px solid #e1aea8;
   }

   #aoki_lp_wrap .slider_thumbnail .thumbnail-img {
      width: 5.3vw !important;
      height: 9.3vw;
      margin: 0 auto;
   }
   #aoki_lp_wrap .slider_thumbnail .thumbnail-img span {
      display: block;
      line-height: 1.2;
      color: #326fad;
      font-size: 2.6vw;
   }
   #aoki_lp_wrap .btn {
      width: 100%;
      margin-top: 8vw;
   }
   #aoki_lp_wrap .btn a {
      font-size: 3.73vw;
   }
   #aoki_lp_wrap .btn a::before {
      top: -2.8vw;
      left: -7vw;
      width: 9.33vw;
      height: 9.33vw;
      background-size: 9.33vw 9.33vw;
   }
  /*プレミアムバナー*/
   #aoki_lp_wrap .premium_bnr {
      margin: 6.6vw auto 0;
      width: 92vw;
   }


   /* size */
    #aoki_lp_wrap #size {
      padding-right: 15px;
      padding-left: 15px;
  }
   #aoki_lp_wrap .color_detail.size {
      width: 100%;
   }
   #aoki_lp_wrap .color_detail.size li {
      width: 100%;
   }
   #aoki_lp_wrap .size_note {
      font-size: 3.2vw;
   }

   /* table */
   #aoki_lp_wrap .spec_tbl {
      margin-top: 5vw;
      font-size: 10px;
   }
   #aoki_lp_wrap .spec_tbl tr th {
      background: #f6f6f7;
   }
   #aoki_lp_wrap .spec_tbl tr th,
   #aoki_lp_wrap .spec_tbl tr td {
      line-height: 1.5;
      border-bottom: 1px solid #cdcfd3;
      border-left: 1px solid #cdcfd3;
      padding: 3px;
   }
   #aoki_lp_wrap #lineup .note {
      margin-top: 1vw;
      margin-bottom: 2vw;
      color: #485255;
      font-size: 2.6vw;
      text-align: center;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem05 .con.bg-gray {
      padding: 5.33vw 4vw 7vw;
   }
   #aoki_lp_wrap #page-index__content .page-article .product-listitem05 .img.cmn-img__wrap {
      width: 100%;
   }

   /* question */
   #aoki_lp_wrap .question {
      max-width: 768px;
      width: 100%;
      margin: 16% auto;
      padding-right: 15px;
      padding-left: 15px;
   }
   #aoki_lp_wrap .question .question_p {
      width: 50%;
      margin: 0 auto 8%;
      padding-bottom: 10px;
      border-bottom: solid 3px #0698a4;
      font-size: 6vw;
   }
   #aoki_lp_wrap .question .accordion-list {
      padding: 4vw 2.66vw;
   }
   #aoki_lp_wrap .question .accordion-list p {
      line-height: 1.46;
      font-size: 3.46vw;
   }
   #aoki_lp_wrap .question .accordion-list .accordion-title {
      line-height: 1.42;
      padding-right: 5vw;
      font-size: 3.7vw;
   }
   #aoki_lp_wrap .question .accordion-title:before,
   #aoki_lp_wrap .question .accordion-title::after {
      right: 0;
   }
   #aoki_lp_wrap .question a {
      display: block;
      line-height: 1.4;
   }

   /* btn */
   #aoki_lp_wrap .btn47 {
      width: 95%;
      margin: 0 auto 18%;
   }
   #aoki_lp_wrap .btn47 a {
      line-height: 4;
      font-size: 3.73vw;
   }
   #aoki_lp_wrap .btn47 a::after {
      margin-top: -4px;
      margin-left: 8px;
      border-width: 8px 6px 0 6px;
   }
   #aoki_lp_wrap .wrapping_btn {
      width: 70%;
      margin: 4% auto 0;
   }
   #aoki_lp_wrap .wrapping_btn a {
      width: 100%;
      padding: 3%;
      font-size: 3.2vw;
   }
   #aoki_lp_wrap .wrapping_btn a::after {
      top: 56%;
      right: 8%;
      width: 2vw;
      height: 2vw;
      margin-top: -4px;
      border-top: solid 1px;
      border-right: solid 1px;
   }
   #aoki_lp_wrap .wrapping_btn:hover a::after {
      border-top: solid 1px;
      border-right: solid 1px;
   }
   #aoki_lp_wrap .btn48 {
      display: flex;
      position: relative;
      width: 100%;
      height: 18vw;
      margin: 6% auto 8%;
      align-items: center;
      justify-content: center;
      font-size: 3.733vw;
   }
   #aoki_lp_wrap .btn48::after {
      top: 56%;
      right: 8%;
      width: 2vw;
      height: 2vw;
      margin-top: -6px;
      border-top: solid 1px;
      border-right: solid 1px;
   }
   #aoki_lp_wrap .btn48:hover::after {
      border-top: solid 1px;
      border-right: solid 1px;
   }
  #aoki_lp_wrap .cv_btn {
    margin: 6.66vw auto;
}

   /* cmn-recommend */
   #aoki_lp_wrap .cmn-recommend {
      padding: 10vw 15px 0;
   }
   #aoki_lp_wrap .cmn-recommend h2 {
      margin-bottom: 4vw;
      font-size: 6.13vw;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box {
      flex-wrap: wrap;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img {
      display: inline-block;
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img:nth-child(n + 3) {
      margin-top: 4.26vw;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }

}

/*****************************************
Tablet only (min-width:576px)
*****************************************/
@media screen and (min-width: 576px) {
   .container {
      width: 100%;
   }
}


#aoki_lp_wrap .subheading {
  color: #485255;
  position: relative;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem!important;
  margin-bottom: 0.5rem!important;
}
#aoki_lp_wrap .subheading span::before,
#aoki_lp_wrap .subheading span::after {
  position: relative;
  display: inline-block;
  content: "";
  background: #485255;
  width: 1px;
  height: 1em;
  margin: 0 1em;
  margin-top: -0.2em;
  vertical-align: middle;
}
#aoki_lp_wrap .subheading span::before {
  transform: rotate(-35deg);
}
#aoki_lp_wrap .subheading span::after {
  transform: rotate(35deg);
}
@media screen and (max-width: 768px) {
   #aoki_lp_wrap .subheading {
    color: #485255;
    position: relative;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    margin-top: 1rem!important;
    margin-bottom: 0.5rem!important;
  }
  #aoki_lp_wrap .subheading span::before,
  #aoki_lp_wrap .subheading span::after {
    position: relative;
    display: inline-block;
    content: "";
    background: #485255;
    width: 1px;
    height: 1em;
    margin: 0 1em;
    margin-top: -0.2em;
    vertical-align: middle;
  }
  #aoki_lp_wrap .subheading span::before {
    transform: rotate(-35deg);
  }
  #aoki_lp_wrap .subheading span::after {
    transform: rotate(35deg);
  }
}
#aoki_lp_wrap .stock_note {
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}
#aoki_lp_wrap .stock_text {
  font-size: 21px;
  margin-bottom: 10px!important;
}
#aoki_lp_wrap .stock_link a {
  font-size: 18px;
  text-decoration: underline;
}
#aoki_lp_wrap .stock_link a:hover {
   text-decoration: none;
 }
@media screen and (max-width: 768px) {
      #aoki_lp_wrap .lineup_note {
      padding-right: 15px;
      padding-left: 15px;
  }
   #aoki_lp_wrap .stock_note {
    margin-bottom: 5.33vw;
  }
  #aoki_lp_wrap .stock_text {
   margin-bottom: 2.66vw!important;
    font-size: 3.46vw;
  }
  #aoki_lp_wrap .stock_link a {
    font-size: 3.46vw;
    text-decoration: underline;
  }
}


.grayout {
  position: relative;
}
.grayout::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 70%);
  border-radius: 100vw;
}
.grayout::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); 
    content: "SOLD OUT";
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
}
 
@media only screen and (max-width: 768px) {
  .grayout::before {
    font-size: 3vw;
  }
}