@charset "utf-8";
/*****************************************
共通
*****************************************/
.wrapper {
   width: 100%;
   margin-bottom: 180px;
   padding: 0;
 }
.container {
   width: 100%;
   padding: 0;
}
#aoki_main * {
   box-sizing: content-box;
}
#aoki_main a {
	display: block;
}
#aoki_main ul,
#aoki_main ol {
	list-style: none;
}
#aoki_main a:hover,
#aoki_main a:focus {
	text-decoration: none;
}

/* mv */
#aoki_main {
	width: 100%;
	color: #333;
	background: #fff;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
}
#aoki_main .mv_background {
	background-color: #fffaf0;
}
#aoki_main .mv {
   width: 100%;
   max-width: 1920px;
   margin: 0 auto;
   padding: 0 !important;
   box-sizing: border-box;
}
#aoki_main .mv p {
   width: 100%;
}

/* leadArea */
#aoki_main .leadArea {
   width: 1000px;
   margin: 60px auto 0;
}
#aoki_main h1 {
   line-height: 1.8;
   margin-bottom: 10px;
   color: #3a98c9;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}
#aoki_main .leadArea p.contents_leadArea {
	font-weight: bold;
	font-size: 20px;
}
#aoki_main .leadArea p {
   line-height: 2;
   color: #333;
   font-size: 16px;
	text-align: center;
}
#aoki_main .leadArea p span {
	color: #ea4d07;
	font-weight: bold;
}

/* h2 */
#aoki_main #VitalityTee_about .h2_allow {
	width: 236px;
	margin: 0 auto 12px;
    padding: 40px 0 0;
}
#aoki_main #VitalityTee_about .h2_allow img {
	width: 236px;
	height: 18px;
}
#aoki_main #contents_comfort .h2_allow {
	width: 255px;
	margin: 0 auto 12px;
}
#aoki_main #contents_comfort .h2_allow img {
	width: 255px;
	height: 18px;
}
#aoki_main #contents_image .h2_allow {
	width: 233px;
	margin: 0 auto 12px;
}
#aoki_main #contents_image .h2_allow img {
	width: 233px;
	height: 22px;
}
#aoki_main #contents_lineup .h2_allow {
	width: 245px;
	margin: 0 auto 12px;
}
#aoki_main #contents_lineup .h2_allow img {
	width: 245px;
	height: 22px;
}
#aoki_main #size .h2_allow {
	width: 282px;
	margin: 0 auto 12px;
}
#aoki_main #size .h2_allow img {
	width: 282px;
	height: 18px;
}
/*===== float_anchor =====*/
#aoki_main .float_anchor {
   display: none;
}
#aoki_main .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_main .float_anchor a {
   display: block;
   width: 52px;
   padding: 24px 14px;
   box-sizing: border-box;
   border-radius: 10px 0 0 10px;
   border-top: 2px solid #3a98c9;
   border-left: 2px solid #3a98c9;
   border-bottom: 2px solid #3a98c9;
   color: #3a98c9;
   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: .4s;
}
#aoki_main .float_anchor a:hover {
   color: #fff;
   background: #3a98c9;
}
@keyframes fadeInAnime {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
}


