@charset "Shift_JIS"; /* PC版 */ #contentBody #SR, #mainContents #SR {width: 440px; margin: 40px 0 0; line-height: 19px; background-color: #fef8fc; padding: 30px;} #contentBody #SR p, #mainContents #SR p {margin:10px 0 0 0; padding:0; font-size: 14px;} #contentBody #SR .pcttl, #mainContents #SR .pcttl {display:none;} #contentBody #SR .spttl, #mainContents #SR .spttl {background-image: url(/pc/images/sp/staffreview/staffreview.png); background-repeat: no-repeat; text-indent: 33px; font-size: 18px; font-weight: bold; line-height: 20px;} #contentBody #SR .rv, #mainContents #SR .rv {padding:0; margin-top: 15px;} #contentBody #SR .pink, #mainContents #SR .pink {font-size:18px; font-weight:bold; color:#e4007f; margin-bottom:-4px} #contentBody #SR .rvL, #mainContents #SR .rvL {margin-top:15px; float:left; position:relative;} #contentBody #SR .rvL img, #mainContents #SR .rvL img {width:138px; height:184px; margin-right:20px; cursor:hand; cursor:pointer; border:solid 1px #ddd;} #contentBody #SR .zoom, #mainContents #SR .zoom {background-image:url("/pc/images/sp/staffreview/zoom_wh.png"); width:42px; height:14px; position:absolute; left:5px; bottom:5px; z-index:1;} #contentBody #SR .rvR, #mainContents #SR .rvR {float:left; width:280px; margin-top:15px;} #contentBody #SR .body, #mainContents #SR .body {font-size:12px; margin-bottom:0; margin-top:10px;} #contentBody #SR .body:first-child, #mainContents #SR .body:first-child {margin-top:0;} #contentBody #SR .st, #mainContents #SR .st {font-size:16px; line-height:30px; margin:0; display: inline-block;} #contentBody #SR .chart, #mainContents #SR .chart {letter-spacing:-0.5em; display: inline-block;} #contentBody #SR .chart p, #mainContents #SR .chart p {letter-spacing:normal; text-align:center; width:64px; height:28px; display:inline-block; border:solid 1px #ddd; line-height:28px; background:#fff; margin:0 0 0 5px; vertical-align:middle;} #contentBody #SR .chart b, #mainContents #SR .chart b {letter-spacing:normal; text-align:center; width:66px; height:30px; display:inline-block; line-height:30px; background:#f17fbf; color:#ffffff; font-weight:normal; margin:0 0 0 5px; vertical-align:middle; font-size:14px;} #contentBody #SR .cr, #mainContents #SR .cr {} #contentBody #SR .comment, #mainContents #SR .comment {float:left; margin-top:5px; overflow:auto; font-size:16px; margin-top:15px; line-height:1.6;} #contentBody #SR .brd, #mainContents #SR .brd {width:450px; height:1px; background-color:#ccc; margin:10px 0 2px;} #contentBody #SR .rv2, #mainContents #SR .rv2 {padding:0; margin-top: 15px;} #contentBody #SR .si, #mainContents #SR .si {width:62px; height:59px; margin:0 10px 10px 0; float:left;} #contentBody #SR .mrg, #mainContents #SR .mrg {margin:6px 0;} #mainContents #SR .chart5, #contentBody #SR .chart5 {display: inline-block;} #contentBody #SR .chart5 p, #mainContents #SR .chart5 p {letter-spacing:normal; text-align:center; width:68px; height:28px; display:inline-block; border:solid 1px #ddd; line-height:28px; background:#fff; margin:0 0 0 5px; vertical-align:middle; font-size:11px;} #contentBody #SR .chart5 b, #mainContents #SR .chart5 b {letter-spacing:normal; text-align:center; width:70px; height:30px; display:inline-block; line-height:30px; background:#f17fbf; color:#ffffff; font-weight:normal; margin:0 0 0 5px; vertical-align:middle; font-size:11px;} #contentBody #SR .rv2 .comment, #mainContents #SR .rv2 .comment {width:418px; margin-top:15px;} #contentBody #SR .dot, #mainContents #SR .dot {border-top:1px dashed #CCC; border-width:1px; height:1px; width:418px; margin:15px 0;} /* * parts.css 打ち消し(プレビュー) */ #contentBody h2 {border: 0; padding: 0;} /* SP版 */ #document.float #SR {width:100%; font-size:16px; line-height:22px;} #document.float #SR p {margin:0; padding:0;} #document.float #SR .pcttl {display:none;} #document.float #SR .pcttl img {display:none;} #document.float #SR .spttl {font-size:18px; font-weight:bold; padding:8px 10px; background:#f3f3f3; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #document.float #SR #cts1, #document.float #SR #cts2 {padding:10px; background-color:#fef8fc;} #document.float #SR .rv {padding:10px;} #document.float #SR .pink {font-weight:bold; font-size:18px; color:#e4007f;} #document.float #SR .rvL {margin-top:10px; width:42%; float:left; position:relative; margin-right:5px;} #document.float #SR .rvL img {width:100%; cursor:hand; cursor:pointer;} #document.float #SR .zoom {background-image:url("/pc/images/sp/staffreview/zoom_wh_sp.png"); width:20px; height:20px; position:absolute; left:6px; bottom:13px; z-index:1;} #document.float #SR .rvR {width:55%; float:right; margin-top:5px;} #document.float #SR .body {margin-top:3px; font-size:14px;} #document.float #SR .st {display:block;} #document.float #SR .chart {border:1px solid #ddd; border-right-width:0; display:inline-block; width:auto;} #document.float #SR .chart p {letter-spacing:-1.5px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:33%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#fff;} #document.float #SR .chart b {letter-spacing:-1.5px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:33%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#f17fbf; color:#ffffff; font-weight:normal;} #document.float #SR .cr {clear:both;} #document.float #SR .comment {margin-top:5px;} #document.float #SR .brd {width:97%; height:1px; background-color:#ccc; padding:0 10px; margin:-10px auto 10px;} #document.float #SR .rv2 {padding:10px;} #document.float #SR .si {width:65px; height:63px; margin:0 5px 5px 0; vertical-align:middle; float:left;} #document.float #SR .mrg {margin:8px 0;} #document.float #SR .chart5 {border:1px solid #ddd; border-right-width:0; display:inline-block; width:auto;} #document.float #SR .chart5 p {letter-spacing:0px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:20%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#fff;} #document.float #SR .chart5 b {letter-spacing:0px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:20%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#f17fbf; color:#ffffff; font-weight:normal;} #document.float #SR .rv2 .comment {margin-top:10px;} #document.float #SR .dot {border-top:1px dashed #CCC; border-width:1px; height:1px; width:97%; margin:15px 0;} /* PC版 着用レビューシステム化後 */ #contentBody #SR_SYSTEM, #mainContents #SR_SYSTEM {width: 440px; margin: 40px 0 0; line-height: 19px; background-color: #fef8fc; padding: 30px;} #contentBody #SR_SYSTEM p, #mainContents #SR_SYSTEM p {margin:10px 0 0 0; padding:0; font-size: 14px;} #contentBody #SR_SYSTEM .pcttl, #mainContents #SR_SYSTEM .pcttl {display:none;} #contentBody #SR_SYSTEM .spttl, #mainContents #SR_SYSTEM .spttl {background-image: url(/pc/images/sp/staffreview/staffreview.png); background-repeat: no-repeat; text-indent: 33px; font-size: 18px; font-weight: bold; line-height: 20px;} #contentBody #SR_SYSTEM div[id^="cts"]:not(#cts1), #mainContents #SR_SYSTEM div[id^="cts"]:not(#cts1) {padding:0; margin-top: 15px; border-top: solid 2px #e4007f;} #contentBody #SR_SYSTEM .rv, #mainContents #SR_SYSTEM .rv {padding:0; margin-top: 15px;} #contentBody #SR_SYSTEM .pink, #mainContents #SR_SYSTEM .pink {font-size:18px;font-weight:bold;color:#e4007f;margin-bottom:-4px;} #contentBody #SR_SYSTEM .rvL, #mainContents #SR_SYSTEM .rvL {margin-top:15px; float:left; position:relative;} #contentBody #SR_SYSTEM .rvL img, #mainContents #SR_SYSTEM .rvL img {width:138px; height:184px; margin-right:20px; cursor:hand; cursor:pointer; border:solid 1px #ddd;} #contentBody #SR_SYSTEM .zoom, #mainContents #SR_SYSTEM .zoom {background-image:url("/pc/images/sp/staffreview/zoom_wh.png"); width:42px; height:14px; position:absolute; left:5px; bottom:5px; z-index:1;} #contentBody #SR_SYSTEM .rvR, #mainContents #SR_SYSTEM .rvR {float:left; width:280px; margin-top:15px;} #contentBody #SR_SYSTEM .body, #mainContents #SR_SYSTEM .body {font-size:0; margin-bottom:0; margin-top:10px;} #contentBody #SR_SYSTEM .body:first-child, #mainContents #SR_SYSTEM .body:first-child {margin-top:0;} #contentBody #SR_SYSTEM .st, #mainContents #SR_SYSTEM .st {font-size:16px; line-height:30px; margin:0; display: inline-block; vertical-align: top; width:64px;} #contentBody #SR_SYSTEM .stColon, #mainContents #SR_SYSTEM .stColon {font-size: 16px; line-height: 30px; margin: 0; display: inline-block; vertical-align: middle; width: 16px;} #contentBody #SR_SYSTEM .chart, #mainContents #SR_SYSTEM .chart {letter-spacing:-0.5em; display: inline-block;} #contentBody #SR_SYSTEM .chart p, #mainContents #SR_SYSTEM .chart p {letter-spacing:normal; text-align:center; width:58px; height:28px; display:inline-block; border:solid 1px #ddd; line-height:28px; background:#fff; margin:0 0 0 5px; vertical-align:middle;} #contentBody #SR_SYSTEM .chart b, #mainContents #SR_SYSTEM .chart b {letter-spacing:normal; text-align:center; width:60px; height:30px; display:inline-block; line-height:30px; background:#f17fbf; color:#ffffff; font-weight:normal; margin:0 0 0 5px; vertical-align:middle; font-size:14px;} #contentBody #SR_SYSTEM .cr, #mainContents #SR_SYSTEM .cr {clear: both;} #contentBody #SR_SYSTEM .comment, #mainContents #SR_SYSTEM .comment {float:left;margin-top:5px;overflow:auto;font-size:16px;margin-top:15px;line-height:1.6;} #contentBody #SR_SYSTEM .brd, #mainContents #SR_SYSTEM .brd {width:450px; height:1px; background-color:#ccc; margin:10px 0 2px;} #contentBody #SR_SYSTEM .rv2, #mainContents #SR_SYSTEM .rv2 {padding:0; margin-top: 15px;} #contentBody #SR_SYSTEM .si, #mainContents #SR_SYSTEM .si {width:62px; height:59px; margin:0 10px 10px 0; float:left;} #contentBody #SR_SYSTEM .mrg, #mainContents #SR_SYSTEM .mrg {margin:6px 0;} #mainContents #SR_SYSTEM .chart5, #contentBody #SR_SYSTEM .chart5 {display: inline-block;} #contentBody #SR_SYSTEM .chart5 p, #mainContents #SR_SYSTEM .chart5 p {letter-spacing:normal; text-align:center; width:68px; height:28px; display:inline-block; border:solid 1px #ddd; line-height:28px; background:#fff; margin:0 0 0 5px; vertical-align:middle; font-size:11px;} #contentBody #SR_SYSTEM .chart5 b, #mainContents #SR_SYSTEM .chart5 b {letter-spacing:normal; text-align:center; width:70px; height:30px; display:inline-block; line-height:30px; background:#f17fbf; color:#ffffff; font-weight:normal; margin:0 0 0 5px; vertical-align:middle; font-size:11px;} #contentBody #SR_SYSTEM .rv2 .comment, #mainContents #SR_SYSTEM .rv2 .comment {width:418px; margin-top:15px;} #contentBody #SR_SYSTEM .dot, #mainContents #SR_SYSTEM .dot {border-top:1px dashed #CCC; border-width:1px; height:1px; width:418px; margin:15px 0;} /* SP版 着用レビューシステム化後 */ #document #SR_SYSTEM_SP {width:100%; font-size:16px; line-height:22px;} #document #SR_SYSTEM_SP p {margin:0; padding:0;} #document #SR_SYSTEM_SP .pcttl {display:none;} #document #SR_SYSTEM_SP .pcttl img {display:none;} #document #SR_SYSTEM_SP .spttl {font-size:18px; font-weight:bold; padding:8px 10px; background:#f3f3f3; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #document #SR_SYSTEM_SP div[id^="cts"] {padding:10px; background-color:#fef8fc;} #document #SR_SYSTEM_SP div[id^="cts"]:not(#cts1) {border-top: solid 2px #e4007f;} #document #SR_SYSTEM_SP .rv {padding:10px;} #document #SR_SYSTEM_SP .pink {font-weight:bold; font-size:18px; color:#e4007f;} #document #SR_SYSTEM_SP .rvL {margin-top:10px; width:42%; float:left; position:relative; margin-right:5px;} #document #SR_SYSTEM_SP .rvL img {width:100%; cursor:hand; cursor:pointer;} #document #SR_SYSTEM_SP .zoom {background-image:url("/pc/images/sp/staffreview/zoom_wh_sp.png"); width:20px; height:20px; position:absolute; left:6px; bottom:13px; z-index:1;} #document #SR_SYSTEM_SP .rvR {width:55%; float:right; margin-top:5px;} #document #SR_SYSTEM_SP .body {margin-top:3px; font-size:14px;} #document #SR_SYSTEM_SP .st {display:block; float:left; width:60px;} #document #SR_SYSTEM_SP .stColon {display:block; float:left;} #document #SR_SYSTEM_SP .stEnd {display:block; clear:left;} #document #SR_SYSTEM_SP .chart {border:1px solid #ddd; border-right-width:0; display:inline-block; width:auto;} #document #SR_SYSTEM_SP .chart p {letter-spacing:-1.5px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:33%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#fff;} #document #SR_SYSTEM_SP .chart b {letter-spacing:-1.5px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:33%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#f17fbf; color:#ffffff; font-weight:normal;} #document #SR_SYSTEM_SP .cr {clear:both;} #document #SR_SYSTEM_SP .comment {margin-top:5px;} #document #SR_SYSTEM_SP .brd {width:97%; height:1px; background-color:#ccc; padding:0 10px; margin:-10px auto 10px;} #document #SR_SYSTEM_SP .rv2 {padding:10px;} #document #SR_SYSTEM_SP .si {width:65px; height:63px; margin:0 5px 5px 0; vertical-align:middle; float:left;} #document #SR_SYSTEM_SP .mrg {margin:8px 0;} #document #SR_SYSTEM_SP .chart5 {border:1px solid #ddd; border-right-width:0; display:inline-block; width:auto;} #document #SR_SYSTEM_SP .chart5 p {letter-spacing:0px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:20%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#fff;} #document #SR_SYSTEM_SP .chart5 b {letter-spacing:0px; text-align:center; height:auto !important; display:table-cell; vertical-align:middle; box-sizing:border-box; width:20%; padding:4px; line-height:16px; border-right:1px solid #ddd; font-size:14px; background:#f17fbf; color:#ffffff; font-weight:normal;} #document #SR_SYSTEM_SP .rv2 .comment {margin-top:10px;} #document #SR_SYSTEM_SP .dot {border-top:1px dashed #CCC; border-width:1px; height:1px; width:97%; margin:15px 0;}