@charset "utf-8";
/* CSS Document */

:root {
--primaryColor:#23BDD5;
--secondaryColor:#F6AC00;
--primaryColor2:rgba(35, 189, 213, .7);
--secondaryColor2:rgba(246, 172, 0, .7);
--primaryColor3:rgba(35, 189, 213, .9);
--secondaryColor3:rgba(246, 172, 0, .9);
--btnBg:#e2fbff;
--shadowColor:rgba(0, 0, 0, .34);
}

/************************************************************/@media only screen and (min-width: 1px) and (max-width: 700px)  {
#buyerPart3 #sec01{padding: 3% 3% 10% 3%; background: url("feature_Buyer_2023/main_sp.jpg?$staticlink$") no-repeat center top; background-size: cover;}
}
    
#HEADER .global{display: none;}
#CONTENTS, body:not(.noGlobal) #CONTENTS {margin-left: 0;padding: 0;}
#FOOTER{margin-left: 0;}
#buyerPart3 .includeSCT .item:hover{
  transform:translateY(-10px);
  box-shadow: 3px 6px 12px var(--shadowColor);
}
#buyerPart3 ul.action {display: none;}

#buyerPart3 .wrap {width:100%;background:#6270CF;}
#buyerPart3 .wrap p {height:auto;}
#buyerPart3 ul.thumbnail_box-left {display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;max-width: 660px;position: absolute;top: 30px;left: 12%;}
#buyerPart3 ul.thumbnail_box-right {display: flex;justify-content: flex-end;flex-wrap: wrap;width: 100%;max-width: 660px;position: absolute;top: 30px;right: 12%;}
#buyerPart3 .wrap li {margin-bottom: 14px;list-style: none;width: calc((100% - 40px)/2);margin: 10px;box-shadow: 5px 5px 10px rgb(0 0 0 / 45%);transition: all 0.5s;background: #fff;}
#buyerPart3 .wrap li img {cursor:pointer;transition: all .5s;width: 100%;}
#buyerPart3 .wrap li:hover img {opacity: 0.8;}

