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

/*TOPICS1*/
#reviews h2{
}
#reviews #container #layout ul li{
    border-style: solid;
    border-width: 1px;
	border-color:#dddddd;
	background-color:transparent;
/*
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
*/
}

#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:#f0f0f0;
*/
}
#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: #eee;
	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: right;
}

.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;

	background-color:#ffffff;
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);

border: 1px solid #cccccc;
/*box-shadow: 0 1px 0 #0096ff, 0 1px 0 #0096ff inset;*/
padding:6px;
border-radius:0px;
display:block;

}
.reviewPageNav > span a:hover{
}
.reviewPageNav span a span{
display:inline-block;
margin:0px 3px;
    vertical-align: text-bottom;
    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 {
display:block;
border-radius:5px;
color:#666666;
    border: 1px solid #666666;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding:2px;
text-align:center;
margin:0 10px 10px;
}
p.reviewPostBtn a {
border:1px solid #666666;
color:#666666;
font-weight:bold;
padding:5px 15px;
font-size:14px;
border-radius:3px;
display:block;
}



@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: right;
    display: block;
}
}