@charset "utf-8";
/*****************************************
共通
*****************************************/
:root{
   --lp-black: #3c4251;
   --lp-pink: #de475d;
}
.wrapper {
   width: 100%;
   padding: 20px 0;
}
.container {
   width: 100%;
   padding: 0;
}
.aoki_lp_wrap * {
   box-sizing: content-box;
   margin: 0;
   padding: 0;
}
.aoki_lp_wrap ul,
.aoki_lp_wrap ol {
   list-style: none;
}
.aoki_lp_wrap a:hover,
.aoki_lp_wrap a:focus {
   text-decoration: none;
}

/* mv */
.aoki_lp_wrap {
   width: 100%;
   color: var(--lp-black);
   background: #fff;
   margin: 0 auto;
   font-size: 18px;
   line-height: 1.5;
}
.aoki_lp_wrap .page-index__mv {
   position: relative;
   width: 1200px;
   margin: 0 auto;
   padding: 0 !important;
   box-sizing: border-box;
}
.aoki_lp_wrap .page-index__mv p {
   width: 1200px;
}
.aoki_lp_wrap .mv_anchor {
   position: absolute;
   right: 30px;
   bottom: -40px;
}
.aoki_lp_wrap .mv_anchor a {
   display: block;
   position: relative;
   box-sizing: border-box;
   border-radius: 100vw;
   background-color: #fff;
}
.aoki_lp_wrap .mv_anchor a img{
   position: absolute;
   right: 0;
   top: 0;
   
}
.aoki_lp_wrap .mv_anchor a .hover {
   /* display: none; */
   opacity: 0;
}
.aoki_lp_wrap .mv_anchor a:hover .hover {
   /* display: block; */
   opacity: 1;
}
.aoki_lp_wrap .mv_anchor a:hover .hover_none {
   /* display: none; */
   /* opacity: 0; */
   
}

/* leadArea */
.aoki_lp_wrap .leadArea {
   width: 1200px;
   margin: 0 auto;
   padding: 40px 0;
}
.aoki_lp_wrap h1 {
   line-height: 1.5;
   margin-bottom: 10px;
   color: var(--lp-black);
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}
.aoki_lp_wrap h1 span {
   font-size: 20px;
}
.aoki_lp_wrap .leadArea p {
   line-height: 1.87;
   color: var(--lp-black);
   font-size: 16px;
   text-align: center;
}
.aoki_lp_wrap .leadArea a {
   position: relative;
   display: inline-block;
   color: var(--lp-pink);
   text-decoration: underline;
}
.aoki_lp_wrap .leadArea a:hover {
   text-decoration: none;
}
.aoki_lp_wrap .leadArea a::after {
   content: "";
   position: absolute;
   right: -16px;
   top: 50%;
   width: 8px;
   height: 8px;
   margin-top: -7px;
   border-top: 1px solid var(--lp-pink);
   border-right: 1px solid var(--lp-pink);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
}

/* contents */
.aoki_lp_wrap .cmn-inner {
   width: 1200px;
   margin: 0 auto;
}
.aoki_lp_wrap h2 {
   position: relative;
   line-height: 1;
   margin-bottom: 10px;
   color: var(--lp-black);
   font-size: 30px;
   text-align: center;
   z-index: 1;
}
.aoki_lp_wrap .pinkArea h2, .aoki_lp_wrap #code h2, .aoki_lp_wrap #lineup h2{
   font-weight: bold;
}
.aoki_lp_wrap h2.contentsTitle {
   color: var(--lp-pink);
   font-size: 34px;
}
.aoki_lp_wrap h2:not(.lp__recommend h2, .pinkArea h2, #bottom_recommend_area h2)::after {
   content: "";
   position: absolute;
   right: 50%;
   bottom: 26px;
   width: 181px;
   height: 27px;
   margin-right: -90px;
   background: url(../_img/240830/head_img.png) bottom center / 181px 27px no-repeat;
   z-index: -1;
}
.aoki_lp_wrap .pinktext {
   display: inline-block;
   width: 100px;
   margin-top: 4px;
}
.aoki_lp_wrap h3 {
   display: flex;
   line-height: 1.8;
   margin-bottom: 12px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   color: var(--lp-black);
   font-size: 24px;
   font-weight: bold;
   text-align: center;
}
.aoki_lp_wrap h3::before,
.aoki_lp_wrap h3::after {
   content: "";
   width: 24px;
   height: 2px;
   margin: 0 4px 6px;
   box-sizing: border-box;
   background-color: var(--lp-black);
}
.aoki_lp_wrap h3::before {
   transform: rotate(60deg);
}
.aoki_lp_wrap h3::after {
   transform: rotate(-60deg);
}