*{box-sizing: border-box;}
#buyerPart3 a {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
text-decoration: none;
    color: #333;
}
#buyerPart3 a:hover.opa {opacity: .8;}
#buyerPart3{overflow: hidden;color: #000000;position: relative;line-height: 1.75;}
#buyerPart3 h2 {font-family: 'Noto Sans JP', sans-serif; line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;}
#buyerPart3 p {margin: 0;font-size: 16px;}
#buyerPart3 ul {list-style: none;position: relative;margin: 0;padding: 0;}
#buyerPart3 .font_small {font-size: 80%;}
#buyerPart3 .font_ss{font-size: 70%;}
#buyerPart3 .font_sss{font-size: 62%;}
#buyerPart3 .font_large {font-size: 120%;}
#buyerPart3 .font_ll{font-size: 155%;}
#buyerPart3 .line_center {text-align: center;}
#buyerPart3 .line_right{text-align: right;}
#buyerPart3 .line_left{text-align: left;}
#buyerPart3 .font_bold{font-weight: bold;}
#buyerPart3 .font_red{color: #dd0000;}
#buyerPart3 img {width: 100%;height: auto;vertical-align: bottom;}
/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;z-index: 999;width: 100vw;height: 100vh;background:  linear-gradient(130deg, var(--primaryColor) 0%, var(--secondaryColor) 100%);text-align:center;color:#fff;}
/* Loadingバー中央配置　*/
#splash_text {position: absolute;top: 50%;left: 50%;z-index: 999;width: 100%;transform: translate(-50%, -50%);color: #fff;}
/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;
}
/*=========▲ LoadingのためのCSS▲ ===============*/
#buyerPart3{position: relative; overflow: hidden;font-family: 'Noto Sans JP', sans-serif;line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;position: relative;color: #000;font-family: 'Noto Sans JP', sans-serif;line-height: 1.7;}
#buyerPart3 section {position: relative;margin: 0 auto;padding: 0;}
#buyerPart3 #sec02 {z-index: 2;}
#buyerPart3 #sec03 {z-index: 1;}
#buyerPart3 .sec-inner {position: relative;max-width: 1300px; width: 96%; margin: 5% auto;}
#buyerPart3 .other-inner{position: relative;max-width: 1300px; width: 96%; margin: 3% auto;text-align: center;}
#buyerPart3 #sec01{padding: 3% 3% 10% 3%; background: url("feature_Buyer_2023/main_pc.jpg?$staticlink$") no-repeat center top; background-size: cover;}
#buyerPart3 .top-txt {width: 70%;margin-left: auto;text-align: center;position: relative;z-index: 1;}
#buyerPart3 h3 {color: #fff;font-size: 32px;font-weight: normal;}
#buyerPart3 h3 img {width: auto;max-width: 100%;}
#buyerPart3 h2 {font-size: 62px;text-align: center;color: #fff;margin: 10% 0 1%;font-weight: bold;letter-spacing: inherit;}
#buyerPart3 .sub-title {color: #fff;font-size: 24px;margin-bottom: 10%;display: flex;align-items: center;justify-content: center;}
#buyerPart3 .sub-title::before, #buyerPart3 .sub-title::after{content: "";height: 1px;flex-grow: 1;background: #fff;}
#buyerPart3 .sub-title::before{margin-right: 0.7em;margin-left: 15%}
#buyerPart3 .sub-title::after{margin-left: 0.7em;margin-right: 15%;}
#buyerPart3 .lead {margin: 0 auto;text-align: left;color: #fff;font-size: 20px;line-height: 2.2;max-width: 750px;padding: 0 1em;}
#buyerPart3 .ul-flex{display: flex;flex-wrap: wrap;}
#buyerPart3 .ul-flex li {position: relative;width: 30%; margin: 1.6%;}
#buyerPart3 .ul-flex li figure {margin: 0;}
#buyerPart3 .m_over-blue{position: absolute;height: 100%;width: 40%;background: var(--primaryColor2);top: 0;right: 0;transition: all .5s;padding: 5px;display: flex;align-items: center;justify-content:center;}
#buyerPart3 .m_over-pink{position: absolute;height: 100%;width: 40%;background: var(--secondaryColor2);top: 0;right: 0;transition: all .5s;padding: 5px;display: flex;align-items: center;justify-content: center;}
#buyerPart3 .ul-flex li:hover .m_over-blue {width: 100%;background: var(--primaryColor2);}
#buyerPart3 .ul-flex li:hover .m_over-pink {width: 100%;background: var(--secondaryColor3);}
#buyerPart3 .includeSCT .item{box-shadow: 3px 6px 12px var(--shadowColor);}
#buyerPart3 p.co-name {font-size: 16px; color: #fff;text-align: center}
#buyerPart3 section.mt {padding-top: 90px; margin-top: -90px;}
#buyerPart3 .brand-box{display: flex;align-items: flex-end;border-bottom: 1px solid var(--primaryColor);}
#buyerPart3 .brand-en{margin-left: 1em;font-size: 28px;font-weight: bold;color: #333;}
#buyerPart3 .brand-title{margin-left: auto;font-size: 36px;font-weight: bold;color: #333;}
#buyerPart3 .brand_buyer{font-size: 24px;color:var(--secondaryColor); font-weight: bold;}
#buyerPart3 .buyer-box{display: flex;align-items: center;margin-top: 3%;}
#buyerPart3 .buyer{width: 16%;margin-right: 5px;}
#buyerPart3 .buyer-comment{width: 36%;position: relative;display: inline-block;margin: 1.5em 0 1.5em 15px;padding: 16px 20px;min-width: 120px;max-width: 100%;font-size: 16px;border: solid 1px #555;box-sizing: border-box;border-radius: 7px;background: #fff;}
#buyerPart3 .buyer-comment:before{content: "";position: absolute;top: 50%;left: -25px;margin-top: -13px;border: 13px solid transparent;border-right: 12px solid #FFF;z-index: 2;}
#buyerPart3 .buyer-comment:after{content: ""; position: absolute;top: 50%;left: -28px;margin-top: -14px;border: 14px solid transparent;border-right: 14px solid #555;z-index: 1;}
#buyerPart3 .buyer-comment p {font-size: 16px;line-height: 1.5;}
#buyerPart3 .buyer-comment p span {display: block;margin-bottom: 8px;font-size: 17px;font-weight: bold;}
#buyerPart3 .buyer-title {font-size: 34px;font-weight: bold;width: 45%;margin-left: auto;text-align: right;line-height: 1.6;}
#buyerPart3 .ab-wrap{position: relative;}
#buyerPart3 .gallery{position: relative;}
#buyerPart3 #wrap {display: flex;flex-direction: column;justify-content: center;}
#buyerPart3 .main_photo {position: relative;overflow: hidden;}
#buyerPart3 #thumbnail-list {width: 100%;margin: 14px auto 0;display: flex;justify-content:flex-start;flex-wrap: wrap;max-width: 660px;}
#buyerPart3 .current {background-color: rgba(255, 255, 255, 0.15);border-radius: 5px;}
#buyerPart3 .ab_sum-right{position: absolute;bottom: -10%;right: 10%;}
#buyerPart3 .ab_sum-left{position: absolute;bottom: -10%;left: 10%;}
#buyerPart3 .white-box{background:  rgba(255, 255, 255, .85);padding: 1% 4% 3%;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.35);width: 71%;}
#buyerPart3 .white-box h4 {color: var(--primaryColor);font-size: 26px;margin:1em auto;}
#buyerPart3 p.sum-txt {font-size: 18px;line-height: 1.8}
#buyerPart3 .sum-wrap{position: relative;max-width: 1300px; width: 96%; margin: 0 auto;}
#buyerPart3 .br-01{margin-left: auto;margin-top: 0;}
#buyerPart3 ul.ul-product {display: flex;flex-wrap: wrap;margin-top: 5%;align-items: flex-start;}
#buyerPart3 ul.ul-product-r {display: flex;flex-wrap: wrap;margin-top: 5%;align-items: flex-start;}
#buyerPart3 .ul-product > li {width: 32.333%;margin-left: 0.5%;margin-right: 0.5%;}
#buyerPart3 .ul-product > li:nth-child(2) {margin-top: 3em;}
#buyerPart3 .ul-product > li:nth-child(3) {margin-top: 6em;}
#buyerPart3 .ul-product-r > li {width: 32.333%;margin-left: 0.5%;margin-right: 0.5%;}
#buyerPart3 .ul-product-r > li:first-child {margin-top: 6em;}
#buyerPart3 .ul-product-r > li:nth-child(2) {margin-top: 3em;}
#buyerPart3 .s-reco {font-size: 20px;font-weight: bold;color: var(--secondaryColor);}
#buyerPart3 .s-reco i {color: #333;font-size: 30px; margin-right: 5px;}
#buyerPart3 .pro-price{font-size: 16px;font-weight: bold;color: #DF0000;}
#buyerPart3 .pro-title{font-size: 18px;}

