@charset "utf-8";
/* CSS Document */

/*TOPICS1*/
#reviews h2{
}
#reviews #container #layout ul li{
    border-style: solid;
    border-width: 1px;
	border-color:#dddddd;
background-color:rgba(255,255,255,.8);
}

#reviews #layout ul{
list-style-type:none;
text-align:left;
}
#reviews #layout ul li{
/*
width:464px;
display:inline-block;
width:calc(50% - 26px);
*/
vertical-align:top;
margin:0;
margin-bottom:30px;
padding:10px;
border-radius:3px;

background-color:rgba(255,255,255,.5);

}
#reviews #layout #singleReviews ul{
float:right;
}
#reviews #layout ul li h3{
font-size:22px;
font-weight:bold;
margin-right:5px;
padding-bottom:5px;
text-align:left;
}
#reviews #layout ul li h3 a{
color:#333333;
}
#reviews #layout #singleReviews .photo p.btn{
font-size:11px;
font-weight:normal;
display:block;
    border: 1px solid #ddd;
    background: rgba(255,255,255,.5);
	border-radius:5px;
vertical-align:top;
margin:10px auto;
}
#reviews #layout #singleReviews .photo p.btn a{
display:block;
text-align:center;
padding:5px;
color:#333333;
}

#reviews #layout ul li h3 span{
font-size:12px;
font-weight:normal;
display:inline-block;
    border: 1px solid #ddd;
    background: #eee;
	border-radius:5px;
vertical-align:top;
margin-left:10px;
}
#reviews #layout ul li h3 span a{
display:block;
padding:5px;
color:#333333;
}
#reviews #layout ul li h4{
font-size:15px;
font-weight:normal;
padding-bottom:5px;
text-align:left;
font-weight:bold;

}
#reviews #layout #singleReviews .photo,
#reviews #layout ul li .photo{
text-align:center;
max-width:300px;
float:left;
margin-right:10px;
}
#reviews #layout #singleReviews .photo h3{
text-align:right;
color:#ffffff;
font-size:15px;
font-weight:normal;
}
#reviews #layout #singleReviews .photo p{
text-align:right;
color:#ffffff;
font-size:13px;
font-weight:normal;
}

#reviews #layout #singleReviews .photo a,
#reviews #layout ul li .photo a{
display:block;
}
#reviews #layout #singleReviews .photo img,
#reviews #layout ul li .photo img{
max-width:100%;
height:auto;

    border: 1px solid #666666;
    border-radius: 0px;
    overflow: hidden;

}
#reviews #layout ul li .comment{
float:left;
padding:10px;
width:610px;
font-size:15px;
line-height:1.5;
    border: 1px solid #dddddd;
/*background-color:rgba(255,255,255,.8);*/
}
#reviews #layout #singleReviews .comment{
border:none;
background-color:transparent;
}
#reviews #layout ul li .comment img{
max-width:100%;
}
#reviews #layout ul li .comment{
text-align:center;
}
#reviews #layout ul li .comment div.inner p{
text-align:left;
font-size:12px;
text-indent:1em;
}
#reviews #layout ul li .comment div.inner p.total{
font-size:15px;
font-weight:bold;
}
#reviews #layout ul li .comment .futube{
margin:auto;
}
#reviews #layout ul li .usercomment{
/*	background-color:rgba(0,0,0,.2);*/
	padding:10px;
	font-size:15px;
	text-align:left;
	line-height:1.7;
	border-radius:3px;
	margin:10px auto;
}
#reviews #layout ul li .comment p.thanks{
	font-size:13px;
    text-align: left;
    font-size: 13px;
    display: inline-block;
     float: left;
    padding-left: 5em;
}

.reviewPageNav{
width:100%;	
margin:0 auto 10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:11px;
}
.reviewPageNav > span{
	display:inline-block;
	width:32%;
	width:calc(100%/3 - 8px);
}
.reviewPageNav span a{
color:#111111;

padding:6px;
border-radius:0px;
display:block;

}
.reviewPageNav > span a:hover{
}
.reviewPageNav span a span{
display:inline-block;
margin:0px 3px;
    vertical-align: sub;
    margin: 0px 5px;
    font-size: 150%;
}
.reviewPageNav span:nth-child(2) a{
font-size:13px;
border:none;
color:#111111;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
}
.reviewPageNav span:nth-child(2) a span.fa{
	display:none;
}

p.reviewPostBtn {
	text-align: center;
	font-size:14px;
	display:inline-block;
	background:#b5a9fd;
width: calc(100% / 2 - 60px);
    margin: 15px 5px;
}
p.reviewPostBtn a {
	display:block;
	color:#ffffff;
	padding:5px;
}

@media screen and (max-width: 667px) {

#reviews #layout ul {
	padding:5px;
}
#reviews #layout ul li {
	background-color:transparent;
    border-radius: 0px;
    display: block;
    margin: 0 0 20px;
    padding: 5px;
    vertical-align: top;
	width:auto;
	border:none;
	min-height:auto;
	border-radius:3px;
	border:none !important;
}
#reviews #layout #singleReviews ul li {
	border-radius:5px;
}
#reviews #layout ul li h3 span{
font-size:11px;
}
#reviews #layout ul li h3 span a{
padding:4px;
}
#reviews #layout #singleReviews .photo,
#reviews #layout ul li .photo {
    width: calc(100% - 20px);
	float:none;
	max-width:inherit;
	margin:auto;
}
#reviews #layout #singleReviews .photo{
/*
padding-left:10px;
margin-right:0;
*/
}
#reviews #layout ul li h3{
font-size:18px;
}
#reviews #layout #singleReviews h3{
font-size:13px;
}
#reviews #layout #singleReviews .photo p{
font-size:11px;
}
#reviews #layout ul li h4{
font-size:13px;
}

#reviews #layout #singleReviews ul{
float:none;
    width: calc(100% - 15px);
		padding-right:0px;
		padding-top:0;
}

#reviews #layout ul li .comment {
    float: none;
    font-size: 14px;
    line-height: 1.7;
    padding: 10px;
	width:calc(100% - 35px);
	min-height:auto;
	margin:auto;
	border:none !important;
}
#reviews #layout #singleReviews .comment {
    float: none;
    font-size: 14px;
    line-height: 1.7;
    padding: 5px;
	width:auto;
	min-height:auto;
}

#reviews #layout ul li .comment div.inner p{
text-align:left;
font-size:11px;
text-indent:inherit;
}
#reviews #layout ul li .usercomment{
	font-size:13px;
	padding:5px;
}
#reviews #layout ul li .comment p.thanks{
    font-size: 12px;
    float: none;
    text-align: left;
    display: block;
    padding-left: 20px;
}
p.reviewPostBtn {
	width:90%;
}
}