@charset "utf-8";
/*****************************************
共通
*****************************************/
.breadcrumb {
  position: relative!important;
  /*z-index: 10000!important;*/
}
.gnav {
  /*position: relative!important;
  z-index: 20000;*/
}
.wrapper {
   width: 100%;
   padding-top: 0;
   margin: 0 auto;
 }
.container {
   width: 100%;
   padding: 0;
}
#activesuit .contents_wrap {
  display: flex;
  width: 100%;
}
#activesuit .bg .contents_left {
	position: sticky;
	top: 0;
	left: 0;
    height:100svh;
	/*z-index: 10;*/
}
#activesuit .contents_right {
  position: sticky;
  top: 0;
  left: 0;
  height: 100svh;
}
#activesuit .contents_left img {
	object-fit: cover;
	height: 100%;
}
#activesuit .contents_right img {
	object-fit: cover;
	height: 100%;
}
.contents_left_bg {
  position: relative;
  height: 100svh;

}
#activesuit .contents_left_bg .bg_anchorlink {
	position: absolute;
	width: 20vw;
  min-width: 220px;
	/*z-index: 20;*/
	top: -78%;
	left: 22%;
}
.contents_right_bg {
  position: relative;
}
.contents_right_top {
  min-width: 270px;
  height: 100svh
}
#activesuit .contents_right_top::before {
	content: "";
	position: absolute;
	background: url("../_img/250711/active_suit01.webp") no-repeat top center/19.6vw 24.3vw;
	width: 19.6vw;
	height: 24.3vw;
	top: 20%;
	right: 24%;
}
#activesuit .bg .bg_anchorlink li p {
   font-size: 1.6vw;
   font-weight: bold;
   border-bottom: 2px solid #fff;
   color: #fff;
}
#activesuit .bg .bg_anchorlink li p:hover {
  opacity: 0.8;
}
#activesuit .bg .bg_anchorlink li + li {
	margin-top: 17px;
}
#activesuit .bg .bg_anchorlink .bg_btn li {
	width: 28vw;
	height: 72vw;
	margin-top: 60px;
}
#activesuit .bg .bg_anchorlink .bg_btn li a {
	font-size: 1.6vw;
	font-weight: bold;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 45px;
	padding: 1vw 3vw;
}
#activesuit .bg .bg_anchorlink .bg_btn li a:hover {
	background-color: #fff;
	color: #4699c3;
	transition: .4s;
}
#activesuit .cmn-inner {
	position: relative;
	/*z-index: 100;*/
    width: 464px;
    padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
 }
#activesuit * {
   box-sizing: content-box;
}
#activesuit ul,
#activesuit ol {
	list-style: none;
}
#activesuit a:hover,
#activesuit a:focus {
	text-decoration: none;
}

#activesuit .bg_color-A {
   position: relative;
   background-color: #f6f7f7;
   color: #4699c3;
   overflow: hidden;
}
#activesuit .bg_color-A:not(.last)::before {
   content: "";
   position: absolute;
   height: 0;
   bottom: 0;
   border-color: transparent #4699c3 transparent transparent;
   border-style: solid;
}
#activesuit .bg_color-A.last .contents_inner {
   padding-bottom: 4vw;
}
#activesuit .bg_color-A.last .contents_inner {
	background: url("../_img/250411/active_img_sp.webp") no-repeat top center/ 464px auto;
	width: 464px;
	height: auto;
	/*z-index: 10;*/
}
#activesuit .bg_color-B {
   position: relative;
   background-color: #4699c3;
   color: #fff;
   overflow: hidden;
}
#activesuit .bg_color-B::before {
   content: "";
   position: absolute;
   height: 0;
   bottom: 0;
   border-width: 14vw 90vw 0 0;
   border-color: transparent #f6f7f7 transparent transparent;
   border-style: solid;
}
#activesuit .bg_color-A .contents_inner {
   padding:  2.625vw 0 8vw;
}
#activesuit .bg_color-B .contents_inner {
   padding: 2.625vw 0 6vw;
}

/*============ MV ============*/
 #activesuit #mv .contents_inner {
	background: url("../_img/250411/active_img_sp.webp") no-repeat top center/ 464px auto;
	width: 464px;
	height: auto;
   }
#activesuit {
	width: 100%;
	color: #333;
	background: #fff;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
}
#activesuit #mv {
   position: relative;
   background-color: #f6f7f8;
   color: #494866;
}
#activesuit #mv .mv_subtext {
   width: 387px;
   margin: 0 auto;
}
#activesuit #mv .mv_inner {
   position: relative;
   padding: 50px 0 164px 0;
   box-sizing: border-box;
}
.mv_anchor {
   position: absolute;
}
#activesuit #mv .mv_anchor a {
   display: block;
}
#activesuit #mv .mv_item {
   width: 38%;
   height: auto;
}
#activesuit #mv .mv_main {
   width: 100%;
   text-align: center;
}
#activesuit #mv h1 {
   line-height: 1.8;
   margin-top: 5px;
   font-size: 30px;
   font-weight: bold;
}
#activesuit #mv .mv_title {
   margin: 27px auto 0;
   width: 238px;
}
#activesuit #mv .mv_price {
   margin: -25px auto 0;
   width: 260px;
}

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

   /*============ active_summer_contents ============*/
   #activesuit .active_summer_contents {
	  background: #4699c3;
	  width: 100%;
   }
	#activesuit .active_summer_contents .active_about {
	  font-size: 53px;
	  font-weight: bold;
	  color: #fff;
	  text-align: left;
	  line-height: 1.3;
	  padding: 40px 0;
	  width: 380px;
	  margin: 0 auto;
	  letter-spacing: 0.01em;
   }
	#activesuit .active_summer_contents .active_img {
	  width: 100%;
	  height: auto;
   }
	#activesuit .active_summer_contents p.active_comfort {
	  width: 380px;
	  margin: 24px auto 0;
	  font-size: 26px;
	  font-weight: bold;
	  text-align: left;
	  color: #fff;
	}
	#activesuit .active_summer_contents p.active_text {
	  width: 90%;
	  font-size: 14px;
	  color: #fff;
	  text-align: left;
	  margin: 15px auto 25px;
	}
	#activesuit .active_summer_contents .active_btn p a {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 0 auto;
	  font-size: 14px;
	  font-weight: bold;
	  text-align: center;
	  color: #fff;
	  width: 290px;
	  height: 50px;
	  border: 2px solid #fff;
	  border-radius: 45px;
	  padding: 3px 10px;
	}
  #activesuit .active_summer_contents .active_btn p a:hover {
	  background-color: #fff;
	  color: #4699c3;
	  transition: .4s;
  }