/* contents */
#aoki_main .cmn-inner {
   width: 100%;
   margin: 0 auto;
}
#aoki_main h2 {
   line-height: 0.7;
   margin-bottom: 40px;
   color: #3a98c9;
   font-size: 38px;
   text-align: center;
}
/* anchorlink */
#aoki_main .anchorlink {
  margin: 80px 0 80px;
}
#aoki_main .anchorlink ul {
   display: flex;
   width: 850px;
   margin: 0 auto;
   justify-content: space-between;
   flex-wrap: wrap;
}
#aoki_main .anchorlink li {
   width: 250px;
   margin: 0 auto;
}
#aoki_main .anchorlink li:nth-of-type(n+4) {
	margin-top: 20px;
}
#aoki_main .anchorlink li:nth-of-type(4) {
	margin-right: -126px;
}
#aoki_main .anchorlink ul + ul {
   width: 563px;
   margin-top: 30px;
   justify-content: center;
}
#aoki_main .anchorlink li a {
   position: relative;
   display: flex;
   width: 100%;
   height: 65px;
   justify-content: center;
   align-items: center;
   border: 2px solid #3a98c9;
   border-radius: 100vw;
   color: #3a98c9;
   font-size: 17px;
   font-weight: bold;
   text-align: center;
   transition: .4s;
}
#aoki_main .anchorlink li a:hover {
   background-color: #3a98c9;
   color: #fff;
   transition: .4s;
}
#aoki_main .anchorlink li a::after {
   content: "";
   position: absolute;
   top: 37%;
   right: 10%;
   width: 10px;
   height: 10px;
   border-top: 1px solid #3a98c9;
   border-left: 1px solid #3a98c9;
   transform: rotate(225deg);
   transition: .4s;
}
#aoki_main .anchorlink li a:hover::after {
   border-top: 1px solid #fff;
   border-left: 1px solid #fff; 
   transition: .4s;
}
#aoki_main .contents_VitalityTee {
   background-color: #fffaf0;
}
#aoki_main #VitalityTee_about {
	position: relative;
	background: url("../_img/250404/bg_pc.webp") no-repeat top center/1600px 544px;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 544px;
	margin: 0 auto;
}
#aoki_main #VitalityTee_about .about_img_pc {
   position: relative;
   width: 1600px;
   margin: 0 auto 0;
   padding-top: 63px;
   z-index: 0;
}
#aoki_main #VitalityTee_about .about_text {
	position: relative;
	width: 606px;
	top: 0%;
	left: 45%
}
#aoki_main #VitalityTee_about .about_text p {
	line-height: 2;
	font-size: 16px;
}
#aoki_main #VitalityTee_about .about_text p a {
	display: inline;
	text-decoration: underline;
	color: #3a98c9;
	font-weight: bold;
}
#aoki_main #VitalityTee_about .about_text p a:hover {
	opacity: 0.8;
}
#aoki_main .contents_check {
	margin-top: 70px;
}
#aoki_main .contents_check p.check_title {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #373737;
}
#aoki_main .contents_check p.check_title::before {
	content: "";
	position: absolute;
	width: 200px;
	height: 1px;
	border: 1px solid #373737;
	top: 45%;
	left: -1%;
}
#aoki_main .contents_check p.check_title::after {
	content: "";
	position: absolute;
	width: 200px;
	height: 1px;
	border: 1px solid #373737;
	top: 45%;
	right: -1%;
}
#aoki_main .contents_check ul {
	display: flex;
	justify-content: space-between;
	width: 845px;
	margin: 56px auto 0;
	align-items: stretch;
}
#aoki_main .contents_check li p {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	padding-left: 51px;
	height: 100%;
}
#aoki_main .contents_check li p::before {
	content: "";
	position: absolute;
	background: url("../_img/250404/check.webp") no-repeat top center/44px 41px;
	width: 44px;
	height: 41px;
	top: 20%;
	left:0%;
}
#aoki_main #contents_comfort {
	background-color: #f2f4f5;
	margin-top: 110px;
	padding: 40px 0;
}
#aoki_main #contents_comfort .img_comfort {
	display: flex;
	justify-content: center;
	align-items: center;
}
#aoki_main #contents_comfort .comfort_soft {
	text-align: center;
}
#aoki_main #contents_comfort p {
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 6px;
}
#aoki_main #contents_comfort .img_comfort .comfort_soft:nth-of-type(n+2) {
	margin-left: 53px;
}
#aoki_main #contents_lineup {
	margin-top: 110px;
}
#aoki_main #contents_image {
	margin-top: 110px;
}
#aoki_main #contents_image .slider_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1000px;
	margin: 0 auto;
}
#aoki_main #contents_image .slider_item .slideItem {
	width: 308px;
	height: auto;
}
#aoki_main #size {
	margin-top: 110px;
}

/*  btn-area */
#aoki_main .btn-area {
   margin-top: 50px;
   text-align: center;
}
#aoki_main .btn-area .cmn-btn + .cmn-btn {
   margin-top: 40px;
}
/* 1カラム（ベタ背景色 ⇒ ボーダー） */
#aoki_main .cmn-btn.bg a {
   display: flex;
   position: relative;
   width: 500px;
   height: 80px;
   margin: 0 auto;
   justify-content: center;
   align-items: center;
   background: #3a98c9;
   color: #fff;
   border-radius: 100vw;
   font-size: 20px;
   font-weight: bold;
   box-sizing: border-box;
   transition: .4s;
   border: 2px solid #3a98c9
}
#aoki_main .cmn-btn.bg a::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	top: 42%;
	right: 9%;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	transform: rotate(135deg);
	transition: .4s;
	
}
#aoki_main .cmn-btn.bg a:hover {
   background-color: #fff;
   color: #3a98c9;
   border: 2px solid #3a98c9;
   text-decoration: none;
   transition: .4s;
}
#aoki_main .cmn-btn.bg a:hover::after {
   border-top: 3px solid #3a98c9;
   border-left: 3px solid #3a98c9;
   transition: .4s;
}
/* size */
#aoki_main .size_note {
   margin-top: 8px;
   font-size: 14px;
}
#aoki_main .color_detail.size {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 470px;
   margin: 0 auto;
}
#aoki_main .color_inner {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
	background-color: #f2f4f5;
}
#aoki_main .color_detail.size li {
   width: 230px;
}
#aoki_main .title {
	margin-bottom: 36px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #3a98c9;
}