#buyerPart3 .sp-cam {display: none !important;}
#buyerPart3 .pad-cam {display: none !important;}
#buyerPart3 .pad-sp {display: none !important;}
#buyerPart3 .pc-cam {display: block;}
#buyerPart3 #secOther{background: url("feature_Buyer_2023/bgOther.jpg?$staticlink$") no-repeat center top; background-size: cover;padding: 8% 0;background-attachment: fixed;position: relative;}
  #buyerPart3 #secOther::before{content: "";position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
  #buyerPart3 .btnOther{font-size:clamp(1.375rem, 1.27rem + 0.48vw, 1.75rem);display: inline-block;padding: 0.8em 3em;border: 2px solid #fff;background: rgba(0, 0, 0, .3);color: #fff;font-size: bold;}
  #buyerPart3 .btnOther:hover{background: rgba(0, 0, 0, .6);}
  #buyerPart3 a.btnOther:hover, a.btnOther:focus, a.btnOther:active{color: #fff;}
  #buyerPart3 .pagesUi.right{z-index: 99;}
  #buyerPart3 .ken{display: block;font-size: 15px;color: #ffff7b;}
  #buyerPart3 .chiki{font-size:clamp(1.5rem, 1.285rem + 0.92vw, 2.375rem);color: var(--primaryColor);font-weight: bold;line-height: 1.1;}
  #buyerPart3 .status.nostock{margin-top: 10px;max-width: 80px;}