/* wyh */
.aoki_lp_wrap .pinkArea {
   padding: 50px 0;
   background-color: #fdf3f5;
}
.aoki_lp_wrap .ttl {
   color: var(--lp-pink);
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}
.aoki_lp_wrap .detail {
   color: var(--lp-black);
   font-size: 15px;
}

/* voice */
.aoki_lp_wrap .voice {
   padding: 40px 0;
   background: #fbecef;
}
.aoki_lp_wrap .voice_title {
   line-height: 1.5;
   margin-bottom: 26px;
   color: var(--lp-pink);
   font-size: 22px;
   font-weight: bold;
   text-align: center;
}
.aoki_lp_wrap .voice_slider .slide {
   display: flex !important;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: #fff;
   box-sizing: border-box;
}
.aoki_lp_wrap .voice_slider .slick-slide + .slick-slide {
   margin-left: 20px;
}
.aoki_lp_wrap .voice_slider .slide .text {
   line-height: 1.8;
   color: var(--lp-black);
   font-size: 14px;
   text-align: center;
}
.aoki_lp_wrap .voice_slider .slide strong {
   display: inline-block;
   line-height: 1.4;
   background: linear-gradient(transparent 70%, #fdf3f5 0);
   color: var(--lp-pink);
   font-size: 18px;
   font-weight: normal;
}
.aoki_lp_wrap .voice_slider .slide small {
   font-size: 12px;
}
.aoki_lp_wrap .voice_slider .slick-arrow {
   position: absolute;
   top: calc(50% - 20px);
   width: 40px;
   height: 40px;
   padding: 0;
   background: none;
   border: none;
   opacity: 1;
   text-indent: 100%;
   overflow: hidden;
   white-space: nowrap;
   appearance: none;
   -webkit-appearance: none;
   outline: none;
}
.aoki_lp_wrap .voice_slider .slick-arrow::before {
   content: "";
   position: absolute;
   top: calc(50% - 7px);
   left: calc(50% - 3px);
   width: 18px;
   height: 18px;
   box-sizing: border-box;
   border-left: 2px solid var(--lp-pink);
   border-top: 2px solid var(--lp-pink);
   transform: rotate(-45deg);
}
.aoki_lp_wrap .voice_slider .slick-prev {
   left: calc(50% - 184px);
}
.aoki_lp_wrap .voice_slider .slick-arrow.slick-next {
   right: calc(50% - 180px);
}
.aoki_lp_wrap .voice_slider .slick-arrow.slick-next::before {
   left: calc(50% - 11px);
   transform: rotate(135deg);
}
.aoki_lp_wrap .note {
   margin-top: 20px;
   color: var(--lp-black);
   font-size: 12px;
   text-align: center;
}

/* anchor link */
.aoki_lp_wrap .anchorLink {
   display: flex;
   width: 640px;
   margin: 40px auto 80px;
   justify-content: space-between;
}
.aoki_lp_wrap .anchorLink li a {
   position: relative;
   display: block;
   width: 300px;
   padding: 18px;
   color: var(--lp-pink);
   border: 2px solid var(--lp-pink);
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   box-sizing: border-box;
}
.aoki_lp_wrap .anchorLink li a::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 30px;
   width: 10px;
   height: 10px;
   margin-top: -7px;
   border-top: 2px solid var(--lp-pink);
   border-right: 2px solid var(--lp-pink);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
}
.aoki_lp_wrap .anchorLink li a:hover {
   opacity: 0.7;
   transition: 0.3s;
}