/* table */
#aoki_main .spec_tbl {
   width: 953px;
   margin: 40px auto 0;
   border-top: 1px solid #d1d1d1;
   border-right: 1px solid #d1d1d1;
   font-size: 12px;
}
#aoki_main .spec_tbl tr td,
#aoki_main .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_main .spec_tbl tr td {
   background: #fff;
}
#aoki_main .product-list {
	width: 1000px;
   margin: 110px auto 0;
   line-height: 1.7;
   color: #191919;
   font-size: 21px;
   text-align: center;
}
#aoki_main .bg-gray {
	margin-top: 30px;
	padding: 40px 0;
	background-color: #f2f4f5;
}
/* btn */
#aoki_main .wrapping_btn {
   width: 350px;
   margin: 20px auto 0;
}
#aoki_main .wrapping_btn a {
   position: relative;
   display: block;
   width: 100%;
   padding: 10px 0;
   background-color: #fff;
   color: #3a98c9;
   border: solid 1px #3a98c9;
   border-radius: 100vw;
   transition: .4s;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}
#aoki_main .wrapping_btn a::after {
   content: '';
   border: 0;
   border-top: solid 2px #3a98c9;
   border-right: solid 2px #3a98c9;
   display: inline-block;
   width: 10px;
   height: 10px;
   position: absolute;
   top: 48%;
   right: 30px;
   transform: translateY(-45%) rotate(45deg);
  transition: .4s;
}
#aoki_main .wrapping_btn a:hover {
   background-color: #3a98c9;
   color: #fff;
}
#aoki_main .wrapping_btn:hover a::after {
   border-top: solid 2px #fff;
   border-right: solid 2px #fff;
}



/* cmn-recommend */
#aoki_main .cmn-recommend {
   padding: 110px 0 25px;
}
#aoki_main .cmn-recommend h2 {
   margin: 0 auto 47px;
   color: #333;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}
#aoki_main .cmn-recommend p {
	width: 1000px;
	position: relative;
	margin: 0 auto 32px;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #3a98c9;
}
#aoki_main .cmn-recommend p::before {
	content: "";
	position: absolute;
	top: 30%;
	left: 16%;
	width: 34px;
	height: 34px;
	border-top: 2px solid #3a98c9;
	transform: rotate(60deg);
}
#aoki_main .cmn-recommend p::after {
	content: "";
	position: absolute;
	top: 30%;
	right: 16%;
	width: 32px;
	height: 32px;
	border-top: 2px solid #3a98c9;
	transform: rotate(-60deg);
}
#aoki_main .cmn-recommend .bnr_box {
   display: flex;
   max-width: 1000px;
   width: 100%;
   margin: 0 auto;
   justify-content: center;
   -webkit-box-pack: justify;
}
#aoki_main .cmn-recommend .bnr_box .bnr_img:nth-of-type(2) {
	margin-left: 24px;
}
#aoki_main .premium {
	width: 1000px;
	margin: 0 auto;
}
#aoki_main .premium_bnr {
	width: 588px;
	margin: 0 auto;
}
#aoki_main .premium a {
	display: block;
}
#aoki_main p.module_note {
	width: 1000px;
	margin: 25px auto 0;
	line-height: 1.7;
	text-align: center;
	font-size: 13px;
}
.bottom_service {
	display: none;
}
.bottom_bnrBox {
   display: none;
}
#aoki_main .module_note_number {
    display: inline-block;
    text-indent: 13.7em;
}