/*============ Point ============*/
#activesuit #point p.point_title {
   line-height: 1.5;
   margin: -2px 0 16px;
   font-size: 14px;
   text-align: center;
}
#activesuit #point .point_color_text {
  font-size: 11px;
	text-align: center;
}
#activesuit #point .point_num {
	text-align: center;
	width: 50px;
	margin: 0 auto;
}
#activesuit #point p.point_title span {
   font-size: 24px;
   font-weight: bold;
}
#activesuit #point p.point_title span strong {
   font-size: 32px;
   line-height: 1.3;
}
#activesuit #point p.point_title strong {
   font-weight: bold;
   font-size: 16px;
}
#activesuit #point ul li p {
   line-height: 1.7;
   font-size: 13px;
   text-align: left;
}
#activesuit #point .point_flex {
   display: flex;
   justify-content: space-between;
   width: 434px;
   margin: 0 auto;
}
#activesuit #point .point_text {
   width: 50%;
}
#activesuit #point .point_img {
	width: 46%;
}
#activesuit #point li:nth-child(even) .point_flex {
	flex-direction: row-reverse;
}
#activesuit #point li:nth-child(even) .point_text {
	margin-top: 80px;
}
#activesuit #point li .point_flex .point_img {
	margin-top: 27px;
}
#activesuit #point li:nth-child(even) .point_img {
	margin-top: 0;
}
/*============ Color ============*/
#activesuit h2 {
   line-height: 1.2;
   margin-bottom: 35px;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}
#activesuit h2 strong {
   font-size: 66px;
}
#activesuit #color h3 {
   line-height: 1.1;
   margin: 22px 0 10px;
   font-size: 18px;
   font-weight: bold;
}
#activesuit #color h3 strong {
   font-size: 45px;
}
#activesuit #color .online_text {
   line-height: 2.8;
   margin: -29px 0 20px;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
   color: #706f6f;
}
#activesuit #color .cmn-img__wrap  {
   display: block;
   text-align: center;
}
.grayout {
   position: relative;
}
.grayout::after{
   content: "";
   position: absolute;
   width: 100%;
   height: 150%;
   top: 0;
   left: 0;
   background: rgb(0 0 0 / 60%);
}
.slider_item_summer .grayout::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 200%;
   top: 0;
   left: 0;
   background: rgb(0 0 0 / 60%);
}
.grayout::before {
   display: block;
   position: absolute;
   top: 400px;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   line-height: 1.3;
   content: "SOLD OUT";
   color: #fff;
   font-weight: bold;
   font-size: 40px;
   z-index: 2;
   
}
#activesuit #color .slick-img a:hover {
   opacity: 0.7;
   transition: .3s;
}
#activesuit #color .slick-img a:hover img {
   opacity: 1;
}
#activesuit #color .slick-img img {
   width: auto;
   height: 477px;
   margin: 0 auto;
}
#activesuit #color .color_price {
   position: relative;
   font-size: 20px;
   font-weight: bold;
   line-height: 2;
}
#activesuit #color .color_price::after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   top: 37%;
   left: 46%;
   border-style: solid;
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   border-top: 8px solid #5b4637;
   border-bottom: 0;
}
#activesuit #color .allmodel .color_price::after {
  display: none;
}
#activesuit #color .color_price_smalltext {
   font-size: 15px!important;
}
#activesuit #color .color_price span.color_price_smalltext::before {
  display: none;
}
#activesuit #color .allmodel .color_price_smalltext {
  margin-bottom: 4.5px!important;
}
#activesuit #color .color_price span {
   position: relative;
   font-size: 16px;
   display: inline-block;

}
#activesuit #color .color_price span.discount_text {
  padding-left: 22px;
  position: relative;
}
#activesuit #color .color_price span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_navy.webp") top center/18px 18px;
  top:9%;
  left: 5%;
  width: 18px;
  height: 18px;
}
#activesuit #color .color_price.black_summer span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_black.webp") top center/18px 18px;
  top:9%;
  left: 5%;
  width: 18px;
  height: 18px;
}
#activesuit #color .color_price.gray_summer span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_glay.webp") top center/18px 18px;
  top:9%;
  left: 5%;
  width: 18px;
  height: 18px;
}
#activesuit #color .color_price.lightgray_summer span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_light-glay.webp") top center/18px 18px;
  top:9%;
  left: 5%;
  width: 18px;
  height: 18px;
}
#activesuit #color .color_price span::before {
  position: absolute;
  content: "";
  display: block;
  transform: rotate(-10deg);
  background-color: #5b4637;
  width: 93%;
  height: 1px;
  top: 16%;
  left: 3%;
}
/*#activesuit #color .color_price span::after {
 position: absolute;
   content: "";
   width: 0;
   height: 0;
   top: 110%;
   left: 45%;
   border-style: solid;
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   border-top: 8px solid #5b4637;
   border-bottom: 0;
}*/
#activesuit #color .allmodel .color_price span::before {
  display: none;
}
#activesuit #color .color_price.black span::before {
  background-color: #302f2f;
}
#activesuit #color .color_price.black::after {
  border-top: 8px solid #302f2f;
}
#activesuit #color .color_price.navy span::before {
  background-color: #494d71;
}
#activesuit #color .color_price.navy::after {
  border-top: 8px solid #494d71;
}
#activesuit #color .color_price.navy_summer::after {
  border-top: 8px solid #494d71;
}
#activesuit #color .color_price.lightgray_summer span::before {
  background-color: #949494;
}
#activesuit #color .color_price.lightgray_summer::after {
  border-top: 8px solid #949494;
}
#activesuit #color .color_price.black_summer span::before {
  background-color: #302f2f;
}
#activesuit #color .color_price.black_summer::after {
  border-top: 8px solid #302f2f;
}
#activesuit #color .color_price.gray_summer span::before {
  background-color: #606060;
}
#activesuit #color .color_price.gray_summer::after {
  border-top: 8px solid #606060;
}
#activesuit #color .color_price.navy_summer span::before {
  background-color: #494d71;
}
/*#activesuit #color .color_price.navy_summer span::after {
  border-top: 8px solid #494d71;
}*/
#activesuit #color .color_price .strikethrough {
   position: relative;
}
#activesuit #color .color_price .strikethrough::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   transform: rotate(-7deg);
   border-top: 2px solid #d31010;
}
#activesuit #color .slick-img .discount {
   position: relative!important;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #ec1d1d;
   font-size: 22px;
}
#activesuit #color .slick-img .discount .login {
   display: inline-block;
   margin-right: 7px;
   padding: 3px 4px 0px;
   border: 1px solid #d31010;
   font-size: 13px;
}
#activesuit #color .slick-img .discount .sale {
   display: inline-block;
   margin-right: 7px;
   padding: 2px 7px 0px;
   background-color: #d31010;
   color: #fff;
   font-size: 13px;
}
#activesuit #color .slick-img .discount small {
   margin-top: -8px;
   font-size: 12px;
}
#activesuit .discount_note {
   width: 710px;
   line-height: 1.7;
   margin: 60px auto 0;
   color: #727a82;
}
#activesuit .discount_note dt {
   margin-bottom: 4px;
   font-size: 15px;
   font-weight: bold;
}
#activesuit .discount_note dd {
   font-size: 14px;
}
#activesuit #color .color_text {
   line-height: 1.7;
   margin-top: 16px;
   padding: 0 18px;
   color: #706f6f;
   font-size: 14px;
   text-align: left;
}
#activesuit #color .btn {
	margin: 40px 0 0 55px;
}
#activesuit #color .btn a {
   position: relative;
   display: inline-block;
   padding-left: 18px;
   color: #4699c3;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
}
#activesuit #color .btn a::before {
   content: "";
   position: absolute;
   top: -8px;
   left: -30px;
   width: 40px;
   height: 40px;
   background: url(../_img/250411/arrow.webp) center top / 40px 40px no-repeat;
}
#activesuit #color .btn a:hover {
   opacity: 0.7;
   transition: .3s;
}
#activesuit #color .navy_summer { color: #494d71;  }
#activesuit #color .black_summer { color: #302f2f; }
#activesuit #color .navy { color: #494d71; }
#activesuit #color .black { color: #302f2f; }
#activesuit #color .gray_summer { color: #606060; }
#activesuit #color .lightgray_summer { color: #949494; }
#activesuit #color .Khaki { color: #5b4637; }