/* code */
.aoki_lp_wrap .contents {
   margin-top: 60px;
}
.aoki_lp_wrap #code .code_fade_container {
   position: relative;
   width: 430px;
   height: 517px;
   overflow: hidden;
}
.aoki_lp_wrap #code .slick-img {
   position: relative;
}
.aoki_lp_wrap #code .slick-img.new::before{
   content: '';
   display: block;
   background-image: url(../_img/250207/icon--new.svg);
   width: 108px;
   height: 65px;
   position: absolute;
   left: -40px;
   top: -36px;
   z-index: 2;
}
.aoki_lp_wrap #code .slick-img a {
   display: block;
}
.aoki_lp_wrap .slick-img .s-link:hover {
   opacity: 0.7;
   transition: 0.3s;
}
.aoki_lp_wrap #code .code_fade_container .img {
   position: absolute;
   top: 0;
   left: 0;
   transition: 0.8s;
   animation: 10s a-img infinite;
   opacity: 0;
}
.aoki_lp_wrap #code .code_fade_container .img:last-of-type {
   animation-delay: 5s;
}
@keyframes a-img {
   0% {
      opacity: 0;
   }
   25% {
      opacity: 1;
   }
   50% {
      opacity: 1;
   }
   75% {
      opacity: 0;
   }
   100% {
      opacity: 0;
   }
}
.aoki_lp_wrap .btn_link a {
   display: block;
   position: absolute;
   right: 10px;
   bottom: 10px;
   width: 100px;
   height: 100px;
   line-height: 1.3;
   padding-top: 15px;
   background-color: var(--lp-pink);
   color: #fff;
   border: 2px solid var(--lp-pink);
   border-radius: 100vw;
   font-size: 14px;
   font-weight: bold;
   transition: 0.25s;
   text-align: center;
   box-sizing: border-box;
   z-index: 10000;
   transition: 0.3s;
}
.aoki_lp_wrap .btn_link a:hover {
   opacity: 0.7;
   transition: 0.3s;
}
.aoki_lp_wrap .btn_link a::after {
   content: "";
   border: 0;
   border-top: solid 2px #fff;
   border-right: solid 2px #fff;
   display: inline-block;
   width: 8px;
   height: 8px;
   position: absolute;
   top: 82%;
   right: 47%;
   transform: translateY(-50%) rotate(45deg);
}

/* lineup */
.aoki_lp_wrap #lineup {
   margin-top: 100px;
}

/*  btn-area */
.aoki_lp_wrap .btn-area {
   margin-top: 90px;
   text-align: center;
}
.aoki_lp_wrap .btn-area .cmn-btn + .cmn-btn {
   margin-top: 40px;
}
/* 1カラム（ベタ背景色 ⇒ ボーダー） */
.aoki_lp_wrap .cmn-btn.bg a {
   display: flex;
   position: relative;
   width: 500px;
   height: 80px;
   margin: 0 auto;
   justify-content: center;
   align-items: center;
   background: var(--lp-pink);
   color: #fff;
   border: 2px solid var(--lp-pink);
   border-radius: 100vw;
   font-size: 20px;
   font-weight: bold;
   box-sizing: border-box;
   transition: 0.3s;
   -webkit-transition: 0.3s;
}
.aoki_lp_wrap .cmn-btn.bg a:hover {
   background-color: #fff;
   color: var(--lp-pink);
   border: 2px solid var(--lp-pink);
   text-decoration: none;
   transition: 0.3s;
   -webkit-transition: 0.3s;
}

