@charset "utf-8";

/* ttl-type01 商品詳細ページ商品名
-----------------------------------------------------------------*/
.ttl-type01{
	padding: 10px 15px;
	font-size: 167%;
	border-top:2px solid #0f529c;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f8f8f8), color-stop(99%,#f8f8f8), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 99%,#f8f8f8 99%,#ffffff 100%);
	background: -ms-linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 99%,#f8f8f8 99%,#ffffff 100%);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.ttl-type01.mdl{
	padding:15px 15px 15px;
	font-size:100%;
}

.btn-cmn input,.btn-cmn2 input{
	background:none;
	border:none;
	border-radius: 0;
	color:#FFF;
	font-weight:bold;
	font-size: 109%;
	cursor:pointer;
}

/* .btn-cmn
-----------------------------------------------------------------*/
.btn-cmn a,label.btn-cmn{
	display: block;
	border-radius: 3px;
	padding: 15px 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#1871D0), to(#0f529c));
	background: -webkit-linear-gradient(top, #1871D0, #0f529c);
	background: -ms-linear-gradient(top, #1871D0, #0f529c);
	border-bottom: 2px solid #0f529c;
	font-size: 109%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
}

.btn-cmn.type01{
	display:block;
	margin-top:10px;
}

.btn-cmn.type01 a{
	padding:5px 5px;
}

.function-btn .list-btn li{
	width:50%;
	-webkit-box-sizing:border-box;
				box-sizing:border-box;
	float:right;
	padding:0 0 0 6px;
}
.function-btn .list-btn li:first-child{
	float:left;
	padding:0 6px 0 0;
}

/* btns */
.function-btn .list-btn,
.sns{
	overflow:hidden;
	margin:20px 0 0;
}

/*--------------------------------------------------------------------------
	.function-btn
--------------------------------------------------------------------------*/
.function-btn{
	margin:20px 0 0;
	padding:20px 0;
	border-top:1px dotted #b8b8b8;
}


/*--------------------------------------------------------------------------
	.sec-review
--------------------------------------------------------------------------*/
.sec-review{
	margin:15px 0 0;	
}
.sec-review .ttl-wrap{
	position:relative;
}
.sec-review .ttl-wrap .btn{
	position:absolute;
	top: 2px;
	right: -10px;
}
.sec-review .show-all{
	margin:20px 0 0;	
}

.sec-review.goodsdetail{
	width: 95%;
    margin: 0 auto 20px auto;
}

.action-btn{
	position:absolute;
	top: 2px;
	right: 0px;
	text-align:center;
}

/* .sort
-----------------------------------------------------------------*/
.sec-review .sort {
	border-top:none;
}
.sec-review .sort .inline .left li{
	margin-right: 5px;
}
.sec-review .sort .inline .right li{
	width:60px;
}
.sec-review .sort .inline .right li:first-child a{
	padding:12px 0;
}
.sec-review .sort .inline .right li a{
	padding:5px 0;
	line-height:14px;
}
.sec-review .sort .inline .btn03 a,
.sec-review .sort .inline .btn03 span{
	border-radius:0 3px 3px 0;
}

/* .list
-----------------------------------------------------------------*/
.sec-review .list{
	padding:20px 0 40px;
	border-bottom:1px solid #E0E0E0;
}
.sec-review .list .inner{
	padding:0 15px;
}
.sec-review .list .reviewer{
	display:table;
	width: 100%;
}
.sec-review .list .reviewer h4,
.sec-review .list .reviewer p{
	display:table-cell;	
}
.sec-review .list .reviewer p{
	font-size:84%;
	text-align:right;
	vertical-align:middle;
}
.sec-review .list .reviewer .date{
	width:105px;
}

.sec-review .list .valuation01{
	overflow:hidden;
	margin:15px 0 0;
	padding:15px 0 0;
	border-top:1px dotted #D4D4D4;
}
.sec-review .list .valuation01 dt,
.sec-review .list .valuation01 dd{
	float:left;	
}
.sec-review .list .valuation01 dd{
	padding:3px 0 0 10px;
}
.sec-review .list .valuation01 .stars li{
	display:inline-block;
}
.sec-review .list .valuation01 .stars li{
	display:inline-block;
	width:16px;
	height:16px;
	background: url(../../images/smartphone/goods/ico_star.gif) no-repeat 0 0;
	background-size:16px;
}
.sec-review .list .valuation01 .stars li.on{
	background: url(../../images/smartphone/goods/ico_star_on.gif) no-repeat 0 0;
	background-size:16px;
}

.sec-review .list .comment{
	margin:15px 0 0;
	word-wrap: break-word;
}

.sec-review .list .valuation02{
	display:table;
	margin: 12px 0 0 3px;
	font-weight: bold;
	font-size: 109%;
}
.sec-review .list .valuation02 dt,
.sec-review .list .valuation02 dd{
	display:table-cell;	
}
.sec-review .list .valuation02 dt{
	padding: 0 5px 2px 0;
	vertical-align:bottom;
}
.sec-review .list .valuation02 dd{
	color:#D82017;
}

#ReviewList .list dl.report{
	display:table;
	float:right;
}

#ReviewList .list dd.reportlink{
	display:table;
}