/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }

   /* cmn-recommend */
   #aoki_main .cmn-recommend h2 {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   #aoki_main .cmn-recommend h2::before,
   #aoki_main .cmn-recommend h2::after {
      content: "";
      border-bottom: 2px solid #333;
   }
   #aoki_main .cmn-recommend h2::before {
      margin-right: 20px;
      padding-left: 120px;
   }
   #aoki_main .cmn-recommend h2::after {
      margin-left: 20px;
      padding-right: 120px;
   }

   /* bottom_recommend_area */
   #aoki_main #bottom_recommend_area .bottom_newitem,
   #aoki_main #bottom_recommend_area .bottom_service {
      width: 1100px !important;
   }
   #aoki_main #bottom_recommend_area .bottom_bnrBox a {
      width: 24% !important;
   }
   #aoki_main #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;
   }

   /* mv */
   #aoki_main {
      max-width: 768px;
      width: 100%;
      line-height: 1.5;
      margin: 0 auto;
      background: #fff;
      color: #171717;
      font-size: 4.2666666vw;
   }
   #aoki_main .mv {
      width: 100%;
	  display: block;
   }
   #aoki_main .mv p {
      width: 100%;
   }

   /* leadArea */
   #aoki_main .leadArea {
      width: 100%;
      margin: 6vw auto 0;
      padding: 0 4vw;
      box-sizing: border-box;
   }
	#aoki_main .leadArea p.contents_leadArea {
	  font-size: 3.2vw;
	  text-align: center;
	}
   #aoki_main h1 {
      margin-bottom: 4.8vw;
      font-size: 4.6vw;
   }
   #aoki_main .leadArea p  {
      line-height: 1.8;
      font-size: 3.46vw;
      text-align: left;
   }
    #aoki_main .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;
   }
  /* h2 */
	
   #aoki_main #VitalityTee_about .h2_allow {
	width: 42.9vw;
	padding: 6.6vw 0 0;
}
#aoki_main #VitalityTee_about .h2_allow img {
	width: 42.9vw;
	height: auto;
	margin: 0 auto 0;
}
#aoki_main #contents_comfort .h2_allow {
	width: 45vw;
}
#aoki_main #contents_comfort .h2_allow img {
	width: 45vw;
	height: auto;
	margin: 0 auto 0;
}
#aoki_main #contents_image .h2_allow {
	width: 41vw;
}
#aoki_main #contents_image .h2_allow img {
	width: 41vw;
	height: auto;
	margin: 0 auto 0;
}
#aoki_main #contents_lineup .h2_allow {
	width: 42.4vw;
}
#aoki_main #contents_lineup .h2_allow img {
	width: 42.4vw;
	height: auto;
	margin: 0 auto 0;
}
#aoki_main #size .h2_allow {
	width: 49.6vw;
}
#aoki_main #size h2 {
	margin-top: -5vw;	
}	
#aoki_main #size .h2_allow img {
	width: 49.6vw;
	height: auto;
	margin: 0 auto 0;
}

   /* anchorLink */
   #aoki_main .anchorlink {
	  margin: 8vw 0 12vw;
	}
   #aoki_main .anchorlink ul {
      width: 92vw;
      margin: 10.6vw auto 0;
      padding-right: 4vw;
      padding-left: 4vw;
   }
   #aoki_main .anchorlink li {
      width: 45.3vw;
   }
    #aoki_main .anchorlink ul li:nth-of-type(2n) {
	  margin-left: 1%;
   }
   #aoki_main .anchorlink ul li:nth-of-type(n+3) {
      margin-top: 4vw;
   }
   #aoki_main .anchorlink li a {
	  width: 45.3vw;
      height: 15.2vw;
      border: 1px solid;
      font-size: 3.2vw;
   }
   #aoki_main .anchorlink li a::after {
      top: 45%;
      right:5vw;
      width: 1.6vw;
      height: 1.6vw;
      border-top: solid 1px;
      border-left: solid 1px;
   }
   #aoki_main .anchorlink li:nth-of-type(n+4) {
	margin-top: 0;
  }
  #aoki_main .anchorlink li:nth-of-type(4) {
	margin-right: 0;
  }
   #aoki_main h2 {
      font-size: 6.13vw;
	  margin-top: -3vw;
	  margin-bottom: 6.6vw;
   }
  #aoki_main #VitalityTee_about {
	  background: url("../_img/250404/bg_sp.webp") no-repeat top center/100vw 118vw;
	  width: 100vw;
	  height: 118vw;
  }
   #aoki_main #VitalityTee_about .about_text p {
	  line-height: 1.6;
      font-size: 2.93vw;
  }
	#aoki_main #VitalityTee_about .about_text {
	  width: 58vw;
	  top: 0%;
	  left: 40%;
  }
	/* check */
	#aoki_main .contents_check {
	  margin-top: 16vw;	
	  padding: 0 4vw;
  }
	#aoki_main .contents_check p.check_title {
	  font-size: 4vw;
	  width: 92vw;
	  margin: 0 auto;
  }
	#aoki_main .contents_check p.check_title::before {
	  width: 7.3vw;
	  left: 1%;
	  border: 1px solid;
  }
    #aoki_main .contents_check p.check_title::after{
	  width: 7.3vw;
	  right: 1%;
	  border: 1px solid;
  }
	#aoki_main .contents_check ul {
	  display: block;
	  width: 36vw;
	  margin: 6.6vw auto 0;

   }
	#aoki_main .contents_check li p {
	  font-size: 3.73vw;
	  width: 50vw;
	  display: block;
	  padding-left: 0;
   }
	#aoki_main .contents_check li p::before {
	  background: url("../_img/250404/check.webp") no-repeat top center/7.19vw 6.93vw;
	  width: 7.19vw;
	  height: 6.93vw;
	  top: 5%;
	  left: -20%;
   }
	#aoki_main .contents_check li:nth-of-type(n+2) {
	  margin-top: 5vw;
   }
	#aoki_main .contents_check li:nth-of-type(3)::before {
	  left: -18%;
   }
	
	
	/* comfort */
	#aoki_main #contents_comfort {
	  margin: 16vw auto 0;
	  padding: 6.6vw 0;
   }
	#aoki_main .img_comfort {
	  width: 92vw;
	  padding: 0 4vw;
   }
	#aoki_main #contents_comfort p {
	  font-size: 3.46vw;
	  margin-bottom: 1vw;
   }
	#aoki_main #contents_comfort .img_comfort .comfort_soft:nth-of-type(n+2) {
	 margin-left: 2vw;
   }
   /* cmn-recommend */
   #aoki_main .cmn-recommend h2 {
      margin: 0 auto 5vw;
      font-size: 6.4vw;
   }
   #aoki_main .cmn-recommend .bnr_box {
      width: 100%;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img {
      width: 48%;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img a {
      display: block;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img:nth-of-type(n+3) {
      margin-top: 4vw;
   }
   /* Lineup */
	#aoki_main #contents_lineup {
	  margin-top: 16vw;
	  padding: 0 4vw;
   }
   /* Image */
	#aoki_main #contents_image {
	  margin-top: 16vw;
	  padding: 0 4vw;
	}
	#aoki_main #contents_image .slider_item {
	  width: 80vw;
	  margin: 0 auto;
   }
   #aoki_main #contents_image .slick-prev,
   #aoki_main #contents_image .slick-next {
	  width: 32px;
	  height: 60px;
	  line-height: 0;
	  margin: -21px 0 0;
	  padding: 0;
	  font-size: 0;
	  border: none;
   }
	#aoki_main #contents_image .slick-prev {
	   background: url(../_img/250404/arrow_left.webp) top center / 32px 60px no-repeat;
	}
	#aoki_main #contents_image .slick-next {
	   background: url(../_img/250404/arrow_right.webp) top center / 32px 60px no-repeat;
	}
	#aoki_main #contents_image .slick-prev:focus,
	#aoki_main #contents_image .slick-next:focus {
	   outline: none;
	}
	#aoki_main #contents_image button {
	   display: none;
	}
	#aoki_main #contents_image .slick-dots li {
	   width: 10px;
	   height: 10px;
	   margin: 0 7px;
	   background: #fff;
	   border: 1px solid #d1d1d1;
	   border-radius: 100vw;
	}
	#aoki_main #contents_image .slick-dots li.slick-active,
	#aoki_main #contents_image .slick-dots li:hover {
	   background: #d1d1d1;
	}
	#aoki_main #contents_image .slide_img {
	   position: relative;
	}
	#aoki_main #contents_image .slide a {
	   display: block;
	}
	
    /* size */
   #aoki_main #size {
	  width: 92vw;
      padding: 0 4vw;
	  margin-top: 16vw;;
  }
	#aoki_main .color_detail.size {
      width: 85vw;
	  margin: 0 auto;
  }
	#aoki_main .color_inner {
	  width: 92vw;
	  padding: 5.6vw 0;
  }
    #aoki_main .color_detail.size li {
      width: 43vw;
   }
	#aoki_main .size_note {
      font-size: 3.2vw;
	  text-align: left;
   }
	#aoki_main .title {
	  margin-bottom: 5.3vw;
	  font-size: 5.06vw;
   }

   /* table */
	#aoki_main .spec_tbl {
      margin-top: 5vw;
      font-size: 10px;
	  width: 84vw;
   }
	#aoki_main .spec_tbl tr th {
      background: #f6f6f7;
   }
	#aoki_main .spec_tbl tr th,#aoki_main .spec_tbl tr td {
      line-height: 1.5;
      border-bottom: 1px solid #cdcfd3;
      border-left: 1px solid #cdcfd3;
   }
	#aoki_main #page-index__content .page-article .product-listitem05 .con.bg-gray {
      padding: 5.33vw 4vw 7vw;
   }
	#aoki_main #page-index__content .page-article .product-listitem05 .img.cmn-img__wrap {
      width: 100%;
   }
	
   /* btn */
	#aoki_main .product-list {
		width: 92vw;
		margin-top: 16vw;;
		padding: 0 4vw;
	}
	#aoki_main .product-list .lead {
	  font-size: 3.5vw;
	  text-align: left;
	}
	#aoki_main .bg-gray {
	  margin-top: 4.3vw;
	  padding: 4vw 3vw;
	}