/* 1カラム（ボーダー ⇒ ベタ背景色） */
.aoki_lp_wrap .cmn-btn.bd a {
   display: flex;
   position: relative;
   width: 500px;
   height: 80px;
   margin: 0 auto;
   padding: 18px;
   align-items: center;
   justify-content: center;
   color: var(--lp-pink);
   border: 2px solid var(--lp-pink);
   border-radius: 100vw;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   box-sizing: border-box;
}
.aoki_lp_wrap .cmn-btn.bg a::after,
.aoki_lp_wrap .cmn-btn.bd a::after {
   content: "";
   position: absolute;
   top: 55%;
   right: 40px;
   width: 10px;
   height: 10px;
   margin-top: -4px;
   transform: translateY(-40%) rotate(45deg);
   -webkit-transform: translateY(-40%) rotate(45deg);
}
.aoki_lp_wrap .cmn-btn.bg a::after {
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
}
.aoki_lp_wrap .cmn-btn.bd a::after {
   border-top: 2px solid var(--lp-pink);
   border-right: 2px solid var(--lp-pink);
}
.aoki_lp_wrap .cmn-btn.bg a{
   transition: 0.3s;
   -webkit-transition: 0.3s;
}
.aoki_lp_wrap .cmn-btn.bg a:hover {
   background-color: #fff;
   color: var(--lp-pink);
   transition: 0.3s;
   -webkit-transition: 0.3s;
   text-decoration: none;
}
.aoki_lp_wrap .cmn-btn.bd a{
   transition: 0.3s;
   -webkit-transition: 0.3s;
}
.aoki_lp_wrap .cmn-btn.bd a:hover {
   background-color: var(--lp-pink);
   color: #fff;
   transition: 0.3s;
   -webkit-transition: 0.3s;
   text-decoration: none;
}
.aoki_lp_wrap .cmn-btn.bg a:hover::after {
   border-top: 2px solid var(--lp-pink);
   border-right: 2px solid var(--lp-pink);
}
.aoki_lp_wrap .cmn-btn.bd a:hover::after {
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
}
/* 2カラム */
.aoki_lp_wrap .btn-area-others {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin-top: 75px;
}
.aoki_lp_wrap .btn-area-others .cmn-btn:nth-of-type(2n) {
   margin-left: 20px;
}

/* cmn-recommend */
.aoki_lp_wrap .cmn-recommend {
   padding: 120px 0 50px;
}
.aoki_lp_wrap .cmn-recommend h2 {
   margin: 0 auto 47px;
   color: #333;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}

/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
   .sp {
      display: none;
   }

   .aoki_lp_wrap .mv_anchor a{
      width: 220px;
      height: 220px;
   }
   .aoki_lp_wrap .why-list {
      display: flex;
      width: 720px;
      margin: 20px auto 0;
      justify-content: space-between;
   }
   .aoki_lp_wrap .why-listitem {
      display: flex;
      flex-direction: column;
      width: 174px;
      margin: 0 auto;
   }
   .aoki_lp_wrap .why-content {
      display: contents;
   }
   .aoki_lp_wrap .why-listitem .ttl {
      order: 1;
      margin-bottom: 6px;
   }
   .aoki_lp_wrap .why-img {
      order: 2;
   }
   .aoki_lp_wrap .detail {
      order: 3;
      line-height: 1.6;
      margin-top: 10px;
   }

   /* voice */
   .aoki_lp_wrap .voice_slider .slide {
      width: 290px !important;
      height: 190px;
      padding: 23px 18px;
   }

   /* code */
   .aoki_lp_wrap #code .slider {
      width: 900px;
      margin: 0 auto;
   }
   .aoki_lp_wrap #code .slider_item {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
   }
   /* .aoki_lp_wrap #code .slick-img:nth-child(n + 3) {
      margin-top: 40px;
   } */

   .aoki_lp_wrap #code .slider_item.forBusiness::before{
      display: block;
      content: '';
      width: 1px;
      height: 1px;
      order: 2;
      background-color: transparent;
      margin-right: -40px;
   }

   .aoki_lp_wrap #code .forBusiness .slick-img:nth-of-type(2){
      order: 3;
   }
   .aoki_lp_wrap #code .forBusiness .slick-img:nth-of-type(3){
      order: 4;
   }
   .aoki_lp_wrap #code .forBusiness .slick-img:nth-of-type(4){
      order: 5;
   }
   .aoki_lp_wrap #code .forBusiness .slick-img:nth-of-type(5){
      order: 6;
   }

   /* cmn-recommend */
   .aoki_lp_wrap .cmn-recommend h2 {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .aoki_lp_wrap .cmn-recommend h2::before,
   .aoki_lp_wrap .cmn-recommend h2::after {
      content: "";
      border-bottom: 2px solid #333;
   }
   .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 .cmn-recommend .bnr_box {
      display: flex;
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      justify-content: space-between;
      -webkit-box-pack: justify;
   }

   /* bottom_recommend_area */
   .aoki_lp_wrap #bottom_recommend_area .bottom_newitem,
   .aoki_lp_wrap #bottom_recommend_area .bottom_service {
      width: 1100px !important;
   }
   .aoki_lp_wrap #bottom_recommend_area .bottom_bnrBox a {
      width: 24% !important;
   }
   .aoki_lp_wrap #bottom_recommend_area .bottom_bnrBox a + a {
      margin-left: 12px !important;
   }
}

