@charset "utf-8";


#wrap .sortbox{
  background: rgba(1,1,1,0.1);
  padding:10px 2%;
  width:96%;
  margin:10px auto;
  overflow:hidden;
  font-size: 1.3rem;
}

#wrap .sortbox .gal_s{
  float:left;
  width:60%;
}
#wrap .sortbox .order_s{
  float:left;
  width:40%;
  text-align:right;
  margin-top:8px;
}

#wrap .sortbox .more_btn{
    display: inline-block;
    margin:0;
    padding:0;
    width: 50px;
    line-height: 34px;
}
#wrap .sortbox .more_btn:after{
  display:none;
}



/*Pager*/

ul.pager {
	margin: 10px 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

ul.pager li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pager li span,
ul.pager li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	/*background: #222;*/
	text-decoration: none;
	vertical-align: middle;
  border:1px solid #ccc;
}

ul.pager li a:hover {
	color: #fff;
}



/*LIST*/

#wrap ul.revlist {
  margin-top: 15px;
}
#wrap ul.revlist li{
  margin:0 0 15px 0;
  overflow:hidden;
  box-sizing: border-box;
  border: 1px solid ;
  padding:1%;
}
#wrap ul.revlist li a {
  display: block;
  position: relative;
}

#wrap ul.revlist li .ph{
width:28%;
margin-right:2%;
float:left;
position: relative;
}
#wrap ul.revlist li .ph article {
bottom:0;
left:0;
text-align: center;
position: absolute;
width:100%;
padding-bottom: 5px;
padding-top: 25px;
}
#wrap ul.revlist li .ph article h3 {
    font-size: 1.3rem;
    font-weight: bold;
}
#wrap ul.revlist li .ph article .body {
    font-size: 1rem;
}
#wrap ul.revlist li .commentbox{
  float:left;
  width:70%;
}
#wrap ul.revlist li .commentbox .day{
  font-size:1rem;
  text-align:right;
}
#wrap ul.revlist li .commentbox .reviewttl{
  font-size:1.5rem;
}

#wrap ul.revlist li .commentbox .star{
  font-size: 1.4rem;
}
#wrap ul.revlist li .commentbox .reviewer{
  font-size: 1.3rem;
}
#wrap ul.revlist li .commentbox .star{
  font-weight: bold;
}

#wrap ul.revlist li .commentbox .day:before {
    content: "投稿日：";
}
#wrap ul.revlist li .commentbox .star:before {
    content: "満足度：";
}
#wrap ul.revlist li .commentbox .reviewer:before {
    content: "投稿者：";

}
#wrap ul.revlist li .commentbox .comment{
      font-size: 1.2rem;
      margin-top:10px;
}



@media screen and (max-width: 768px) {
#wrap .sortbox{
  font-size: 1.1rem;
}
#wrap ul.revlist li .ph{
width:28%;
}
#wrap ul.revlist li .commentbox{
  width:70%;
}
}

@media screen and (max-width: 600px) {
  #wrap .sortbox{
    width:90%;
  }
  #wrap .sortbox .gal_s,#wrap .sortbox .order_s{
    width:100%;
    float:none;
  }
#wrap .sortbox .order_s{
  text-align:center;
}

  #wrap ul.revlist li .ph{
  width:38%;
  }
  #wrap ul.revlist li .commentbox{
    width:60%;
  }
  #wrap ul.revlist li .ph article .body,#wrap ul.revlist li .commentbox .day {
      font-size: 0.8rem;
  }
  #wrap ul.revlist li .commentbox .reviewttl {
    font-size: 1.3rem;
}
#wrap ul.revlist li .commentbox .star, #wrap ul.revlist li .commentbox .reviewer {
    font-size: 1.1rem;
}
#wrap ul.revlist li .commentbox .comment{
  font-size: 1rem;
}
}





/*
====================================================
■ form設定
====================================================
*/

select,input.text,textarea.text{
    background-color: #FFF;
    border: 1px solid #666;
    font-size:1.3rem;
    padding: 1%;
}
textarea#comment{
    height: 100px;
    width: 98%;
}
.more_btn, .back_btn{
	width:150px;
}


/*
====================================================
■ dl設定
====================================================
*/


dl {
    border-top: 1px solid #DDD;
    font-size: 1.4rem;
    overflow: hidden;
    padding: 2% 0 2% 1%;
    text-align: left;
}

dt {
    float: left;
    width: 30%;
}

dd {
    float: left;
    width: 68%;
}

dt span,dd span,.caution span{margin-left:3px;color:#D70000;font-size:1rem;}

dt p,dd p{font-size: 1.1rem;}

dd p{margin-top:5px;}




@media screen and (max-width: 768px) {
dl {
    padding: 2%;
     font-size: 1.2rem;
}
dt {
    float: none;
    width: 100%;
}

dd {
    float: none;
    width: 100%;
}

dt p{display:inline;}

dt p,dd p{font-size: 0.9rem;}

}