#aoki_main .wrapping_btn {
   width: 58.6vw;
   margin: 20px auto 0;
}
#aoki_main .wrapping_btn a {
   position: relative;
   display: block;
   width: 100%;
   padding: 7px 0;
   background-color: #fff;
   color: #3a98c9;
   border: solid 1px #3a98c9;
   border-radius: 100vw;
   transition: .4s;
   font-size: 3.06vw;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}
#aoki_main .wrapping_btn a::after {
   content: '';
   border: 0;
   border-top: solid 1px #3a98c9;
   border-right: solid 1px #3a98c9;
   display: inline-block;
   width: 7px;
   height: 7px;
   position: absolute;
   top: 48%;
   right: 17px;
   transform: translateY(-45%) rotate(45deg);
   transition: .4s;
 }
  #aoki_main .wrapping_btn a:hover {
    background-color: #3a98c9;
    color: #fff;
 }
  #aoki_main .wrapping_btn:hover a::after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
 }
   #aoki_main .cmn-recommend {
	 padding: 16vw 4vw 0;
	 width: 92vw;
 }
  #aoki_main .cmn-recommend p {
	 width: 92vw;
	 font-size: 4vw;
	 margin-bottom: 5.3vw;
 }
 #aoki_main .cmn-recommend p::before {
	 width: 5vw;
	 height: 5vw;
	 top: 30%;
	 left: 2%;
	 border-top: 1px solid;
 }
  #aoki_main .cmn-recommend p::after {
	 width: 5vw;
	 height: 5vw;
	 top: 30%;
	 right: 2%;
	 border-top: 1px solid;
 }
 #aoki_main .cmn-recommend .bnr_box .bnr_img:nth-of-type(2) {
	 margin-left: 3.2vw;	
}
 #aoki_main .premium {
	 width: 92vw;
	 padding: 0 4vw;
	 margin-top: 3.2vw;
 }
 #aoki_main .premium_bnr {
	 width: 92vw;
	 height: 92vw;
 }