/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }
   .wrapper {
      padding: 0;
      margin: 0 0 50px;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
      overflow-x: clip;
   }
  .topicModuleCredit__priceItem {
    width: calc(31.3333% - 20px / 3)!important;
    margin-right: 10px!important;
    padding: 15px 0 15px 0 !important;
  }
   /* mv */
   .aoki_lp_wrap {
      /* max-width: 640px; */
      width: 100%;
      line-height: 1.5;
      margin: 0 auto;
      background: #fff;
      color: #333;
      font-size: 4.2666666vw;
   }
   .aoki_lp_wrap .page-index__mv,
   .aoki_lp_wrap .page-index__mv p,
   .aoki_lp_wrap .page-index__mv .mv {
      width: 100%;
   }
   .aoki_lp_wrap .page-index__mv{
      padding: 0 15px!important;
   }
   .aoki_lp_wrap .mv_anchor {
      right: 0;
      bottom: -6.66vw;
      width: 29.33vw;
      height: 29.33vw;
   }

   /* leadArea */
   .aoki_lp_wrap .leadArea {
      width: 100%;
      margin: 0 auto;
      padding: 7vw 0;
      box-sizing: border-box;
   }
   .aoki_lp_wrap h1 {
      line-height: 1.4;
      margin-bottom: 3.4vw;
      font-size: 5.6vw;
   }
   .aoki_lp_wrap h1 span {
      font-size: 4vw;
   }
   .aoki_lp_wrap .leadArea p {
      line-height: 1.9;
      font-size: 3.46vw;
      text-align: left;
   }
   .aoki_lp_wrap p.lead_link {
      margin-top: 2vw;
      text-align: center;
   }

   /* contents */
   .aoki_lp_wrap .cmn-inner {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   .aoki_lp_wrap .anchorLink-margin {
      padding-top: 3vw;
      margin-top: -3vw;
   }
   .aoki_lp_wrap h2 {
      margin: 0 0 0.66vw;
      font-size: 6.13vw;
      box-sizing: border-box;
   }
   .aoki_lp_wrap h2.contentsTitle {
      font-size: 6.93vw;
   }
   .aoki_lp_wrap h2:not(.cmn-recommend h2, .pinkArea h2, #bottom_recommend_area h2)::after {
      bottom: 6vw;
      width: 33.6vw;
      height: 4.93vw;
      margin-right: -16.8vw;
      background-size: 33.6vw 4.93vw;
   }
   .aoki_lp_wrap h3 {
      font-size: 4.53vw;
   }
   .aoki_lp_wrap h3::before,
   .aoki_lp_wrap h3::after {
      width: 16px;
      width: 4.5vw;
      height: 1px;
      margin: 0 0 4px;
   }
   .aoki_lp_wrap .contents {
      margin-top: 12vw;
   }

   /* why */
   .aoki_lp_wrap .pinkArea {
      padding: 9.33vw 0;
   }
   .aoki_lp_wrap .pinktext {
      width: 20vw;
   }
   .aoki_lp_wrap .why-listitem {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .aoki_lp_wrap .why-listitem + .why-listitem {
      margin-top: 4vw;
   }
   .aoki_lp_wrap .why-img {
      width: 33.33vw;
   }
   .aoki_lp_wrap .why-content {
      width: 52vw;
   }
   .aoki_lp_wrap .ttl {
      margin-bottom: 1.8vw;
      font-size: 4.8vw;
   }
   .aoki_lp_wrap .detail {
      line-height: 1.6;
      font-size: 3.73vw;
   }

   /* voice  */
   .aoki_lp_wrap .voice {
      padding: 8vw 0;
   }
   .aoki_lp_wrap .voice_title {
      line-height: 1.6;
      margin-bottom: 3vw;
      font-size: 4.53vw;
   }
   .aoki_lp_wrap .voice_slider .slide .text {
      line-height: 1.7;
      font-size: 3.73vw;
   }
   .aoki_lp_wrap .voice_slider .slide strong {
      margin-bottom: 1.5vw;
      font-size: 4.8vw;
   }
   .aoki_lp_wrap .voice_slider .slide small {
      font-size: 3.2vw;
   }
   .aoki_lp_wrap .voice_slider .slide {
      width: 78.66vw !important;
      height: 51vw;
      padding: 6.66vw;
   }
   .aoki_lp_wrap .voice_slider .slick-arrow.slick-prev{
      left: calc(50% - 43vw);
   }
   .aoki_lp_wrap .voice_slider .slick-arrow.slick-next{
      right: calc(50% - 43vw);
   }
   .aoki_lp_wrap .note {
      line-height: 1.75;
      margin-top: 3vw;
      padding-right: 15px;
      padding-left: 15px;
      font-size: 3.2vw;
      text-align: left;
      box-sizing: border-box;
   }

   /* anchor link */
   .aoki_lp_wrap .anchorLink {
      margin: 8vw 0 13.33vw;
   }
   .aoki_lp_wrap .anchorLink li {
      width: 48%;
   }
   .aoki_lp_wrap .anchorLink li a {
      width: 100%;
      padding: 3.5vw;
      border: 1px solid var(--lp-pink);
      font-size: 3.73vw;
   }
   .aoki_lp_wrap .anchorLink li a::after {
      right: 4vw;
      width: 7px;
      height: 7px;
      margin-top: -5px;
      border-top: 1px solid var(--lp-pink);
      border-right: 1px solid var(--lp-pink);
   }

   /* code */
   .aoki_lp_wrap #code .slick-img {
      text-align: center;
   }
   .aoki_lp_wrap #code .slick-img img {
      width: 100%;
      margin: 0 auto;
   }
   .aoki_lp_wrap #code .slick-img a {
      display: block;
      text-align: center;
   }
   .aoki_lp_wrap #code .slick-img.new::before{
      left: 12px;
      top: unset;
      bottom: 0;
   }
   .aoki_lp_wrap #code .slick-img a:hover {
      opacity: 0.7;
      transition: 0.3s;
   }
   .aoki_lp_wrap #code .slick-img a:hover img {
      opacity: 1;
   }
   .aoki_lp_wrap #code .slick-slide {
      margin-right: 0;
      margin-left: 0;
      text-align: center;
   }
   .aoki_lp_wrap #code .slick-prev,
   .aoki_lp_wrap #code .slick-next {
      position: absolute;
      top: 50%;
      width: 30px;
      height: 60px;
      line-height: 0;
      margin-top: -25px;
      padding: 0;
      font-size: 0;
      border: none;
   }
   .aoki_lp_wrap #code .slick-prev {
      left: 0;
      background: url(../_img/240830/arrow_prev.png) top center / 30px 60px no-repeat;
   }
   .aoki_lp_wrap #code .slick-next {
      right: 0;
      background: url(../_img/240830/arrow_next.png) top center / 30px 60px no-repeat;
   }
   .aoki_lp_wrap #code button.slick-arrow:focus,
   .aoki_lp_wrap #code button.slick-next:focus {
      outline: none;
   }
   .aoki_lp_wrap #code .slider_thumbnail {
      width: 300px;
      margin: 1.5vw auto 6vw;
   }
   .aoki_lp_wrap #code .slick-track {
      margin: 0 auto;
   }
   .aoki_lp_wrap #code .slider_thumbnail .slick-current img {
      opacity: 1;
      padding: 3px;
      border-radius: 100px;
      box-sizing: border-box;
   }
   .aoki_lp_wrap #code .slick-dots li {
      width: 8px;
      height: 8px;
   }
   .aoki_lp_wrap #code .code_fade_container {
      width: 86.66vw;
      height: 104vw;
      margin: 0 auto;
   }
   .aoki_lp_wrap #code .slider__item {
      opacity: 0.34;
      transition: opacity 0.4s;
   }
   .aoki_lp_wrap #code .slick-slide.slick-current .slider__item,
   .aoki_lp_wrap #code .slick-slide.is-active-next .slider__item {
      opacity: 1;
   }
   .aoki_lp_wrap #code .btn_link a {
      right: 3.33vw;
      bottom: 1.33vw;
      width: 20vw;
      height: 20vw;
      padding-top: 2.66vw;
      font-size: 2.93vw;
      z-index: 100;
   }
   .aoki_lp_wrap #code .btn_link a::after {
      width: 5px;
      height: 5px;
      width: 1.5vw;
      height: 1.5vw;
      border-top: 0.26vw solid;
      border-right: 0.26vw solid;
   }
   .aoki_lp_wrap #code .btn_link a::after {
      top: 84%;
   }
   .aoki_lp_wrap #code .contents {
      margin-top: 15vw;
   }

   /* line up */
   .aoki_lp_wrap #lineup {
      margin-top: 20vw;
   }

   /* cmn-recommend */
   .aoki_lp_wrap .cmn-recommend {
      padding-top: 13.33vw;
   }
   .aoki_lp_wrap .cmn-recommend h2 {
      margin: 0 auto 5vw;
      font-size: 5.8vw;
   }
   .aoki_lp_wrap .cmn-recommend .bnr_box {
      max-width: 768px;
      flex-wrap: wrap;
   }
   .aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img {
      display: inline-block;
      width: 48%;
   }
   .aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img:nth-of-type(n + 3) {
      margin-top: 3vw;
   }

   /* ------ btn-area ------ */
   .aoki_lp_wrap .btn-area {
      width: 100%;
      margin: 13.33vw auto 0;
   }
   /* 1カラム（ベタ背景色 ⇒ ボーダー） */
   .aoki_lp_wrap .cmn-btn.bg a {
      width: 100%;
      height: 16vw;
      border-radius: 100vw;
      font-size: 3.73vw;
      text-align: center;
   }
   /* 1カラム（ボーダー ⇒ ベタ背景色） */
   .aoki_lp_wrap .cmn-btn.bd a {
      width: 100%;
      height: auto;
      padding: 2.6vw 3vw;
      border: 1px solid var(--lp-pink);
      font-size: 3.73vw;
   }
   /* 2カラム */
   .aoki_lp_wrap .btn-area-others {
      margin-top: 15.33vw;
      justify-content: space-between;
   }
   .aoki_lp_wrap .btn-area-others .cmn-btn {
      width: 49%;
   }
   .aoki_lp_wrap .btn-area-others .cmn-btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3.2vw;
   }
   .aoki_lp_wrap .btn-area-others .cmn-btn:nth-of-type(2n) {
      margin-left: 0;
   }
   .aoki_lp_wrap .cmn-btn.bg a::after {
      right: 5vw;
      width: 2vw;
      height: 2vw;
      margin-top: -0.5vw;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
   }
   .aoki_lp_wrap .cmn-btn.bd a::after {
      right: 3vw;
      width: 1.7vw;
      height: 1.7vw;
      margin-top: -0.4vw;
      border-top: 1px solid var(--lp-pink);
      border-right: 1px solid var(--lp-pink);
   }
   .aoki_lp_wrap .btn-area, .aoki_lp_wrap .btn-area-others{
      padding: 0 15px;
      width: auto;
   }
   .aoki_lp_wrap .bottom_recommend_area{
      padding: 0 15px;
   }
  #bottom_recommend_area {
      padding: 16vw 4vw 0!important;
  }
}

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