#ReviewList .list dd.reportlabel{
	color:#999999;
	font-weight:bold;
	display:table-cell;
}

.sec-review .list .function-btn{
	margin:15px 0 0;
}
.sec-review .list .function-btn .list-btn{
	margin:0;
	padding:8px;
	background:#FEFBC8;
}
.sec-review .list .function-btn .list-btn .btn-cmn{
	padding:9px 0 10px 0;
}
.sec-review .list .function-btn .list-btn .btn-cmn.noico{
	background:-webkit-gradient(linear, left top, left bottom, from(#318aee), to(#0f529c));
	background:-webkit-linear-gradient(top, #318aee, #0f529c);
	background:linear-gradient(top, #318aee, #0f529c);
}
.sec-review .list .function-btn .list-btn .btn-cmn input{
	padding:0;
	font-size:100%;
}

.sec-review .list .link-type01{
	margin:10px 0 0;
	text-align:right;
}

.sec-review .list .btn-done{
	display: block;
	border-radius: 3px;
	padding: 9px 0 10px;
	background:#CCCCCC;
	border-bottom: 2px solid #999999;
	font-size: 109%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

/*--------------------------------------------------------------------------
	.sort
--------------------------------------------------------------------------*/
.sort .total{
	margin:0 -10px;
	padding:12px 10px;
	font-weight:bold;
	font-size:125%;
	border-top:1px solid #D4D4D4;
}
.sort .outline{
	padding:11px 0;
	background:#F7F4F1;
}
.sort .outline-setgoods{
	padding:11px 0;
	background:#F7F4F1;
}
.sort .inline{
	overflow:hidden;
	margin:0 auto;
	padding:0 10px;
}
.sort .inline p{
	font-weight:bold;
	font-size:92%;
	margin:0 0 8px;
}

/* 並び順 */
.sort .inline .left li{
	float: left;
	width: 48px;
	background:#FFF;
}

.sort .inline .left li.btn01{
	margin-right:5px;width:40px;
}

.sort .inline .left span.noactive{
	line-height:28px;
	border-radius:0;
	font-weight:bold;
}

.sort .inline .left li.btn02{
	margin-right:5px;width:40px;
	border-left:1px solid #BBC1BE;
}

.sort .inline .left li.wide{
	width:70px;
}
.sort .inline .left a,
.sort .inline .left span{
	display:block;
	text-align:center;
}
.sort .inline .left a{
	padding:10px 0;
	text-decoration:none;
	color:#333333;
	border-right:1px solid #BBC1BE;
	border-top:1px solid #BBC1BE;
	border-bottom:1px solid #BBC1BE;
}

.sort .inline .left a.sortDown{
	line-height:18px;
	border-radius:0;
	font-weight:bold;
}

.sort .inline .left a.sortUp{
	line-height:28px;
	border-radius:0;
	padding:5px 0;
	font-weight:bold;
}

.sort .inline .left li:first-child a{
	padding:10px 0;
	border-left:1px solid #BBC1BE;
}
.sort .inline .left li:first-child a.sortUp{
	padding:5px;
	border-left:1px solid #BBC1BE;
	border-radius:0;
}
.sort .inline .left span{
	padding:4px 0;
	line-height: 14px;
	border:2px solid #60aaff;
}
.sort .inline .left li:first-child a,
.sort .inline .left li:first-child span{
	border-radius:3px 0 0 3px;
}

.sort .inline .left li:first-child span.noactive{
	border-radius:0;
}

.sort .inline .left li:last-child a,
.sort .inline .left li:last-child span{
	border-radius:0 3px 3px 0;
}

.sort .inline .left li:last-child span.noactive{
	border-radius:0;
}

.sort .inline .left li:last-child a.sortDown{
	border-radius:0;
}

/* 表示切り替え */
.sort .inline .right li{
	float: left;
	width: 48px;
	background:#FFF;
}
.sort .inline .right li.wide{
	width:70px;
}
.sort .inline .right a,
.sort .inline .right span{
	display:block;
	text-align:center;
}
.sort .inline .right a{
	padding:10px 0;
	text-decoration:none;
	color:#333333;
	border-right:1px solid #BBC1BE;
	border-top:1px solid #BBC1BE;
	border-bottom:1px solid #BBC1BE;
}
.sort .inline .right li:first-child a{
	padding:10px 0;
	border-left:1px solid #BBC1BE;
}
.sort .inline .right span{
	padding:4px 0;
	line-height: 14px;
	border:2px solid #60aaff;
}

.sort .inline .right span.new{
	line-height:28px;
}
.sort .inline .right li:first-child a,
.sort .inline .right li:first-child span{
	border-radius:3px 0 0 3px;
}
.sort .inline .right li:last-child a,
.sort .inline .right li:last-child span{
	border-radius:0 3px 3px 0;
}

.link-type01 a {
    color: #3F3F3F;
    cursor: auto;
    text-decoration: underline;
    display:inline-block;
	vertical-align: middle;
}

.btn-cmn a span{
	padding-right: 14px;
	background: url(../../images/smartphone/goods/ico_arw01.png) no-repeat 100% 50%;
	-webkit-background-size: 7px 11px;
	        background-size: 7px 11px;
}