#activesuit span.discount {
  color: #ec1d1d;
}
#activesuit #color .color_price span.discount::before {
  display: none;
}
#activesuit #color .color_price span.discount::after {
  display: none;
}
/* モーダル */
#activesuit .js-modal-area {
   margin-bottom: 40px;
}
#activesuit .js-modal-open {
   position: relative;
   display: block;
   width: 370px;
   margin: 0 auto;
   padding: 16px;
   border: 2px solid #737368;
   border-radius: 100vw;
   color: #737368;
   font-size: 17px;
   font-weight: bold;
   text-align: center;
   box-sizing: border-box;
}
#activesuit .js-modal-open::before,
#activesuit .js-modal-open::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 30px;
   width: 10px;
   height: 2px;
   margin-top: -2px;
   background: #737368;
}
#activesuit .js-modal-open::before {
   transform: rotate(90deg);
}
#activesuit .js-modal-open:hover {
   background-color: #737368;
   color: #fff;
   transition: .3s;
}
#activesuit .js-modal-open:hover::before,
#activesuit .js-modal-open:hover::after {
   background: #fff;
}
#activesuit .modal__bg {
   position: absolute;
   width: 100%;
   height: 100vh;
   background: rgba(0,0,0,0.8);
}
#activesuit .modal {
   display: none;
   height: 100vh;
   position: fixed;
   top: 0;
   width: 100%;
}
#activesuit .modal__content {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 1000px;
   max-height: 95%;
   padding: 54px 56px 60px;
   background: #fff;
   border-radius: 20px;
   text-align: center;
   transform: translate(-50%, -50%);
   overflow: auto;
   scrollbar-width: 10px;
   scrollbar-color: #edf1f4;
   box-sizing: border-box;
}
#activesuit .modal__content::-webkit-scrollbar {
   width: 10px;
   height: 10px;
}
#activesuit .modal__content::-webkit-scrollbar-thumb {
   background-color: #e1e2e2;
   border-radius: 8px;
}
#activesuit .modal_ttl {
   position: relative;
   width: 278px;
   margin: 0 auto 30px;
   padding: 6px 0 2px;
   background-color: #ecdf9e;
   font-size: 32px;
   font-weight: bold;
   transform:skewX(-15deg);
   box-sizing: border-box;
}
#activesuit .modal_ttl span {
   display: inline-block;
   transform:skewX(15deg);
}
#activesuit .modal_ttl::before {
   content: "";
   position: absolute;
   top: -24px;
   left: -30px;
   width: 63px;
   height: 41px;
   background: url(../_img/240419/modal_new.png) top left / 63px 41px no-repeat;
   transform:skewX(15deg);
}
#activesuit .modal_diff ul,
#activesuit .modal_point {
   display: flex;
   justify-content: space-between;
}
#activesuit .modal_point dl {
   width: 390px;
}
#activesuit .modal_point dt {
   padding: 14px 0 8px;
   background: url(../_img/240419/modal_01.png) top left / 56px 43px no-repeat;
   font-size: 22px;
   font-weight: bold;
}
#activesuit .modal_point dl:nth-of-type(2) dt {
   background: url(../_img/240419/modal_02.png) top left / 69px 44px no-repeat;
}
#activesuit .modal_point dd {
   line-height: 1.75;
   font-size: 16px;
   text-align: left;
}
#activesuit .modal_diff-ttl {
   display: flex;
   align-items: center;
   margin: 30px 0 8px;
   font-size: 20px;
   font-weight: bold;
}
#activesuit .modal_diff-ttl::before,
#activesuit .modal_diff-ttl::after {
   content: "";
   height: 1px;
   flex-grow: 1;
   background-color: #737368;
}
#activesuit .modal_diff-ttl::before {
   margin-right: 1rem;
}
#activesuit .modal_diff-ttl::after {
   margin-left: 1rem;
}
#activesuit .cmn-btn-square-01 {
   content: "";
   position: absolute;
   top: 30px;
   right: 32px;
   display: block;
   width: 30px;
   height: 2px;
   margin-top: -2px;
}
 #activesuit #color button.slick-arrow:focus,
   #activesuit #color button.slick-next:focus {
      outline: none;
   }
   #activesuit #color .slider_thumbnail ,
   #activesuit #color .slider_thumbnail_summer {
      /* width: 80%; */
      margin: -3.5vw auto 3vw;
   }
   #activesuit #color .slick-track {
	  width: 200px;
      margin: 20px auto 0;
   }
   #activesuit #color .slider_thumbnail .slick-current img,
   #activesuit #color .slider_thumbnail_summer .slick-current img{
      opacity: 1;
      padding: 3px;
      border-radius: 100px;
      box-sizing: border-box;
   }