.aoki_lp_wrap .lp__recommend {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}
.aoki_lp_wrap .lp__recommend h2 {
   font-weight: bold;
   display: flex;
   align-items: center;
   justify-content: center;
}
.aoki_lp_wrap .lp__recommend h2::before,
.aoki_lp_wrap .lp__recommend h2::after {
   content: "";
   display: block;
   background: var(--lp-black);
}
.aoki_lp_wrap .lp__recommend-links {
   width: 100%;
   display: grid;
}
.aoki_lp_wrap .lp__recommend-links a {
   display: block;
   width: 100%;
   height: auto;
   transition: 0.4s ease-in-out;
}
.aoki_lp_wrap .lp__recommend-links a img {
   width: 100%;
   display: block;
}
@media (hover: hover) {
   .aoki_lp_wrap .lp__recommend-links a:hover {
      opacity: 0.7;
   }
}

@media screen and (min-width: 769px) {
   .aoki_lp_wrap .lp__recommend {
      margin-top: 120px;
   }
   .aoki_lp_wrap .lp__recommend h2 {
      font-size: 26px;
      margin-bottom: 46px;
   }
   .aoki_lp_wrap .lp__recommend h2::before {
      margin-right: 20px;
   }
   .aoki_lp_wrap .lp__recommend h2::after {
      margin-left: 20px;
   }
   .aoki_lp_wrap .lp__recommend h2::before,
   .aoki_lp_wrap .lp__recommend h2::after {
      height: 2px;
      width: 120px;
   }
   .aoki_lp_wrap .lp__recommend-links {
      grid-template-columns: repeat(4, 1fr);
      -moz-column-gap: 24px;
      column-gap: 24px;
   }
   .aoki_lp_wrap .lineup__ttl{
      margin-top: 60px;
   }
}

