@charset "UTF-8";

/* ----------------------------------
 Retail Business
---------------------------------- */
.only-sp { display: none !important;}

#company_header .block-company-header-menu-list li.info::before { width: 80%; left: 10%;}
#company_header .block-company-header-menu-list li.info a { color: #CD0000;}

#companyinfo_nav .companyinfo-box ul .nav-item.business { background-color: #F2F2F2;}
#companyinfo_nav .companyinfo-box ul .nav-item.business .retail-b a { font-weight: 600; color: #CD0000;}
#companyinfo_nav .companyinfo-box ul .nav-item04 .retail-b a::before { border-right: 1px solid #CD0000; border-top: 1px solid #CD0000;}

#business_retail .page-ttl-block { margin-bottom: 35px;}
#business_retail h1.page-ttl { padding: 5px 0 10px; margin: 0 0 40px 0; font-size: 22px; font-weight: bold; font-family: "Open Sans", sans-serif; text-align: center; letter-spacing: 0.08em; color: #CD0000; position: relative;}
#business_retail h1.page-ttl:after { content: ""; width: 48px; height: 2px; display: block; position: absolute; bottom: 0; left: calc(50% - 24px); background: #CD0000;}
#business_retail .page-ttl-block .page-sttl { padding: 7px 0 7px 20px; border-left: 4px solid #CD0000; border-bottom: 1px solid #e6e6e6; line-height: 1.8; font-size: 20px; font-weight: bold;}
#business_retail .box01 { margin-bottom: 70px;}
#business_retail .box01 .ttl { margin-bottom: 15px; font-size: 16px; font-weight: bold;}
#business_retail .box01 .txt { font-size: 14px; line-height: 2.0; color: #555;}
#business_retail .box02 ul li { padding: 50px 0 80px; position: relative;}
#business_retail .box02 ul li .photo { padding: 1px; border: 1px solid #D9D8D8; position: absolute; top: 0;}
#business_retail .box02 ul li .photo img { vertical-align: top;}
#business_retail .box02 ul li .detail { width: 650px; padding: 0 0 20px; margin: 0 0 0 auto; border: 1px solid #D9D8D8; background: #fff; box-sizing: border-box; position: relative;}
#business_retail .box02 ul li .detail .detail-in { padding: 40px 40px 20px; font-size: 14px; color: #555;}
#business_retail .box02 ul li .detail .detail-in .brand-name { margin-bottom: 30px; position: relative;}
#business_retail .box02 ul li .detail .detail-in .brand-name .name { position: absolute; right: 0; bottom: -2px; line-height: 1.1;}
#business_retail .box02 ul li .detail .detail-in .caption { margin-bottom: 20px; line-height: 1.1; font-weight: bold;}
#business_retail .box02 ul li .detail .detail-in .txt01 { line-height: 2.0;}
#business_retail .box02 ul li .detail .detail-in .txt02 { padding-top: 25px; line-height: 2.0;}
#business_retail .box02 ul li .detail .btn { width: 200px; margin: 0 20px 0 auto;}
#business_retail .box02 ul li .detail .btn a { padding: 15px 0; border-radius: 30px; font-size: 12px; font-weight: bold; line-height: 1.0; text-align: center; color: #FFF; display: block; background: #CD0000; transition: 0.3s;}
#business_retail .box02 ul li .detail .btn a:hover { text-decoration: none; background: #a7001e;}