#buyerPart3 .includeSCT .tag .stockLabel .outStock{
    background: red;
    color: #fff;
}


/************************************************************/@media screen and (max-width: 1500px) {
#buyerPart3 ul.thumbnail_box-left, #buyerPart3.thumbnail_box-right{width: 80%;}
 #buyerPart3 ul.ml-auto {margin-left: auto;}
  #buyerPart3 .ab_sum-left.only_naina {position: absolute;bottom: -20%;left: 10%;}

}
/************************************************************/@media screen and (max-width: 1350px) {
#buyerPart3 ul.thumbnail_box-left, #buyerPart3.thumbnail_box-right{width: 60%;}
#buyerPart3 .white-box h4{font-size: 22px;}
#buyerPart3 p.sum-txt{font-size: 16px;line-height: 1.6;}
}
/************************************************************/@media screen and (max-width: 1279px) {
  #HEADER .global{display: block;}
}
/************************************************************/@media screen and (max-width: 1100px) {
#buyerPart3 .buyer-title{font-size: 32px;}
#buyerPart3 ul.thumbnail_box-right, #buyerPart3 ul.thumbnail_box-left{right: 0;left: 0;flex-wrap: nowrap;max-width: 100%;}
#buyerPart3 ul.thumbnail_box-left, #buyerPart3.thumbnail_box-right{width: 100%;max-width: 100%;flex-wrap: nowrap;}
#buyerPart3 .ab_sum-left{left: 3%;}
#buyerPart3 .ab_sum-right{right: 3%;}
#buyerPart3 .white-box{width: 97%;}
#buyerPart3 .wrap li{width: calc((100% - 60px)/6);margin: 10px;}
#buyerPart3 .brand-en{line-height: 1.2;}
#buyerPart3 .brand-title{line-height: 1.1;}
#buyerPart3 .s-reco{font-size: 18px;}
}
@media all and (max-width: 1100px) and (-ms-high-contrast: none) {
 #buyerPart3 ul.thumbnail_box-left, #buyerPart3.thumbnail_box-right{width: 100%;max-width: 700px;flex-wrap: nowrap;}
}
/************************************************************/@media screen and (max-width: 820px) {
#buyerPart3 h2{font-size: 38px;}
#buyerPart3 h3 img{width: 44%;}
#buyerPart3 h3{font-size: 20px;}
#buyerPart3 .lead{font-size: 17px;line-height: 1.8;}
#buyerPart3 .ul-flex li{width: 46%;margin: 2%;}
#buyerPart3 .buyer-box{flex-wrap: wrap;}
#buyerPart3 .buyer{width: 23%;}
#buyerPart3 .buyer-comment{width: 70%;}
#buyerPart3 .buyer-title{width: 90%;}
#buyerPart3 ul.thumbnail_box-left{top: 0;}
#buyerPart3 .white-box h4{font-size: 20px;margin: 0.7em;}
#buyerPart3 .ab_sum-right, #buyerPart3 .ab_sum-left{bottom: -29%;}
#buyerPart3 .ab_sum-left.only_naina{bottom: -33%;}
#buyerPart3 ul.ul-product{margin-top: 20%;}
#buyerPart3 ul.ul-product-r{margin-top: 15%;}
#buyerPart3 .wrap li {background: none;}
#buyerPart3 .brand-box{flex-wrap: wrap;}
#buyerPart3 .pad-cam {display: block !important;}
#buyerPart3 .pad-sp {display: block !important;}
#buyerPart3 .pc-cam {display: none !important;}
#buyerPart3 .sp-cam {display: none !important;}
#buyerPart3 #secOther{background-attachment: scroll;}
}
/************************************************************/@media screen and (max-width: 700px) {
  #buyerPart3 section#sec01::before {
    ontent: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
  }
