@charset "utf-8";

.bold{
  font-weight:bold;
}
.inline{
  display:inline;
}
#input-wrap .page-header,
#complete-wrap .page-header{
  border-bottom:2px solid #000000;
  margin-top:45px;
}
/*商品画面*/
#review{
  margin:30px 0 20px;
}
#review .review-box-area{
  background-color:#efefef;
  padding:10px;
}
#review .box-wrap{
  background-color:#FFFFFF;
  padding:0px 10px;
  border:solid 1px #e4e4e4;
  margin-bottom:10px;
}
#review .review-box{
  list-style:none;
  background-color:#ffffff;
}
#review .review-box li{
  border-bottom:solid 1px #e4e4e4;
  padding:13px 10px;
}
#review .review-box li:last-child{
  border-bottom:none;
}
#review .review-box .img_star{
  margin:0 10px;
}
#review .review-box .user-name{
  color:#2f10d0;
  }
#review .review-box-area .btn.btn-input{
  display:block;
  margin:25px auto;
  padding:8px 32px;
  border-radius:6px;
}
#review .review-box-area .btn.btn-yes{
  margin-left:15px;
  padding:2px 20px;
}
#review .review-box-area .btn.btn-view{
  margin-left:30px;
  padding:2px 15px;
}

/*投稿画面*/
#input-wrap{
  padding-bottom:120px;
}
#input-wrap .input-box{
  border:solid 1px #cfcfcf;
  padding:15px;
}
#input-wrap .input-box .product-image{
  width:30%;
}

#input-wrap .input-box .input-form-box{
  width:70%;
}
#input-wrap .input-box .input-form-box .table td{
  vertical-align:middel;
}
#input-wrap .input-box .input-form-box .number li > span{
  display:block;
}
#input-wrap .input-box .input-form-box .number{
  list-style:none;
}
#input-wrap .input-box .input-form-box .number li{
  float:left;
  width:43px;
  text-align:center;
}
#input-wrap .input-box .input-form-box .head{
  width:30%;
  vertical-align:middle;
}
#input-wrap .input-box .input-form-box .essential{
  margin-left:28px;
  float:right;
}
#input-wrap .input-box .input-form-box .essential,
#input-wrap .input-box .input-form-box .factor{
  color:#94161a;
 }
#input-wrap .input-box .input-form-box .value{
  margin-top:2px;
}
#input-wrap .input-box .input-form-box .text-area{
  height:266px;
  width:90%;
}
#input-wrap .input-box .input-form-box .img-emoji{
  display:inline-block;
  margin:0 15px;
}
#input-wrap .input-box .input-form-box .comment-area{
  height:270px;
}
#input-wrap .input-box .input-form-box .comment-area p{
  padding:15px;
}
#input-wrap .agreement-box{
  background-color:#f0f0f0;
  height:200px;
  margin:30px 0;
}
#input-wrap .btn.btn-confirm{
  display:block;
  margin:0 auto;
  background-image:none;
  background-color:#333333;
  color:#ffffff;
  padding:5px 40px;
}
#input-wrap .btn.btn-confirm:hover,
#input-wrap .btn.btn-confirm:focus{
  background-color:#777777;
}
/*確認画面*/
#complete-wrap .sentence{
  width:38%;
  margin:0 auto;
  padding:58px 0;
  height:500px;
}
#complete-wrap .sentence p{
  line-height:1.9;
}
#complete-wrap .link-area{
  float:right;
  padding:35px 0;
}

/******************************
smartphone only
*******************************/
@media (max-width: 767px) {
/*商品画面*/
#review .review-box-area .btn.btn-view{
  margin:10px 0;
}

/*投稿画面*/
#input-wrap .input-form-box{
  float:none;
}
#input-wrap .input-box .input-form-box .head{
  width:100%;
}
#input-wrap .input-box .input-form-box .essential{
  float:none;
}

/*確認画面*/
#complete-wrap .sentence{
  width:100%;
}



}

/******************************
smartphone to tablet
*******************************/
@media (max-width: 979px) {

/*投稿画面*/
#input-wrap .input-box .product-image{
  width:100%;
  text-align:center;
}
#input-wrap .input-box .input-form-box{
  width:100%;
}

}

/******************************
tablet only
*******************************/
@media (min-width:768px) and (max-width: 979px) {

}