#revew_1{
   background: #fff;
   border: 1px solid #aaa;
   max-width: 600px;
   width: 100%;
   padding: 5%;
   margin-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
   font-size: 180%;
}

@media screen and (max-width: 480px){
   #revew_1{
      max-width: 85%;
      font-size: 120%;
   }
}

#revew_1 div{
   background: #fff;
}
   
.stars{
   display: inline-flex;
   flex-flow: row nowrap;
   list-style: none;
   position: relative;
   background: #aaa;
   padding: 0;
   margin: 0;
   height: 20px;
   overflow: hidden;
}

.stars::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: calc(86%);
   height: 100%;
   background: #f5c335;
   z-index: 9;
}

.stars li{
   width: 20px;
   height: 20px;
   z-index: 10;
}

.stars li img{
   width: 20px;
   vertical-align: top;
}

#revew_1 a{
   color: #111;
}

#revew_1 span{
   padding: 0 10px 0 10px;
}

#revew_2{
   width: 90%;
   padding-top: 50px;
   margin: auto;
   background: #fff;
}

#revew_2 div{
   background: #fff;
   font-size: 120%;
   font-weight: 600;
}

#revew_2 .container_1{
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   
}

#revew_2 .container_1 h3{
   font-size: 250%;
   font-weight: 800;
   margin-right: auto;
}

@media screen and(max-width: 480px){
   font-size: 180%;
}

#revew_2 .container_1 button{
   height: 50px;
   width: 45%;
   background: #c9a063;
   border-radius: 8px;
   border: none;
   color: #fff;
   font-size: 120%;
   font-weight: 600;
   letter-spacing: 5px;
}

#revew_2 .container_2{
   margin-top: 50px;
}

#revew_2 .container_3 ul{
   list-style: none;
   padding: 0;
}

#revew_2 .container_3 li{
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   font-size: 120%;
}

#revew_2 .container_3 li:hover{
   opacity: 0.7;
}

#revew_2 .container_3 img{
   width: 15px;
   height: 15px;
   background: #f5c335;
}

#revew_2 .container_3 span, #revew_2 .container_3 img{
   margin-left: 1%;
   margin-right: 1%;
}

#revew_2 .container_3 .progress{
   position: relative;
   min-width: 200px;
   width: 35%;
   height: 15px;
   background: #ccc;
   border-radius: 3px;
   overflow: hidden;
}

#revew_2 .container_3 .progress .bar{
   position: absolute;
   background: #f5c335;
   height: 100%;
}

#revew_2 .container_3 .count{
   width: 10%;
   text-align: right;
}

#revew_write{
   width: 90%;
   margin: auto;
   transition: 0.5s;
   overflow: hidden;
}

#revew_write textarea{
   width: 100%;
   height: 300px;
}

.stars_2{
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   list-style: none;
   padding: 10px;
}

.stars_2 li{
   margin: 5px;
}

.stars_2 img{
   width: 25px;
   height: 25px;
   background: #aaa;
}

#revew_write button{
   height: 50px;
   width: 90%;
   background: #c9a063;
   border-radius: 8px;
   border: none;
   color: #fff;
   font-size: 100%;
   font-weight: 600;
   letter-spacing: 5px;
}

#revew_3{
   background: #fff;
}

#revew_area{
   padding: 5%;
}

.revew_menu{
   background: #ede1cb;
   margin-bottom: 5px;
}

.revew_menu p{
   width: 45%;
   display: inline-block;
   font-size: 120%;
   font-weight: bold;
}

@media screen and (max-width:480px){
   .revew_menu p{
      font-size: 100%;
   }
}

.revew_menu p:first-child{
   text-align: left;
   padding-left: 5%;
}
.revew_menu p:last-child{
   text-align: right;
}

#revew_3 div{
   background: #fff;
}

.stars_3{
   display: inline-flex;
   flex-flow: row nowrap;
   list-style: none;
   position: relative;
   padding: 0;
   margin: 0;
   height: 25px;
   overflow: hidden;
}

.stars_3 li{
   width: 20px;
   height: 20px;
   z-index: 10;
   margin: 2px;
}

.stars_3 li img{
   width: 20px;
   vertical-align: top;
   background: #aaa;
}

.row_1{
   font-size: 150%;
}

.row_1 > span{
   margin: 3%;
}

.post_content{
   border: 1px solid #ede1cb;
   padding: 5%;
   font-size: 120%;
   font-weight: bold;
}

.post_content span{
   display: flex;
   align-items: center;
}

.post_content span img{
   width: 15px;
}

#revew_area > div{
   margin-top: 30px;
   margin-bottom: 30px;
}

.revew_post h3 > span{
   font-size: 130%;
}

.page_sort{
  padding: 3% 0;
}

.page_sort:hover{
   cursor:  pointer;
}

#prev, #next{
   font-size: 150%;
}

#prev:hover{
   cursor:  pointer;
}

#next:hover{
   cursor:  pointer;
}