#aoki_main p.module_note {
	width: 92vw;
	padding: 0 4vw;
	font-size: 2.93vw;
}
	#aoki_main #contents_image .slick-dots li {
		width: 8px;
		height: 8px;
	}

   /* ------ btn-area ------ */
   #aoki_main .btn-area {
      width: 100%;
      margin: 12vw auto 0;
   }
   /* 1カラム（ベタ背景色 ⇒ ボーダー） */
   #aoki_main .cmn-btn.bg a {
      width: 100%;
      height: 16vw;
      border-radius: 100vw;
      font-size: 3.73vw;
      text-align: center;
	  padding: 0 4vw;
   }
	#aoki_main .cmn-btn.bg a::after {
		width: 1.8vw;
		height: 1.8vw;
		border-top: 0.2vw solid #fff;
		border-left: 0.2vw solid #fff;
		right: 11vw;
	}
	#aoki_main .cmn-btn.bg a:hover::after {
		width: 1.8vw;
		height: 1.8vw;
		border-top: 0.2vw solid #3a98c9;
		border-left: 0.2vw solid #3a98c9;
		right: 11vw;
	}
   /* 商品モジュール調整 */
   #aoki_main .topicModuleCredit,
   #aoki_main .topicModuleCredit.mb_0 {
      margin: 30px auto!important;
	  padding: 0 4vw!important;
  }
}

/*****************************************
Tablet only (min-width:576px)
*****************************************/
@media screen and (min-width: 576px) {
   .container {
      width: 100%;
   }
}