#activesuit #color .slider_thumbnail_summer .slick-current .navy_summer img {
      border: 1px solid #424c72;
   }
   #activesuit #color .slider_thumbnail_summer .slick-current .black_summer img {
      border: 1px solid #3f4145;
   }
   #activesuit #color .slider_thumbnail .slick-current .navy img {
      border: 1px solid #494d71;
   }
   #activesuit #color .slider_thumbnail .slick-current .black img {
      border: 1px solid #302f2f;
   }
   #activesuit #color .slider_thumbnail_summer .slick-current .gray_summer img {
      border: 1px solid #606060;
   }
   #activesuit #color .slider_thumbnail_summer .slick-current .lightgray_summer img {
      border: 1px solid #949494;
   }
	#activesuit #color .slider_thumbnail .slick-current .Khaki img {
      border: 1px solid #6a4f3c;
   }
/*============ Design/Features ============*/
#activesuit #design dl dt,
#activesuit #features dl dt {
   line-height: 1.3;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}
#activesuit #design dl dd,
#activesuit #features dl dd {
   line-height: 1.5;
   margin-top: 9px;
   font-size: 14px;
   font-weight: normal;
}
#activesuit #features dl dd {
   color: #706f6f;
}
#activesuit #design dl dd span,
#activesuit #features dl dd span {
   display: inline-block;
   width: 344px;
   font-size: 10px;
   text-align: right;
}
#activesuit #design .eco {
   position: relative;
   width: 780px;
   line-height: 1.6;
   margin: 20px auto 0;
   padding-left: 25px;
   font-size: 14px;
}
#activesuit #design .eco::before {
   content: "";
   position: absolute;
   top: -6px;
   left: -30px;
   width: 30px;
   height: 30px;
   background: url(../_img/241018/feature_eco.webp) center top / 30px 30px no-repeat;
}
   #activesuit #design .design_textl li::before,
   #activesuit #design .design_textr li::before,
   #activesuit #features .features_textl li::before,
   #activesuit #features .features_textr li::before,
   #activesuit #features .e li::before {
      content: '';
      position: absolute;
      top: -15px;
      left: 50%;
      display: inline-block;
      width: 63px;
      height: 2px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #4699c3;
      border-radius: 2px;
   }
#activesuit #design .design_textl li.a::before, #activesuit #features .features_textl li.a::before {
	display: none;
}
#activesuit #design .design_textl li::before, #activesuit #design .design_textr li::before {
	  background-color: #fff;
}
.swiper-wrapper {
   transition-timing-function: linear;
}
.swiper-container {
   z-index: 0;
}