#buyerPart3 h2{margin-bottom: 5%;}
#buyerPart3 .top-txt{width: 100%;}
#buyerPart3 h3{font-size: 17px;}
#buyerPart3 .m_over-blue, #buyerPart3 .m_over-pink{width: 45%;}
#buyerPart3 p.co-name{font-size: 13px;}
#buyerPart3 .ul-flex li {width: 48%;margin: 1%;}
#buyerPart3 .bran-box{flex-wrap: wrap;}
#buyerPart3 .brand_buyer{font-size: 18px;line-height: 1;}
#buyerPart3 .brand-en{font-size: 20px;line-height: 1;}
#buyerPart3 .brand-title{font-size: 28px;line-height: 1.3;width: 100%;text-align: right;}
#buyerPart3 .ab_sum-right, #buyerPart3 .ab_sum-left, #buyerPart3 .ab_sum-left.only_naina {position: relative;right: 0;left: 0;}
#buyerPart3 .buyer-comment p span{font-size: 16px;}
#buyerPart3 p{font-size: 14px;line-height: 1.4;}
#buyerPart3 .buyer-title{font-size: 23px;line-height: 1.4;width: 100%;}
#buyerPart3 ul.thumbnail_box-left,#buyerPart3 ul.thumbnail_box-right{position: relative;}
#buyerPart3 ul.thumbnail_box-left, #buyerPart3.thumbnail_box-right{flex-wrap: wrap;}
#buyerPart3 ul.thumbnail_box-left, #buyerPart3 ul.thumbnail_box-right{left: 0;right: 0;top: 0;}
#buyerPart3 .wrap{background: none;}
#buyerPart3 .wrap li {width: calc((100% - 30px)/3);margin: 5px;}
#buyerPart3 .white-box{width: 100%;box-shadow: none;}
#buyerPart3 .ul-product > li, #buyerPart3 .ul-product-r > li{width: 90%;margin-left: auto;margin-right: auto;margin-bottom: 10%;}
#buyerPart3 .ul-product > li:nth-child(2), #buyerPart3 .ul-product > li:nth-child(3), #buyerPart3 .ul-product-r > li:first-child, #buyerPart3 .ul-product-r > li:nth-child(2) {margin-top: 0;}
#buyerPart3 .s-reco i{font-size: 25px;}
#buyerPart3 .s-reco{font-size: 16px;}
#buyerPart3 ul.ul-product, #buyerPart3 ul.ul-product-r{margin-top: 0%;}
#buyerPart3 ul.thumbnail_box-right{justify-content: flex-start;flex-wrap: wrap;}    
#buyerPart3 .sp-cam {display: block !important;}
#buyerPart3 .pad-sp {display: block !important;}
#buyerPart3 .pc-cam {display: none !important;}
#buyerPart3 .pad-cam {display: none !important;}
#buyerPart3 .pc-pad {display: none !important;}
#buyerPart3 .btnOther{padding: 0.8em 1.5em;}
#buyerPart3 .ken{font-size: 13px;}
}