@charset "UTF-8";
body{margin: 0; padding: 0;}
.pc{display: block}
.sp{display: none;}
.contentsWrap{width:100%; max-width:1000px; margin: auto;}
.contentsWrap p{font-size:min(1.6vw , 16px); text-align: center; line-height: 180%;}
.contentsWrap img{max-width:100%; margin: auto; width:auto}
.contentsWrap a{color: #0074b6; text-decoration: none;}
.contentsWrap a:hover{opacity: .7}
#body_shape_cover .leftcolumn{float: left;}
#body_shape_cover .rightcolumn{float: right;}
#body_shape_cover div.main{width:100%; margin: 0 auto 80px; text-align: center; padding: 0; background-image: none;}
#body_shape_cover .main h1{margin-bottom: 50px;}
#body_shape_cover .main p{text-align: center;}
#body_shape_cover .main .featureBlock{overflow: hidden; margin:50px 0 80px;}
#body_shape_cover .main .featureBlock dl{width:15%; display: inline-block; margin: 0 3%; vertical-align: top;}
#body_shape_cover .main .featureBlock dl dd{margin: 0; padding: 0;}
#body_shape_cover .cBox{overflow: hidden; margin-bottom: 30px; text-align: center; font-size: 0;}
#body_shape_cover .main .cBox .detailBox{width:50%; max-width:340px; display: inline-block; vertical-align: top; text-align: left}
#body_shape_cover .main .cBox .detailBox img{width:100%; max-width:280px; display: inline-block; margin-bottom: 20px;}
#body_shape_cover .detailBox p{text-align: left; margin-bottom: 10px; font-size:min(1.6vw , 16px);}
#body_shape_cover .blackBtnclose{background-color: #c28358; width: 100%; height: 60px; max-width: 340px; margin: 5% auto 0 auto; clear: both; position: relative;}
#body_shape_cover .blackBtnclose span{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size:min(1.6vw , 16px); top: 0; position: absolute;}
#body_shape_cover .blackBtn{background-color: #000; width:100%; height: 50px; max-width:340px; margin:5% auto 0 auto; clear: both; }
#body_shape_cover .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size:min(1.6vw , 16px); top: 0;}
#body_shape_cover .pBox .blackBtn{background-color: #000; width:100%; height: 60px; max-width:340px; margin:5% auto 0 auto; clear: both; position: relative;}
#body_shape_cover .pBox .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; position: absolute; font-size:min(1.6vw , 16px); top: 0;}
#body_shape_cover .blackBtn:hover, #body_shape_cover .whiteBtn:hover{opacity: 0.7;}
#body_shape_cover .whiteBtn{ width:100%; max-width:340px; height: 50px; margin: 50px auto;}
#body_shape_cover .whiteBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #000; text-decoration: none; background-color: #FFF; border: 1px solid #000; position: relative; box-sizing: border-box;}
#body_shape_cover .whiteBtn a::before { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000;transform: rotate(135deg); position: absolute; top: 20px; right: 20px;}
#body_shape_cover section{text-align: center; margin-bottom: 50px; border-bottom: 1px solid #CCC;}
#body_shape_cover section h2{font-size: 24px; font-weight: bold; text-align: center; letter-spacing: 2px;margin-bottom: 30px;}
#body_shape_cover section h2 img{
max-width:100%;
/* height: 40px;*/
}
#body_shape_cover section .cBox{margin: 50px auto; text-align: center;}
#body_shape_cover section .markerline{background: linear-gradient(transparent 50%, #ffc6b2 50%);}
#body_shape_cover section .ltxt{font-size: 20px; line-height: 200%;}
#body_shape_cover section .leedText{font-size: 20px; font-weight: bold; margin-bottom: 30px;}
#body_shape_cover video{width:100%;}
#body_shape_cover section .codeBox{width:50%; margin-right: 5%; max-width:500px; display: inline-block; vertical-align: middle;}
#body_shape_cover section .codedetail{width:45%; max-width:450px; display: inline-block; vertical-align: middle; text-align: left;}
#body_shape_cover section .codedetail p{text-align: left;}
#body_shape_cover section .styling a {width:24%; display: inline-block; margin:0 1.2% 3% 0; vertical-align: top; color: #000; text-align: left;}
#body_shape_cover section .styling .nolink {width:24%; display: inline-block; margin:0 1.3% 3% 0; vertical-align: top; text-align: left;}
#body_shape_cover section .styling a:nth-of-type(4n){margin-right:0%}
#body_shape_cover section .styling dl dd{font-size: 14px; margin: 10px 0 0 0; padding: 0;}
#body_shape_cover section .styling .label{font-size: 20px; text-align: center; font-weight: bold; margin: 0 auto 30px;}
#body_shape_cover #code03{padding-bottom: 50px; border-bottom: 1px solid #CCC;}
#body_shape_cover #other .bana{max-width:480px;margin: 0 auto 30px;}
#body_shape_cover .insta {width:350px; margin: 0 auto 80px;}
#body_shape_cover .insta .instatit{color: #638abd; font-size: 20px; text-align: center; border-bottom: 1px solid #638abd; padding-bottom: 10px;}
#body_shape_cover .insta p{font-size: 16px; margin-bottom: 20px;}
#body_shape_cover .insta p.accountname{font-size: 20px;color: #638abd;}
#body_shape_cover .insta a{color: #638abd; text-decoration: none;}
#body_shape_cover section .cBox .imgBox{width:57%; float: left;}
#body_shape_cover section .cBox .leedBox{width:43%; float: right; margin:7% 0 5% 0; background-color: #dae6f2;box-shadow: 0 0 0 0 rgb(0, 0, 0, 10%); padding:3%; box-sizing: border-box;}
#body_shape_cover section .cBox .leedBox p{text-align: left;}
#body_shape_cover section .cBox .leedBox p.titleText{font-size: 18px; font-weight: bold; margin-top: 0;}
#body_shape_cover section .cBox .detailBox{width:40%; float: right; }
#body_shape_cover section .cBox .detailBox .silhouette{width:43%; float: left; }
#body_shape_cover section .cBox .detailBox .detailin{width:100%; float: right; }
#body_shape_cover section .cBox .detailBox .detailin ul{margin: 15% 0 0 0 ; padding: 0; list-style: none; font-size: 0; text-align: left;}
#body_shape_cover section .cBox .detailBox .detailin ul li{display: inline-block; width:30%; margin-right: 3%;}
#body_shape_cover section .coordinateBox{width:46%; display: inline-block; vertical-align: top; margin:0 7% 5% 0;}
#body_shape_cover section .coordinateBox:nth-of-type(2n){margin:0 0 5% 0;}
#body_shape_cover section .coordinateBox .coordeTxt{text-align: left; padding:10px 5% 0;}
#body_shape_cover section .coordinateBox_wide{width:100%; text-align: left;}
#body_shape_cover section .coordinateBox_wide p{width:100%; text-align: left;}
#body_shape_cover .textlink{padding-right: 16px; background-image: url("https://www.keyuca.com/Contents/default/img/special/outer_vest_2025/images/250321_outer_ya.png"); background-repeat: no-repeat; background-position: 100% 50%; display: inline-block ;float: right; background-size: 6px; margin: 2px; color: #000!important;}
@media screen and (min-width: 1px) and (max-width: 767px) {
.pc{display: none;}
.sp{display: block;}
.contentsWrap{width:94%; margin: 0 auto;}
.contentsWrap p{font-size: 3.2vw; text-align:left; line-height: 180%;}
.contentsWrap img{width:100%;}
#body_shape_cover div.main{width:100%; margin: 0 auto 0; text-align: center;}
#body_shape_cover .main h1{width:106%; margin: 0 -3% 0;}
#body_shape_cover .main .featureBlock{overflow: hidden; margin:10% 0 15%; font-size: 0;}
#body_shape_cover .main .featureBlock dl{width:23%; display: inline-block; margin: 0 1%; vertical-align: top;}
#body_shape_cover .main .featureBlock dl dd{margin: 0; padding: 0; font-size: 3.2vw}
#body_shape_cover .cBox{overflow: hidden; margin-bottom: 5%; text-align: center; font-size: 0;}
#body_shape_cover .main .cBox .movieBox{width:100%; display: inline-block; margin-bottom: 5% }
#body_shape_cover .main .cBox .detailBox{width:100%; max-width: inherit; display: inline-block; vertical-align: top; text-align: left}
#body_shape_cover .main .cBox .detailBox img{width:48%; display: inline-block; margin:0 4% 5% 0;}
#body_shape_cover .main .cBox .detailBox img:last-of-type{ margin:0 0 5% 0;}
#body_shape_cover .detailBox p{text-align: left; margin-bottom: 10px; font-size: 3.2vw;}
#body_shape_cover .blackBtn{background-color: #000; width:100%; max-width: inherit; height: 50px; margin:5% auto 0 auto; position:relative}
#body_shape_cover .blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw}
#body_shape_cover .pBox p.blackBtn{background-color: #000; width:100%; height: 40px; max-width:340px; margin:5% auto 0 auto; clear: both; position: relative;}
#body_shape_cover .pBox p.blackBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw}
#body_shape_cover .blackBtnclose{background-color: #c28358; width:100%; max-width: inherit; height: 40px; margin:5% auto 0 auto; position:relative}
#body_shape_cover .blackBtnclose span{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size: 3.2vw; position: absolute;}
#body_shape_cover .blackBtn:hover, #body_shape_cover .whiteBtn:hover{opacity: 0.7;}
#body_shape_cover .whiteBtn{ width:100%; max-width: inherit; height: 50px; margin: 3% auto;}
#body_shape_cover .whiteBtn a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #000; text-decoration: none; background-color: #FFF; border: 1px solid #000; position: relative;}
#body_shape_cover .whiteBtn a::before { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000;transform: rotate(135deg); position: absolute; top: 20px; right: 20px;}
#body_shape_cover section{text-align: center; margin-bottom: 5%;padding-top: 5%;}
#body_shape_cover section h2{font-size: 4.2vw; font-weight: bold; text-align: center; letter-spacing: 2px;margin-bottom:5%;}
#body_shape_cover section h2 img{margin-bottom: 0; width:100%; height: auto;}
#body_shape_cover section .cBox{margin: 0 auto 10%;}
#body_shape_cover section .markerline{background: linear-gradient(transparent 50%, #ffc6b2 50%);}
#body_shape_cover section .ltxt{font-size: 3.8vw; line-height: 200%;}
#body_shape_cover section .leedText{font-size: 3.8vw; font-weight: bold; margin-bottom: 5%;}
#body_shape_cover section .codeBox{width:100%; margin:0 0 5%; max-width:inherit; display: inline-block; vertical-align: middle;}
#body_shape_cover section .codedetail{width:100%; max-width:inheritx; display: inline-block; vertical-align: middle; text-align: left;}
#body_shape_cover section .codedetail p{text-align: left;}
#body_shape_cover section .styling a{width:48%; display: inline-block; margin-right: 3.8%; margin-bottom: 4%}
#body_shape_cover section .styling a:nth-of-type(2n){margin-right:0%}
#body_shape_cover section .styling dl dd{font-size: 2.8vw; margin: 3% 0 0 0; padding: 0;}
#body_shape_cover section .styling .label{font-size: 3.8vw; text-align: center; font-weight: bold; margin: 0 auto 5%;}
#body_shape_cover #code03{padding-bottom: 10%; border-bottom: 1px solid #CCC;}
#body_shape_cover #other .bana{max-width:inherit;margin: 0 auto 5%;}
#body_shape_cover .insta {width:100%; margin: 0 auto 10%; text-align: center;}
#body_shape_cover .insta .instatit{color: #638abd; font-size: 3.8vw; text-align: center; border-bottom: 1px solid #638abd; padding-bottom: 3%;}
#body_shape_cover .insta p{font-size: 3.2vw; margin-bottom: 5%; text-align: center;}
#body_shape_cover .insta p.accountname{font-size: 3.8vw;color: #638abd;}
#body_shape_cover section .cBox .imgBox{width:100%; float:inherit; margin-top: 7%;}
#body_shape_cover section .cBox .leedBox{width:90%; float: inherit; margin:-15% 5% 5% 5%; background-color: #dae6f2;padding:16% 5% 1%; box-sizing: border-box;z-index: -1;position: relative;}
#body_shape_cover section .cBox .leedBox p{text-align: left;}
#body_shape_cover section .cBox .leedBox p.titleText{font-size: 3.8vw; font-weight: bold; margin-top: 0;}
#body_shape_cover section .cBox .detailBox{width:100%; float:inherit; }
#body_shape_cover section .cBox .detailBox .silhouette{width:50%; float: left; }
#body_shape_cover section .cBox .detailBox .detailin{width:90%; float: inherit; margin:10% auto 0 }
#body_shape_cover section .cBox .detailBox .detailin ul{margin: 15% 0 0 0 ; padding: 0; list-style: none; font-size: 0; text-align: left;}
#body_shape_cover section .cBox .detailBox .detailin ul li{display: inline-block; width:30%; margin-right: 3%;}
#body_shape_cover section .coordinateBox{width:100%; display: inline-block; vertical-align: top; margin:0 0 5% 0;}
#body_shape_cover section .coordinateBox:nth-of-type(2n){margin:0 0 5% 0;}
#body_shape_cover section .coordinateBox .coordeTxt{text-align: left; padding:0;}
#body_shape_cover section .styling .nolink {width:48%; display: inline-block; margin:0 1.3% 3% 0; vertical-align: top; text-align: left;}
#body_shape_cover .textlink{ background-size: 4px; margin: 2px;}
}
#body_shape_cover .pBox{margin: 0 auto 50px; clear: both; text-align: left; overflow: hidden;}
#body_shape_cover .pBox .pImg{width:39%;display: inline-block; vertical-align: middle;}
#body_shape_cover .pBox .pDetail{ width:59%;display: inline-block; vertical-align: middle; padding-left: 10%; box-sizing: border-box;}
#body_shape_cover .pBox.reverse .pImg{width:49%;display: inline-block; vertical-align: middle;}
#body_shape_cover .pBox.reverse .pDetail{ width:50%;display: inline-block; vertical-align: middle; padding-right: 10%; padding-left: 0; box-sizing: border-box;}
#body_shape_cover .pBox .pDetail p{font-size:min(1.6vw , 16px); text-align: left; margin:10% 0 3%;}
#body_shape_cover .pBox .pDetail .stxt{font-size:min(1.4vw , 14px);}
#body_shape_cover .pBox .stylingImg{width:46%;}
#body_shape_cover .pBox .stylingImg p{text-align: left;}
#body_shape_cover .pBox .detailBox{width:50%; text-align: center;}
#body_shape_cover .pBox .detailBox .detailin{text-align:left; font-size: 0; padding-top: 5%;}
#body_shape_cover .pBox .detailBox .styleBox{width:48%; margin-right: 3%; margin-bottom: 5%;display: inline-block; vertical-align: top;}
#body_shape_cover .pBox .detailBox .styleBox p{margin: 0 0 10px; color: #000;}
#body_shape_cover .pBox .detailBox .styleBox:nth-of-type(2n){margin-right: 0%;}
#body_shape_cover p.stylingitem{font-size: min(2.0vw , 20px); font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display: inline-block;; padding-bottom: 5px; border-bottom: 1px solid #000; margin-bottom: 5%;}
#body_shape_cover .cBox .stylingBlock{overflow: hidden; text-align: left; font-size: 0;}
#body_shape_cover .cpaicon{background-color: #C00; color: #FFF; padding: 3px 10px; display: inline-block; font-size: min(1.4vw, 14px)!important; margin-bottom: 5px!important;}
#body_shape_cover .cpprice{font-size: min(1.8vw, 18px)!important; color: #C00; font-weight: bold}
#body_shape_cover .offtxt{background-color: #C00; color: #FFF; padding: 3px 10px; display: inline-block; font-size: min(1.4vw, 14px)!important; margin-bottom: 5px!important;}
#body_shape_cover .throughline{text-decoration: line-through;}
#body_shape_cover .pDetail .tag a{display: inline-block; padding: 5px 15px; background-color: #e7e7e7; color: #000; border-radius: 20px; margin-bottom: 10px;}
#body_shape_cover .itemv{margin-bottom: 5%}
#body_shape_cover .itemv p{margin:0 0 5px; text-align: right;}
#body_shape_cover .itemv a{color: #000;}
#body_shape_cover #otherstyle{font-size: 0; padding-bottom: 80px;}
#body_shape_cover #otherstyle a{display: inline-block; width:49.5%;}
#body_shape_cover .brownbtn{ color: #FFF;}
@media screen and (min-width: 1px) and (max-width: 767px) {
#body_shape_cover .pBox{position:relative; margin: 0 auto 30px;}
#body_shape_cover .pBox .pDetail{ width:52%; padding: 0; padding-left: 3%; box-sizing: border-box;}
#body_shape_cover .pBox .pDetail p{font-size:3.0vw; text-align: left; margin:0 auto 5%;}
#body_shape_cover .pBox .pDetail .stxt{font-size:2.8vw;}
#body_shape_cover p.stylingitem{font-size: 4.6vw; }
#body_shape_cover .pBox .pImg{width:46%;display: inline-block; vertical-align: middle; margin-right: 0; margin-bottom: 5%;}
#body_shape_cover .pBox.reverse .pImg{width:100%;display: inline-block; vertical-align: middle;}
#body_shape_cover .pBox.reverse .pDetail{ width:100%;display: inline-block; vertical-align: middle; padding-right: 0; padding-left: 0; margin-bottom: 3%; box-sizing: border-box;}
#body_shape_cover .pBox .stylingImg{width:100%;}
#body_shape_cover .pBox .detailBox{width:100%; text-align: center;}
#body_shape_cover .cBox .stylingBlock{overflow: hidden; text-align: left; font-size: 0;}
#body_shape_cover .cpaicon{ font-size:3.2vw!important; }
#body_shape_cover .cpprice{font-size:3.4vw!important; }
#body_shape_cover .offtxt{ font-size: 3.2vw!important;}
#body_shape_cover .pDetail .tag a{ font-size: 2.8vw; padding: 2px 10px; margin-bottom: 5px;}
#body_shape_cover #otherstyle{font-size: 0; padding-bottom:10%;}
#body_shape_cover #otherstyle a{display: inline-block; width:100%; margin-bottom: 2px;}
}