@charset "UTF-8";
/*------------------------------
11
------------------------------*/

.section-item{
	margin:0 0 60px;
}
.section-item .item{
	font-size:0;
}
.section-item .item figure{
	margin:0;
	width:300px;
	height:380px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.section-item .item figure img{
	width:auto;
	height:auto;
	max-width:300px;
	max-height:380px;
	display:block;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.section-item .item .text{
	width:580px;
	margin:0 0 0 60px;
	display:inline-block;
	vertical-align:middle;
}
.section-item .item .text h2{
	font-size:18px;
	margin:0 0 15px;
}
.section-item .item .text p.price{
	font-size:20px;
	margin:0 0 15px;
}
.section-item .item .text p.price small{
	margin:0 0 0 10px;
	font-size:12px;
}
.section-item .item .text .meta{
	line-height:1.8;
	font-size:14px;
}
.section-item .item .text .meta .eval .stars i {
    color: #ba9f64;
    font-style: normal;
    margin: 0 .2em 0 0;
}
.section-item .item .text .meta .eval .comment{
	margin:0 0 0 15px;
}

.section-comment .wrap{
	background-color:#fff;
	padding:30px;
}
.section-comment article{
	margin:0 0 30px;
}
.section-comment article .meta{
	line-height:1.8;
}
.section-comment article .meta .eval .stars i {
    color: #ba9f64;
    font-style: normal;
    margin: 0 .2em 0 0;
}
.section-comment article .meta .eval .date{
	margin:0 0 0 15px;
	color:#868686;
}
.section-comment article .nickname{
	font-size:14px;
	margin:0 0 0px;
}
.section-comment article .title{
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
}
.section-comment article .body{
	
}
.section-comment article .body p{
	font-size:14px;
	line-height:1.8;
}

.btn-area .btn-wrap{
	display:block;
	margin:0 auto;
}
.btn-area .btn-normal{
	width:30%;
}

@media screen and (max-width: 1080px) {
	.inner-narrow{
	width:auto;
	margin:0 30px;
}
.section-item .item figure{
	width:30%;
	height:300px;
}
.section-item .item figure img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
}
.section-item .item .text{
	width:65%;
	margin:0 0 0 5%;
}
.btn-area .btn-wrap{
}
.btn-area .btn-normal{
	width:60%;
}
}
@media screen and (max-width: 480px) {
	.ui-box .wrap {
		border-bottom:none;
	}
	.inner-narrow{
	width:auto;
	margin:0 15px;
}
.section-item .item figure{
	width:40%;
	height:200px;
}
.section-item .item figure img{
}
.section-item .item .text{
	width:55%;
}
	.section-comment .inner-narrow{
		margin:0;
	}
.btn-area .btn-wrap {
    margin: 0 auto 15px !important;
}
.btn-area .btn-normal{
	width:100%;
}
	.section-item.mb_60 {
	margin: 0 0 15px!important;
}
}