/* *********************************
FileName: shop_review.css
UpdatedBy: 20180118
*********************************** */
a:link, a:visited, a:active, a:hover { color: #1d54a7; }

/* #shRvwWrap
*********************************** */
#shRvwWrap { overflow: hidden; width: 100%; }
.shRvwTtl { color: #ffffff; font-weight: bold; padding: 5px 0 5px 10px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #cf3f3f), color-stop(0.4, #bf0000)); text-align: left; font-size: 120%; }
.shRvwShopName a { display: block; text-align: left; padding: 10px 0 10px 42px; font-weight: bold; overflow: hidden; zoom: 1; color: #6a6a6a; background: url(https://r.r10s.jp/com/review/img/com/smartphone/shop.png) no-repeat 15px; background-size: 18px 18px; }
.shRvwShopIcon { display: block; float: left; margin-right: 3px; padding-left: 25px; padding-top: 3px; font-size: 88%; color: #666666; }
.shopInfoWrapper { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.shRvwShopNameBlue a { display: block; text-align: left; padding: 10px 0 10px 42px; font-style: normal; font-size: 12px; font-weight: 400; overflow: hidden; zoom: 1; color: #1F53A7; background: url(https://r.r10s.jp/com/review/img/com/icon_shop_blue-1.0.0.svg) no-repeat 15px; background-size: 18px 18px; word-break: break-all;}
.shopInfoWrapper_subWrapper { position: relative; height: 21px; }
.shopInfoWrapper .noLabel { height: 11px; }
.shopInfo39Label { position: absolute; top : -5px; left : 15px; }
.shopInfo_shopName { position: absolute; top : -16px; right : 15px; }

/* page botton */
.riBoxPJAC { display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-box-align: center; box-align: center; font-size: 80%; }
.ctgItemsBtn { width: 90%; margin: 0 auto 15px; }
.ctgItemsBtnFirst, .ctgItemsBtnLast { width: 25%; text-align: center; }
.ctgItemsBtnPrev, .ctgItemsBtnNext { width: 20%; text-align: center; }
.ctgItemsBtnFirst a, .ctgItemsBtnLast a, .ctgItemsBtnPrev a, .ctgItemsBtnNext a { padding: 8px 2px; font-size: 110%; font-weight: bold; color: #bf0000 !important; border: 1px solid #ddaeae; display: block; }
.ctgItemsBtnFirst a:hover, .ctgItemsBtnLast a:hover, .ctgItemsBtnPrev a:hover, .ctgItemsBtnNext a:hover { background: #bf0000; color: #ffffff !important; border: 1px solid #bf0000; }
.phIconInfoCont { display: none; overflow: hidden; margin: 0 auto; padding: 10px; width: 290px; }
.phIconInfoCont dt { padding-bottom: 5px; }
.phIconInfoCont dd { padding-bottom: 10px }
.shRvwIconRevDetail dd { }
.shRvwIconRevRank { overflow: hidden; }
.shRvwIconRevRank dd { float: left; padding-right: 10px; }
.shRvwIconShopInfo { overflow: hidden; }
.shRvwIconShopInfo dd { float: left; }
#phSearchResultArea .shRvwSumNumber { float: left; text-align: left; max-width: 60%; padding-left: 6px; }
#phSearchResultArea .phIconInfoTr { float: right; }

/* shop review
*********************************** */
.shRvwGlbAsmentNumCnt { text-align: center; margin: 0 auto; width: 310px; overflow: hidden; padding: 15px 10px; }
.shRvwGlbAsmentFst { overflow: hidden; }
.shRvwGlbAsmentFst .starImg { width: 115px; float: left; }
.shRvwGlbAsmentFst .starImg li { float: left; padding: 5px 3px 0 0; }
.shRvwGlbAsmentFst .number { float: left; color: #bf0000; font-size: 250%; font-weight: bold; padding-right: 10px; }
.shRvwGlbAsmentFst .toggle { }
.shRvwGlbAsmentFst .open_select, .shRvwGlbAsmentFst .close_select, .shRvwUserCmtClmn .shRvwUserSort .shRvwUserSortBtn { float: right; margin-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; border-radius: 7px; background: #f6f6f6; text-align: center; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; padding: 10px; border: 1px solid #cecece; overflow: hidden; font-weight: bold; display: block; }
.shRvwGlbDetail { font-weight: bold; margin-left: 40px; }
.shRvwGlbDetail .shRvwGlbTtl { text-align: left; font-size: 120%; }
.shRvwGlbDetail .shRvwGlbDetailList { overflow: hidden; padding: 5px 0; }
.shRvwGlbDetail .shRvwGlbDetailList dt { float: left; padding: 7px 5px 0 0; text-align: left; width: 90px; font-size: 82%; }
.shRvwGlbDetail .shRvwGlbDetailList dd { float: left; }
.shRvwGlbDetail .shRvwGlbDetailList dd ul li { float: left; padding-right: 1px; }
.shRvwGlbDetail .shRvwGlbDetailList dd ul.starImg { padding-right: 5px; }
.shRvwGlbDetail .shRvwGlbDetailList .redLine { width: 95px; text-align: left; }
.shRvwGlbDetail .shRvwGlbDetailList .number { color: #1d54a7; padding-top: 1px; font-size: 100%; }
.shRvwGlbDetail .shRvwGlbDetailList .number a { color: #1d54a7; }
.shRvwGlbDetail .shRvwTotalNum { padding-right: 20%; }

/* .shRvwUserCmtClmn */
.shRvwUserCmtClmn { overflow: hidden; width: 100%; }
.shRvwUserCmtClmn .shRvwUserSortMenuArea { border-bottom: solid 1px #E5E5E5; }
.shRvwUserCmtClmn .shRvwUserSort { text-align: center; margin: 0 auto; width: 310px; overflow: hidden; padding: 10px 0; }
.shRvwUserCmtClmn .shRvwUserSort .listUp { float: left; font-weight: bold; padding: 12px 5px 0 5px; }
.shRvwUserCmtClmn .shRvwUserSort .listMenu { float: left; position: relative; }
.shRvwUserCmtClmn .shRvwUserSort .listMenu select { width: 150px; display: block; border: 1px solid #666; color: #000; background: #fff; height: 40px; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; box-sizing: border-box; }
.shRvwUserCmtClmn .shRvwUserSort .listMenu:after { content: ''; position: absolute; width: 0; height: 0; border-top: 10px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 15px; right: 5px; display: block; }

/* .shRvwUserArea */
.shRvwUserAreaClmn { padding: 5px 0; border-bottom: solid 1px #E5E5E5; }
.shRvwUserArea { text-align: center; margin: 0 auto; overflow: hidden; padding: 10px; }
.shRvwUserArea .shRvwUserPoint { display: block; }
.thumb { float: left; width: 50px; }
.thumb img { max-width: 50px; max-height: 50px; }
.shRvwUserArea .shRvwUserPoint .detaiArea { float: left; text-align: left; }
.shRvwUserArea .shRvwUserPoint .detaiArea dl { overflow: hidden; padding-bottom: 5px; }
.shRvwUserArea .shRvwUserPoint .detaiArea dl dd { float: left; }
.starImg { padding-top: 5px; overflow: hidden; }
.starImg li { float: left; padding-right: 3px; }
.shRvwUserArea .shRvwUserPoint .detaiArea .point { overflow: hidden; }
.shRvwUserArea .shRvwUserPoint .detaiArea .point li { float: left; width: 65px; padding-bottom: 5px; font-size: 90%; }
.shRvwUserArea .shRvwUserPoint .detaiArea .point li.middle { width: 55px; }
.shRvwUserArea .shRvwUserPoint .detaiArea .point li.long { width: 95px; }
.shRvwUserArea .shRvwUserPoint .thumb { padding-right: 10px; }
.shRvwUserArea .shRvwUserPoint .detaiArea .name { padding-bottom: 5px; overflow: hidden; font-size: 130%; }
.number { font-weight: bold; font-size: 150%; color: #fe7f00; display: inline-block; margin-left: 5px; padding-bottom: 5px; }
.shRvwUserPointCmt .number { margin-top: -5px; }
.shRvwUserArea .shRvwUserPointCmt { text-align: left; padding: 10px 0; clear: both; }
.comment { //height: 81px; height: 48px; overflow: hidden; }
.commentHeight { height: auto !important; }
.comment_open { height: 100%; overflow: hidden; display: block !important; }
.shRvwUserNextReadTxt { color: #1D54A7; display: inline; }
.shRvwUserArea .shRvwUserPointCmt .nextRead { text-align: right; padding: 10px 0; }
#shRvwWrap .shRvwUserArea .shRvwUserPointCmt .nextRead a { color: #1D54A7; display: block; }
#shRvwWrap .shRvwUserArea .evalCnt .nextRead { background: url(https://r.r10s.jp/com/img/home/smart/top/top/201203/icns_01.png) 96% -435px no-repeat; -webkit-background-size: 72px 1000px; background-size: 72px 1000px; padding: 2px 20px 0 0; }
#shRvwWrap .shRvwUserArea .evalCnt .nextRead a { color: #000000; display: block; }
.otherAnswer span { color: #bf0000; }
.otherAnswer { padding-bottom: 10px; font-size: 120%; clear: both; font-weight: normal !important; }
.shRvwUserArea .shRvwUserPointCmt .userAnswer { overflow: hidden; width: 100%; vertical-align: middle; }
.shRvwUserArea .shRvwUserPointCmt .userAnswer .btns .btn { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede)); background: gradient(linear, left top, left bottom, from(#fff), to(#dedede)); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3), -1px -1px 3px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3), -1px -1px 3px rgba(0, 0, 0, 0.3); text-align: center; width: 100px; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; padding: 6px 0; overflow: hidden; font-weight: bold; margin: 2px 0 2px 10px; display: block; float: left; }
.shRvwUserArea .shRvwUserPointCmt .userAnswer .btns .btnNo { width: 130px }
.shRvwUserArea .shRvwUserPointCmt .userAnswer .eval { clear: both; }

/* .shRvwUserSortSelect */
.shRvwUserSortSelect { border-top: solid 1px #E5E5E5; background: #F1F4F3; }
.shRvwUserSortSelect .shRvwChangeSelect { padding: 10px; overflow: hidden; width: 310px; text-align: center; margin: 0 auto; }
.shRvwUserSortSelect .shRvwUserSortTtl { text-align: left; border-left: 5px solid #CCC; font-size: 120%; font-weight: bold; padding: 0 0 0 5px; margin: 10px 0 5px 0; }
.shRvwUserSortSelect .shRvwUserSortSttl { font-size: 100%; font-weight: bold; margin: 3px 0 3px 0; text-align: left; }
.shRvwUserSortSelect .step_double { overflow: hidden; text-align: left; }
.shRvwUserSortSelect .step_double div { float: left; margin: 0 0 5px 0; padding-right: 1px; width: 49%; }
.ipnSelectFrom { display: block; height: 33px; width: 295px; margin: 0 0 10px 3px; font-size: 120%; }
.ipnSubmitFrom { display: block; height: 33px; width: 295px; margin: 0 0 10px 3px; font-size: 120%; }
.ipnRadioFrom { width: 25px; height: 25px; margin: 0 3px 0 0; }
.ipnCheckFrom { width: 25px; height: 25px; margin: 0 3px 0 0; }
.shRvwUserAshiItemTtl { font-weight: bold; padding-top: 10px; }
.shRvwUserAshiItemClmn { overflow: hidden; padding-top: 10px; }
.shRvwUserAshiItemClmn .thumb { float: left; width: 35px; }
.thumb img { width: auto; height: auto; max-width: 50px; max-height: 50px; }
.shRvwUserAshiItemClmn .evalCnt { float: left; padding-left: 8px; width: 262px; }
.shRvwUserAshiItemClmn .evalCnt dl { overflow: hidden; width: 262px; }
.shRvwUserAshiItemClmn .evalCnt dt { font-weight: bold; float: left; padding-bottom: 10px; line-height: 1.3em; }
#shRvwWrap .shRvwUserAshiItemClmn .evalCnt .itemName a { color: #1D54A7; }
.shRvwUserAshiItemClmn .evalCnt .starImg { overflow: hidden; padding-left: 5px; }
.shRvwUserAshiItemClmn .evalCnt .starImg li { float: left; padding-right: 1px; padding-top: 1px; line-height: 1em; }
.shRvwUserAshiItemClmn .evalCnt dd { float: left; }
.shRvwUserAshiItemClmn .evalCnt dd.number { float: left; font-weight: bold; font-size: 120%; color: #FE7F00; line-height: 1.3em; padding-left: 3px; }
.shRvwUserAshiItemClmn .nextRead { text-align: right; }

/* item_review
*********************************** */

/* shWrtRvw */
.shWrtRvw { display:block;padding-left: 13px;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;background: #EBF7FE;border: 1px solid rgba(0, 0, 0, 0.08);box-sizing: border-box;border-radius: 4px;margin: 10px; }
.shWrtRvwInfoIcon { display: inline-block; float: left; padding-top: 20px; }
.shWrtRvwInfoIcon img { width: 14px; height: 14px; }
.shWrtRvwTxt { display: inline-block; padding-left: 5px; font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.5); }
.shWrtRvwArrowRight { display: inline-block; float: right; padding-top: 22px; }

/* shRvwItem */
#staticBar { border-top: 2px solid #bf0000; }
.shRvwItem { overflow: hidden; text-align: center; margin: 0 auto; width: 300px; padding: 10px; }
.shRvwItemNone { display: block; text-align: left; padding: 10px 0 10px 15px; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: gradient(linear, left top, left bottom, from(#fff), to(#eee)); overflow: hidden; zoom: 1; border-bottom: solid 1px #E5E5E5; }
.shRvwItemNone2 { display: block; float: left; margin-right: 3px; padding-left: 25px; padding-top: 3px; font-size: 88%; color: #666666; }
#scrollMenu { left: 0; background: #fff; width: 100%; overflow: hidden; -webkit-box-shadow: 0px 0px 14px #9a9a9a !important; box-shadow: 0px 0px 14px #9a9a9a !important; border-bottom: 1px solid #cecece; }
#scrollMenu .shRvwIteminfoBoxRight { width: 73%; }
#scrollMenu .shRvwIteminfoBoxRightText { height: 40px; margin-bottom: 7px; overflow: hidden; }
.shRvwItem a { color: #1D54A7; }
.shRvwIteminfoBoxLeft { width: 100px; text-align: center; float: left; }
#scrollMenu .shRvwIteminfoBoxLeft { width: 72px; }

/*
#scrollMenu .shRvwItemReCartBtn{
    width: 62px;
}
#scrollMenu .shRvwItemReCartBtn img{
    width: 62px;
}*/
.shRvwIteminfoBoxLeft img { border: 1px solid #cccccc; max-width: 100px; max-height: 100px; }
#floatingBar .shRvwIteminfoBoxLeft img { border: 1px solid #cccccc; max-width: 70px; max-height: 70px; }
.shRvwIteminfoBoxRight { width: 66%; float: right; position: relative; }
.shRvwIteminfoBox p { font-size: 120%; text-align: left; }
.shRvwItemPrice { text-align: right; }
.shRvwIteminfoBox span { font-size: 80%; color: #666666; }
.shRvwIteminfoBox .price { font-size: 150%; font-weight: bold; color: #BF0000; }
.shRvwIteminfoBox .postage { font-size: 100%; font-weight: bold; color: #BF0000; }
.shRvwItemReCartBtn { margin-top: 10px; text-align: right; display: inline-block; float: right; border-radius: 5px; }
.shRvwPrv { display: flex; padding: 10px 0; }
.shRvwPrv a { display: block; position: relative; outline: none; margin: 0 2.5px; }
.shRvwPrv a:link { outline: none; }
.shRvwPrv img { max-height: 85px; max-width: 100%; }
.shRvwPrv .revEntryImgMovieIcon {
  background: url(//r.r10s.jp/com/img/review/share/201403/icon_movie.png) no-repeat right top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.shRvwUserIcon li { float: left; padding: 0 10px 0 19px; }

/* common */
.shRvwViewList { text-align: right; }
.shRvwViewList a { padding: 8px 22px 10px 28px; display: inline-block; color: #333333; background: url(https://r.r10s.jp/com/img/home/smart/top/top/201203/icns_01.png) 98% -429px no-repeat; -webkit-background-size: 72px 1000px; background-size: 72px 1000px; text-align: right; width: 100%; margin-left: -50px; }
.shRvwIconShopInfo dd { padding-right: 15px; }
.phIconInfoCont dd.daily { background: url(https://r.r10s.jp/com/review/img/com/200705/txt_use.gif) left 2px no-repeat; padding: 5px 5px 5px 20px; }
.phIconInfoCont dd.myself { background: url(https://r.r10s.jp/com/review/img/com/200705/txt_user.gif) left 2px no-repeat; padding: 5px 5px 5px 20px; }
.phIconInfoCont dd.bigginer { background: url(https://r.r10s.jp/com/review/img/com/200705/txt_repeat.gif) left 2px no-repeat; padding: 5px 5px 5px 20px; }
#shRvwWrap .itemRvwItemPrice { font-size: 85%; padding-top: 10px; text-align: left; float: left; display: inline-block; width: 66%; }

/* spinner styles */
div.spinner { position: relative; width: 100px; height: 100px; display: inline-block; }
div.spinner div { width: 9%; height: 26%; background: #888; position: absolute; left: 44.5%; top: 37%; -webkit-opacity: 0; -webkit-animation: fade 1s linear infinite; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); opacity: 0; animation: fade 1s linear infinite; border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
div.spinner div.bar1 { -webkit-transform: rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s; transform: rotate(0deg) translate(0, -142%); animation-delay: 0s; }
div.spinner div.bar2 { -webkit-transform: rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s; transform: rotate(30deg) translate(0, -142%); animation-delay: -0.9167s; }
div.spinner div.bar3 { -webkit-transform: rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s; transform: rotate(60deg) translate(0, -142%); animation-delay: -0.833s; }
div.spinner div.bar4 { -webkit-transform: rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s; transform: rotate(90deg) translate(0, -142%); animation-delay: -0.75s; }
div.spinner div.bar5 { -webkit-transform: rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s; transform: rotate(120deg) translate(0, -142%); animation-delay: -0.667s; }
div.spinner div.bar6 { -webkit-transform: rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s; transform: rotate(150deg) translate(0, -142%); animation-delay: -0.5833s; }
div.spinner div.bar7 { -webkit-transform: rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s; transform: rotate(180deg) translate(0, -142%); animation-delay: -0.5s; }
div.spinner div.bar8 { -webkit-transform: rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s; transform: rotate(210deg) translate(0, -142%); animation-delay: -0.41667s; }
div.spinner div.bar9 { -webkit-transform: rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s; transform: rotate(240deg) translate(0, -142%); animation-delay: -0.333s; }
div.spinner div.bar10 { -webkit-transform: rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s; transform: rotate(270deg) translate(0, -142%); animation-delay: -0.25s; }
div.spinner div.bar11 { -webkit-transform: rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s; transform: rotate(300deg) translate(0, -142%); animation-delay: -0.1667s; }
div.spinner div.bar12 { -webkit-transform: rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s; transform: rotate(330deg) translate(0, -142%); animation-delay: -0.0833s; }
@-webkit-keyframes fade {
    from { opacity: 1; }
    to { opacity: 0.25; }
}
@keyframes fade {
    from { opacity: 1; }
    to { opacity: 0.25; }
}
#titleSelect { height: 36px; }
.itemDetail { padding: 7px 5px 5px 10px !important; }
.itemDetail a { text-decoration: none !important; color: blue !important; border: none !important; }
.itemDetailTxtChangeS, .itemDetailTxtChangeL { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #ffffff), color-stop(0.5, #e9e9e9), color-stop(1, #ffffff)); background: gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #ffffff), color-stop(0.5, #e9e9e9), color-stop(1, #ffffff)); -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset, -1px 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset, -1px 1px 3px rgba(0, 0, 0, 0.2) inset; width: 36px; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999999; text-align: center; line-height: 36px; }
.itemDetailTxtChangeS { margin-right: 5px; }
.itemDetailTxtChangeS a, .itemDetailTxtChangeL a { color: #bf0000; display: block; font-weight: bold; }
.itemDetailTxtChangeL a { font-size: 120%; }
.onBtn { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0000), color-stop(0.5, #ff0000), color-stop(0.5, #bf0000), color-stop(1, #bf0000)); background: gradient(linear, left top, left bottom, color-stop(0, #ff0000), color-stop(0.5, #ff0000), color-stop(0.5, #bf0000), color-stop(1, #bf0000)); }
.onBtn a { color: #ffffff !important; }
.itemDetailTxtLarge { font-size: 160%; }
.itemDetailbtnarea { margin-bottom: 10px; padding-right: 10px; }
.review_toggleContainer { min-height: 32px; }
.review_toggleContainer p { min-height: 32px; word-break: break-word;}
.review_open_select { display: inline-block; float: right; padding: 10px 0; }
.review_close_select { display: inline-block; float: right; padding: 10px 0; }
.userSize { font-weight: bold; }
.userSizeText { vertical-align: middle; display: inline-block; }
.userSizeEle { display: inline-block; margin-right: 5px; }
.stArea { display: inline; font-size: 90%; margin: 0 3px 0 0; white-space: nowrap; }
.reviewListDay { border-bottom: 2px solid #ff6600; }
.details_block { display: inline-block; }
.details_value { display: inline-block; }

/*lightbox css*/
.linknormalBuy { font-size: 12px; max-height: 12px; overflow: hidden; }
span.linknormalBuy { margin-left: 0; padding-left: 0; }
#staticBar .shRvwItemPrice { text-align: right !important; float: right !important; }

/* useful reviews */
.usefulReviews { border: 1px solid #cecece; margin: 10px 10px 0; background: #f6f6f6; }
.usefulReviews h2 { color: #fff; padding: 15px 10px 15px 40px; font-weight: 120%; }
.usefulReviewInfo { padding-top: 10px; }
.usefulReviews .otherAnswer { padding-bottom: 5px; }
.starImg { display: inline; }
.usefulReviews .postDate { margin-right: 10px; }
.reviewTitle { display: inline; font-weight: bold; font-size: 120%; padding: 0 0 10px 0; background: none; }
.shRvwUserPointCmt .reviewTitle { margin-top: 5px; display: inline-block; padding: 0; }
.reviewTitleArea { padding-bottom: 10px; display: block; min-height: 15px; }
.usefulReviewContents { padding: 10px; }
.usefulPosReviewTitle { background: #BF0000 url(https://r.r10s.jp/com/review/img/com/smartphone/helpful1.png) no-repeat 10px; background-size: 23px 23px; }
.usefulNegReviewTitle { background: #BF0000 url(https://r.r10s.jp/com/review/img/com/smartphone/helpful2.png) no-repeat 10px; background-size: 23px 23px; }

/* 201407 */
.smallText { font-size: 80%; }
.smallText span { margin-right: 5px; }
.action_jud { margin: 0 auto; text-align: left; }
.judgeButton, .judgeButtonNo { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; border-radius: 7px; background: #f6f6f6; text-align: center; width: 130px; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; padding: 10px 0; display: inline-block; color: #000; border: 1px solid #cecece; }
.judgeButton { margin-right: 10px; }
.userType { float: right; }

/* Shop Comment */
.revShopComment { margin: 24px 0 0; }
.revShopComment__container { position: relative; padding: 12px 8px; background: #feefdb; border-radius: 8px; }
.revShopComment__container::before { content: ""; position: absolute; z-index: -1; top: -1px; left: 16px; display: block; width: 20px; height: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #feefdb; }
.revShopComment__container::after { content: ""; display: block; clear: both; }
.revShopComment__header { margin: 0 0 10px; }
.revShopComment__header::after { content: ""; display: block; clear: both; }
.revShopComment__date { float: right; font-size: 10px; line-height: 20px; }
.revShopComment__title { float: left; }
.revShopComment__titleIcon { margin: 0 5px 0 0; vertical-align: middle; }
.revShopComment__titleText { vertical-align: middle; font-weight: bold; }
.revShopComment__showMoreContainer { position: relative; margin: 0 0 8px; }
.revShopComment__showMoreText { overflow: hidden; max-height: 60px; line-height: 1.5; word-wrap: break-word; font-size: 13px; }
.reviewShowMoreText--opened .revShopComment__showMoreText { max-height: none; }
.revShopComment__buttonContainer { position: absolute; bottom: -20px; display: none; width: 100%; height: 48px; background: -webkit-linear-gradient(top, rgba(254, 239, 219, 0) 0%, rgba(254, 239, 219, 1) 60%, rgba(254, 239, 219, 1) 100%); background: linear-gradient(to bottom, rgba(254, 239, 219, 0) 0%, rgba(254, 239, 219, 1) 60%, rgba(254, 239, 219, 1) 100%); }
.reviewShowMoreText--opened .revShopComment__buttonContainer { background: none; }
.revShopComment__button { cursor: pointer; display: inline-block; margin: 36px 0 0; color: #1d54a7; }
.reviewShowMoreText--opened .revShopComment__button--open { display: none; }
.revShopComment__button--close { display: none; }
.reviewShowMoreText--opened .revShopComment__button--close { display: inline-block; }
.revShopComment__button--open::after { content: ""; display: inline-block; margin: 0 0 0 4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #1d54a7; vertical-align: middle; }
.revShopComment__button--close::after { content: ""; display: inline-block; margin: 0 0 0 4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #1d54a7; vertical-align: middle; }
.revShopComment__inquiry { position: relative; float: right; display: block; text-align: right; }
a.revShopComment__inquiryLink { color: #1d54a7; }
.revShopComment__inquiryIcon { margin: 0 5px 0 0; vertical-align: middle; }
.revShopComment__inquiryText { vertical-align: middle; }