/*============ bnrArea ============*/
#activesuit #bnrArea p {
   line-height: 1.5;
   margin-bottom: 30px;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
}
  



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

   #activesuit .bg_color-A:not(.last):before {
      border-width: 14vw 90vw 0 0;
   }
   #activesuit .contents_inner {
      width: 464px;
      margin: 0 auto;
   }
   .mv_anchor {
	  display: none;
   }
	#activesuit .float_anchor {
		display: none!important;
	}
	#activesuit .float_anchor .fixed {
		display: none!important;
	}


   /*============ Point ============*/
   #activesuit #point h2 {
	  margin-top: 56px;
	}
   #activesuit #point ul {
      display: block;
      padding-top: 20px;
	  width: 464px;
   }
   #activesuit #point ul li {
      width: 430px;
	  margin: 0 auto;
   }
	#activesuit #point ul li + li {
		margin-top: -2px;
	}
	#activesuit #point ul li:nth-of-type(3) {
		margin-top: 46px;
	}
	#activesuit #point .point_img

   /*============ Color ============*/
   #activesuit #color .btn {
      width: 464px;
      margin: 50px auto 0;
   }

   /* デフォルト商品 */
   #activesuit #color .slider_item,
  #activesuit #color .slider_item_summer{
      display: flex;
      width: 464px;
      margin: 0 auto;
      justify-content: center;
   }
   #activesuit #color .slick-img {
      width: 330px;
   }
	#activesuit #color .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
  }
	.slider_thumbnail {
		width: 185px;
	}
  .slider_thumbnail_summer {
		width: 185px;
	}
   /* New商品がある場合（上段2カラム、下段3カラム） */
   /* #activesuit #color .slider_item {
      display: flex;
      width: 1200px;
      margin: 0 auto;
      justify-content: center;
      flex-wrap: wrap;
   }
   #activesuit #color .slick-img {
      width: 410px;
      text-align: center;
   }
   #activesuit #color .slick-img:nth-child(n+3) {
      width: 400px;
      margin-top: 60px;
   } */
	#activesuit .allmodel {
		margin-top: 70px;
	}
   /*============ Design/Features ============*/
   #activesuit #design .design_inner,
   #activesuit #features .features_inner {
	  display: flex;
      position: relative;
      width: 464px;
      min-height: 480px;
      margin: 0 auto;
   }
	#activesuit #features .features_inner {
	  flex-direction: row-reverse;
   }
   #activesuit #design .design_img,
   #activesuit #features .features_img {
      position: absolute;
      top: 0;
      left: 67%;
      /* display: flex;
      justify-content: center;
      align-items: center; */
      width:68%;
      height: auto;
      margin-left: -105px;
     /* z-index: 0;*/
   }
	#activesuit #features .features_img {
	  left:11px;
	}
   activesuit #features .features_img span {
	  margin-left: 0!important;
	  color: #706f6f;
	}
   #activesuit #design .design_img span,
   #activesuit #features .features_img span {
      display: inline-block;
      width: 210px;
      font-size: 12px;
      text-align: center;
	  margin-left: 24px;
	  margin-top: 10px;
   }
   #activesuit #features .features_img span {
	  margin-left: 83px;
	  color: #706f6f;
   }
   #activesuit #design .design_pcflex,
   #activesuit #features .feature_pcflex {
      width: 40%;
	  margin-left: 15px;
   }
	#activesuit #features .feature_pcflex {
		margin-right: 42px;
		margin-left: 0;
	}
   #activesuit #design .design_textl,
   #activesuit #design .design_textr,
   #activesuit #features .features_textl,
   #activesuit #features .features_textr {
      width: 209px;
      line-height: 1.75;
      margin: 0 0 -20px;
      font-size: 16px;
      font-weight: bold;
   }
   #activesuit #design .design_inner li,
   #activesuit #features .features_inner li {
      position: relative;
      margin-bottom: 55px;
	  padding-top: 5px;
   }
   #activesuit #design .design_inner li::after,
   #activesuit #features .features_inner li::after {
      content: "";
      position: absolute;
      top: 50%;
   }
   /* #activesuit #features div.e {
      display: flex;
      width: 900px;
      margin: 44px auto 0;
      justify-content: space-between;
      align-items: center;
   }
   #activesuit #features div.e > p {
      width: 344px;
   }
   #activesuit #features div.e dl {
      width: 530px;
   }
   #activesuit #features div.e dl dt {
      text-align: left;
   } */

   /*============ Styling ============*/
   #activesuit #styling .slide {
      width: 100%;
      height: auto;
      margin: 0 15px 0 0;
   }
   #activesuit #styling .swiper-container {
      display: flex;
      margin: 0 auto;
      justify-content: center;
      flex-wrap: wrap;
   }
   #activesuit #styling .swiper-container + .swiper-container {
      margin-top: 20px;
   }
	#activesuit #styling .styling_caption {
	  margin-top: 40px;
	  padding: 0 15px;
	  text-align: center;
	  color: #fff;
	  font-size: 13px;
	}
	#activesuit #color .slick-prev,
   #activesuit #color .slick-next {
      position: absolute;
      top: 30%;
      width: 25px;
      height: 46px;
      line-height: 0;
      padding: 0;
      font-size: 0;
      border: none;
   }
   #activesuit #color .slick-prev {
      left: 2%;
      background: url(../_img/241018/arrow_left.webp) top center / 25px 46px no-repeat;
   }
   #activesuit #color .slick-next {
      right: 2%;
      background: url(../_img/241018/arrow_right.webp) top center / 25px 46px no-repeat;
   }
   #activesuit #color button.slick-arrow:focus,
   #activesuit #color button.slick-next:focus {
      outline: none;
   }
	#activesuit #color  .thumbnail-img {
		width: 25px!important;
	}
	#activesuit #color  .thumbnail-img + .thumbnail-img {
		margin-left: 20px;
	}
	#activesuit #styling .slick-slide {
	  width: 300px;
	}
	#activesuit #styling .slick-slide + .slick-slide {
	  margin-left: 12px;
	}

   /*============ bnrArea ============*/
   #activesuit #bnrArea ul {
      display: flex;
      width: 950px;
      margin: 0 auto;
      justify-content: center;
   }

   /*============ bottom_recommend_area ============*/
   #bottom_recommend_area {
      width: 464px!important;
      padding: 34px 15px 70px!important;
      box-sizing: border-box;
      background-color: #f7f7f7;
   }
  .sp_only {
    display: block!important;
  }
  #bottom_recommend_area .bottom_newitem .bottom_bnrBox {
    justify-content: space-between!important;
    width: 434px!important;
  }
   /*============ 商品モジュール調整 ============*/
   #activesuit .topicModuleCredit,
   #activesuit .topicModuleCredit.mb_0 {
      margin: 30px auto 0!important;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
      text-align: center;
  }
  #bottom_recommend_area .bottom_newitem,
  #bottom_recommend_area .bottom_service {
    width: 434px!important;
  }
  #bottom_recommend_area h2 {
    margin: 0 auto 20px!important;
  }
  #bottom_recommend_area h2::after {
    display: none!important;
  }
  #bottom_recommend_area h2::before {
    display: none!important;
  }
  #bottom_recommend_area .bottom_bnrBox {
    flex-wrap: wrap!important;
  }
  #bottom_recommend_area .bottom_bnrBox a {
    width: 49%!important;
  }
  #bottom_recommend_area .bottom_service {
    padding-top: 77px!important
  }
  #bottom_recommend_area .bottom_bnrBox a:nth-of-type(n+3) {
    margin-top: 10px!important;
  }

   /*============ 商品モジュール調整 ============*/
   #activesuit .topicModuleCredit,
   #activesuit .topicModuleCredit.mb_0 {
      margin: 30px auto 0!important;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
      text-align: center;
  }
}


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

   .wrapper {
      padding: 0;
      margin: 0;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
   }
   #activesuit .bg {
	  display: none;
  }
   #activesuit .cmn-inner {
      width: 100%;
      padding: 0;
      box-sizing: border-box;
   }
   #activesuit .bg_color-A .contents_inner,
   #activesuit .bg_color-B .contents_inner {
      padding: 8vw 0 26vw;
   }
   #activesuit .bg_color-A::before,
   #activesuit .bg_color-B::before {
      border-width: 16vw 100vw 0 0;
   }
   #activesuit #mv .contents_inner {
	background: url("../_img/250411/active_img_sp.webp") no-repeat top center/ 100% auto;
	width: 100%;
	height: auto;
   }

   /*============ MV ============*/
	#activesuit .MV {
		background: url("../_img/250411/active_img.webp") no-repeat top center/100% 140vw;
		width: 100%;
		height: 140vw;
	}
	#activesuit .MV_title {
		width: 88vw;
		height: auto;
		margin: 0 auto 0;
	}
	#activesuit .MV h1 {
		width: 50vw;
		margin: 0 auto;
	}
	#activesuit .MV .MV_active {
		width: 50vw;
		margin: 0 auto;
	}
   #activesuit {
      width: 100%;
      line-height: 1.5;
      margin: 0 auto;
      background: #fff;
      color: #333;
      font-size: 4.2666666vw;
   }
   #activesuit #mv {
      width: 100%;
   }
   #activesuit #mv.bg_color-A::before {
      height: 17%;
   }
   #activesuit #mv .mv_flex {
      display: block;
	  margin: 0 auto;
	  width: 52vw;
   }
   #activesuit #mv .mv_inner {
      padding-top: 7vw;
	  padding-bottom: 5vw;
   }
   #activesuit #mv .mv_subtext {
      width: 85.6vw;
      margin: 0 7vw 0 auto;
      text-align: center;
   }
   #activesuit #mv .mv_online {
	  position: relative;
	  width: 41vw;
	  margin: 12vw auto 0 6vw;
   }
   #activesuit #mv .mv_online::before {
	  content: "";
	  position: absolute;
	  border: 1px solid #fff;
	  width: 17vw;
	  height: 1px;
	  top: -41%;
	  left: 30%;
   }
   #activesuit #mv h1 {
      line-height: 1.33;
      margin-top: 0;
      font-size: 4vw;
   }
   #activesuit #mv .mv_item {
      width: 70%;
      margin-left: -17%;
	   margin-top: 5%;
   }
   #activesuit #mv .mv_main {
      width: 50%;
      margin-top: 4.8vw;
      margin-right: 10px;
      box-sizing: border-box;
   }
   #activesuit #mv .mv_title {
	  margin: 0 auto;
	  width: 52.8vw;
   }
   #activesuit #mv .mv_price {
      width: 52.8vw;
	   margin-top: 2vw;
   }

   /* float anchorLink */
    .mv_anchor {
      right: 5vw;
      top: 122.5vw;
      width: 21vw;
      height: auto;
	    z-index: 1;
   }
   #activesuit .float_anchor a {
      width: 7.6vw;
      padding: 2vw 2vw 2vw 1vw;
      border-radius: 6px 0 0 6px;
      font-size: 2.66vw;
	  background: #b79e6f;
	  border-top: 2px solid #b79e6f;
	  border-left: 2px solid #b79e6f;
	  border-bottom: 2px solid #b79e6f;
   }
   /*============ active_summer_contents ============*/
   #activesuit .active_summer_contents {
	  position: relative;
	  background: #4699c3;
	  width: 100%;
   }
	#activesuit .active_summer_contents .active_about {
	  font-size: 11.53vw;
	  font-weight: bold;
	  color: #fff;
	  text-align: center;
	  line-height: 1.3;
	  padding: 10.6vw 0;
    width: auto;
   }
	#activesuit .active_summer_contents .active_img {
	  width: 100%;
	  height: auto;
   }
	#activesuit .active_summer_contents p.active_comfort {
	  width: 92vw;
	  font-size: 6.4vw;
	  margin: 9.3vw auto 0;
	  font-weight: bold;
	  text-align: left;
	  color: #fff;
	}
	#activesuit .active_summer_contents p.active_text {
	  font-size: 3.2vw;
	  color: #fff;
	  text-align: left;
	  width: 92vw;
	  margin: 4vw auto;
	}
	#activesuit .active_summer_contents .active_btn p a {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 0 auto;
	  font-size: 3.73vw;
	  font-weight: bold;
	  text-align: center;
	  color: #fff;
	  width: 77.3vw;
	  height: 11.3vw;
	  border: 2px solid #fff;
	  border-radius: 100vw;
	  padding: 1vw 2vw;
	}
   /*============ Point ============*/
	#activesuit #point h2 {
	 margin-top: 14vw;
	} 
   #activesuit h2 {
      margin: 0 0 6.66vw;
      font-size: 3.46vw;
   }
   #activesuit #color h2,
   #activesuit #features h2 {
	  color: #4699c3;	
   }
   #activesuit h2 strong {
      font-size: 14.66vw;
   }
   #activesuit #point .contents_inner {
      padding: 4vw 15px 26.6vw 15px;
      box-sizing: border-box;
   }
   #activesuit #point li + li {
      margin-top: 8vw;
   }
   #activesuit #point .point_flex {
      display: flex;
      justify-content: space-between;
	    width: 92vw;
   }
   #activesuit #point li:nth-child(even) .point_flex {
      flex-direction: row-reverse;
   }
   #activesuit #point li .point_flex .point_img {
      width: 50%;
      margin-top: 4vw;
   }
   #activesuit #point li:nth-child(even) .point_img {
      margin-top: 0;
   }
   #activesuit #point li:nth-child(even) .point_text {
      margin-top: 12vw;
   }
   #activesuit #point .point_text {
      width: 45%;
   }
   #activesuit #point .point_num {
      width: 10.66vw;
      margin: 0 auto;
   }
   #activesuit #point .point_color_text {
	  margin-top: 1vw;
	  font-size: 2.93vw;
	  text-align: center;
  }
   #activesuit #point p.point_title {
      line-height: 1.7;
      margin: 0.4vw 0 4.5vw;
      font-size: 3.73vw;
   }
   #activesuit #point p.point_title span {
      line-height: 1.3;
      font-size: 4.8vw;
   }
   #activesuit #point p.point_title span strong {
      line-height: 1.2;
      font-size: 6.93vw;
   }
   #activesuit #point ul li p {
      line-height: 1.6;
      font-size: 3.2vw;
   }

   /*============ Color ============*/
   #activesuit #color .online_text {
      margin: -4.66vw 0 -1.34vw;
      font-size: 6.6vw;
	  color: #706f6f;
   }
   #activesuit #color h3 {
      line-height: 1.2;
      margin: 4vw 0 3vw;
      font-size: 3.46vw;
   }
   #activesuit #color h3 strong {
      font-size: 9.33vw;
   }
   #activesuit #color .color_price {
      font-size: 3.73vw;
      line-height: 2.3;
   }
  .grayout::before {
    font-size: 9vw;
    top: 80vw;
  }
  #activesuit #color .color_price span {
      font-size: 3.2vw;
  }
  /*#activesuit #color .color_price span::after {
    border-right: 1.5vw solid transparent;
    border-left: 1.5vw solid transparent;
    border-top: 2vw solid #5b4637;
    border-bottom: 0;
  }*/
  #activesuit #color .color_price span.discount_text {
    padding-left: 3vw;
  }
  #activesuit #color .color_price span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_navy.webp") top center/3.06vw 3.06vw;
  top: 12%;
  left: 0%;
  width: 3.06vw;
  height: 3.06vw;
}
  #activesuit #color .color_price::after {
    border-right: 1.5vw solid transparent;
    border-left: 1.5vw solid transparent;
  }
  #activesuit #color .color_price.black_summer span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_black.webp") top center/3.06vw 3.06vw;
  top: 12%;
  left: 0%;
  width: 3.06vw;
  height: 3.06vw;
}
  #activesuit #color .color_price.gray_summer span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_glay.webp") top center/3.06vw 3.06vw;
  top: 12%;
  left: 0%;
  width: 3.06vw;
  height: 3.06vw;
}
  #activesuit #color .color_price.lightgray_summer span.discount_text::after {
  content: "";
  position: absolute;
  background: url("../_img/250711/price_light-glay.webp") top center/3.06vw 3.06vw;
  top: 12%;
  left: 0%;
  width: 3.06vw;
  height: 3.06vw;
}
#activesuit #color .color_price.black::after {
  border-top: 2vw solid #302f2f;
}
#activesuit #color .color_price.navy::after {
  border-top: 2vw solid #494d71;
}
#activesuit #color .color_price.lightgray_summer::after {
  border-top: 2vw solid #949494;
}
#activesuit #color .color_price.black_summer::after {
  border-top: 2vw solid #302f2f;
}
#activesuit #color .color_price.gray_summer::after {
  border-top: 2vw solid #606060;
}
#activesuit #color .color_price.navy_summer::after {
  border-top: 2vw solid #494d71;
}
   #activesuit #color .color_price .strikethrough::after {
      border-top: 1px solid #d31010;
   }
 #activesuit #color .color_text {
    line-height: 1.6;
    margin-top: 4vw;
    padding: 0 2vw;
    font-size: 3.46vw;
    color: #706f6f;
 }
  #activesuit #color .color_price_smalltext {
    font-size: 3vw!important;
    margin-bottom: 0.2% !important;
  }
   #activesuit #color .slick-img img {
      height: 88vw;
   }
   #activesuit #color .slick-img .discount {
      margin-top: -2px;
      font-size: 4.2vw!important;
   }
   #activesuit #color .slick-img .discount .login {
      font-size: 2.8vw;
   }
   #activesuit #color .slick-img .discount .sale {
      padding: 0.2vw 1.8vw 0;
      font-size: 3.2vw;
   }
   #activesuit #color .slick-img .discount small {
      margin-top: -2vw;
      font-size: 2.66vw;
   }
   #activesuit .discount_note {
      width: 100%;
      line-height: 2;
      margin: 8vw auto 0;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
   }
   #activesuit .discount_note dt {
      margin-bottom: 0;
      font-size: 3.33vw;
   }
   #activesuit .discount_note dd {
      padding-left: 2.93vw;
      font-size: 2.93vw;
      text-indent: -2.93vw;
   } 
   #activesuit #color .slick-slide {
      margin-right: 2vw;
      margin-left: 2vw;
      text-align: center;
   }
   #activesuit #color .slick-prev,
   #activesuit #color .slick-next {
      position: absolute;
      top: 30%;
      width: 25px;
      height: 46px;
      line-height: 0;
      padding: 0;
      font-size: 0;
      border: none;
   }
   #activesuit #color .slick-prev {
      left: 2%;
      background: url(../_img/241018/arrow_left.webp) top center / 25px 46px no-repeat;
   }
   #activesuit #color .slick-next {
      right: 2%;
      background: url(../_img/241018/arrow_right.webp) top center / 25px 46px no-repeat;
   }
   #activesuit #color button.slick-arrow:focus,
   #activesuit #color button.slick-next:focus {
      outline: none;
   }
   #activesuit #color .slider_thumbnail,
  #activesuit #color .slider_thumbnail_summer{
      /* width: 80%; */
      width: 300px;
      margin: -3.5vw auto 6vw;
   }
   #activesuit #color .slick-track {
      margin: 0 auto;
   }
   #activesuit #color .slider_thumbnail .slick-current img,
   #activesuit #color .slider_thumbnail_summer .slick-current img{
      opacity: 1;
      padding: 3px;
      border-radius: 100px;
      box-sizing: border-box;
   }
   #activesuit #color .slider_thumbnail_summer .slick-current .navy_summer img {
      border: 1px solid #424c72;
   }
   #activesuit #color .slider_thumbnail_summer .slick-current .black_summer img {
      border: 1px solid #3f4145;
   }
   #activesuit #color .slider_thumbnail .slick-current .navy img {
      border: 1px solid #494d71;
   }
   #activesuit #color .slider_thumbnail .slick-current .black img {
      border: 1px solid #302f2f;
   }
   #activesuit #color .slider_thumbnail .slick-current .beige img {
      border: 1px solid #907f6f;
   }
   #activesuit #color .slider_thumbnail .slick-current .brown img {
      border: 1px solid #74524d;
   }
	#activesuit #color .slider_thumbnail .slick-current .Khaki img {
      border: 1px solid #6a4f3c;
   }
   #activesuit #color .slider_thumbnail .thumbnail-img,
  #activesuit #color .slider_thumbnail_summer .thumbnail-img {
      width: 5.3vw !important;
      height: 9.3vw;
      margin: 0 auto;
   }
   #activesuit #color .slider_thumbnail .thumbnail-img span,
  #activesuit #color .slider_thumbnail_summer .thumbnail-img span{
      display: block;
      line-height: 1.2;
      color: #6a4f3c;
      font-size: 2.6vw;
   }
   #activesuit #color .btn {
      width: 100%;
      margin-top: 8vw;
	  margin-left: 0;
   }
   #activesuit #color .btn a {
	  position: relative;
     display: inline-block;
     padding-left: 16px;
     color: #4699c3;
     font-weight: bold;
     text-align: center;
     font-size: 3.73vw;
   }
   #activesuit #color .btn a::before {
      top: -2.8vw;
      left: -7vw;
      width: 9.33vw;
      height: 9.33vw;
	  content: "";
      position: absolute;
      background: url(../_img/250411/arrow.webp) center top / 9.33vw 9.33vw no-repeat;
   }
   #activesuit #color .allmodel {
		margin-top: 17.6vw;
	}

   /* モーダル */
   #activesuit .js-modal-area {
      margin-bottom: 6.66vw;
   }
   #activesuit .js-modal-open {
      width: 74.6vw;
      padding: 3.5vw 4vw;
      border: 1px solid;
      font-size: 3.46vw;
   }
   #activesuit .js-modal-open::before,
   #activesuit .js-modal-open::after {
      right: 5vw;
      height: 1px;
   }
   #activesuit .modal__content {
      width: 90%;
      padding: 9.33vw 5.33vw 10.66vw;
   }
   #activesuit .modal_ttl {
      width: 60%;
      margin-bottom: 4vw;
      font-size: 6.13vw;
   }
   #activesuit .modal_ttl::before {
      top: -3.5vw;
      left: -5vw;
      width: 11.2vw;
      height: 7.2vw;
      background-size: 11.2vw 7.2vw;
   }
   #activesuit .modal_point dl {
      width: 36vw;
   }
   #activesuit .modal_point dl:nth-of-type(2) dt {
      background-size: 13.46vw 8.66vw;
   }
   #activesuit .modal_point dt {
      line-height: 1.3;
      background-size: 11vw 8.66vw;
      font-size: 4.8vw;
   }
   #activesuit .modal_point dd {
      line-height: 1.6;
      font-size: 3.2vw;
   }
   #activesuit .modal_diff-ttl {
      margin: 5.66vw 0 2.8vw;
      font-size: 4vw;
   }
   #activesuit .modal_diff ul li {
      width: 49%;
   }
   #activesuit .cmn-btn-square-01 {
      top: 4vw;
      right: 4vw;
      width: 4.8vw;
      height: auto;
   }

   /*============ Design/Features ============*/
   #activesuit #design .design_inner,
   #activesuit #features .features_inner {
      display: flex;
      padding-right: 15px;
      padding-left: 15px;
      justify-content: right;
      box-sizing: border-box;
   }
   #activesuit #design .design_inner {
      flex-direction: row-reverse;
   }
   #activesuit #design .design_img {
      width: 74.66vw;
      height: auto;
      margin-right: -20vw;
   }
   #activesuit #features .features_img {
      width: 71.5vw;
      height: auto;
      margin-left: -40vw;
   }
   #activesuit #design .design_img span,
   #activesuit #features .features_img span {
      display: inline-block;
      width: 59.5vw;
      font-size: 2.66vw;
      text-align: center;
	  margin-left: 12vw;
	  margin-top: 3vw;
   }
	#activesuit #features .features_img span {
		color: #706f6f;
	}
   #activesuit #design .design_img span {
      width: 54vw;
      text-align: right;
	  margin-left: -13vw;
	  margin-top: 3vw;
   }
   #activesuit #design .design_pcflex {
      width: 45vw;
      margin-right: -8vw;
      box-sizing: border-box;
   }
   #activesuit #features .feature_pcflex {
      width: 45vw;
      margin-left: 0;
      box-sizing: border-box;
   }
   #activesuit #design .design_textl li,
   #activesuit #design .design_textr li,
   #activesuit #features .features_textl li,
   #activesuit #features .features_textr li,
   #activesuit #features .e li {
      position: relative;
      margin-top: 10.5vw;
      padding-top: 3.5vw;
   }
   #activesuit #design .design_textl li.a,
   #activesuit #features .features_textl li.a {
      margin-top: 0;
   }
   #activesuit #design .design_textl li::before,
   #activesuit #design .design_textr li::before,
   #activesuit #features .features_textl li::before,
   #activesuit #features .features_textr li::before,
   #activesuit #features .e li::before {
      content: '';
      position: absolute;
      top: -15px;
      left: 50%;
      display: inline-block;
      width: 17.33vw;
      height: 0.26vw;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #4699c3;
      border-radius: 2px;
   }
   #activesuit #design .design_textl li::before,
   #activesuit #design .design_textr li::before {
	 background-color: #fff;	
  }
   #activesuit #design .design_textl li.a::before,
   #activesuit #features .features_textl li.a::before {
      background: none;
   }
   #activesuit #design dl dt,
   #activesuit #features dl dt {
      line-height: 1.3;
      font-size: 4.34vw;
	  color: #4699c3;
   }
	#activesuit #design dl dt {
	  color: #fff;
	}
   #activesuit #design dl dd,
   #activesuit #features dl dd {
      line-height: 1.4;
      margin-top: 1.2vw;
      font-size: 3.2vw;
   }
   #activesuit #design dl dd + dd,
   #activesuit #features dl dd + dd {
      margin-top: 1.66vw;
   }
	#activesuit #features dl dd {
	  color: #706f6f;
	}
   #activesuit #design dl dd + dd {
	  color: #fff;
   }
   #activesuit #design dl dd span,
   #activesuit #features dl dd span {
      width: 100%;
      font-size: 2.26vw;
   }
   #activesuit #design .eco {
      width: 100%;
      padding-right: 15px;
      padding-left: 14.6vw;
      box-sizing: border-box;
      font-size: 2.93vw;
   }
   #activesuit #design .eco::before {
      top: 0;
      left: 15px;
      width: 8vw;
      height: 8vw;
      background-size: 8vw 8vw;
   }
   
   /*============ Styling ============*/
   #activesuit #styling .swiper-container + .swiper-container {
      margin-top: 13.3vw;
   }
   #activesuit #styling .slick-slide {
      width: 80vw;
      margin: 0 1.5vw;
   }
	#activesuit #styling .styling_caption {
	  margin-top: 5.73vw;
	  line-height: 1.7;
	  text-align: center;
	  font-size: 2.93vw;
	}
   
   /*============ bnrArea ============*/
   #activesuit #bnrArea p {
      margin-bottom: 4vw;
      font-size: 5.06vw;
   }
   #activesuit #bnrArea ul {
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
      text-align: center;
   }
   #activesuit #bnrArea ul li + li {
      margin-top: 5.3vw;
   }

   /*============ bottom_recommend_area ============*/
   #bottom_recommend_area {
      padding-top: 10vw !important;
      padding-right: 15px;
      padding-bottom: 16vw;
      padding-left: 15px;
      box-sizing: border-box;
      background-color: #f7f7f7;
   }

   /*============ 商品モジュール調整 ============*/
   #activesuit .topicModuleCredit,
   #activesuit .topicModuleCredit.mb_0 {
      margin: 30px auto 0!important;
      padding-right: 15px;
      padding-left: 15px;
      box-sizing: border-box;
      text-align: center;
  }
}

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



