@charset "utf-8";
/*------------------------------------------------------------
waist-warmer
------------------------------------------------------------*/
p.dn { display: none;}
.floatclear { clear: both;}
hr.dotted { border-top: 1px dashed #b5b7b8;}
.spCont { display: none;}
.main .proDetailBox{
width: 950px;
margin: 0 auto;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
}
.main .proDetailBox .proInnerBox {
width: 750px;
margin: 0 auto;
}
.main .proDetailBox .proBtmBox {
width: 950px;
margin: 0 auto 30px;
}
.main .proDetailBox .co_orange {
color: #fa7d4b;
}
.main .proDetailBox .co_red {
color: #c50000;
}
.main .proDetailBox .proInnerBox.ww_aBox {
margin: 50px auto 85px auto;
}
.main .proDetailBox .proInnerBox.ww_aBox .wwCont_a {
float: right;
}
.main .proDetailBox .proInnerBox.ww_aBox .wwCont_a .ww_a01 {
margin: 30px 0 40px 0;
}
.main .proDetailBox .proInnerBox.ww_aBox .wwCont_a .ww_a02 {
margin: 0 0 30px 0;
}
.main .proDetailBox .proInnerBox.ww_aBox .wwCont_a p {
font-size: 140%;
}
/*レッグウォーマー*/
.main .proDetailBox .proInnerBox.ww_aBox .wwCont_a .lw_a01 {
margin: 0px 0 35px 0;
}
.main .proDetailBox .proInnerBox.ww_aBox .wwCont_a p.lw_a03{
font-size: 140%;
margin: 0 0 0 23px;
}
.main .proDetailBox .proInnerBox.ww_bBox .ww_b01 {
margin: 40px 0 50px;
}
.main .proDetailBox .proInnerBox .pro_cont01 {
background-color: #f7f7f7;
padding: 50px 45px;
}
.main .proDetailBox .proInnerBox .pro_cont01.pro_contb {
margin: 0 0 50px 0;
}
.main .proDetailBox .proInnerBox .pro_cont01 .ttl {
text-align: center;
font-weight: bold;
font-size: 180%;
margin: 0 0 30px 0;
}
.main .proDetailBox .proInnerBox .pro_cont01 .txt {
font-size: 120%;
line-height: 200%;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_ttl01 {
margin: 85px 0 45px;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox {
text-align: center;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox .ww_c_datattl01 {
font-weight: bold;
font-size: 120%;
margin: 15px 0;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox .ww_c_datatxt01 {
margin: 15px 0 50px;
}
.main .proDetailBox .proInnerBox .ww_c_data_img03 {
margin: 0 0 35px;
}
.ww_c_sozai01 {
float: left;
}
.ww_c_sozai02 {
float: right;
}
.ww_c_sozai01 div, .ww_c_sozai02 div {
border: 1px solid #d0d0d0;
padding 20px;
width: 360px;
height: 400px;
}
.ww_c_sozai02 div {
border: 1px solid #c50000;
}
.ww_c_sozai01 .sozai_ttl, .ww_c_sozai02 .sozai_ttl {
color: #5a585a;
border: 2px solid #9c9b9c;
padding: 10px;
width: 250px;
border-radius: 30px;
font-size: 130%;
margin: -25px auto 0 auto;
background-color: #fff;
font-weight: bold;
}
.ww_c_sozai02 .sozai_ttl {
color: #fff;
border: 2px solid #c50000;
background-color: #c50000;
}
.ww_c_sozai01 div img, .ww_c_sozai02 div img {
margin: 20px 0 25px;
}
.ww_c_sozai01 .sozai_txt, .ww_c_sozai02 .sozai_txt {
padding: 0 40px;
margin: 0 auto;
text-align: left;
}
.ww_line01 {
margin: 55px 0 0 0;
}
.ww_line02 {
margin: 10px 0 55px 0;
}
.main .proDetailBox .proInnerBox h4.pro_expttl01 {
text-align: center;
font-size: 160%;
margin: 35px 0 25px 0;
letter-spacing: 0.8px;
}
.main .proDetailBox .proInnerBox .pro_exptxt01 {
font-size: 125%;
line-height: 200%;
width: 655px;
margin: 0 auto;
text-align: left;
margin: 0 auto 80px auto;
}
.main .proDetailBox .proInnerBox .yellow_bg {
padding: 1px;
background: #fffd5e;
}
.main .proDetailBox .ww_sozaiTtl {
display: block;
padding: 10px 0;
width: 385px;
border-radius: 30px;
font-size: 130%;
margin: 35px auto 0 auto;
background-color: #f4f0ec;
font-weight: bold;
}
.main .proDetailBox .material {
text-align: left;
}
.main .proDetailBox .proInnerBox .hieBox {
background-color: #f4e0e7;
padding: 50px 30px;
margin: -10px 0 80px;
}
.main .proDetailBox .proInnerBox .hieBox h3 {
font-size: ２０px;
margin: 0 0 20px 0;
}
.main .proDetailBox .proInnerBox .hieBox h4 {
color: #ea5387;
font-size: 180%;
margin: 0 0 40px 0;
}
.main .proDetailBox .proInnerBox .hieImg01 {
float: left;
}
.main .proDetailBox .proInnerBox .lw_hieImg { width: 520px; margin: 0 auto;}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 {
float: left;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 {
float: right;
width: 325px;
margin: 0 20px 0 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor {
background-color: #fff;
width: 290px;
margin: 25px 0 0 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt {
float: left;
width: 170px;
margin: 15px 0 0 15px;
text-align: left;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt .name {
color: #ea5387;
font-weight: bold;
letter-spacing: 1px;
font-size: 110%;
margin: 3px 0 3px 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt .name span {
font-size: 120%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt .exp {
font-size: 85%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor img {
float: right;
}
.main .proDetailBox .proInnerBox .lw_hieTxt { text-align: left; padding: 40px 12px 15px; line-height: 180%;}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw {
background-color: #fff;
width: 665px;
margin: 25px 0 0 13px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt {
float: left;
width: 480px;
margin: 15px 10px 0 35px;
text-align: left;
line-height: 160%;
font-size: 15px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt .name {
color: #ea5387;
font-weight: bold;
letter-spacing: 1px;
font-size: 110%;
padding: 3px 0 6px 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt .name {
color: #ea5387;
font-weight: bold;
letter-spacing: 1px;
font-size: 19px;
margin: 3px 0 3px 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt .name span {
font-size: 28px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt .exp {
font-size: 85%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw img {
float: right;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 p.ttl {
display: block;
padding: 10px 0;
width: 325px;
border-radius: 30px;
font-size: 130%;
margin: 0 auto 0 auto;
background-color: #ea5387;
font-weight: bold;
color: #fff;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl {
text-align: left;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl dt {
color: #ea5387;
font-weight: bold;
font-size: 20px;
margin: 28px 0 10px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl dt span {
margin-right: 10px;
padding-top: 1px;
width: 36px;
height: 36px;
display: inline-block;
box-sizing: border-box;
font-size: 22px;
font-weight: bold;
color: #fff;
text-align: center;
border-radius: 100%;
background: #ea5387;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl dd {
font-size: 16px;
line-height: 165%;
}
.main .proDetailBox .proInnerBox .ww_mensBox {
padding: 20px;
border: 1px solid #000;
width: 708px;
margin-top: 70px;
}
.main .proDetailBox .proInnerBox .ww_mensBox .ww_mensImg01 {
float: left;
}
.main .proDetailBox .proInnerBox .ww_mensBox .ww_mensImg02 {
float: left;
margin: 105px 25px 0 50px;
}
.main .proDetailBox .proInnerBox .ww_mensBox .ww_mensImg03 {
margin: 15px 0 50px 35px;
}
.main .proDetailBox .proInnerBox .ww_mensBox .mensInnerBox {
text-align: left;
width: 270px;
float: left;
}
.main .proDetailBox .proInnerBox .ww_mensBox .mensInnerBox .mens_ttl {
margin: 0 0 20px 35px;
font-weight: bold;
font-size: 180%;
}
.main .proDetailBox .proInnerBox .ww_mensBox .mensInnerBox .mens_txt {
font-size: 120%;
line-height: 170%;
}
.main .proDetailBox .ww_voiceBox ul {
width: 750px;
margin: -340px auto -100px;
}
.main .proDetailBox .ww_voiceBox ul li {
width: 350px;
position: sticky;
display: inline-block;
margin: 0 40px 50px 0;
height: 440px;
}
.main .proDetailBox .ww_voiceBox ul.lwVoice li {
width: 350px;
position: sticky;
display: inline-block;
margin: 0 40px 50px 0;
height: 535px;
}
.main .proDetailBox .ww_voiceBox ul li:nth-child(2n) {
margin: 0 0 50px 0;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 {
position: relative;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 img {
margin: -130px 0 0 108px;
z-index: 100;
position: absolute;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 .voiceBox01Inner {
background: rgba(255, 255, 255, 0.8);
border: 1px solid #e4dbbb;
border-radius: 30px;
width: 350px;
padding: 55px 0 35px 0;
height: 250px;
margin: -30px 0 0 0;
z-index: 10;
position: absolute;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 .voiceBox01InnerLw {
background: rgba(255, 255, 255, 0.8);
border: 1px solid #e4dbbb;
border-radius: 30px;
width: 350px;
padding: 55px 0 35px 0;
height: 345px;
margin: -30px 0 0 0;
z-index: 10;
position: absolute;
}
.main .proDetailBox .ww_voiceBox ul li .voice_ttl {
text-align: center;
font-size: 200%;
font-weight: bold;
color: #ff2a73;
opacity: 1.0;
}
.main .proDetailBox .ww_voiceBox ul li .voiceTxt {
padding: 20px 20px 10px 20px;
opacity: 1.0;
font-size: 110%;
}
.main .proDetailBox .ww_voiceBox ul li .voice_name {
display: block;
font-size: 90%;
margin: 10px 0 0 0;
}
.main .proDetailBox .bf_aboutBox .bf_about_txt01 {
text-align: center;
margin: 5px 0 0 0;
}
.main .proDetailBox .bf_aboutBox .bf_about01 {
background-color: #f4f2ee;
width: 750px;
margin: 40px 0 40px;
}
.main .proDetailBox .bf_aboutBox .bf_about01 .ttl {
font-weight: bold;
padding: 40px 40px 10px 40px;
font-size: 120%;
}
.main .proDetailBox .bf_aboutBox .bf_about01 .txt {
padding: 10px 40px 40px 40px;
font-size: 110%;
}
.main .proDetailBox .bf_aboutBox .bf_about02 {
width: 660px;
margin: 0 auto;
}
.main .proDetailBox .bf_aboutBox .bf_about02 .about_img01 {
float: left;
margin: 0 30px 0 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 .catch01 {
font-size: 120%;
font-weight: bold;
padding: 25px 0 25px 0
}
.main .proDetailBox .bf_aboutBox .bf_about02 .about02_txt {
font-size: 110%;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul {
margin: 8px 0 30px 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li {
width: 215px;
margin: 0 3px 0 0;
display: inline-block;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li:last-child {
margin: 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li img {
margin: 0 0 5px 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li p {
padding: 5px;
}
.main .proDetailBox .bf_sizeBox {
margin: 80px auto;
}
.main .proDetailBox .bf_sizeBox .sizeTxt01 {
text-align: center;
line-height: 170%;
margin: 20px 0;
font-size: 105%;
}
.main .proDetailBox .bf_sizeBox table {
width: 100%;
}
.main .proDetailBox .bf_sizeBox table th {
font-weight: bold;
background-color: #e48db9;
padding: 20px 0;
width: 20%;
text-align: center;
font-size: 130%;
}
.main .proDetailBox .bf_sizeBox table td {
background-color: #fdf2f7;
padding: 20px 0;
width: 20%;
text-align: center;
font-size: 120%;
}
.main .proDetailBox .bf_sizeBox table tr.osusume td {
background-color: #fadeea;
padding: 10px 0;
}
.main .proDetailBox .bf_sizeBox table tr.osusume.osusumeLw td {
background-color: #fadeea;
padding: 20px 0;
}
.main .proDetailBox .bf_sizeBox table td.ttl {
font-weight: bold;
}
.main .proDetailBox .bf_sizeBox table td.ttl.osusumeTtl {
font-size: 140%;
}
.main .proDetailBox .bf_sizeBox .w_sizeTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 190%;
background-color: #f4e3eb;
font-weight: bold;
text-align: center;
width: 300px;
margin: 50px auto;
color: #e573ad;
}
.main .proDetailBox .bf_sizeBox .w_sizeBox {
width: 225px;
float: left;
margin: 40px;
}
.main .proDetailBox .bf_sizeBox .w_sizeBox .w_sizeSubTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 140%;
background-color: #e573ad;
font-weight: bold;
text-align: center;
width: 165px;
margin: 0 auto 18px;
color: #fff;
}
.main .proDetailBox .bf_sizeBox .w_sizeBox .w_sizeTxt {
font-size: 120%;
letter-spacing: 0.3px;
line-height: 170%;
}
.main .proDetailBox .bf_sizeBox .lw_sizeBox {
width: 310px;
float: right;
margin: 45px 60px 0 40px;
text-align: left;
}
.main .proDetailBox .bf_sizeBox .lw_sizeImg01 { margin: 0 0 0 80px;}
.main .proDetailBox .bf_sizeBox .lw_sizeBox .lw_sizeSubTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 140%;
background-color: #e573ad;
font-weight: bold;
text-align: center;
width: 310px;
margin: 0 auto 18px;
color: #fff;
}
.main .proDetailBox .bf_sizeBox .lw_sizeBox .lw_sizeTxt {
font-size: 120%;
letter-spacing: 0.3px;
line-height: 170%;
}
.main .proDetailBox .bf_qaBox {
margin: 0 auto;
}
.main .proDetailBox .bf_qaBox .qaTxt01 {
text-align: center;
line-height: 170%;
margin: 20px 0;
font-size: 105%;
}
.main .proDetailBox .bf_qaBox dl {
margin: 50px 0;
}
.main .proDetailBox .bf_qaBox dl dt {
background: url(../img_item_detail/common/bsfine_qa_q.png) 18px 16px no-repeat;
background-color: #f4e3eb;
color: #e573ad;
}
.main .proDetailBox .bf_qaBox dl dt span {
font-size: 32px;
font-weight: normal;
display: inline-block;
margin-top: 2px;
padding: 5px 12px 5px 56px;
}
.main .proDetailBox .bf_qaBox dl dt p {
display: block;
font-size: 190%;
font-weight: bold;
float: right;
width: 660px;
margin-top: 12px;
}
.main .proDetailBox .bf_qaBox dl dd {
padding: 5px 0 45px 0;
}
.main .proDetailBox .bf_qaBox dl dd .ans01 {
background: url(../img_item_detail/common/bsfine_qa_a.png) 18px 16px no-repeat;
color: #e573ad;
padding: 13px 0 10px 48px;
font-size: 150%;
font-weight: bold;
}
.main .proDetailBox .bf_qaBox dl dd .ans02 {
padding: 0 12px 0 18px;
font-size: 110%;
line-height: 180%;
}
.main .proDetailBox .bf_teireBox {
margin: 0 auto;
}
.main .proDetailBox .bf_teireBox .bf_teireInnerBox {
background-color: #fff7e3;
padding: 60px 45px 35px;
margin: 0 0 70px 0;
}
.main .proDetailBox .bf_teireBox .teireTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 190%;
background-color: #e9484e;
font-weight: bold;
text-align: center;
width: 570px;
margin: -75px auto 30px !important;
color: #fff;
letter-spacing: 1px;
}
.main .proDetailBox .bf_teireBox p {
font-size: 110%;
margin: 0 0 15px 0;
}
.main .proDetailBox .bf_teireBox p.teireTtl02 {
color: #e9484e;
font-size: 170%;
text-align: center;
font-weight: bold;
margin: 40px 0 20px;
letter-spacing: 1px;
}
.main .proDetailBox .bf_teireBox .bf_teireLbox {
font-weight: bold;
font-size: 110%;
float: left;
width: 265px;
text-align: center;
margin: 20px 40px 0 8px;
}
.main .proDetailBox .bf_teireBox .bf_teireRbox {
font-weight: bold;
font-size: 110%;
float: right;
width: 335px;
text-align: center;
margin: 20px 0 0 0;
}
.main .proDetailBox .bf_teireBox .bf_teireLbox img, .main .proDetailBox .bf_teireBox .bf_teireRbox img {
margin: 15px 0 0 0;
}
.main .proDetailBox .bf_giftBox {
margin: 0 auto;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox {
background-color: #fff1f8;
padding: 0 40px 35px;
margin: 0 0 65px 0;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt01 {
color: #ff2334;
text-align: center;
padding: 20px 0 30px 0;
font-weight: bold;
font-size: 170%;
line-height: 170%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt02 {
text-align: center;
padding: 0 0 40px 0;
font-size: 110%;
line-height: 170%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt02 .co_r1 {
color: #ff3f4e;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt02 .co_r2 {
color: #dc143c;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt02 .co_or1 {
color: #ff8400;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .bf_giftLbox {
float: left;
width: 320px;
text-align: center;
font-weight: bold;
font-size: 110%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .bf_giftRbox {
float: right;
width: 320px;
text-align: center;
font-weight: bold;
font-size: 110%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox div img {
margin: 12px 0 0 0;
}
.main .proDetailBox .ww_dBox {
margin: 0 auto;
}
.main .proDetailBox .ww_d_mainCatch {
margin: 40px 0 130px;
}
.main .proDetailBox .ww_d_lineupTtl {
margin: 0 0 60px;
}
.main .proDetailBox .lineup_shape { margin: 0px 0 50px;}
.main .proDetailBox .lineup_shape li { margin: 0; padding: 20px 10px;display: inline-block; width: 230px; text-align: center; font-size: 16px; }
.main .proDetailBox .lineup_shape li strong { display: block; margin: 0 0 5px 0;}
.main .proDetailBox .ww_dBox .proLineup {
list-style: none;
}
.main .proDetailBox .ww_dBox .proLineup li {
width: 345px;
display: inline-block;
margin: 0 45px 60px 0;
vertical-align: top;
}
.main .proDetailBox .ww_dBox .proLineup li:nth-child(2n) {
margin: 0 0 60px 0;
}
.main .proDetailBox .ww_dBox .proLineup li img.proListImg {
width: 345px;
}
.main .proDetailBox .ww_dBox .proLineup li a:hover img { opacity: 0.8;}
.main .proDetailBox .ww_dBox .proLineup li .proCatch {
color: #ea5387;
font-weight: bold;
font-size: 130%;
text-align: center;
margin: 12px 0;
}
.main .proDetailBox .ww_dBox .proLineup .proExpicon {
text-align: center;
margin: 5px 0;
}
.main .proDetailBox .ww_dBox .proLineup .proExpicon img {
margin: 0 1px;
}
.main .proDetailBox .ww_dBox .proLineup .proName {
font-weight: bold;
font-size: 150%;
text-align: center;
margin: 15px 0 5px;
}
.main .proDetailBox .ww_dBox .proLineup .proPrice {
font-size: 110%;
text-align: center;
letter-spacing: 2px;
}
.main .proDetailBox .ww_dBox .proLineup .proPrice strong {
font-size: 160%;
}
.main .proDetailBox .ww_dBox .proLineup .proPrice strong span {
font-size: 60%;
}
.main .proDetailBox .ww_dBox .proLineup .proExp {
font-size: 120%;
margin: 10px 0;
}
.main .ww_eBox {
margin: 0 auto 20px;
}
.main .proDetailBox .lw_btmBox_txt { width: 630px; margin: -320px auto 150px; font-weight: bold; font-size: 18px; line-height: 180%;}
.main .proDetailBox .lw_e_btn { margin: -110px 0 150px 100px;}
.main .proDetailBox .lw_e_btn img { margin: 0 23px 0 0;}
.main .proDetailBox .lw_e_btn a:hover img { opacity: 0.8;}
/*add cart*/
.main .ww_eBox.add_cart01 { background-color: #ebfbf8; margin-bottom: 50px;}
.main .comPhotoUl {
margin: -150px auto 20px;
width: 750px;
}
.main .comPhotoUl > .liStyle01 {
/* padding: 10px 0 35px; */
position: relative;
/*border: solid 1px #ba8417;*/
}
.main .comPhotoUl > .liStyle01 .flex{
display: flex;
justify-content: space-between;
padding: 30px;
background: #fff;
border-radius: 15px;
}
.main .comPhotoUl > .liStyle01 .flex .left{
width: 350px;
margin: 0 30px 0 0;
}
.main .comPhotoUl > .liStyle01 .flex .left .span_point{
display: block;
background: #b98317;
color: #fff;
padding: 0.7rem;
border-radius: 2rem;
text-align: center;
margin-bottom: 1.5rem;
font-size: 1.6rem;
}
.main .comPhotoUl > .liStyle01 .flex .right{
width: 40rem;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header{
border-bottom: solid 1px #ba8317;
padding-bottom: 1rem;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .item_tit{
font-size: 2.6rem;
font-weight: bold;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .item_tit span{
font-size: 1.8rem;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price{
font-size: 2.2rem!important;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price .c_red{
/* color: #e63829; */
font-weight: bold;
font-size: 2.9rem;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price .mini_txt{
font-size: 1.6rem;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price .mini_txt span{
display: inline-block;
}
.main .comPhotoUl li {
padding: 30px 0 35px;
margin-bottom: 55px;
width: 100%!important;
float: none;
}
.main .comPhotoUl > li:last-child {
margin-bottom: 0;
}
.main .comPhotoUl > li .photo {
width: 100%;
position: relative;
}
.main .comPhotoUl > li .comTxtBox {
margin-top: 20px;
position: relative;
}
.main .comPhotoUl > li .comTxtBox .title {
padding: 0 0 10px;
margin-bottom: 16px;
font-size: 24px;
line-height: 1.73;
}
.main .comPhotoUl > li .inner .tableBox .comTable tr th:first-child {
width: 46%;
}
.main .comPhotoUl > li .comTxtBox .title .color {
margin-bottom: 1px;
font-size: 20px;
line-height: 1.5;
font-family: "リュウミン B-KL";
}
.main .comPhotoUl > li .comTxtBox .title .txt {
margin: -3px 0 3px;
display: block;
}
.main .comPhotoUl > li .comTxtBox .title .txt span {
font-size: 15px;
vertical-align: 3px;
}
.main .comPhotoUl > li .comTxtBox .title .txt .tip {
margin-left: 8px;
font-size: 14px;
padding: 3px 7px 4px;
}
.main .comPhotoUl > li .comTxtBox .title .price {
font-size: 16px;
}
.main .comPhotoUl > li .comTxtBox .title .price > span span {
font-size: 27px;
}
.main .comPhotoUl > li .comTxtBox .title .price > span {
font-size: 16px;
}
.main .comPhotoUl > li .comTxtBox .title .price .price01,
.main .comPhotoUl > li .comTxtBox .title .price .price01 span {
color: #231815;
font-size: 16px;
margin: 0;
}
.main .comPhotoUl > li .comTxtBox .title .price .price01 .text02 {
font-size: 22px;
}
.main .comPhotoUl > li .comTxtBox .title .price .hiv {
font-weight: bold;
}
.main .comPhotoUl > li .comTxtBox .textDl {
margin: 0 -20px 22px 0;
}
.main .comPhotoUl > li .comTxtBox .textDl dt {
width: 59px;
float: left;
}
.main .comPhotoUl > li .comTxtBox .textDl dt:before{
content: "●";
}
.main .comPhotoUl > li .comTxtBox .textDl dt:first-child,
.main .comPhotoUl > li .comTxtBox .textDl dt:nth-child(3) {
width: 60px;
}
.main .comPhotoUl > li .comTxtBox .textDl dd {
padding: 0 0 0 58px;
}
.main .comPhotoUl > li .comTxtBox .textDl dd:nth-child(2),
.main .comPhotoUl > li .comTxtBox .textDl dd:nth-child(4) {
padding-left: 75px;
}
.main .comPhotoUl > li .inner .textDl {
margin: 0;
width: 205px;
float: left;
}
#buy_contents .button__cartin.btn_bg {
float: right;
margin-right: 2.2rem;
}
.radio_content.type2 {
margin-bottom: 2rem;
}
.radio_contents {
margin-top: 10px;
}
.radio_content {
/* display: flex; */
align-items: center;
justify-content: space-between;
}
.radio_content > .txt {
font-size: 18px;
width: 150px;
text-align: left;
padding-right: 1rem;
display: block;
font-weight: bold;
}
.radio_contents fieldset{
width: 970px;
}
.radio-inline__input {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.radio_contents.type_3col .radio-inline__input + .radio-inline__label {
margin: 3px 0;
}
.radio-inline__input:checked + .radio-inline__label {
background: #fff;
color: #000;
border: solid 2px #f19600;
background: #f19600;
color: #fff;
}
.radio-inline__label {
display: inline-block;
padding: 0.5rem 0rem;
margin-left: 0px;
margin-bottom: 5px;
border-radius: 3px;
transition: all .2s;
border: solid 2px #ccc;
font-size: 15px;
width: 121px;
text-align: center;
background: #fff;
}
a.btn,
button.btn {
font-size: 150%;
line-height: 1.5;
display: inline-block;
padding: 1rem 0;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 15px;
}
.btn--orange,
a.btn--orange {
color: #fff;
background-color: #f98a06;
}
.btn--orange:hover,
a.btn--orange:hover {
opacity: 80%;
}
.addCartRelated { width: 750px; margin: 0 0 50px 100px;position: relative;
display: inline-block;}
.kaiawase01 { font-size: 200%;
font-weight: bold;}
.addCartRelated:before {
content: '';
width: 20px;
height: 20px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
top: 45%;
right: 30px;
margin-top: -4px;
transform: rotate(45deg);
}
/*leg warmer*/
.main .proDetailBox .colorTtl01 {
display: block;
padding: 5px 0;
border-radius: 30px;
font-size: 28px;
background-color: #f4e3eb;
font-weight: bold;
text-align: center;
width: 450px;
margin: 70px auto 50px;
letter-spacing: 4px;
color: #e573ad;
}
.colorList01 { margin: 25px 0 0 0 ;}
.colorList01 li { list-style: none; display: inline-block; margin: 0 6px 0 0; text-align: center; font-weight: bold; font-size: 21px;}
.colorList01 li img { margin: 0 0 20px 0;}
.colorList01 li:last-child { margin: 0;}
/* mini LP & main LP */
.main .proDetailBox .miniLPBox01 img.miniLp_main01,
.main .proDetailBox .LPBox01 img.LP_main01 { margin:60px 0 90px;}
.main .proDetailBox .miniLPBox01 img.miniLp_main02 { margin:0 0 70px;}
.main .proDetailBox .LPBox01 .LpinnerLink { width: 750px; margin: 60px auto 100px;}
.main .proDetailBox .LPBox01 .LpinnerLink .linkTtl { text-align: center; font-size: 130%; margin:45px 0 30px;}
.main .proDetailBox .LPBox01 .innerLink01 { width: 670px; margin: 0 auto;}
.main .proDetailBox .LPBox01 .innerLink01 a { display: block; background-color: #f26868; color: #fff; width: 625px; padding: 8px 0 8px 45px; margin: 0 0 10px 0; font-size: 120%;}
.main .proDetailBox .LPBox01 .innerLink01 a:hover { opacity: 0.8;}
.main .proDetailBox .LPBox01 .innerLink01 li {
position: relative;
}
.main .proDetailBox .LPBox01 .innerLink01 li::after {
display: block;
content: '';
position: absolute;
top: 12px;
left: 20px;
width: 10px;
height: 10px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.main .proDetailBox .LPBox01 .innerLink02 { width: 330px; margin: 0 auto;}
.main .proDetailBox .LPBox01 .innerLink02 a { display: block; background-color: #ffe1e1; color: #000; width: 285px; padding: 8px 0 8px 45px; margin: 0 0 10px 0; font-size: 120%;}
.main .proDetailBox .LPBox01 .innerLink02 a:hover { opacity: 0.8;}
.main .proDetailBox .LPBox01 .innerLink02 li {
position: relative;
}
.main .proDetailBox .LPBox01 .innerLink02 li::after {
display: block;
content: '';
position: absolute;
top: 12px;
left: 20px;
width: 10px;
height: 10px;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
-webkit-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.main .proDetailBox .LPBox01 .link_low2 { width: 670px; margin: 0 auto;}
.link02_left { float: left;}
.link02_right { float: right;}
.main .proDetailBox .miniLPBox01 h3.miniLp_Ttl01,
.main .proDetailBox .LPBox01 h3.LP_Ttl01 { margin: 80px 0 65px; text-align: center; font-size: 37px; color: #fff; padding: 15px 0; background-color: #ff7e00; }
.main .proDetailBox .miniLPBox01 .miniLP_t01_catch, .main .proDetailBox .LPBox01 .LP_t01_catch { margin: 0 0 80px 0 ;}
.main .proDetailBox .miniLPBox01 .miniLp_t01, .main .proDetailBox .LPBox01 .LP_t01 { background-color: #f7f7f7; padding: 0 40px 0 0;}
.main .proDetailBox .miniLPBox01 .miniLp_t01 img, .main .proDetailBox .LPBox01 .LP_t01 img { float: left;}
.main .proDetailBox .miniLPBox01 .miniLp_t01_box, .main .proDetailBox .LPBox01 .LP_t01_box { float: right; width: 510px;}
.main .proDetailBox .miniLPBox01 .miniLp_t01_box .miniLp_t01_txt_ttl, .main .proDetailBox .LPBox01 .LP_t01_box .LP_t01_txt_ttl { text-align: center; font-weight: bold; padding: 45px 0 35px; font-size: 26px;}
.main .proDetailBox .miniLPBox01 .miniLp_t01_box .miniLp_t01_txt_txt, .main .proDetailBox .LPBox01 .LP_t01_box .LP_t01_txt_txt { font-size: 18px; line-height: 190%; }
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox,
.main .proDetailBox .LPBox01 .Lp_voiceBox { margin: 50px 0; background-image: url("../img_item_detail/lp01/lp_voice_bg.jpg"); background-repeat: no-repeat;}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice,
.main .proDetailBox .LPBox01 ul.lpVoice { padding: 350px 0 100px 0;}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li,
.main .proDetailBox .LPBox01 ul.lpVoice li {
width: 415px;
margin: 0 25px 35px 40px;
z-index: 1;
display: inline-block;
vertical-align: top;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li:nth-child(2n),
.main .proDetailBox .LPBox01 ul.lpVoice li:nth-child(2n){margin: 0 0 35px 0;}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voiceBox01 .lp_voiceBox01Inner,
.main .proDetailBox .LPBox01 ul.lpVoice li .lp_voiceBox01 .lp_voiceBox01Inner {
background: rgba(255, 255, 255, 0.8);
border: 1px solid #e4dbbb;
border-radius: 30px;
width: 415px;
padding: 25px 0 15px 0;
margin: 0 0 0 0;
z-index: 10;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voice_ttl, .main .proDetailBox .LPBox01 ul.lpVoice li .lp_voice_ttl {
text-align: center;
font-size: 22px;
font-weight: bold;
color: #ff2a73;
opacity: 1.0;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voiceTxt, .main .proDetailBox .LPBox01 ul.lpVoice li .lp_voiceTxt {
padding: 20px 35px 10px 35px;
opacity: 1.0;
font-size: 18px;
line-height: 180%;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voice_name, .main .proDetailBox .LPBox01 ul.lpVoice li .lp_voice_name {
display: block;
font-size: 80%;
margin: 12px 5px 0 0;
text-align: right;
}
.img365days { margin: 100px 0 70px 75px;}
.lp_addtoCart a:hover img { opacity: 0.8;}
.lp_addtoCart.upperLink { margin: 0 0 140px 100px;}
.lp_addtoCart.underLink { margin: 50px 0 160px 100px;}
/* standard ladys half shirt */
.tops_size_img { float: left;}
.topsTbl { float: right; width: 600px;}
.main .proDetailBox .bf_sizeBox table.topsTbl {
width: 75%!important;
}
.ltops_sizeTxt01 { width: 85%; margin: -20px auto 40px; font-size: 120%;}
.main .proDetailBox .ltops_sizeBox {
width: 275px;
float: right;
margin: 45px 30px 0 40px;
text-align: left;
}
.main .proDetailBox .ltop_in_sizeImg01 { margin: 0 0 0 10px;}
.main .proDetailBox .ltops_sizeBox .ltops_sizeSubTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 140%;
background-color: #e573ad;
font-weight: bold;
text-align: center;
width: 275px;
margin: 0 auto 18px;
color: #fff;
}
.main .proDetailBox .ltops_sizeBox .ltops_sizeTxt {
font-size: 120%;
letter-spacing: 0.3px;
line-height: 170%;
}
/* kotsuband */
.kotsuband_movie { margin: 80px 0 90px; width: 870px; background-color: #fcebf3; padding: 40px; text-align: center; }
.kotsuband_movie .movieTtl { color: #ff3912; font-size: 30px; font-weight: bold; margin: 0 0 30px 0;}
.kotsuband_movie .movieTxt01 { font-size: 25px; font-weight: bold; margin: 70px 0 30px;}
.kotsuband_movie .movieTxt02 { font-size: 18px; margin: 0 0 15px;}
.kotsuband_movie .movieIframe01 { margin: 20px 0;}
.bs1002_t02_img02 { margin: 30px 0 0 0;}
.kotsuband_iv { background-color: #f5f2eb;}
.kotsuband_iv .iv_inn01 { padding: 0 35px;}
.kotsuband_iv .iv_inn01 .iv_img01{ float: left; margin: 0 20px 15px 0;}
.kotsuband_iv .iv_inn01 .iv_ttl {font-size: 26px; font-weight: bold; padding: 32px 0 0 0; }
.kotsuband_iv .iv_inn01 .iv_txt { font-size: 18px; line-height: 200%; padding: 10px 0 30px;}
.kotsuband_iv hr{ color: #fff; background-color: #fff; height: 5px; border: none; margin: 20px 0 20px; }
.kotsuband_iv .iv_inn02 { padding: 20px 40px 40px;}
.kotsuband_iv .iv_inn02 .iv_contL { width: 230px; float: left; text-align: center; font-size: 16px; font-weight: bold; margin: 0 40px 0 0;}
.kotsuband_iv .iv_inn02 .iv_contL img { margin: 0 0 5px 0;}
.kotsuband_iv .iv_inn02 .iv_contL span { font-size: 23px;}
.kotsuband_iv .iv_inn02 .iv_contR { width: 590px; float: left;}
.kotsuband_iv .iv_inn02 .iv_contR .iv02_ttl { text-align: center; font-size: 21px; color: #ef812e; font-weight: bold; margin: 20px 0 0 0; line-height: 180%;}
.kotsuband_iv .iv_inn02 .iv_contR .iv02_txt { font-size: 17px; line-height: 200%; margin: 30px 0;}
.kotsuband_iv .iv_inn02 .iv_contR .iv03_ttl { text-align: center; font-size: 21px; color: #ef812e; font-weight: bold; margin: 90px 0 0 0; line-height: 180%;}
.kotsuband_bamen_ul { margin: 0 0 -20px 80px;}
.kotsuband_bamen_ul li { list-style: none; display: inline-block; text-align: center; font-size: 20px; font-weight: bold; margin: 0 0 40px 0; }
.kotsuband_bamen_ul li img { margin: 0 40px 10px 40px ;}
/*------------------------------------------------------------
leggings
------------------------------------------------------------*/
.main .proDetailBox .leggingsBox { margin: 30px 0 0 0;}
.main .proDetailBox .featureBox { background-color: #f6f6f6; padding: 0 37px 80px 38px; margin: 0 0 85px 0;}
.main .proDetailBox .featureBox .featureBoxInner { background-color: #fff; margin-bottom: 50px;}
.main .proDetailBox .featureBox .featureBoxInner.lastCont{ margin-bottom: 0px;}
.main .proDetailBox .featureBox .featureBoxInner p { padding: 10px 70px 70px 70px; font-size: 21px; line-height: 170%;}
.main .proDetailBox .featureBox .featureBoxInner p strong { color:#ff8b08;}
.main .proDetailBox .customerVoiceBox { background-color: #f6f6f6; padding-bottom: 40px; margin-bottom: 75px; }
.main .proDetailBox .customervoiceInner { background-color: #fff; margin: 0 37px 25px 38px; width: 875px; }
.main .proDetailBox .customervoiceInner p.voice_txt { padding: 15px 70px 10px 70px; font-size: 21px; }
.main .proDetailBox .customervoiceInner p.voice_name { text-align: right; font-size: 16px; padding: 0 70px 45px 70px;}
.main .proDetailBox .customervoiceInner .staffRecommend { border: 8px solid #fcca91; padding: 45px 32px; }
.main .proDetailBox .customervoiceInner .staffRecommendpink { border: 8px solid #e7c2c9!important; padding: 45px 30px;}
.main .proDetailBox .customervoiceInner .staffRecommend .contL { width: 170px; margin: 10px 30px 0 0; float: left; text-align: center;}
.main .proDetailBox .customervoiceInner .staffRecommend .contL img { margin: 0 0 5px 0;}
.main .proDetailBox .customervoiceInner .staffRecommend .contR { width: 572px; font-size: 21px; margin: 0 0 0 0; float: left; }
.main .proDetailBox .customervoiceInner .staffRecommend .contR img { margin: 0 0 27px 0;}
.main .proDetailBox .customervoiceInner .staffRecommend .contR p { line-height: 180%;}
.main .proDetailBox .pro_sizeTtl { text-align: center; padding: 5px; border: 1px solid #595959; margin: 35px 0 25px; font-size: 24px;}
.main .proDetailBox .pro_sozaiTtl { text-align: center; padding: 5px; border: 1px solid #595959; margin: 35px 0 15px; font-size: 24px;}
.main .proDetailBox .pro_sTxt { text-align: center; padding: 5px; margin: 0px 0 25px; font-size: 24px; background-color: #f4f4f4;}
.main .proDetailBox .pro_sTxt2 { text-align: left; padding: 50px 0 50px 100px; margin: 0px 0 25px; font-size: 20px; background-color: #f4f4f4;}
.main .proDetailBox .bf_sizeTble01 table {
width: 100%;
}
.main .proDetailBox .bf_sizeTble01 table th {
font-weight: bold;
background-color: #fddab2;
padding: 5px 0;
width: 20%;
text-align: center;
font-size: 26px;
}
.main .proDetailBox .bf_sizeTble01 table td {
background-color: #f4f4f4;
padding: 7px 0;
width: 20%;
text-align: center;
font-size: 28px;
}
.lp_addtoCart.cartBtnSpace01 {
margin: 80px 0 80px 100px;
}
.main .proDetailBox .bsFine_AboutBox { width: 810px; margin:0 auto;}
.main .proDetailBox .bsFine_AboutBox .tsuyama_img { width: 750px; margin: 0 auto 70px; text-align: center;}
.main .proDetailBox .bsFine_AboutBox .tsuyama_img p { text-align: center; font-size: 18px; margin: 5px 0 0 0;}
.main .proDetailBox .bsFine_AboutBox .aboutTxt01 { font-size: 18px; padding: 50px 30px; line-height: 180%; }
.main .proDetailBox .bsFine_AboutBox .aboutImgBox { width: 705px; padding: 30px 0 30px 70px; line-height: 200%; font-size: 19px; vertical-align: middle; clear: both; margin-top: 10px;}
.main .proDetailBox .bsFine_AboutBox .aboutImgBox img { float: left; margin: 0 40px 0 0;}
.main .proDetailBox .bsFine_AboutBox .aboutImgBox p { float: left; width: 490px; vertical-align: middle; margin-top: 35px;}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox { margin: 50px 0 50px 0; }
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dt{ font-size: 33px;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
background: url(../img_item_detail/common/bsfine_q_icon.png) 18px 16px no-repeat;
padding: 25px 0 20px 100px;
margin-top: 30px;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dt span.icon_reg { font-size: 50%;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dt.q2{
background: url(../img_item_detail/common/bsfine_q_icon02.png) 18px 16px no-repeat;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans01{ font-size: 26px;padding: 5px 20px 0 30px;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
background: url(../img_item_detail/common/bsfine_a_icon.png) 18px 16px no-repeat;
padding: 30px 0 28px 100px;
line-height: 130%;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans01 span.icon_reg { font-size: 60%;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans01.line2 {padding: 15px 0 10px 100px!important;}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans02 { border-bottom: 2px solid #c4c4c4; padding: 10px 20px 50px 25px; font-size: 16px;line-height: 180%;}
span.icon_reg{vertical-align: sub;}
/*------------------------------------------------------------
bedding
------------------------------------------------------------*/
.main .proDetailBox .bedding_09Box {
background-image: url("../img_item_detail/bedding/ba0203_09.jpg");
width: 950px;
height: 382px;
}
.main .proDetailBox .bedding_09Box .bedding_09_txt01 { text-align: center; float: left; margin: 215px 0 0 155px; font-weight: bold; font-size: 16px;}
.main .proDetailBox .bedding_09Box .bedding_09_txt02 { float: right; width: 500px; margin: 85px 125px 0 0; font-size: 19px; line-height: 180%; }
.main .proDetailBox .bedding_11Box {
background-image: url("../img_item_detail/bedding/ba0203_11.jpg");
width: 950px;
height: 523px;
}
.main .proDetailBox .bedding_11Box.bedding_11Box_0201 {
background-image: url("../img_item_detail/bedding/ba0201_11.jpg");
width: 950px;
height: 588px;
}
.main .proDetailBox .bedding_11Box.bedding_11Box_0202 {
background-image: url("../img_item_detail/bedding/ba0202_11.jpg");
width: 950px;
height: 588px;
}
.main .proDetailBox .bedding_11Box .bedding_11_txt01 { width: 410px; padding: 90px 0 0 445px; font-size: 19px; line-height: 180%; }
.main .proDetailBox .bedding_11Box .bedding_11_txt02 { width: 340px; float: left; margin: 90px 0 0 117px; }
.main .proDetailBox .bedding_11Box .bedding_11_txt03 { width: 340px; float: right; margin: 90px 115px 0 0; }
.main .proDetailBox .bedding_v01 {font-size: 22px; line-height: 170%; text-align: center; font-weight: bold;}
.main .proDetailBox .bedding_v02 { font-size:15px; text-align: right; padding: 2px 10px 0 0;}
.col_r { color:#c02947;}
.main .proDetailBox .bedding_12Box {
background-image: url("../img_item_detail/bedding/ba0203_12.jpg");
width: 950px;
height: 627px;
}
.main .proDetailBox .bedding_12Box .bedding_12_txt01 { width: 410px; padding: 90px 0 0 445px; font-size: 19px; line-height: 180%; }
.main .proDetailBox .bedding_12Box .bedding_12_txt02 { width: 340px; float: left; margin: 85px 0 0 117px; }
.main .proDetailBox .bedding_12Box .bedding_v01 {font-size: 22px; line-height: 150%; text-align: center; font-weight: bold;}
.main .proDetailBox .bedding_12Box .bedding_12_txt03 { width: 340px; float: right; margin: 85px 115px 0 0; }
.main .proDetailBox .bedding_14Box {
background-image: url("../img_item_detail/bedding/ba0203_14.jpg");
width: 950px;
height: 396px;
margin-bottom: 90px;
}
.main .proDetailBox .bedding_14Box.bedding_14Box_0201 {
background-image: url("../img_item_detail/bedding/ba0201_14.jpg");
width: 950px;
height: 398px;
margin-bottom: 90px;
}
.main .proDetailBox .bedding_14Box.bedding_14Box_0202 {
background-image: url("../img_item_detail/bedding/ba0202_14.jpg");
width: 950px;
height: 398px;
margin-bottom: 90px;
}
.main .proDetailBox .bedding_14Box .bedding_14_txt01 { float: right; width: 510px; margin: 87px 115px 0 0; font-size: 19px; line-height: 180%; }
.main .proDetailBox .ba0203_15_s { width: 372px; margin: 20px 0 70px 70px; float: left; text-align: center; font-size: 20px;}
.main .proDetailBox .ba0203_15_w { width: 372px; margin: 20px 70px 70px 0 ; float: right; text-align: center; font-size: 20px;}
.main .proDetailBox .ba0203_15_s img, .main .proDetailBox .ba0203_15_w img { margin: 0 0 20px 0;}
.main .proDetailBox .bedding_18Box {
background-image: url("../img_item_detail/bedding/ba0203_18.jpg");
width: 950px;
height: 293px;
}
.main .proDetailBox .bedding_18Box .bedding_18_txt01 { float: right; width: 525px; margin: 100px 120px 0 0; font-size: 19px; line-height: 180%; }
.main .proDetailBox .bedding_19Box {
background-image: url("../img_item_detail/bedding/ba0203_19.jpg");
width: 950px;
height: 372px;
}
.main .proDetailBox .bedding_19Box .bedding_19_txt01 { float: left; width: 520px; margin: 95px 0 0 115px; font-size: 19px; line-height: 180%; }
.main .proDetailBox .bedding_20Box {
background-image: url("../img_item_detail/bedding/ba0203_20.jpg");
width: 950px;
height: 400px;
}
.main .proDetailBox .bedding_20Box .bedding_20_txt01 { float: right; width: 500px; margin: 95px 105px 0 0; font-size: 19px; line-height: 180%; }
.main .proDetailBox .bedding_kaimin { border: 8px solid #fcca91; padding:0; margin-bottom: 70px!important; }
.main .proDetailBox .bedding_kaimin .ba0203_29_1 { margin: 70px 0 0 50px; float: left;}
.main .proDetailBox .bedding_kaimin .ba0203_29_2 { margin: 40px 50px 0 0;float: right;}
.main .proDetailBox .bedding_kaimin .ba0203_29_3 { float: right;}
.main .proDetailBox .bedding_kaimin p { width: 785px; margin: 40px 0 20px 75px; font-size: 18px; line-height: 170%;}
.main .proDetailBox .bedding_line01 { width: 308px; margin: 20px 0 70px 70px; float: left; text-align: center; }
.main .proDetailBox .bedding_line02 { width: 308px; margin: 20px 70px 70px 0 ; float: right; text-align: center; }
.main .proDetailBox .bedding_line01 img, .main .proDetailBox .bedding_line02 img { margin: 0 0 10px 0;}
.main .proDetailBox .bedding_line01 .bed_catch01, .main .proDetailBox .bedding_line02 .bed_catch01 { margin: 5px 0 10px 0; color: #d75e87;font-size: 16px;}
.main .proDetailBox .bedding_line01 .bed_line_name, .main .proDetailBox .bedding_line02 .bed_line_name { margin: 5px 0 10px 0; font-size: 18px; font-weight: bold;}
.main .proDetailBox .bedding_line01 .bed_line_price, .main .proDetailBox .bedding_line02 .bed_line_price { margin: 5px 0 10px 0; font-size: 24px; font-weight: bold;}
.main .proDetailBox .bedding_line01 .bed_line_price span, .main .proDetailBox .bedding_line02 .bed_line_price span { margin: 5px 0 10px 0; font-size: 18px;}
.main .proDetailBox .bedding_line01 .bed_line_exp, .main .proDetailBox .bedding_line02 .bed_line_exp { margin: 5px 0 10px 0; text-align: left;}
.main .proDetailBox .bedding .customerVoiceBox { background-color: #f6f6f6; padding-bottom: 0; margin-bottom: 75px; }
@media all and (max-width: 767px) {
/*------------------------------------------------------------
waist-warmer
------------------------------------------------------------*/
.pcCont { display: none;}
.spCont { display: block;}
.main .proDetailBox{
width: 100%;
font-weight: 500;
}
.main .proDetailBox .proInnerBox {
width: 100%;
margin: 0 auto;
}
.main .proDetailBox .proBtmBox {
width: 100%;
margin: 0 auto 0;
}
.a_mainSp { margin: 0 0 30px 0;}
.b_mainSp { margin: 0 0 30px 0;}
.main .proDetailBox .proInnerBox.ww_bBox .ww_b01 {
margin: 20px 0 20px;
}
.main .proDetailBox .proInnerBox .pro_cont01 {
background-color: #f7f7f7;
padding: 20px 20px;
}
.main .proDetailBox .proInnerBox .pro_cont01.pro_contb {
margin: 0 0 40px 0;
}
.main .proDetailBox .proInnerBox .pro_cont01 .ttl {
text-align: center;
font-weight: bold;
font-size: 140%;
margin: 0 0 15px 0;
}
.main .proDetailBox .proInnerBox .pro_cont01 .txt {
font-size: 110%;
line-height: 180%;
}
.main .proDetailBox .proInnerBox .b_img06 {
margin: 10px 0;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_ttl01 {
margin: 45px 0 10px;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox {
text-align: center;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox .ww_c_datattl01 {
font-weight: bold;
font-size: 100%;
margin: 15px 0 10px;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox .ww_c_datatxt01 {
margin: 10px 0 30px;
font-size: 90%;
}
.main .proDetailBox .proInnerBox.ww_cBox .ww_c_dataBox .c_img02 {
width: 80%;
}
.main .proDetailBox .proInnerBox h4.pro_expttl01 {
text-align: center;
font-size: 140%;
margin: 25px 0 15px 0;
letter-spacing: 0.8px;
line-height: 180%;
}
.main .proDetailBox .proInnerBox .pro_exptxt01 {
font-size: 120%;
line-height: 190%;
width: 100%;
margin: 0 auto;
text-align: left;
margin: 0 auto 40px auto;
}
.main .proDetailBox .ww_sozaiTtl {
display: block;
padding: 7px 0;
width: 80%;
border-radius: 30px;
font-size: 130%;
margin: 35px auto 0 auto;
background-color: #f4f0ec;
font-weight: bold;
}
.main .proDetailBox .proInnerBox .ww_c_data_img03 {
margin: 0 0 20px;
}
.main .proDetailBox .proInnerBox .ww_c_data_img03_2 {
margin: 0 0 0;
}
.ww_c_sozai01 {
float: left;
}
.ww_c_sozai02 {
float: right;
}
.ww_c_sozai01 div, .ww_c_sozai02 div {
border: 1px solid #d0d0d0;
padding 20px;
width: 100%;
margin: 0 0 40px 0;
height: auto;
}
.ww_c_sozai02 div {
border: 1px solid #c50000;
}
.ww_c_sozai01 .sozai_ttl, .ww_c_sozai02 .sozai_ttl {
color: #5a585a;
border: 2px solid #9c9b9c;
padding: 3px;
width: 60%;
border-radius: 30px;
font-size: 120%;
margin: -15px auto 0 auto;
background-color: #fff;
font-weight: bold;
}
.ww_c_sozai02 .sozai_ttl {
color: #fff;
border: 2px solid #c50000;
background-color: #c50000;
}
.ww_c_sozai01 div img, .ww_c_sozai02 div img {
margin: 20px 0 25px;
width: 80%;
}
.ww_c_sozai01 .sozai_txt, .ww_c_sozai02 .sozai_txt {
padding: 0 15px;
margin: 0 auto 20px;
text-align: left;
line-height: 180%;
font-size: 120%;
}
.ww_line01 {
margin: 0px 0 0 0;
}
.ww_line02 {
margin: 10px 0 35px 0;
}
.main .proDetailBox .proInnerBox .hieBox {
background-color: #f4e0e7;
padding: 20px 10px;
margin: 0 0 40px;
}
.main .proDetailBox .proInnerBox .hieBox h3 {
font-size: 120%;
margin: 0 0 20px 0;
}
.main .proDetailBox .proInnerBox .hieBox h4 {
color: #ea5387;
font-size: 140%;
margin: 0 0 20px 0;
}
.main .proDetailBox .proInnerBox .hieImg01 {
width: 38%;
margin: 45px 0 0 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 {
float: none;
width: 100%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 {
float: right;
width: 58%;
margin: 0 0 0 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor {
background-color: #fff;
width: 100%;
margin: 15px auto 0 auto;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt {
float: left;
width: 72%;
margin: 2px 0 0 15px;
text-align: left;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt .name {
color: #ea5387;
font-weight: bold;
letter-spacing: 1px;
font-size: 90%;
margin: 3px 0 3px 0;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt .name span {
font-size: 120%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor .doctor_txt .exp {
font-size: 85%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor img {
float: right;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 p.ttl {
display: block;
padding: 3px 0;
width: 100%;
border-radius: 30px;
font-size: 110%;
margin: 0 auto 0 auto;
background-color: #ea5387;
font-weight: bold;
color: #fff;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl {
text-align: left;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl dt {
color: #ea5387;
font-weight: bold;
font-size: 12px;
margin: 15px 0 5px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl dt span {
margin-right: 2px;
padding-top: 1px;
width: 18px;
height: 18px;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: center;
border-radius: 100%;
background: #ea5387;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner02 dl dd {
font-size: 11px;
line-height: 150%;
}
.main .proDetailBox .proInnerBox .ww_mensBox {
padding: 3%;
border: 1px solid #000;
width: 94%;
margin-top: 40px;
}
.main .proDetailBox .proInnerBox .ww_mensBox .ww_mensImg01 {
float: left;
width: 25%;
margin: 25px 0 0 0;
}
.main .proDetailBox .proInnerBox .ww_mensBox .ww_mensImg02 {
float: left;
margin: 60px 10px 0 10px;
width: 15%;
}
.main .proDetailBox .proInnerBox .ww_mensBox .ww_mensImg03 {
margin: 10px 0 10px 15px;
width: 20%;
}
.main .proDetailBox .proInnerBox .ww_mensBox .mensInnerBox {
text-align: left;
width: 52%;
float: left;
}
.main .proDetailBox .proInnerBox .ww_mensBox .mensInnerBox .mens_ttl {
margin: 0 0 10px 15px;
font-weight: bold;
font-size: 130%;
}
.main .proDetailBox .proInnerBox .ww_mensBox .mensInnerBox .mens_txt {
font-size: 100%;
line-height: 160%;
}
.main .proDetailBox .ww_voiceBox ul {
width: 100%;
margin: -140px auto 35px;
}
.main .proDetailBox .ww_voiceBox ul li, .main .proDetailBox .ww_voiceBox ul.lwVoice li {
width: 92%;
position: sticky;
display: inline-block;
margin: 0 4% 15px 4%;
height: auto;
}
.main .proDetailBox .ww_voiceBox ul li:nth-child(2n) {
margin: 0 4% 15px 4%;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 {
position: relative;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 img {
margin: 15px 10px 15px 15px;
z-index: 100;
position: relative;
float: left;
width: 70px;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 .voiceBox01Inner, .main .proDetailBox .ww_voiceBox ul li .voiceBox01 .voiceBox01InnerLw {
background: rgba(255, 255, 255, 0.8);
border: 1px solid #e4dbbb;
border-radius: 15px;
width: 100%;
padding: 15px 0 5px 0;
height: auto;
margin: 0px auto 0 auto;
z-index: 10;
position: relative;
}
.main .proDetailBox .ww_voiceBox ul li .voiceBox01 .voiceBox01Inner .voice_ttl, .main .proDetailBox .ww_voiceBox ul li .voiceBox01 .voiceBox01InnerLw .voice_ttl {
text-align: left;
font-size: 110%;
font-weight: bold;
color: #ff2a73;
opacity: 1.0;
}
.main .proDetailBox .ww_voiceBox ul li .voiceTxt {
padding: 10px 10px 10px 95px;
opacity: 1.0;
font-size: 110%;
}
.main .proDetailBox .ww_voiceBox ul li .voice_name {
display: block;
font-size: 90%;
margin: 10px 0 0 0;
}
.main .proDetailBox .bf_aboutBox .bf_about_txt01 {
text-align: center;
margin: 5px 0 0 0;
font-size: 90%;
}
.main .proDetailBox .bf_aboutBox .bf_about01 {
background-color: #f4f2ee;
width: 100%;
margin: 30px 0 40px;
}
.main .proDetailBox .bf_aboutBox .bf_about01 .ttl {
font-weight: bold;
padding: 20px 20px 10px 20px;
font-size: 120%;
}
.main .proDetailBox .bf_aboutBox .bf_about01 .txt {
padding: 10px 20px 20px 20px;
font-size: 110%;
}
.main .proDetailBox .bf_aboutBox .bf_about02 {
width: 100%;
margin: 0 auto;
}
.main .proDetailBox .bf_aboutBox .bf_about02 .about_img01 {
float: left;
margin: 0 3% 0 0;
width: 42%;
}
.main .proDetailBox .bf_aboutBox .bf_about02 div {
width: 55%;
float: right;
margin-bottom: 7px;
}
.main .proDetailBox .bf_aboutBox .bf_about02 .catch01 {
font-size: 120%;
font-weight: bold;
padding: 0px 0 10px 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 .about02_txt {
font-size: 110%;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul {
margin: 8px 0 0 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li {
width: 100%;
margin: 0 0 0 0;
display: block;
clear: both;
font-size: 105%;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li:last-child {
margin: 0;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li img {
margin: 0 3% 10px 0;
width: 42%;
float: left;
}
.main .proDetailBox .bf_aboutBox .bf_about02 ul li p {
padding: 0;
width: 54%;
float: right;
}
.main .proDetailBox .bf_sizeBox {
margin: 40px auto !important;
clear: both;
}
.main .proDetailBox .bf_sizeBox .ww_size_ttl_sp {
padding: 20px 0 0;
}
.main .proDetailBox .bf_sizeBox .sizeTxt01 {
text-align: center;
line-height: 170%;
margin: 10px 0;
font-size: 100%;
}
.main .proDetailBox .bf_sizeBox table {
width: 100%;
}
.main .proDetailBox .bf_sizeBox table th {
font-weight: bold;
background-color: #e48db9;
padding: 10px 0;
width: 20%;
text-align: center;
font-size: 100%;
}
.main .proDetailBox .bf_sizeBox table td {
background-color: #fdf2f7;
padding: 20px 0;
width: 20%;
text-align: center;
font-size: 100%;
}
.main .proDetailBox .bf_sizeBox table tr.osusume td {
background-color: #fadeea;
padding: 10px 0;
}
.main .proDetailBox .bf_sizeBox table td.ttl {
font-weight: bold;
}
.main .proDetailBox .bf_sizeBox table td.ttl.osusumeTtl {
font-size: 100%;
}
.main .proDetailBox .bf_sizeBox .w_sizeTtl {
display: block;
padding: 7px 0;
border-radius: 20px;
font-size: 140%;
background-color: #f4e3eb;
font-weight: bold;
text-align: center;
width: 80%;
margin: 50px auto 0;
color: #e573ad;
}
.main .proDetailBox .bf_sizeBox .w_sizeBox {
width: 100%;
float: none;
margin: 20px 0 30px;
}
.main .proDetailBox .bf_sizeBox .w_sizeBox .w_sizeSubTtl {
display: block;
padding: 3px 0;
border-radius: 15px;
font-size: 130%;
background-color: #e573ad;
font-weight: bold;
text-align: center;
width: 165px;
margin: 0 auto 18px;
color: #fff;
}
.main .proDetailBox .bf_sizeBox .w_sizeBox .w_sizeTxt {
font-size: 110%;
letter-spacing: 0.3px;
line-height: 170%;
}
.main .proDetailBox .bf_sizeBox img.w_sizeImg01 {
width: 80%;
margin: 0 10%;
}
.main .proDetailBox .bf_sizeBox img.lw_sizeImg01 {
width: 70%;
margin: 20px 15%;
}
.main .proDetailBox .bf_sizeBox .lw_sizeBox {
width: 90%;
float: none;
margin: 10px 5% 0 5%;
text-align: center;
}
.main .proDetailBox .bf_teireBox {
margin: 0 auto;
}
.main .proDetailBox .bf_teireBox .bf_teireInnerBox {
background-color: #fff7e3;
padding: 20px 20px 35px;
margin: 0 0 40px 0;
font-size: 110%;
}
.main .proDetailBox .bf_teireBox .teireTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 130%;
background-color: #e9484e;
font-weight: bold;
text-align: center;
width: 100%;
margin: -30px auto 20px !important;
color: #fff;
letter-spacing: 0.5px;
}
.main .proDetailBox .bf_qaBox {
margin: 0 auto;
}
.main .proDetailBox .bf_qaBox .qaTxt01 {
text-align: center;
line-height: 170%;
margin: 20px 0;
font-size: 105%;
}
.main .proDetailBox .bf_qaBox dl {
margin: 25px 0 20px;
}
.main .proDetailBox .bf_qaBox dl dt {
background: url(../img_item_detail/common/bsfine_qa_q.png) 10px 12px no-repeat;
background-size: 22px;
background-color: #f4e3eb;
color: #e573ad;
}
.main .proDetailBox .bf_qaBox dl dt span {
font-size: 20px;
font-weight: normal;
display: inline-block;
margin-top: 2px;
padding: 4px 6px 5px 35px;
}
.main .proDetailBox .bf_qaBox dl dt p {
display: block;
font-size: 140%;
font-weight: bold;
float: right;
width: 82%;
margin-top: 10px;
line-height: 140%;
padding: 0 1% 8px 0;
}
.main .proDetailBox .bf_qaBox dl dd {
padding: 0 0 35px 0;
}
.main .proDetailBox .bf_qaBox dl dd .ans01 {
background: url(../img_item_detail/common/bsfine_qa_a.png) 12px 16px no-repeat;
color: #e573ad;
padding: 15px 7px 10px 36px;
font-size: 125%;
font-weight: bold;
background-size: 18px;
}
.main .proDetailBox .bf_qaBox dl dd .ans02 {
padding: 0 7px 0 12px;
font-size: 115%;
line-height: 180%;
}
.main .proDetailBox .bf_teireBox p {
font-size: 100%;
margin: 0 0 10px 0;
}
.main .proDetailBox .bf_teireBox p.teireTtl02 {
color: #e9484e;
font-size: 130%;
text-align: center;
font-weight: bold;
margin: 30px 0 10px;
letter-spacing: 1px;
}
.main .proDetailBox .bf_teireBox .bf_teireLbox {
font-weight: bold;
font-size: 100%;
float: none;
width: 100%;
text-align: center;
margin: 30px 0px 0 0px;
}
.main .proDetailBox .bf_teireBox .bf_teireRbox {
font-weight: bold;
font-size: 100%;
float: right;
width: 100%;
text-align: center;
margin: 30px 0 0 0;
}
.main .proDetailBox .bf_teireBox .bf_teireLbox img, .main .proDetailBox .bf_teireBox .bf_teireRbox img {
margin: 15px 0 0 0;
width: 80%;
}
.main .proDetailBox .bf_giftBox {
margin: 0 auto;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox {
background-color: #fff1f8;
padding: 0 15px 35px;
margin: 0 0 40px 0;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt01 {
color: #ff2334;
text-align: center;
padding: 20px 0 20px 0;
font-weight: bold;
font-size: 110%;
line-height: 170%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .giftTxt02 {
text-align: center;
padding: 0 0 30px 0;
font-size: 110%;
line-height: 170%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .bf_giftLbox {
float: none;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 110%;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox .bf_giftRbox {
float: none;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 110%;
margin: 20px 0 0 0;
}
.main .proDetailBox .bf_giftBox .bf_giftInnerBox div img {
margin: 12px 0 0 0;
width: 80%;
}
.main .proDetailBox .ww_d_mainCatch {
margin: 20px 0 40px;
}
.main .proDetailBox .ww_d_lineupTtl {
margin: 0 0 20px;
}
.main .proDetailBox .ww_dBox .proLineup {
list-style: none;
}
.main .proDetailBox .ww_dBox .proLineup li {
width: 48%;
display: inline-block;
margin: 0 2% 30px 0;
vertical-align: top;
}
.main .proDetailBox .ww_dBox .proLineup li:nth-child(2n) {
margin: 0 0 30px 0;
}
.main .proDetailBox .ww_dBox .proLineup li img.proListImg {
width: 100%;
}
.main .proDetailBox .ww_dBox .proLineup li .proCatch {
color: #ea5387;
font-weight: bold;
font-size: 95%;
text-align: center;
margin: 10px 0;
}
.main .proDetailBox .ww_dBox .proLineup .proExpicon {
text-align: center;
margin: 5px 0;
}
.main .proDetailBox .ww_dBox .proLineup .proExpicon img {
margin: 0 0;
height: 15px;
width: auto;
}
.main .proDetailBox .ww_dBox .proLineup .proName {
font-weight: bold;
font-size: 120%;
text-align: center;
margin: 10px 0 10px;
}
.main .proDetailBox .ww_dBox .proLineup .proPrice {
font-size: 110%;
text-align: center;
letter-spacing: 1px;
line-height: 160%;
}
.main .proDetailBox .ww_dBox .proLineup .proPrice strong {
font-size: 150%;
}
.main .proDetailBox .ww_dBox .proLineup .proPrice strong span {
font-size: 60%;
}
.main .proDetailBox .ww_dBox .proLineup .proExp {
font-size: 110%;
margin: 10px 0;
}
/*leg warmer*/
.main .proDetailBox .colorTtl01 {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 150%;
background-color: #f4e3eb;
font-weight: bold;
text-align: center;
width: 80%;
margin: 40px auto 20px;
letter-spacing: 3px;
color: #e573ad;
}
.colorList01 { margin: 25px 0 0 0 ;}
.colorList01 li { list-style: none; display: inline-block; margin: 0 1% 0 0; text-align: center; font-weight: bold; font-size: 120%; width: 32%; }
.colorList01 li img { margin: 0 0 5px 0; }
.colorList01 li:last-child { margin: 0;}
.material_name { margin: 28px 0 0 0; font-size: 160%!important;}
.main .proDetailBox .proInnerBox .lw_hieImg { width: 100%; margin: 0 auto;}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw {
background-color: #fff;
width: 96%;
margin: 25px 2% 0 2%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt {
float: left;
width: 62%;
margin: 5px 10px 15px 15px;
text-align: left;
line-height: 160%;
font-size: 13px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .name {
color: #ea5387;
font-weight: bold;
letter-spacing: 1px;
font-size: 14px;
padding: 15px 15px 3px 15px;
text-align: left;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .name span {
font-size: 24px;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw .doctor_txt .exp {
font-size: 85%;
}
.main .proDetailBox .proInnerBox .hieBox .hieInner01 .hieInner01_doctor_lw img {
float: right;
}
.main .proDetailBox .proInnerBox .hieBox .ww_merit_img02 {
width: 20%;
margin: 0 0 0 0;
}
.main .proDetailBox .proInnerBox .hieBox .lw_merit_img02 {
width: 29%;
margin: 0 0 0 0;
}
.main .proDetailBox .lineup_shape { margin: 0px 0 50px;}
.main .proDetailBox .lineup_shape li { margin: 0; padding: 10px 1%;display: inline-block; width: 31%; text-align: center; font-size: 100%; vertical-align: top; text-align: left;}
.main .proDetailBox .lineup_shape li:last-child { width: 32%;}
.main .proDetailBox .lineup_shape li strong { display: block; margin: 0 0 5px 0; text-align: center;}
.main .proDetailBox .lw_btmBox_txt { width: 86%; margin: -45% 7% 150px; font-weight: bold; font-size: 95%; line-height: 140%;}
.main .proDetailBox .lw_e_btn { margin:-42% 0 40px 0;}
.main .proDetailBox .lw_e_btn img { margin: 0;}
.main .proDetailBox .lw_e_btn a:hover img { opacity: 0.8;}
.lw_e_img03_sp { z-index: 100;}
.main .proDetailBox .lw_e_btn01 { float: left; width:43%; z-index: 10; position: relative; margin: 0 2% 0 5%!important;}
.main .proDetailBox .lw_e_btn02 { float: right; width:43%; z-index: 10; position: relative; margin: 0 5% 0 0!important;}
/* mini LP & main LP */
.main .proDetailBox .miniLPBox01 img.miniLp_main01,
.main .proDetailBox .LPBox01 img.LP_main01 { margin:40px 0 40px;}
.main .proDetailBox .miniLPBox01 img.miniLp_main02 { margin:0 0 30px;}
.main .proDetailBox .LPBox01 .LpinnerLink { width: 100%; margin: 60px auto 60px;}
.main .proDetailBox .LPBox01 .LpinnerLink .linkTtl { text-align: center; font-size: 130%; margin:25px 0 30px;}
.main .proDetailBox .LPBox01 .innerLink01 { width: 100%; margin: 0 auto;}
.main .proDetailBox .LPBox01 .innerLink01 a { display: block; background-color: #f26868; color: #fff; width: 92%; padding: 8px 0 8px 30px; margin: 0 0 10px 0; font-size: 100%;}
.main .proDetailBox .LPBox01 .innerLink01 a:hover { opacity: 0.8;}
.main .proDetailBox .LPBox01 .innerLink01 li {
position: relative;
}
.main .proDetailBox .LPBox01 .innerLink01 li::after {
display: block;
content: '';
position: absolute;
top: 10px;
left: 12px;
width: 8px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.main .proDetailBox .LPBox01 .innerLink02.link02_left { width: 38%; margin: 0 20px 0 0;}
.main .proDetailBox .LPBox01 .innerLink02.link02_right { width: 55%; margin: 0;}
.main .proDetailBox .LPBox01 .innerLink02 a { display: block; background-color: #ffe1e1; color: #000; width:88%; padding: 8px 0 8px 30px; margin: 0 0 10px 0; font-size: 100%;}
.main .proDetailBox .LPBox01 .innerLink02 a:hover { opacity: 0.8;}
.main .proDetailBox .LPBox01 .innerLink02 li {
position: relative;
}
.main .proDetailBox .LPBox01 .innerLink02 li::after {
display: block;
content: '';
position: absolute;
top: 10px;
left: 12px;
width: 8px;
height: 8px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.main .proDetailBox .LPBox01 .link_low2 { width: 100%; margin: 0 auto;}
.link02_left { float: left;}
.link02_right { float: left;}
.main .proDetailBox .miniLPBox01 h3.miniLp_Ttl01,
.main .proDetailBox .LPBox01 h3.LP_Ttl01 { margin: 45px 0 30px; text-align: center; font-size: 150%; color: #fff; padding: 10px 0; background-color: #ff7e00; }
.main .proDetailBox .miniLPBox01 .miniLP_t01_catch, .main .proDetailBox .LPBox01 .LP_t01_catch { margin: 0 0 35px 0 ;}
.main .proDetailBox .miniLPBox01 .miniLp_t01, .main .proDetailBox .LPBox01 .LP_t01 { background-color: #f7f7f7; padding: 0 0 0 0!important;}
.main .proDetailBox .miniLPBox01 .miniLp_t01 img,
.main .proDetailBox .LPBox01 .LP_t01 img { float: none; width: 100%;}
.main .proDetailBox .miniLPBox01 .miniLp_t01_box,
.main .proDetailBox .LPBox01 .LP_t01_box { float: none; width: 90%; padding: 0 5% 30px;}
.main .proDetailBox .miniLPBox01 .miniLp_t01_box .miniLp_t01_txt_ttl,
.main .proDetailBox .LPBox01 .LP_t01_box .LP_t01_txt_ttl
{ text-align: center; font-weight: bold; padding: 25px 0 20px; font-size: 170%; line-height: 160%;}
.main .proDetailBox .miniLPBox01 .miniLp_t01_box .miniLp_t01_txt_txt, .main .proDetailBox .LPBox01 .Lp_t01_box .Lp_t01_txt_txt { font-size: 130%; line-height: 190%;}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox,
.main .proDetailBox .LPBox01 .Lp_voiceBox {
margin: 30px 0; background-image: url("../img_item_detail/lp01/lp_voice_bg_sp.jpg"); background-repeat: no-repeat; background-size: 100%;}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice,
.main .proDetailBox .LPBox01 .Lp_voiceBox ul.lpVoice { padding: 190px 0 0 0;}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li,
.main .proDetailBox .LPBox01 .Lp_voiceBox ul.lpVoice li {
width: 90%;
margin: 0 5% 25px 5%;
z-index: 1;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li:nth-child(2n), .main .proDetailBox .LPBox01 ul.lpVoice li:nth-child(2n) {
margin: 0 5% 25px 5%;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voiceBox01 .lp_voiceBox01Inner,
.main .proDetailBox .LPBox01 .Lp_voiceBox ul.lpVoice li .lp_voiceBox01 .lp_voiceBox01Inner {
background: rgba(255, 255, 255, 0.8);
border: 1px solid #e4dbbb;
border-radius: 30px;
width: 100%;
padding: 25px 0 25px 0;
margin: 0 0 0 0;
z-index: 10;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voice_ttl,
.main .proDetailBox .LPBox01 .Lp_voiceBox ul.lpVoice li .lp_voice_ttl {
text-align: center;
font-size: 130%;
font-weight: bold;
color: #ff2a73;
opacity: 1.0;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voiceTxt,
.main .proDetailBox .LPBox01 .Lp_voiceBox ul.lpVoice li .lp_voiceTxt {
padding: 15px 5% 10px 5%;
width: 90%;
opacity: 1.0;
font-size: 110%;
line-height: 180%;
}
.main .proDetailBox .miniLPBox01 .miniLp_voiceBox ul.lpVoice li .lp_voice_name,
.main .proDetailBox .LPBox01 .Lp_voiceBox ul.lpVoice li .lp_voice_name{
display: block;
font-size: 85%;
margin: 12px 5px 0 0;
text-align: right;
}
.img365days { margin: 50px 0 20px;}
.lp_addtoCart.upperLink { margin: 50px 0 50px 0;}
.lp_addtoCart.underLink { margin: 30px 0 50px 0;}
/* standard ladys half shirt */
.tops_size_img { float: left; width: 23%;}
.topsTbl { float: right; width: 70%;}
.main .proDetailBox .bf_sizeBox table.topsTbl {
width: 75%!important;
}
.ltops_sizeTxt01 { width: 100%; margin: 15px auto 25px; font-size: 100%;}
.main .proDetailBox .bf_sizeBox img.ltop_in_sizeImg01 {
width: 80%;
margin: 0 10%;
}
.main .proDetailBox .ltops_sizeBox {
width: 80%;
float: right;
margin: 25px 30px 40px 40px;
text-align: left;
}
.main .proDetailBox .ltop_in_sizeImg01 { margin: 0 0 0 10px;}
.main .proDetailBox .ltops_sizeBox .ltops_sizeSubTtl {
display: block;
padding: 3px 0;
border-radius: 30px;
font-size: 140%;
background-color: #e573ad;
font-weight: bold;
text-align: center;
width: 100%;
margin: 0 auto 10px;
color: #fff;
}
.main .proDetailBox .ltops_sizeBox .ltops_sizeTxt {
font-size: 110%;
letter-spacing: 0.3px;
line-height: 170%;
}
/* kotsuband */
.kotsuband_movie { margin: 40px 0 40px; width: 90%; background-color: #fcebf3; padding: 5%; text-align: center; }
.kotsuband_movie .movieTtl { color: #ff3912; font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}
.kotsuband_movie .movieTxt01 { font-size: 14px; font-weight: bold; margin: 30px 0 15px;}
.kotsuband_movie .movieTxt02 { font-size: 12px; margin: 0 0 5px;}
.kotsuband_movie .movieIframe01 { margin: 20px 0;}
.item-movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.item-movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.LP_t01_txt_ttl.LP_t01_txt_ttl_bs1002 { font-size: 160%!important;}
.kotsuband_iv .iv_inn01 { padding: 0 5%;}
.kotsuband_iv .iv_inn01 .iv_img01{ float: none; margin: 0; width: 60%;}
.kotsuband_iv .iv_inn01 .iv_ttl {font-size: 20px; font-weight: bold; padding: 10px 0 20px 0; text-align: center; }
.kotsuband_iv .iv_inn01 .iv_txt { font-size: 13px; line-height: 190%; padding: 10px 0 20px;}
.kotsuband_iv .iv_inn02 { padding: 10px 6% 20px;}
.kotsuband_iv .iv_inn02 .iv_contL { width: 70%; float: none; text-align: center; font-size: 14px; font-weight: bold; margin: 0 15%;}
.kotsuband_iv .iv_inn02 .iv_contL span { font-size: 21px;}
.kotsuband_iv .iv_inn02 .iv_contR { width: 100%; float: none; }
.kotsuband_iv .iv_inn02 .iv_contR .iv02_ttl { text-align: center; font-size: 15px; color: #ef812e; font-weight: bold; margin: 20px 0 0 0; line-height: 180%;}
.kotsuband_iv .iv_inn02 .iv_contR .iv02_txt { font-size: 13px; line-height: 180%; margin: 15px 0 0;}
.kotsuband_iv .iv_inn02 .iv_contR .iv03_ttl { text-align: center; font-size: 14px; color: #ef812e; font-weight: bold; margin: 20px 0 0 0; line-height: 180%;}
.kotsuband_bamen_ul { margin: 0 0 0 0;}
.kotsuband_bamen_ul li { list-style: none; display: inline-block; text-align: center; font-size: 13px; width: 47%; font-weight: bold; margin: 0 1% 20px; }
.kotsuband_bamen_ul li img { margin: 0 0 5px 0 ; width: 100%;}
/*------------------------------------------------------------
leggings
------------------------------------------------------------*/
.main .proDetailBox .featureBox { background-color: #f6f6f6; padding: 0 5% 40px 5%; margin: 0 0 45px 0;}
.main .proDetailBox .featureBox .featureBoxInner { background-color: #fff; margin-bottom: 20px;}
.main .proDetailBox .featureBox .featureBoxInner img { width: 100%;}
.main .proDetailBox .featureBox .featureBoxInner.lastCont{ margin-bottom: 0px;}
.main .proDetailBox .featureBox .featureBoxInner p { padding: 10px 6% 30px 6%; font-size: 90%; line-height: 150%;}
.main .proDetailBox .featureBox .featureBoxInner p strong { color:#ff8b08;}
.main .proDetailBox .customerVoiceBox { background-color: #f6f6f6; padding-bottom: 10px; margin-bottom:40px; }
.main .proDetailBox .customervoiceInner { background-color: #fff; margin: 0 6% 25px 6%; width: 88%; }
.main .proDetailBox .customervoiceInner p.voice_txt { padding: 12px 7% 10px 7%; font-size: 100%; }
.main .proDetailBox .customervoiceInner p.voice_name { text-align: right; font-size: 80%; padding: 0 7% 20px 0;}
.main .proDetailBox .customervoiceInner .staffRecommend { border: 6px solid #fcca91; padding: 25px 5% 20px; }
.main .proDetailBox .customervoiceInner .staffRecommendpink { border: 6px solid #e7c2c9!important; padding: 25px 5% 20px; }
.main .proDetailBox .customervoiceInner .staffRecommend .contL { width: 30%; margin: 10px 10px 0 0; float: left; text-align: center;}
.main .proDetailBox .customervoiceInner .staffRecommend .contL img { margin: 0 0 -10px 0;}
.main .proDetailBox .customervoiceInner .staffRecommend .contR { width: 65%; font-size: 100%; margin: 0 0 0 0; float: left; }
.main .proDetailBox .customervoiceInner .staffRecommend .contR img { margin: 0 0 10px 0;}
.main .proDetailBox .customervoiceInner .staffRecommend .contR p { line-height: 160%; margin: 10px 0 0 0;}
.main .proDetailBox .customervoiceInner .staffRecommend .staffRecommend_spTtl { width: 86%; margin: 0 auto 10px;}
.main .proDetailBox .customervoiceInner .staffRecommend .staffRecommend_spTtl img { width: 100%;}
.main .proDetailBox .pro_sizeTtl { text-align: center; padding: 3px; border: 1px solid #595959; margin: 25px 0 20px; font-size: 130%;}
.main .proDetailBox .pro_sozaiTtl { text-align: center; padding: 3px; border: 1px solid #595959; margin: 25px 0 20px; font-size: 130%;}
.main .proDetailBox .pro_sTxt { text-align: center; padding: 5px; margin: 0px 0 25px; font-size: 130%; background-color: #f4f4f4;}
.main .proDetailBox .pro_sTxt2 { text-align: left; padding: 15px; margin: 0px 0 25px; font-size: 110%; background-color: #f4f4f4;}
.main .proDetailBox .bf_sizeTble01 table {
width: 100%;
}
.main .proDetailBox .bf_sizeTble01 table th {
font-weight: bold;
background-color: #fddab2;
padding: 5px 0;
width: 20%;
text-align: center;
font-size: 130%;
}
.main .proDetailBox .bf_sizeTble01 table td {
background-color: #f4f4f4;
padding: 7px 0;
width: 20%;
text-align: center;
font-size: 130%;
}
.lp_addtoCart.cartBtnSpace01 {
margin: 40px auto 40px auto;
}
.main .proDetailBox .bsFine_AboutBox { width: 100%; margin:0 auto;}
.main .proDetailBox .bsFine_AboutBox .tsuyama_img { width: 90%; margin: 0 auto 30px; text-align: center;}
.main .proDetailBox .bsFine_AboutBox .tsuyama_img p { text-align: center; font-size: 90%; margin: 5px 0 0 0;}
.main .proDetailBox .bsFine_AboutBox .aboutTxt01 { font-size: 100%; padding: 30px 5%; line-height: 180%; }
.main .proDetailBox .bsFine_AboutBox .aboutImgBox { width: 100%; padding: 30px 5% 30px 5%; line-height: 200%; font-size: 100%; vertical-align: middle; clear: both; margin-top: 10px;}
.main .proDetailBox .bsFine_AboutBox .aboutImgBox img { float: left; margin: 0 20px 0 0; font-size: 100%; width: 25%; }
.main .proDetailBox .bsFine_AboutBox .aboutImgBox p { float: left; width: 62%; vertical-align: middle; margin-top: 17px;}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox { margin: 30px 0 30px 0; }
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dt{ font-size: 180%;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
background: url(../img_item_detail/common/bsfine_q_icon.png) 9px 8px no-repeat;
background-size: 45px 45px;
padding: 15px 0 10px 65px;
margin-top: 30px;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dt.q2{
background: url(../img_item_detail/common/bsfine_q_icon02.png) 9px 8px no-repeat;
background-size: 45px 45px;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dt.spLine2 { padding: 2px 0 10px 65px!important;}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans01{ font-size: 130%;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
background: url(../img_item_detail/common/bsfine_a_icon.png) 9px 8px no-repeat;
background-size: 45px 45px;
padding: 12px 0 15px 65px;
line-height: 130%;
}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans01.line2 {padding: 12px 0 10px 65px!important;}
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans01.spLine1 { padding: 20px 0 22px 65px; }
.main .proDetailBox .bsFine_AboutBox .bsFine_qaBox dl dd.ans02 { border-bottom: 2px solid #c4c4c4; padding: 5px 5% 40px 5%; font-size: 100%; line-height: 180%;}
/*------------------------------------------------------------
bedding
------------------------------------------------------------*/
.ba0203_15_sp { margin: 20px 0 0 0; }
.main .proDetailBox .ba0203_15_s { width: 46%; margin: 2% 2% 35px; float: left; text-align: center; font-size: 12px;}
.main .proDetailBox .ba0203_15_w { width: 46%; margin: 2% 2% 35px; float: right; text-align: center; font-size: 12px;}
.main .proDetailBox .ba0203_15_s img, .main .proDetailBox .ba0203_15_w img { margin: 0 0 5px 0; width: 100%;}
.main .proDetailBox .bedding_kaimin { border: 8px solid #fcca91; padding:0; margin-bottom: 40px!important; }
.main .proDetailBox .bedding_kaimin p { width: 90%; margin: 5% 5% 25px; font-size: 12px; line-height: 170%;}
.main .proDetailBox .bedding_line01 { width: 46%; margin: 2% 2% 40px; float: left; text-align: center; }
.main .proDetailBox .bedding_line02 { width: 46%; margin: 2% 2% 40px; float: right; text-align: center; }
.main .proDetailBox .bedding_line01 img, .main .proDetailBox .bedding_line02 img { margin: 0 0 10px 0;}
.main .proDetailBox .bedding_line01 .bed_catch01, .main .proDetailBox .bedding_line02 .bed_catch01 { margin: 5px 0 10px 0; color: #d75e87;font-size: 12px;}
.main .proDetailBox .bedding_line01 .bed_line_name, .main .proDetailBox .bedding_line02 .bed_line_name { margin: 5px 0 5px 0; font-size: 12px; font-weight: bold;}
.main .proDetailBox .bedding_line01 .bed_line_price, .main .proDetailBox .bedding_line02 .bed_line_price { margin: 5px 0 5px 0; font-size: 15px; font-weight: bold;}
.main .proDetailBox .bedding_line01 .bed_line_price span, .main .proDetailBox .bedding_line02 .bed_line_price span { margin: 5px 0 10px 0; font-size: 11px;}
.main .proDetailBox .bedding_line01 .bed_line_exp, .main .proDetailBox .bedding_line02 .bed_line_exp { margin: 5px 0 10px 0; text-align: left;}
#buy_contents {
padding: 9vw 3% 0;
}
.sec03.sec .a_link1 img {
position: absolute;
display: block;
transform: translate(-50%,-50%);
left: 50%;
bottom: 18vw;
max-width: 34rem;
width: 80vw;
}
.sec05.sec{
position: relative;
background: url(../img/sp_coupon_bg01.webp) no-repeat center center;
height: 208.6vw;
background-size: contain;
}
.sec05.sec .coupon_btn{
width: 67vw;
bottom: 31vw;
}
.main .comPhotoUl > .liStyle01 .flex {
display: block;
justify-content: space-between;
padding: 0rem;
}
.main .comPhotoUl > .liStyle01 .flex .left {
width: 100%;
}
.main .comPhotoUl > .liStyle01 .flex .right {
width: 100%;
padding: 0rem 2rem 2rem;
}
.main .comPhotoUl {
margin: -190px auto 20px;
width: 100%;
}
.sec_items.sec {
margin-top: 5rem;
padding: 0 3% 18vw;
}
.main .comPhotoUl > .liStyle01 .flex .right .item_detail_header {
padding: 3rem 0 0;
border: none;
}
.radio_contents fieldset {
width: 100%;
}
.radio-inline__label {
padding: 1rem 0rem;
width: 42%;
margin-top: 1rem;
}
.main .comPhotoUl > .liStyle01 .flex .left .span_point {
border-radius: 22rem;
}
#buy_contents .button__cartin.btn_bg {
float: none;
margin-right: 4rem;
}
a.btn,
button.btn {
font-size: 140%;
line-height: 1.5;
display: inline-block;
padding: 1rem 0;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 15px;
}
.btn--orange,
a.btn--orange {
color: #fff;
background-color: #f98a06;
}
.btn--orange:hover,
a.btn--orange:hover {
opacity: 80%;
}
.addCartRelated { width: 90%; margin: 0 5%; position: relative;
display: inline-block;}
.kaiawase01 { font-size: 170%;
font-weight: bold;}
.addCartRelated:before {
content: '';
width: 10px;
height: 10px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
transform: rotate(45deg);
}
.main .comPhotoUl li {
padding: 30px 0 5px;
margin-bottom: 55px;
width: 100%!important;
float: none;
}
.main .comPhotoUl li .photo img {
width: 90%;
padding: 5%;
}
}
@media all and (max-width: 340px) {
}
@media all and (-ms-high-contrast:none){
}
/*kiji.css*/
.main .material {
overflow: hidden;
margin: 0 auto;
width: 750px;
}
.main .material .inner {
margin: 42px 0 -1px;
padding: 0 0 43px 180px;
position: relative;
background: url("https://www.bsfine.com/img/kiji/line01.jpg") repeat-x left bottom;
background-size: 5px 1px;
}
.main .material .inner .lBox {
float: left;
}
.main .material .inner .lBox > img {
width: 150px;
position: absolute;
left: 0;
top: 7px;
}
.main .material .inner .lBox p {
margin-bottom: 11px;
font-size: 2.6rem;
font-weight: bold;
}
.main .material .inner .lBox ul {
margin-bottom: 20px;
}
.main .material .inner .lBox li {
margin-right: 2px;
padding-top: 6px;
width: 36px;
height: 36px;
display: inline-block;
box-sizing: border-box;
font-size: 1.7rem;
font-weight: bold;
color: #fff;
text-align: center;
border-radius: 100%;
background: #8FC320;
}
.main .material .inner .lBox li.gray {
background-color: #909090;
}
.main .material .inner .lBox dl {
font-size: 1.6rem;
}
.main .material .inner .lBox dt {
margin-bottom: 3px;
color: #7FBD26;
}
.main .material .inner .lBox dd {
line-height: 1.6;
}
.main .material .inner .rBox {
padding: 7px 5px 0 0;
float: right;
}
.main .material .inner .rBox img {
width: 237px;
}
.main .material .inner > p {
padding-top: 23px;
clear: both;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: -0.5px;
}
.main .material .inner .txt {
padding-top: 17px;
color: #6D6D6D;
font-size: 1.4rem;
}
.main .material .inner ul {
padding-top: 17px;
}
.main .material .inner > ul > li {
margin: 4px 36px 4px 0;
display: inline-block;
}
.main .material .inner > ul > li a {
color: #6D6D6D;
text-decoration: underline;
}
.main .material .inner > ul > li a:hover {
text-decoration: none;
}
@media all and (max-width: 767px) {
.main .material {
width: auto;
}
.main .material .inner {
margin: 32px 0 -1px;
padding: 0 0 26px;
position: relative;
background: url("https://www.bsfine.com/img/kiji/line01.jpg") repeat-x left bottom;
background-size: 2px 1px;
}
.main .material .inner .lBox {
float: none;
overflow: hidden;
/* position: relative;*/
z-index: 1;
}
.main .material .inner .lBox > img {
padding-top: 4px;
width: 28%;
position: static;
float: left;
}
.main .material .inner .lBox > div {
width: 67.5%;
float: right;
}
.main .material .inner .lBox p {
margin-bottom: 11px;
font-size: 1.7rem;
}
.main .material .inner .lBox ul {
margin-bottom: 13px;
}
.main .material .inner .lBox li {
margin-right: 1px;
padding-top: 3px;
width: 25px;
height: 25px;
font-size: 1.1rem;
border-radius: 100%;
}
.main .material .inner .lBox dl {
font-size: 1.4rem;
}
.main .material .inner .lBox dt {
margin-bottom: 3px;
}
.main .material .inner .lBox dd {
line-height: 1.6;
}
.main .material .inner .rBox {
margin-top: 21px;
padding: 0 5px 0 0;
float: none;
text-align: center;
}
.main .material .inner .rBox img {
width: 60%;
}
.main .material .inner > p {
padding: 23px 0 2px;
font-size: 1.4rem;
letter-spacing: -0.5px;
line-height: 1.85;
}
.main .material .inner .txt {
font-size: 1.3rem;
}
.main .material .inner > ul > li {
margin: 5px 0;
display: block;
font-size: 1.3rem;
}
.main .material .inner > ul > li a:hover {
text-decoration: underline;
}
}
@media all and (-ms-high-contrast:none){
.main .material .inner .lBox li {
padding-top: 8px;
}
}
/*==================================
2022.2.23 ソックスコンテンツ、新LP
==================================*/
.lp-contents, .proDetailLp01 {
line-height: 1.6;
}
.lp-contents img, .proDetailLp01 img {
vertical-align: bottom;
padding-bottom: 10px;
}
.lp-contents *, .proDetailLp01 * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lp-contents .visual, .proDetailLp01 .visual {
margin: 0 0 6%;
}
.lp-contents .section1 {
text-align: center;
}
.lp-contents .section1 .section__title1 {
margin: 0 0 5%;
}
.lp-contents .section1 .section__list1 {
padding: 0 0 3%;
}
.lp-contents .section1 .section__list1 .list {
margin: 0 0 3%;
}
.lp-contents .section1 .section__text1 {
margin: 0 0 5%;
}
.lp-contents .section1 .section__text1.maskLp {
margin: 0 0 0;
}
.lp-contents .section1 .section__title2 {
margin: 0 0 3.6%;
}
.lp-contents .section1 .section__movie1 {
margin: 0 4.2% 11% 4.4%;
padding: 51.4% 0 0;
position: relative;
}
.lp-contents .section1 .section__movie1 .movie {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0%;
display: inline-block;
}
.lp-contents .section2 {
background: #f6f6f6;
padding: 0 3.68% 0.4%;
margin: 0 0 5%;
}
.lp-contents .section2 .section__title {
margin: 0 -3.9%;
}
.lp-contents .section2 .section__list1 {
margin: -9% 0 0;
}
.lp-contents .section2 .section__list1 .list {
margin: 0 0 4%;
padding: 0 5.1% 4%;
background: #fff;
}
.lp-contents .section2 .section__list1 .list__title1 {
margin: 0 0 5%;
}
.lp-contents .section2 .section__list1 .list__text1 {
margin: 0 0 6%;
}
.lp-contents .section2 .section__list1 .list__img1 {
margin: 0 0 5%;
}
.lp-contents .section2 .section__list1 .list__text2 {
text-align: right;
font-weight: bold;
margin: 0 0 3.5%;
}
.lp-contents .section2 .point1 {
background: #faefec;
padding: 4%;
}
.lp-contents .section2 .point1.maskLp {
background: #f4f4f4;
padding: 4%;
}
.lp-contents .section2 .point1 .point1__title1 {
margin: 0 0 3%;
}
.lp-contents .section2 .point1 .point1__text1 {
font-size: 22px;
margin: 0 4%;
}
.lp-contents .section2 .point1.maskLp .point1__text1 {
text-align: left;
}
.lp-contents .section2 .point1 em {
font-weight: bold;
color: #c02947;
font-style: normal;
}
.lp-contents .section2 .point1 strong {
font-weight: bold;
color: #c02947;
font-style: normal;
}
.lp-contents .section3 {
background: #d6ddda;
padding: 0 3.6% 3.8%;
margin: 0 0 6%;
}
.lp-contents .section3.section3_mask {
background: #d6ddda;
padding: 0 3.6% 3.8%;
margin: 0 0 0;
width: 950px;
}
.lp-contents .section3 .section__title {
margin: 0 -3.86%;
position: flex;
z-index: 1;
}
.lp-contents .section3 .section-inner1 {
background: #fff;
padding: 0 10%;
margin: -18.6% 0 0;
position: flex;
z-index: 2;
}
.lp-contents .section3 .section-inner1 .section__title1 {
margin: 0 -12.5% 7%;
}
.lp-contents .section3 .section-inner1 .separate1--vm {
display: table;
margin: 0 0 3%;
}
.lp-contents .section3 .section-inner1 .separate1--vm .img {
width: 22%;
vertical-align: middle;
display: table-cell;
}
.lp-contents .section3 .section-inner1 .separate1--vm .img .caption {
display: block;
text-align: center;
font-size: 12px;
margin: 5% 0 0;
}
.lp-contents .section3 .section-inner1 .separate1--vm .contents {
width: 78%;
padding: 0 0 0 4%;
vertical-align: middle;
display: table-cell;
font-size: 20px;
}
.lp-contents .section3 .section-inner1 .section__list1 .list .list__title {
margin: 0 0 5%;
}
.lp-contents .section3 .section-inner1 .section__list1 .separate2--not-sp {
margin: 0 0 7%;
}
.lp-contents .section3 .section-inner1 .section__list1 .separate2--not-sp::after {
content: "";
clear: both;
display: block;
}
.lp-contents .section3 .section-inner1 .section__list1 .separate2--not-sp .contents {
width: 73%;
}
.lp-contents .section3 .section-inner1 .section__list1 .separate2--not-sp .contents .text {
font-size: 20px;
}
.lp-contents .section3 .section-inner1 .section__list1 .separate2--not-sp .img {
width: 27%;
}
.lp-contents .section3 .section-inner1 .section__list1 .img-left .contents {
float: right;
padding: 0 0 0 3%;
}
.lp-contents .section3 .section-inner1 .section__list1 .img-left .img {
float: left;
}
.lp-contents .section3 .section-inner1 .section__list1 .img-right .contents {
float: left;
padding: 0 3% 0 0;
}
.lp-contents .section3 .section-inner1 .section__list1 .img-right .img {
float: right;
}
.lp-contents .section3 .section-inner1 .section__text1 {
margin: 8% 0 5%;
text-align: center;
}
.lp-contents .section3 .section-inner1 .section__title2 {
text-align: center;
margin: 0 0 5%;
}
.lp-contents .section3 .section-inner1 .history .history__title1 {
position: flex;
z-index: 2;
margin: 0 0 3% 25%;
}
.lp-contents .section3 .section-inner1 .history .history__text1 {
position: flex;
z-index: 2;
margin: 0 0 0 25%;
font-size: 20px;
}
.lp-contents .section3 .section-inner1 .history .history__img1 {
margin: -32% -12.5% 0;
padding: 60.22% 0 0;
position: flex;
z-index: 1;
}
.lp-contents .section3 .section-inner1 .history .history__img1 img {
position: absolute;
bottom: 0;
left: 0;
}
.section3_end { margin: -60px 0 80px 0;}
.lp-contents .section4 {
background: #f6f6f6;
padding: 6% 4% 5%;
margin: 0 0 6%;
}
.lp-contents .section4 .section__title {
text-align: center;
margin: 0 0 8%;
}
.lp-contents .section4 .section__list1 .list {
background: #fff;
margin: 0 0 4%;
padding: 0 0 5%;
}
.lp-contents .section4 .section__list1 .list .list__title1 {
margin: 0 0 2%;
}
.lp-contents .section4 .section__list1 .list .list__text1 {
margin: 0 6%;
font-size: 22px;
}
.lp-contents .section4 .section__list1 .list .list__text1 .name {
display: block;
text-align: right;
margin: 5% 0 0;
font-size: 16px;
}
.lp-contents .section4 .staff {
border: solid 10px #e7c2c9;
background: #fff;
padding: 5% 4%;
}
.lp-contents .section4 .staff.border_ore {
border: solid 10px #fcca91;
}
.lp-contents .section4 .staff .separate1--staff1 {
letter-spacing: -0.5em;
}
.lp-contents .section4 .staff .separate1--staff1 .separate__title1 {
margin: 0 0 2% 28%;
}
.lp-contents .section4 .staff .separate1--staff1 .img {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
width: 24%;
margin: -8% 0 0;
}
.lp-contents .section4 .staff .separate1--staff1 .img .caption {
font-size: 18px;
display: block;
text-align: center;
margin: 4% 0 0;
}
.lp-contents .section4 .staff .separate1--staff1 .contents {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
width: 72%;
margin: 0 0 0 4%;
}
.lp-contents .section4 .staff .separate1--staff1 .contents .text {
font-size: 22px;
}
.lp-contents .section5 { text-align: left;}
.lp-contents .section5 .section__title {
margin: 0 0 3%;
}
.lp-contents .section5 .section__text1 {
font-size: 20px;
margin: 0 2% 8%;
}
.lp-contents .section5 .separate3--about1 {
position: sticky;
padding: 4% 0 0;
margin: 0 0 8%;
}
.lp-contents .section5 .separate3--about1 .separate__title1 {
position: absolute;
top: 0;
left: 2%;
z-index: 2;
}
.lp-contents .section5 .separate3--about1 .separate__img1 {
position: relative;
padding: 85.68% 0 0;
z-index: 1;
}
.lp-contents .section5 .separate3--about1 .separate__img1 img {
position: absolute;
bottom: 0;
left: 0;
}
.lp-contents .section5 .separate3--about1 .separate__text1 {
position: absolute;
top: 25%;
left: 2%;
z-index: 2;
font-size: 21px;
width: 50%;
padding: 0;
}
.lp-contents .section5 .separate3--about2 {
margin: 0 0 6%;
}
.lp-contents .section5 .separate3--about2 .separate__title1 {
float: left;
margin: 0 0 2%;
}
.lp-contents .section5 .separate3--about2 .separate__img1 {
float: right;
}
.lp-contents .section5 .separate3--about2 .separate__text1 {
float: left;
padding: 0 3%;
width: 47.3%;
font-size: 20px;
}
.lp-contents .section5 .separate3--about2::after {
content: "";
clear: both;
display: block;
}
.lp-contents .section5 .separate3--about2-2 {
border: solid 1px #ccc;
padding: 5%;
text-align: center;
letter-spacing: -0.5em;
margin: 0 0 6%;
}
.lp-contents .section5 .separate3--about2-2 .separate__title1 {
margin: 0 0 5%;
}
.lp-contents .section5 .separate3--about2-2 .separate__img1 {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
}
.lp-contents .section5 .separate3--about2-2 .separate__img2 {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
}
.lp-contents .section5 .separate3--about3 {
margin: 0 0 9%;
}
.lp-contents .section5 .separate3--about3 .separate__title1 {
float: left;
margin: 0 0 3%;
}
.lp-contents .section5 .separate3--about3 .separate__img1 {
float: right;
}
.lp-contents .section5 .separate3--about3 .separate__text1 {
float: left;
width: 49.6%;
padding: 0 2% 0 5%;
font-size: 20px;
}
.lp-contents .section5 .separate3--about3::after {
content: "";
clear: both;
display: block;
}
.lp-contents .section6 {
padding: 0 4% 4%;
margin: 0 0 6%;
background: #dae0dd;
}
.lp-contents .section6 .section__title {
margin: 0 -4.3%;
}
.lp-contents .section6 .section-inner1 {
background: #fff;
padding: 0 8% 8%;
}
.lp-contents .section6 .section-inner1 .section__title1 {
margin: 0 -9.5% 5%;
}
.lp-contents .section6 .section-inner1 .section__text1 {
font-size: 18px;
}
.lp-contents .section6 .section-inner1 .separate2,
.lp-contents .section6 .section-inner1 .separate2--type1 {
margin: 0 0 8%;
}
.lp-contents .section6 .section-inner1 .separate2::after,
.lp-contents .section6 .section-inner1 .separate2--type1::after {
display: block;
content: "";
clear: both;
}
.lp-contents .section6 .section-inner1 .separate2 .img,
.lp-contents .section6 .section-inner1 .separate2--type1 .img {
width: 33%;
}
.lp-contents .section6 .section-inner1 .separate2 .contents,
.lp-contents .section6 .section-inner1 .separate2 .after,
.lp-contents .section6 .section-inner1 .separate2--type1 .contents,
.lp-contents .section6 .section-inner1 .separate2--type1 .after {
width: 63%;
}
.lp-contents .section6 .section-inner1 .separate2 .contents .text,
.lp-contents .section6 .section-inner1 .separate2 .after .text,
.lp-contents .section6 .section-inner1 .separate2--type1 .contents .text,
.lp-contents .section6 .section-inner1 .separate2--type1 .after .text {
font-size: 18px;
margin: 0 0 1%;
}
.lp-contents .section6 .section-inner1 .separate2 .after,
.lp-contents .section6 .section-inner1 .separate2--type1 .after {
font-size: 16px;
clear: both;
}
.lp-contents .section6 .section-inner1 .separate2--type1 .img {
width: 46%;
margin: 5% 0 0;
}
.lp-contents .section6 .section-inner1 .separate2--type1 .contents,
.lp-contents .section6 .section-inner1 .separate2--type1 .after {
width: 50%;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .img {
float: left;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .contents,
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .after {
float: right;
margin: 0 0 0 4%;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .img {
float: right;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .contents,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .after {
float: left;
margin: 0 4% 0 0;
}
.lp-contents .section6 .section-inner1 .img-left .fright {
float: right;
margin: 0 0 0 4%;
}
.lp-contents .section6 .section-inner1 .img-right .fleft {
float: left;
margin: 0 4% 0 0;
}
.lp-contents .section6 .section-inner1 .after__list {
letter-spacing: -0.5em;
margin: -5% 0 8% -5%;
font-size: 16px;
}
.lp-contents .section6 .section-inner1 .after__list .list {
display: inline-block;
vertical-align: top;
padding: 0 0 0 5%;
letter-spacing: normal;
}
.lp-contents .section6 .section-inner1 .section__title2 {
margin: 0 0 5%;
}
.lp-contents .section7 {
background: #faefec;
padding: 10% 4% 4%;
margin: 0 0 8%;
}
.lp-contents .section7 .section__title {
margin: 0 -4% 5%;
}
.lp-contents .section7 .section-inner1 {
background: #fff;
padding: 8% 10%;
}
.lp-contents .section7 .section-inner1 .section__title1 {
margin: 0 0 5%;
text-align: center;
}
.lp-contents .section7 .section-inner1 .section__text1 {
font-size: 18px;
margin: 0 3% 5%;
}
.lp-contents .section7 .section-inner1 .separate1 {
padding: 0 2%;
}
.lp-contents .section7 .section-inner1 .separate1 .img {
width: 35%;
vertical-align: middle;
text-align: center;
}
.lp-contents .section7 .section-inner1 .separate1 .img .caption {
display: block;
font-size: 12px;
margin: 5% 0 0;
}
.lp-contents .section7 .section-inner1 .separate1 .img .caption .name {
display: block;
font-size: 24px;
}
.lp-contents .section7 .section-inner1 .separate1 .contents {
display: inline-block;
letter-spacing: normal;
width: 65%;
vertical-align: middle;
}
.lp-contents .section7 .section-inner1 .separate1 .contents .text {
font-size: 16px;
}
.proDetailLp01 .section8 {
padding: 0 5.5%;
margin: 0 0 10%;
}
.proDetailLp01 .section8 .section__title {
margin: 0 0 6%;
}
.proDetailLp01 .section8 .section__dlist1 {
border-top: solid 2px #a7a7a7;
padding: 0 0 4%;
text-align: center;
}
.proDetailLp01 .section8 .section__dlist--title {
margin: 0 0 2%;
padding: 5% 0 0;
}
.proDetailLp01 .section8 .section__dlist--contents {
border-bottom: solid 2px #a7a7a7;
padding: 0 0 5%;
}
.proDetailLp01 .section8 .section__dlist--contents .answer {
margin: 0 0 2%;
}
.proDetailLp01 .section8 .section__dlist--contents .text {
font-size: 17px;
text-align: left;
margin: 0 6%;
line-height: 2.2;
}
.proDetailLp01 .section-spec {
padding: 0 2%;
margin: 0 0 10%;
}
.proDetailLp01 .section-spec .section__title {
text-align: center;
padding: 1%;
line-height: 1;
font-size: 24px;
border: solid 1px #595959;
margin: 0 0 3%;
}
.proDetailLp01 .section-spec .spec-color {
border-collapse: collapse;
text-align: center;
margin: 0 0 6%;
}
.proDetailLp01 .section-spec .spec-color th,
.proDetailLp01 .section-spec .spec-color td {
width: 25%;
padding: 3%;
line-height: 1;
font-size: 24px;
border: solid 2px #a6a6a6;
font-weight: normal;
}
.casualsocks .proDetailLp01 .section-spec .spec-color { width: 100%;}
.casualsocks .proDetailLp01 .section-spec .spec-color th,
.casualsocks .proDetailLp01 .section-spec .spec-color td {
width: 20%;
padding: 3%;
line-height: 1;
font-size: 24px;
border: solid 2px #a6a6a6;
font-weight: normal;
}
.proDetailLp01 .section-spec .spec-color th .color-mark,
.proDetailLp01 .section-spec .spec-color td .color-mark {
font-size: 70px;
display: block;
margin: -4% 0;
}
.proDetailLp01 .section-spec .spec-color th .color-a38885,
.proDetailLp01 .section-spec .spec-color td .color-a38885 {
color: #a38885;
}
.proDetailLp01 .section-spec .spec-color th .color-444444,
.proDetailLp01 .section-spec .spec-color td .color-444444 {
color: #444444;
}
.proDetailLp01 .section-spec .spec-color th .color-gray,
.proDetailLp01 .section-spec .spec-color td .color-gray {
color: #5c5f67;
}
.proDetailLp01 .section-spec .spec-color th .color-braun,
.proDetailLp01 .section-spec .spec-color td .color-braun {
color: #9b847e;
}
.proDetailLp01 .section-spec .spec-color th .color-navy,
.proDetailLp01 .section-spec .spec-color td .color-navy {
color: #090e43;
}
.proDetailLp01 .section-spec .spec-color th .color-black,
.proDetailLp01 .section-spec .spec-color td .color-black {
color: #000;
}
.proDetailLp01 .section-spec .spec-color th .color-pink,
.proDetailLp01 .section-spec .spec-color td .color-pink {
color: #fcede8;
}
.proDetailLp01 .section-spec .spec-color th .color-bege,
.proDetailLp01 .section-spec .spec-color td .color-bege {
color: #e8d6ba;
}
.proDetailLp01 .section-spec .spec-color th .color-bege2,
.proDetailLp01 .section-spec .spec-color td .color-bege2 {
color: #afaca0;
}
.proDetailLp01 .section-spec .spec-size {
border-collapse: collapse;
text-align: center;
margin: 0 0 6%;
width: 100%;
}
.proDetailLp01 .section-spec .spec-size th,
.proDetailLp01 .section-spec .spec-size td {
border: solid 5px #fff;
width: 50%;
font-size: 24px;
font-weight: normal;
padding: 2%;
line-height: 1;
}
.proDetailLp01 .section-spec .spec-size.line3 th,
.proDetailLp01 .section-spec .spec-size.line3 td {
width: 33%;
}
.proDetailLp01 .section-spec .spec-size.line4 th,
.proDetailLp01 .section-spec .spec-size.line4 td {
width: 21%;
}
.proDetailLp01 .section-spec .spec-size th {
background: #faefec;
border-bottom-width: 10px;
}
.proDetailLp01 .section-spec .spec-size td {
background: #f4f4f4;
}
.proDetailLp01 .section-spec .spec-material {
background: #f7f7f7;
padding: 4.6% 6%;
text-align: center;
}
.proDetailLp01 .section-spec .spec-material .text {
margin: 0 0 7%;
font-size: 24px;
}
.proDetailLp01 .section-spec .spec-material .text:last-child {
margin-bottom: 0;
}
.mask-color01 { border: 5px solid #d1dcdf; width: 850px; margin: 20px 25px; padding: 40px;}
.mask-color01.mask-color02 { border: 5px solid #dfd0db; width: 850px; margin: 10px 25px 50px; padding: 40px;}
.mask-color01 img { float: right; margin: 0;}
.mask-color01 .mask_sizeBox { float: left; width: 280px; font-size: 150%; margin: 20px 0 0 10px;}
.mask-color01.mask-color02 .mask_sizeBox { margin: 35px 0 0 10px; }
.mask-color01 div .size_ttl{ font-weight: bold; font-size: 110%; margin: 0 0 10px 0; text-align: center;}
.proDetailLp01 .section9 .section__title {
margin: 0 0 8%;
}
.proDetailLp01 .section9 .lineup__list1 {
letter-spacing: -0.5em;
margin: 0 0 5% -2.5%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup {
display: inline-block;
width: 33.3%;
vertical-align: top;
padding: 0 0 0 2.5%;
margin: 0 0 5%;
letter-spacing: normal;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .link {
display: block;
text-decoration: none;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .img {
margin: 0 0 4%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .img .img-element {
width: 100%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .point {
letter-spacing: -0.5em;
margin: 0 0 0 -2%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .point .list {
display: inline-block;
vertical-align: top;
padding: 0 0 0 2%;
margin: 0 0 3%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .text {
font-size: 16px;
font-weight: bold;
color: #ff7502;
margin: 0 0 2%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .name,
.proDetailLp01 .section9 .lineup__list1 .lineup .price {
color: #363636;
font-weight: bold;
font-size: 24px;
line-height: 1.4;
margin: 0 0 2%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .name .sub,
.proDetailLp01 .section9 .lineup__list1 .lineup .price .sub {
font-size: 14px;
font-weight: normal;
display: inline-block;
margin: 0 1%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .name .tax,
.proDetailLp01 .section9 .lineup__list1 .lineup .price .tax {
font-size: 20px;
font-weight: normal;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .price {
margin-left: -1%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .outline {
margin: 2% 0 0;
font-size: 16px;
}
.proDetailLp01 .section10 {
padding: 0 7.4%;
margin: 0 0 8%;
text-align: left;
}
.proDetailLp01 .section10 .section__title {
margin: 0 0 10%;
text-align: center;
}
.proDetailLp01 .section10 .separate2 {
margin: 0 0 5%;
}
.proDetailLp01 .section10 .separate2 .contents {
width: 56%;
margin: -3% 0 0;
}
.proDetailLp01 .section10 .separate2 .contents .text {
font-size: 18px;
margin: 0 0 6%;
line-height: 1.8;
}
.proDetailLp01 .section10 .separate2 .img {
width: 40%;
}
.proDetailLp01 .section10 .separate2 .img .caption {
display: block;
text-align: center;
margin: 4% 0 0;
}
.proDetailLp01 .section10 .img-right .contents {
margin-right: 4%;
}
.proDetailLp01 .section10 .section__list1 {
letter-spacing: -0.5em;
margin: -5% 0 0 -5%;
padding: 0 3%;
}
.proDetailLp01 .section10 .section__list1_casual {
letter-spacing: -0.5em;
margin: 0 0 0 -5%!important;
padding: 0 3%;
}
.proDetailLp01 .section10 .section__list1 .list {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 0 0 5%;
margin: 0 0 4%;
letter-spacing: normal;
}
.proDetailLp01 .section10 .section__list1 .list .img {
margin: 0 0 4%;
}
.proDetailLp01 .section10 .section__list1 .list .text {
font-size: 18px;
}
.proDetailLp01 .add-contents__img1 {
text-align: center;
margin: 0 0 8%;
}
.proDetailLp01 .btn1--cart {
text-align: center;
margin: 0 0 7%;
}
.proDetailLp01 .link-element {
position: relative;
display: inline-block;
}
.proDetailLp01 .link-element::after {
display: inline-block;
width: 100%;
height: 1px;
content: "";
position: absolute;
left: 0;
bottom: 0;
margin: 1% 0 0;
border-bottom: solid 2px #444;
}
.proDetailLp01 .link-element:hover,
.proDetailLp01 .link-element :focus {
opacity: 0.7;
}
.proDetailLp01 .link-element:hover::after,
.proDetailLp01 .link-element :focus::after {
border: none;
}
.proDetailLp01 .textlink {
padding: 0 0 0 1.2em;
text-decoration: none;
}
.proDetailLp01 .textlink::before {
content: "＞";
position: absolute;
margin: 0 0 0 -1.2em;
}
.proDetailLp01 .textlink::after {
content: none;
}
.proDetailLp01 .textlink:hover,
.proDetailLp01 .textlink :focus {
text-decoration: underline;
}
.proDetailLp01 .separate1 {
letter-spacing: -0.5em;
}
.proDetailLp01 .separate1 .img,
.proDetailLp01 .separate1 .contents {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
}
.proDetailLp01 .separate2::after {
content: "";
display: block;
clear: both;
}
.proDetailLp01 .separate2.img-left .img {
float: left;
}
.proDetailLp01 .separate2.img-left .contents {
float: right;
}
.proDetailLp01 .separate2.img-right .img {
float: right;
}
.proDetailLp01 .separate2.img-right .contents {
float: left;
}
.add-cart_bgGray { background-color: #f6f6f6; padding: 70px 0 60px;}
.add-cart_bgGray .btn1--cart {margin: 0 0 10%;}
.lp-contents .section7-1 {
background: #E4A3B0;
margin: 8% 0 8%;
padding-bottom:1%;
}
.lp-contents .section7 .section__title {
margin: 0;
}
.lp-contents .section7-1 .section-inner1 {
background: #fff;
padding: 8% 5%;
margin: -1% 1% 0%;
}
.lp-contents .section7-1 .section-inner1 .section__title1 {
margin: 0 0 5%;
text-align: center;
}
.lp-contents .section7-1 .section-inner1 .section__text1 em {
font-weight: bold;
color: #c02947;
font-style: normal;
}
.lp-contents .section7-1 .section-inner1 .section__text1 {
font-size: 18px;
margin: 0 3% 5%;
}
.lp-contents .section7-1 .section-inner1 .separate1 {
padding: 0 2%;
}
.lp-contents .section7-1 .section-inner1 .separate1 .img {
width: 35%;
vertical-align: middle;
text-align: center;
}
.lp-contents .section7-1 .section-inner1 .separate1 .img .caption {
display: block;
font-size: 12px;
margin: 5% 0 0;
}
.lp-contents .section7-1 .section-inner1 .separate1 .img .caption .name {
display: block;
font-size: 20px;
}
.lp-contents .section7-1 .section-inner1 .separate1 .contents {
display: inline-block;
letter-spacing: normal;
width: 65%;
vertical-align: middle;
}
.lp-contents .section7-1 .section-inner1 .separate1 .contents .text {
font-size: 16px;
}
.lp-contents .section2-2 {
background: #f6f6f6;
padding: 0 3.68% 0.4%;
margin: 0 0;
}
.lp-contents .section2-2 .section__title {
margin: 0 -3.9%;
position: relative;
z-index: 1;
}
.lp-contents .section2-2 .section__list1 {
margin: -9% 0 -10%;
position: relative;
z-index: 2;
}
.lp-contents .section2-2 .section__list1 .list {
margin: 0 0 4%;
padding: 0 5.1% 4%;
background: #fff;
}
.lp-contents .section2-2 .section__list1 .list__title1 {
margin: 0 0 5%;
}
.lp-contents .section2-2 .section__list1 .list__text1 {
margin: 0 0 6%;
}
.lp-contents .section2-2 .section__list1 .list__img1 {
margin: 0 0 5%;
}
.lp-contents .section2-2 .section__list1 .list__text2 {
text-align: right;
font-weight: bold;
margin: 0 0 3.5%;
}
.lp-contents .section2-2 .point1 {
background: #faefec;
padding: 4%;
}
.lp-contents .section2-2 .point1.maskLp {
background: #f4f4f4;
padding: 4%;
}
.lp-contents .section2-2 .point1 .point1__title1 {
margin: 0 0 3%;
}
.lp-contents .section2-2 .point1 .point1__text1 {
font-size: 22px;
margin: 0 4%;
}
.lp-contents .section2-2 .point1.maskLp .point1__text1 {
text-align: left;
}
.lp-contents .section2-2 .point1 em {
font-weight: bold;
color: #c02947;
font-style: normal;
}
/* .lp-contents .section2-2 .point1 .point1__text1 {
font-size: 11px;
}
*/
.lp-contents .section2-2 .point1 strong {
font-weight: bold;
color: #c02947;
font-style: normal;
}
.section-spec p.size-osusume{
margin:0 0 50px 0;text-align:center;color:#c02947;font-weight: bold;font-size:2.5rem;
}
@media screen and (max-width: 767px) {
.section-spec p.size-osusume{
margin:0 0 20px 0;text-align:center;color:#c02947;font-weight: bold;font-size:1.1rem;
}
.lp-contents, .proDetailLp01 {
margin: 0 -25px;
}
.lp-contents .visual, .proDetailLp01 .visual {
margin-bottom: 10%;
}
.lp-contents .section1 .section__title1 {
margin-bottom: 10%;
}
.lp-contents .section1 .section__list1 {
margin-bottom: 6%;
}
.lp-contents .section1 .section__list1 .list {
margin-bottom: 4%;
}
.lp-contents .section1 .section__text1 {
margin: 0 4.2% 5%;
}
.lp-contents .section1 .section__title2 {
margin: 0 4.2% 5%;
}
.lp-contents .section1 .section__movie1 {
margin: 0 4.2% 5%;
}
.lp-contents .section2 {
padding-bottom: 1%;
}
.lp-contents .section2 .section__list1 {
margin-top: 0;
}
.lp-contents .section2 .section__list1 .list {
padding-left: 4.6%;
padding-right: 4.6%;
margin-bottom: 5%;
}
.lp-contents .section2 .section__list1 .list .list__text1 {
margin-bottom: 8%;
}
.lp-contents .section2 .section__list1 .list .list__text2 {
font-size: 10px;
text-align: left;
}
.lp-contents .section2 .point1 {
padding: 5% 4%;
}
.lp-contents .section2 .point1 .point1__text1 {
font-size: 11px;
}
.lp-contents .section3 {
padding: 0;
}
.lp-contents .section3 .section__title {
margin: 0;
}
.lp-contents .section3 .section-inner1 {
margin-top: 0;
padding-left: 8%;
padding-right: 8%;
}
.lp-contents .section3 .section-inner1 .section__title1 {
margin-left: -9.4%;
margin-right: -9.4%;
}
.lp-contents .section3 .section-inner1 .separate1--vm {
margin-bottom: 8%;
}
.lp-contents .section3 .section-inner1 .separate1--vm .img {
vertical-align: top;
}
.lp-contents .section3 .section-inner1 .separate1--vm .img .caption {
font-size: 10px;
margin-top: 6%;
}
.lp-contents .section3 .section-inner1 .separate1--vm .contents {
vertical-align: top;
font-size: 10px;
}
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-right,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-left {
margin-bottom: 7%;
}
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-right .img,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-right .contents,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-left .img,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-left .contents {
width: 100%;
float: none;
padding: 0;
}
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-right .img .text,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-right .contents .text,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-left .img .text,
.lp-contents .section3 .section-inner1 .separate2--not-sp.img-left .contents .text {
font-size: 10px;
margin-bottom: 5%;
}
.lp-contents .section3 .section-inner1 .history .history__title1 {
margin: 0 0 7%;
}
.lp-contents .section3 .section-inner1 .history .history__text1 {
font-size: 10px;
margin: 0 0 8%;
}
.lp-contents .section3 .section-inner1 .history .history__img1 {
margin: 0;
padding: 0;
}
.lp-contents .section3 .section-inner1 .history .history__img1 .spCont {
position: static;
}
.lp-contents .section4 {
padding-bottom: 6%;
}
.lp-contents .section4 .section__list1 .list {
margin-bottom: 6%;
}
.lp-contents .section4 .section__list1 .list .list__title1 {
margin-bottom: 4%;
}
.lp-contents .section4 .section__list1 .list .list__text1 {
margin: 0 8%;
font-size: 12px;
}
.lp-contents .section4 .section__list1 .list .list__text1 .name {
font-size: 11px;
margin-top: 3%;
}
.lp-contents .section4 .staff {
border-width: 5px;
padding-left: 3%;
padding-right: 3%;
}
.lp-contents .section4 .staff .separate1--staff1 .separate__title1 {
margin: 0 0 5%;
}
.lp-contents .section4 .staff .separate1--staff1 .img {
margin-top: 0;
}
.lp-contents .section4 .staff .separate1--staff1 .img .caption {
font-size: 10px;
}
.lp-contents .section4 .staff .separate1--staff1 .contents .text {
font-size: 12px;
}
.lp-contents .section5 .section__title {
margin: 0 4% 5%;
}
.lp-contents .section5 .section__text1 {
font-size: 11px;
margin: 0 4.2% 5%;
}
.lp-contents .section5 .separate3--about1 {
padding-top: 0;
margin-left: 4.2%;
margin-right: 4.2%;
}
.lp-contents .section5 .separate3--about1 .separate__title1 {
position: static;
}
.lp-contents .section5 .separate3--about1 .separate__img1 {
padding-top: 0;
margin: 0 -4.5%;
}
.lp-contents .section5 .separate3--about1 .separate__img1 picture {
position: static;
}
.lp-contents .section5 .separate3--about1 .separate__text1 {
position: relative;
z-index: 3;
font-size: 11px;
margin: -12% 2% 5%;
left: 0;
width: auto;
text-align: left;
}
.lp-contents .section5 .separate3--about2 {
margin-left: 4.2%;
margin-right: 4.2%;
}
.lp-contents .section5 .separate3--about2 .separate__title1 {
float: none;
margin-bottom: 5%;
}
.lp-contents .section5 .separate3--about2 .separate__img1 {
float: none;
margin-bottom: 5%;
}
.lp-contents .section5 .separate3--about2 .separate__text1 {
width: auto;
font-size: 11px;
text-align: left;
}
.lp-contents .section5 .separate3--about2-2 {
margin: 0 4.2% 8%;
padding: 6% 6.5%;
}
.lp-contents .section5 .separate3--about2-2 .separate__img1 {
margin-bottom: 7%;
}
.lp-contents .section5 .separate3--about3 {
margin: 0 4.2% 10%;
}
.lp-contents .section5 .separate3--about3 .separate__img1 {
float: none;
margin-bottom: 5%;
}
.lp-contents .section5 .separate3--about3 .separate__text1 {
width: auto;
float: none;
font-size: 11px;
margin: 0;
}
.lp-contents .section6 {
padding: 0;
margin-bottom: 10%;
}
.lp-contents .section6 .section__title {
margin: 0;
}
.lp-contents .section6 .section-inner1 {
padding: 0 8%;
}
.lp-contents .section6 .section-inner1 .section__title1 {
margin-left: -9.4%;
margin-right: -9.4%;
}
.lp-contents .section6 .section-inner1 .section__text1 {
font-size: 10px;
}
.lp-contents .section6 .section-inner1 .separate2 .img,
.lp-contents .section6 .section-inner1 .separate2 .contents {
width: auto;
margin-bottom: 4%;
}
.lp-contents .section6 .section-inner1 .separate2 .img .text,
.lp-contents .section6 .section-inner1 .separate2 .contents .text {
font-size: 11px;
}
.lp-contents .section6 .section-inner1 .separate2 .after {
font-size: 11px;
}
.lp-contents .section6 .section-inner1 .img-left .fleft,
.lp-contents .section6 .section-inner1 .img-left .fright,
.lp-contents .section6 .section-inner1 .img-right .fleft,
.lp-contents .section6 .section-inner1 .img-right .fright {
float: none;
margin: 0;
width: auto;
}
.lp-contents .section6 .section-inner1 .after__list {
font-size: 11px;
letter-spacing: normal;
margin: -2% 0 7%;
}
.lp-contents .section6 .section-inner1 .after__list .list {
display: block;
padding: 0;
margin-bottom: 1%;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-left,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right {
margin-bottom: 5%;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .img,
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .contents,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .img,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .contents {
width: auto;
margin: 0 0 4%;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .img .text,
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .contents .text,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .img .text,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .contents .text {
font-size: 11px;
}
.lp-contents .section6 .section-inner1 .separate2--type1.img-left .after,
.lp-contents .section6 .section-inner1 .separate2--type1.img-right .after {
font-size: 11px;
}
.lp-contents .section6 .section-inner1 .section__img1 {
margin: 0 -9.5%;
}
.lp-contents .separate2.img-left .img,
.lp-contents .separate2.img-left .contents,
.lp-contents .separate2.img-right .img,
.lp-contents .separate2.img-right .contents {
width: auto;
float: none;
}
.lp-contents .section7 {
padding: 10% 0 0;
}
.lp-contents .section7 .section__title {
margin: 0 0 8%;
padding: 0 4.7%;
}
.lp-contents .section7 .section-inner1 {
padding: 10% 4.7% 0;
margin-bottom: 8%;
}
.lp-contents .section7 .section-inner1 .section__text1 {
font-size: 11px;
}
.lp-contents .section7 .section-inner1 .separate1 {
padding-left: 0;
padding-right: 0;
}
.lp-contents .section7 .section-inner1 .separate1 .img {
width: 30%;
padding: 0 3%;
}
.lp-contents .section7 .section-inner1 .separate1 .img .caption {
margin-left: -5%;
margin-right: -5%;
font-size: 10px;
}
.lp-contents .section7 .section-inner1 .separate1 .img .caption .name {
font-size: 12px;
}
.lp-contents .section7 .section-inner1 .separate1 .contents {
width: 70%;
}
.lp-contents .section7 .section-inner1 .separate1 .contents .text {
font-size: 11px;
}
.proDetailLp01 .section8 {
padding-left: 4%;
padding-right: 4%;
}
.proDetailLp01 .section8 .section__dlist1 {
margin-left: -3%;
margin-right: -3%;
padding: 0 1%;
border-top-width: 1px;
}
.proDetailLp01 .section8 .section__dlist1 .section__dlist--title {
padding-top: 7%;
}
.proDetailLp01 .section8 .section__dlist1 .section__dlist--contents {
border-bottom-width: 1px;
padding-bottom: 7%;
}
.proDetailLp01 .section8 .section__dlist1 .section__dlist--contents .answer {
margin-bottom: 3%;
}
.proDetailLp01 .section8 .section__dlist1 .section__dlist--contents .text {
font-size: 11px;
margin-left: 2%;
margin-right: 2%;
line-height: 1.6;
}
.proDetailLp01 .section-spec {
padding-left: 4.2%;
padding-right: 4.2%;
}
.proDetailLp01 .section-spec .section__title {
font-size: 12px;
font-weight: normal;
}
.casualsocks .proDetailLp01 .section-spec .spec-color { width: 100%;}
.casualsocks .proDetailLp01 .section-spec .spec-color th,
.casualsocks .proDetailLp01 .section-spec .spec-color td {
width: 20%;
padding: 3%;
line-height: 1;
font-size: 11px;
border: solid 2px #a6a6a6;
font-weight: normal;
}
.proDetailLp01 .section-spec .spec-color {
margin-bottom: 6%;
}
.proDetailLp01 .section-spec .spec-color th,
.proDetailLp01 .section-spec .spec-color td {
font-size: 10px;
border-width: 1px;
}
.proDetailLp01 .section-spec .spec-color th .color-mark,
.proDetailLp01 .section-spec .spec-color td .color-mark {
font-size: 24px;
}
.proDetailLp01 .section-spec .spec-size {
margin-bottom: 6%;
}
.proDetailLp01 .section-spec .spec-size th,
.proDetailLp01 .section-spec .spec-size td {
font-size: 11px;
border-width: 3px;
}
.proDetailLp01 .section-spec .spec-size th {
border-bottom-width: 6px;
}
.proDetailLp01 .section-spec .spec-material {
padding-left: 2%;
padding-right: 2%;
}
.proDetailLp01 .section-spec .spec-material .text {
font-size: 10px;
margin-bottom: 5%;
}
.proDetailLp01 .section9 .section__title {
margin-left: 5.4%;
margin-right: 5.4%;
}
.proDetailLp01 .section9 .lineup__list1 {
padding: 0 7%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup {
width: 50%;
margin-bottom: 6%;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .point::after {
clear: both;
content: "";
display: block;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .point .list {
float: left;
display: block;
height: 12px;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .point .img-element {
height: 12px;
vertical-align: top;
width: auto;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .text {
font-size: 10px;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .name {
font-size: 13px;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .price {
font-size: 13px;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .price .sub {
font-size: 10px;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .price .tax {
font-size: 12px;
}
.proDetailLp01 .section9 .lineup__list1 .lineup .outline {
font-size: 10px;
}
.proDetailLp01 .section10 {
padding-left: 4.2%;
padding-right: 4.2%;
}
.proDetailLp01 .section10 .separate2 {
margin-bottom: 8%;
}
.proDetailLp01 .section10 .separate2 .img {
margin-left: 7%;
margin-right: 7%;
}
.proDetailLp01 .section10 .separate2 .img .caption {
font-size: 10px;
margin-top: 3%;
text-align: left;
}
.proDetailLp01 .section10 .separate2 .contents .text {
font-size: 11px;
line-height: 1.6;
text-align: left;
}
.proDetailLp01 .section10 .section__list1 {
margin-top: -1%;
}
.proDetailLp01 .section10 .section__list1 .list .text {
font-size: 10px;
line-height: 1.6;
text-align: left;
}
.proDetailLp01 .btn1--cart {
margin-left: 4.2%;
margin-right: 4.2%;
}
.proDetailLp01 .add-contents__img1 {
padding-left: 8%;
padding-right: 8%;
}
.proDetailLp01 .img-element {
width: 100%;
}
.proDetailLp01 .link-element::after {
border-bottom-width: 1px;
}
.proDetailLp01 .sp-none {
display: none;
}
.add-cart_bgGray { background-color: #f6f6f6; padding: 30px 0 2px;}
.add-cart_bgGray .btn1--cart {margin: 0 5% 10%;}
.section3_mask h3 img{ margin-bottom: 30px;}
.lp-contents .section3.section3_mask .section-inner1 .separate2--not-sp.img-right .img,
.lp-contents .section3.section3_mask .section-inner1 .separate2--not-sp.img-left .img {
width: 100%;
float: none;
padding: 0 0 20px 0;
}
.section3_end { margin: 0 0 40px 0;}
.lp-contents .section3.section3_mask {
background: #d6ddda;
padding: 0 0 0;
margin: 0 0 0;
width: 100%;
}
.mask-color01 { border: 5px solid #d1dcdf; width: 100%; margin: 20px 0; padding: 3%;}
.mask-color01.mask-color02 { border: 5px solid #dfd0db; width: 100%; margin: 10px 0 30px; padding: 3%;}
.mask-color01 img { float: none; margin: 10px 0 0 0;}
.mask-color01 .mask_sizeBox { float: left; width: 100%; font-size: 120%; margin: 15px 0 0 5px;}
.mask-color01.mask-color02 .mask_sizeBox { margin: 15px 0 10px 5px; }
.mask-color01 div .size_ttl{ font-weight: bold; font-size: 110%; margin: 0 0 10px 0; text-align: center;}
.lp-contents .section5 .separate3--about1 .separate__img1 img {
position: relative;
bottom: 0;
left: 0;
}
/* 石原先生 コラム関連*/
.lp-contents .section2-2 .point1 .point1__text1 {
font-size: 11px;
}
.lp-contents .section7-1 .section-inner1 .separate1 .contents .text {
font-size: 11px;
padding: 0 0 0 10px;
}
.lp-contents .section7-1 .section-inner1 .separate1 .img .caption .name {
display: block;
font-size: 14px;
}
.lp-contents .section7-1 .section-inner1 .section__text1 {
font-size: 12px;
margin: 0 3% 5%;
}
}
@media screen and (max-width: 767px) {
.main .topBox .lBox .arrowUl .next {
z-index: unset;
}
.main .topBox .lBox .arrowUl .prev {
z-index: unset;
}
}
.dl_mat_01 { width: 750px; margin: 20px auto; text-align: right;}
.dl_mat_01 li { margin: 3px 0;}
.dl_mat_01 a { text-decoration: underline!important;}
.dl_mat_01 a:hover { text-decoration: none!important;}
@media screen and (max-width: 767px) {
.dl_mat_01 { width: 94%; margin: 20px 3%; text-align: right;}
}