@media screen and (max-width: 768px) {
   .aoki_lp_wrap .lp__recommend {
      width: calc(100% - 30px);
      margin-top: 13.33vw;
      padding: 0 15px;
   }
   .aoki_lp_wrap .lp__recommend h2 {
      font-size: clamp(14px, 6.13vw, 26px);
      margin-bottom: 4vw;
   }
   .aoki_lp_wrap .lp__recommend h2::before,
   .aoki_lp_wrap .lp__recommend h2::after {
      display: none;
   }
   .aoki_lp_wrap .lp__recommend .lp__recommend-links {
      grid-template-columns: repeat(2, min(282px, 48.5%));
      grid-template-rows: repeat(2, 1fr);
      gap: 10px 3%;
      gap: max(3%, 10px) 3%;
      justify-content: center;
   }
   .aoki_lp_wrap .lp__recommend .lp__recommend-links a {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1;
   }
   .aoki_lp_wrap .lp__recommend .lp__recommend-links a img {
      -o-object-fit: contain;
      object-fit: contain;
   }
   .aoki_lp_wrap .lineup__ttl{
      margin-top: 12vw;
   }
}

.topicModuleCredit{
   width: min(100%, 1200px);
   margin: 0 auto;
}
@media screen and (max-width: 768px){
   .topicModuleCredit{
      width: 92vw;
   }
}