/*============ campaign ============*/
.campaign_area {
  padding-top: 70px;
  width: 800px;
  margin: 0 auto;
}
.js-copytextArea {
  cursor: pointer;
}
.box-01-wrap-couponCode {
  width: 100%;
  min-height: 100px;
  display: flex;
  background-color: #c9934c;
  align-items: center;
}
.wrap-couponCode {
  margin: 0 auto;
}
.couponCode-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
}
.couponCode-tx-01 {
  margin-right: 16px;
  color: #fff;
  font-size: 18px;
  min-height: 60px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.couponCode-tx-02 {
  width: 250px;
  padding: 4px;
  font-size: 36px;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  font-weight: 700;
  color: #c9934c;
  background-color: #fff;
}
.couponCode-tx-03 {
  width: 120px;
  margin-left: 16px;
  font-size: 16px;
  display: flex;
  min-height: 60px;
  line-height: 1.2;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  text-align: center;
  color: #c9934c;
  background-color: #fff;
}
.js-copyalert {
  display: none;
  width: 100vw;
  text-align: center;
  color: #fff;
  background: #666;
  position: fixed;
  top: 50%;
  padding: 10px 0 !important;
  /*z-index: 9999;*/
  opacity: 0.8;
}
.campaign_notes {
  display: block!important;
  padding: 0!important;
  font-size: 14px;
  margin-top: 20px;
}
.campaign_notes li + li {
  margin-top: 0!important;
}
@media screen and (min-width: 769px) {
  .campaign_notes li {
    width: 100%!important;
  }
}
@media screen and (max-width: 768px) {
  .campaign_area {
    padding: 6vw 15px 3vw;
    width: calc(100% - 30px);
  }
  .box-01-wrap-couponCode {
    margin-left: 0;
    align-items: start;
    min-height: 0;
    padding: 5px 0 10px;
  }
  .couponCode-01 {
    padding: 0;
    flex-wrap: wrap;
  }
  .couponCode-tx-01 {
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0 6px;
    font-size: 4.8vw;
  }
  .couponCode-tx-02 {
    width: 45%;
    min-height: 24px;;
    text-align: center;
    padding: 4px 2%;
    font-size: 5.3vw;
    font-weight: 700;
  }
  .couponCode-tx-03 {
    width: 36%;
    min-height: 24px;
    margin-left: 6px;
    font-size: 3.7vw;
  }
  .campaign_notes {
    font-size: 2.66vw;
    margin-top: 3vw;
  }
  .campaign_notes li {
    padding-left: 2.9vw;
    text-indent: -2.9vw;
  }
  #activesuit #color .color_price span::before {
    position: absolute;
    content: "";
    display: block;
    transform: rotate(-10deg);
    background-color: #5b4637;
    width: 102%;
    height: 1px;
    top: 22%;
    left: -3%;
}
  #activesuit #color .color_price::after {
    top: 39%;
    left: 46%;
}
  #activesuit #color .allmodel .color_price_smalltext {
    margin-bottom: 0.5vw !important;
}
}