@charset "utf-8";
.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
}

/*
Shop
*/
#shop {
  width:100%;
  clear:both;
  margin:0px auto 0px auto;
}
h2.main {
  font-family: Open Sans;
  color: #fff;
  font-weight:600;
  line-height: 40px;
  text-align: center;
  display: block;
  margin: 0px;
  padding: 20px 10px;
  background:#333;
}
h2 span {
  font-size: 20px;
  padding-bottom:5px;
}
#shop_detail h2 span {
  border-bottom:2px solid #ffff00;
}


#shopBody {
  width:1000px;
  margin: 0px auto 0px auto;
  padding: 20px;
  background-color: #555;
}

/* install_shop */
.install_shop {
  position: relative;
  color: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}
.install_shop .bg_filter {
  width: 100%;
  height: 100%;
  background-color: #333;
}

.install_shop .item_title {
  font-size: 25px;
  padding-left: 10px;
  background-color: rgba(0,0,0,0.5);
}
.install_shop .flex {
  padding: 10px;
}
.install_shop .flex > div {
  float: left;
  box-sizing: border-box;
}
.install_shop .left {
  width: 30%;
}
.install_shop .left .item_img {
  position: relative;
  display: block;
  width: 280px;
  height: 180px;
  overflow: hidden;
}
.install_shop .left .item_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX( -50% ) translateY( -50% );
  width: 100%;
}
.install_shop .desc {
  font-size: 14px;
}
.install_shop .right {
  width: 70%;
  padding-left: 10px;
}
.install_shop .right .bottom {
  background-color: #151515;
  padding:10px;
  margin-top: 10px;
}
.install_shop .right .bottom .title {
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
}
.install_shop .right .bottom > div p {
  position: relative;
  font-size: 14px;
  padding-left: 20px;
  min-height: 22px;
}
.install_shop .right .bottom i {
  position: absolute;
  top: 50%;
  left: 0;
  transform:translateY( -50% );
  font-size: 15px;
  display: block;
}
.install_shop .right .bottom .left ,
.install_shop .right .bottom .right{
  float: left;
  width: 50%;
  padding: 10px 10px 0 10px;
}

.shopBtn {
  font-family:Open Sans;
  color:#333;
  font-size:14px;
  text-align:center;
  display:block;
  margin:10px 0 10px;
  padding:10px;
  border-radius:4px;
  background-color:#ccc;
}
.shopBtn:hover {
  color:#fff;
  background-color:#b71c22;
}

/* カテゴリスライド */
.category_slide ,
.category_slide_full {
  padding-top: 10px;
  padding-bottom: 10px;
}
.category_slide img ,
.category_slide_full img {
  width: 70px;
  height: 70px;
}
.category_slide .owl-item ,
.category_slide_full .owl-item {
  text-align: center;
}
.category_slide .owl-prev ,
.category_slide_full .owl-prev {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY( -50% );
  background-color: rgba(48,48,48,0);
  transition: background-color 0.2s linear 0s;
}
.category_slide .owl-next ,
.category_slide_full .owl-next {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY( -50% );
  background-color: rgba(48,48,48,0);
  transition: background-color 0.2s linear 0s;
}
.category_slide .owl-prev:hover ,
.category_slide .owl-next:hover ,
.category_slide_full .owl-prev:hover ,
.category_slide_full .owl-next:hover {
  background-color: rgba(48,48,48,0.8);
}
.category_slide .shop_category a ,
.category_slide_full .shop_category a {
  display: block;
}
.category_slide .shop_category a span ,
.category_slide_full .shop_category a span {
    font-size: 13px;
  display: block;
  line-height: 1em;
}
/* スライド幅 調整 */
.category_slide {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.category_slide .owl-prev {
  left: -20px;
}
.category_slide .owl-next {
  right: -20px;
}
.category_slide_full {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}
.category_slide_full .owl-prev {
  left: -25px;
}
.category_slide_full .owl-next {
  right: -25px;
}


/* filter */
.shop_filter {
  width: 1000px;
  margin: 0px auto 0px auto;
  padding: 20px;
  background-color: #555;
}
.shop_filter .area_button {
  position: relative;
  padding-left: 30px;
  color: #fff;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.shop_filter .area_button i {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY( -50% );
}
.shop_filter .area_search .pc {
  position: relative;
  max-width: 600px;
  margin:0 auto;
}
.shop_filter .area_search .sp {
  display: none;
}
.shop_filter .area_search img {
  width: 100%;
  background-color: #555;
}
.shop_filter .area_search .area_btn {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 20px;
  outline: none;
}
.area_btn.HKD {
    top: 100px;
    left: 430px;
}
.area_btn.THK {
    top: 280px;
    left: 380px;
}
.area_btn.KNT {
    top: 410px;
    left: 350px;
}
.area_btn.CHB {
    top: 410px;
    left: 260px;
}
.area_btn.KNK {
    top: 460px;
    left: 200px;
}
.area_btn.CHG {
    top: 435px;
    left: 100px;
}
.area_btn.SHK {
    top: 510px;
    left: 140px;
}
.area_btn.KYU {
    top: 540px;
    left: 50px;
}
.area_btn.OKN {
    top: 220px;
    left: 130px;
}
.pref_list {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-weight: bold;
  width: 100px;
  z-index: 9;
  list-style-type: none;
}
.pref_list li {
  line-height: 28px;
  border-bottom: 2px solid #EAA90E;
  text-align: center;
}
.pref_list.HKD {
    top: 140px;
    left: 430px;
    height: 30px;
}
.pref_list.THK {
    top: 320px;
    left: 380px;
    height: 180px;
}
.pref_list.KNT {
    top: 450px;
    left: 350px;
    height: 210px;
}
.pref_list.CHB {
    top: 450px;
    left: 260px;
    height: 270px;
}
.pref_list.KNK {
    top: 500px;
    left: 200px;
    height: 210px;
}
.pref_list.CHG {
    top: 475px;
    left: 100px;
    height: 150px;
}
.pref_list.SHK {
    top: 550px;
    left: 140px;
    height: 120px;
}
.pref_list.KYU {
    top: 580px;
    left: 50px;
    height: 210px;
}
.pref_list.OKN {
    top: 260px;
    left: 130px;
    height: 30px;
}

/* shop_item */
.shop_item {
  position: relative;
  color: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}
.shop_item .bg_filter {
  width: 100%;
  height: 100%;
  background-color: #333;
}

.shop_item .item_title {
  font-size: 25px;
  padding-left: 10px;
  background-color: rgba(0,0,0,0.5);
}
.shop_item .flex {
  padding: 10px;
}
.shop_item .flex > div {
  float: left;
  box-sizing: border-box;
}
.shop_item .left {
  width: 25%;
}
.shop_item .left .item_img {
  position: relative;
  display: block;
  width: 230px;
  height: 140px;
  overflow: hidden;
}
.shop_item .left .item_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX( -50% ) translateY( -50% );
  width: 100%;
}
.shop_item .desc {
  font-size: 14px;
  padding-bottom: 50px;
}
.shop_item .right {
  width: 75%;
  padding-left: 10px;
  min-height: 140px;
  position: relative;
}
/* 横2列 */
.shop_item {
  width: calc( 50% - 5px );
  float: left;
}
.shop_item:nth-of-type(2n + 1) {
  margin-right: 10px;
}
.shop_item .left .item_img {
  width: 180px;
  height: 110px;
}
.shop_item .left {
  width: 40%;
}
.shop_item .right {
  width: 60%;
}
/* 横2列 */


.shop_detail_btn {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 10px 50px;
  border-radius: 4px;
  background-color: #2196f3;
}
.shop_detail_btn:hover {
  color: #fff;
  background-color: #69b4f1;
}

/* shop_contents */
.shop_contents {
  position: relative;
  color: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}
.shop_contents .bg_filter {
  width: 100%;
  height: 100%;
  background-color: #333;
}

.shop_contents .item_title {
  font-size: 25px;
  padding-left: 10px;
  background-color: rgba(0,0,0,0.5);
}
.shop_contents .flex {
  padding: 10px;
}
.shop_contents .flex > div {
  float: left;
  box-sizing: border-box;
}
.shop_contents .left {
  width: 50%;
}
.shop_contents .left .item_img {

}
.shop_contents .left .item_img img {
  width: 100%;
}
.shop_contents .right {
  width: 50%;
  padding-left: 20px;
}
.shop_contents .list {
  margin-bottom: 20px;
}
.shop_contents .list .title {
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
.shop_contents .list .desc {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.shop_contents .list .desc span {
  /*font-weight: bold;*/
  position: absolute;
  top: 5px;
  left: 0;
}
.shop_contents .list.info [class^="shop_"] {
  position: relative;
  padding-left: 20px;
  min-height: 22px;
  margin-top: 5px;
  margin-left: 10px;
}
.shop_contents .list.info [class^="shop_"] i {
  position: absolute;
  top: 50%;
  left: 0;
  transform:translateY( -50% );
  font-size: 17px;
  display: block;
}
.shop_contents .list.transaction .desc {
  padding-left: 100px;
  margin-left: 10px;
}

.shop_contents .list.review .title p {
  float: left;
}
.shop_contents .list.review .title .ratings_count {
  float: right;
}
.shop_contents .list.review .title .ratings_count .ratings {
  display: inline-block;
  font-size: 17px;
  width: 85px;
}
.shop_contents .list.review .title .ratings_count .review_count {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 15px;
  border: 2px solid #fff;
  background-color: #999;
  line-height: 20px;
  margin-bottom: 2px;
}
.shop_contents .list.review .review_list {
  background-color: #fff;
  height: 250px;
  overflow-y: auto;
}
.shop_contents .review_item {
  padding: 10px;
  color: #333;
  font-size: 14px;
}
.shop_contents .review_item .top {
  border-bottom: 1px solid #ccc;
}
.shop_contents .review_item .top .ratings {
  float: left;
}
.shop_contents .review_item .top .name {
  float: left;
}
.shop_contents .review_item .top .date {
  float: right;
}
.shop_contents .review_item .bottom {
  padding: 10px;
}

/* rating */
.ratings {
  unicode-bidi: bidi-override;
  color: #eee;
  font-size: 14px;
  height: 14px;
  width:70px;
  margin: 0px 5px 5px 5px;
  position: relative;
  padding: 0;
  text-shadow: 0px 0px 1px #666;
  clear:both;
}
.ratings-top {
  color: #E7BC1A;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.ratings-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}


/* shop_review */
.shop_review {
  color: #fff;
  margin-bottom: 20px;
}
.shop_review .item_title {
  font-size: 25px;
  padding-left: 10px;
  background-color: rgba(0,0,0,0.5);
}
.shop_review .shop_info {
  width: 100%;
  padding-top: 10px;
}
.shop_review .shop_info .total_review {
  float: left;
  width: 35%;
  padding-right: 20px;
}
.shop_review .shop_info .total_review .title {
  border-bottom: 1px solid #fff;
  font-weight: bold;
  line-height: 28px;
}
.shop_review .shop_info .total_review .ratings {
  width: auto;
  height: auto;
  margin: 0 0 0 40px;
  display: inline-block;
}
.shop_review .shop_info .total_review .ratings span {
  font-size: 35px;
}
.shop_review .shop_info .total_review .rating_point {
  font-size: 40px;
  display: inline-block;
  margin: 0 0 0 10px;
}
.shop_review .shop_info .total_review table {
  font-size: 13px;
  width: 100%;
  background-color: #eee;
  color: #333;
  border-collapse: collapse;
}
.shop_review .shop_info .total_review table caption {
  color: #fff;
}
.shop_review .shop_info .total_review table tr {
  text-align: center;
}
.shop_review .shop_info .total_review table tr th {
  width: 20%;
  border: 1px solid #fff;
  background: linear-gradient(to bottom, #fff 0%, #ddd 100% );
}
.shop_review .shop_info .total_review table tr td {
  border: 1px solid #fff;
  padding-top: 3px;
  padding-bottom: 3px;
}
.shop_review .shop_info .total_review table tr td span {
  font-weight: bold;
}
.shop_review .shop_info .total_review table tr.good span {
  color: green;
}
.shop_review .shop_info .total_review table tr.bad span {
  color: red;
}
.shop_review .shop_info .list .item_img {
  float: left;
  position: relative;
  overflow: hidden;
  width: 40%;
  height: 180px;
}
.shop_review .shop_info .list .item_img img {
  position: absolute;
  width: 100%;
  top: 0;
}
.shop_review .shop_info .list  {
  float: left;
  width: 65%;
  padding-left:20px;
}
.shop_review .shop_info .list .title {
  border-bottom: 1px solid #fff;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 15px;
}
.shop_review .shop_info .list .info_list {
  float: left;
  width: 60%;
}
.shop_review .shop_info .list.info [class^="shop_"] {
  position: relative;
  padding-left: 20px;
  min-height: 22px;
  margin-top: 5px;
  margin-left: 10px;
}
.shop_review .shop_info .list.info [class^="shop_"] i {
  position: absolute;
  top: 50%;
  left: 0;
  transform:translateY( -50% );
  font-size: 17px;
  display: block;
}
.shop_review .review_list {
  margin-top: 20px;
  background-color: #fff;
  color: #333;
}
.shop_review .review_list .item {
  padding: 30px;
  margin-left: 20px;
  margin-right: 20px;
}
.shop_review .review_list .item:nth-of-type(n + 2) {
  border-top: 1px solid #ccc;
}
.shop_review .review_list .item .product_item p {
  margin-bottom: 10px;
}
.shop_review .review_list .item .buyer {
  
}
.shop_review .review_list .item .buyer .ratings {
  float: left;
  width: auto;
  height: auto;
  margin: 0;
  display: inline-block;
}
.shop_review .review_list .item .buyer .ratings span {
  font-size: 20px;
}
.shop_review .review_list .item .buyer .name {
  float: left;
  margin-left: 20px;
  font-size: 15px;
  padding-top: 4px;
}
.shop_review .review_list .item .buyer .date {
  float: left;
  margin-left: 20px;
  font-size: 15px;
  padding-top: 4px;
}
.shop_review .review_list .item .buyer span {
  font-size: 12px;
}
.shop_review .review_list .item .review_message {
  padding: 10px;
  font-size: 15px;
}
/*icon*/
.shop_review .review_list .item .buyer span {
}
.shop_review .review_list .item .buyer .name ,
.shop_review .review_list .item .buyer .date {
  position: relative;
  line-height: 30px;
  padding-top: 0;
  padding-left: 20px;
}
.shop_review .review_list .item .buyer span i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY( -50% );
  color: #666;
  font-size: 18px;
}
/* shop_review_add */
.shop_review_add {
  background-color: #333;
}
.shop_review_add h2 {
  width: 1000px;
  font-size: 24px;
  padding: 20px 0px;
  text-align: left;
  margin: 0 auto;
}
/* product_review_add */
.product_review_add {
  background-color: #333;
}
.shop_review_add_detail {
  width: 1000px;
  margin: 0 auto;
}
.shop_review_add_detail .reviewer {
  padding: 20px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
  margin: 10px 0;
}
.shop_review_add_detail .reviewer .name {
  font-size: 14px;
}
.shop_review_add_detail .reviewer .name span {
  font-size: 18px;
  font-weight: bold;
}
.shop_review_add_detail .reviewer .count {
  font-size: 14px;
}
.shop_review_add_detail .reviewer .count span {
  font-size: 18px;
  font-weight: bold;
}
.shop_review_add_detail .review_list .item {

}
.shop_review_add_detail .review_list .item .item_inner {
  margin: 10px;
  padding: 10px;
  background-color: #fff;
  transition: background-color 0.5s ;
}
.shop_review_add_detail .review_list .item:nth-of-type(n + 2) {
  border-top: 1px solid #ccc;
}
.shop_review_add_detail .review_list .top {
  margin-bottom: 0;
}
.shop_review_add_detail .review_list .top .item_name {
  padding: 10px;
}
.shop_review_add_detail .review_list .top .shop_name span {
  font-size: 14px;
  display: block;
}
.shop_review_add_detail .review_list .top .shop_name a {
  font-size: 20px;
}
.shop_review_add_detail .review_list .etc_item .tec_item_detail a ,
.shop_review_add_detail .review_list .top .item_name a ,
.shop_review_add_detail .review_list .top .shop_name a {
  color: #333;
  font-weight: bold;
}
.shop_review_add_detail .review_list .etc_item .tec_item_detail a:hover ,
.shop_review_add_detail .review_list .top .item_name a:hover ,
.shop_review_add_detail .review_list .top .shop_name a:hover {
  color: #F5C759;
}
.shop_review_add_detail .review_list .left {
  width: 25%;
}
.shop_review_add_detail .review_list .shop_img {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}
.shop_review_add_detail .review_list .shop_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX( -50% ) translateY( -50% );
  width: 100%;
}
.shop_review_add_detail .review_list .item_img {
  width: 100%;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.shop_review_add_detail .review_list .item_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX( -50% ) translateY( -50% );
  width: 100%;
}
.shop_review_add_detail .review_list .right {
  width: 75%;
  padding-left: 20px;
  flex-wrap: wrap;
}
.shop_review_add_detail .review_list .right .item_list_info {
  width: 100%;
}
.shop_review_add_detail .review_list .right .item_list_info span {
  font-size: 14px;
  display: block;
}
.shop_review_add_detail .review_list .right .left {
  width: 10%;
}
.shop_review_add_detail .review_list .right .center {
  width: 60%;
  align-items: center;
}
.shop_review_add_detail .review_list .right .right {
  width: 30%;
}
.shop_review_add_detail .review_list .etc_item {
  width: 100%;
  padding: 10px;
  background-color: #f3f3f3;
}
.shop_review_add_detail .review_list .etc_item .etc_item_title {
  font-size: 14px;
}
.shop_review_add_detail .review_list .etc_item .tec_item_detail {
  padding: 0 10px;
}

.shop_review_add_detail .review_list .review_ratings {
  
}
.shop_review_add_detail .review_list .review_ratings span {
  text-shadow: 0px 0px 1px #666;
  font-size: 35px;
  cursor: pointer;
  color: #eee;
}
.shop_review_add_detail .review_list .review_ratings.review_off span {
  cursor: default;
}
.shop_review_add_detail .review_list .review_ratings span.active {
  color: #E7BC1A;
}
.shop_review_add_detail .review_list .review_ratings .rating_clear {
  cursor: pointer;
}
.shop_review_add_detail .review_list .bottom textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
}
.shop_review_add_detail .review_list .post_button {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: right;
}
.shop_review_add_detail .review_list .post_button button {
  padding: 5px 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 0px #ccc;
  text-shadow: 0px 1px 1px #fff;
  background-color: #FDDE9D;
}
.shop_review_add_detail .review_list .item_buy_info {
  width: 100%;
  text-align: left;
}
.shop_review_add_detail .review_list .item_buy_number {
  width: 100%;
  text-align: left;
}
.shop_review_add_detail .review_list .item_buy_info span ,
.shop_review_add_detail .review_list .item_buy_number span {
  font-size: 14px;
  margin-right: 5px;
}

/* レビュー投稿直後 */
.shop_review_add_detail .review_list .item.posted .item_inner {
  background-color: #eee;
}
.shop_review_add_detail .review_list .item.posted .title {
  font-weight: bold;
  color: #080;
}
.shop_review_add_detail .review_list .item.posted .bottom textarea {
  background-color: #fff;
}
/* レビュー入力済み */
.shop_review_add_detail .review_list .item.edit .item_inner {
  background-color: #eee;
}
.shop_review_add_detail .review_list .item.edit .title {
  font-weight: bold;
  color: #080;
}
.shop_review_add_detail .review_list .item.edit .bottom textarea {
  background-color: #fff;
}



@media screen and (max-width: 480px) {
  .shop_filter ,
  #shopBody {
    width:100%;
    padding: 10px;
  }
  .category_slide img ,
  .category_slide_full img {
    width: 60px;
    height: 60px;
  }

  /* install_shop */
  .install_shop .item_title {
    font-size: 20px;
  }
  .install_shop .flex {
    flex-wrap: wrap;
  }

  .install_shop .flex > div {
    float: none;
    padding: 0;
  }
  .install_shop .left ,
  .install_shop .right {
    width: 100%;
  }
  .install_shop .right .bottom .left, 
  .install_shop .right .bottom .right {
    float: none;
    width: 100%;
  }
  .install_shop .top {
    padding-top: 5px;
  }
  .install_shop .left .item_img {
    width: 100%;
    height: 50vw;
  }

  /* shop_item */
  .shop_item .item_title {
    font-size: 20px;
  }
  .shop_item .flex > div {
    float: none;
    padding: 0;
  }
  .shop_item .left ,
  .shop_item .right {
    width: 100%;
  }
  .shop_item .right .bottom .left, 
  .shop_item .right .bottom .right {
    float: none;
    width: 100%;
  }
  .shop_item .top {
    padding-top: 5px;
  }
  .shop_item .left .item_img {
    width: 100%;
    height: 50vw;
  }
  /* 横2列 */
  .shop_item {
    width: 100%;
    float: none;
  }
  /* スライド幅 調整 */
  .category_slide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .category_slide .owl-prev {
    left: -20px;
  }
  .category_slide .owl-next {
    right: -20px;
  }
  .category_slide_full {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
  .category_slide_full .owl-prev {
    left: -15px;
  }
  .category_slide_full .owl-next {
    right: -15px;
  }

  /* filter */
  .shop_filter .area_button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .shop_filter .area_search .pc {
    display: none;
  }
  .shop_filter .area_search .sp {
    display: block;
  }
  .area_search .sp dt {
    background-color: #777;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #999;
  }
  .area_search .sp dd {
    background-color: #999;
    padding: 5px 3px 0;
  }
  .area_search .sp dd a {
    display: inline-block;
    padding: 10px 10px;
    margin-right: 5px;
    margin-bottom: 3px;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
  }

  /* shop_contents */
  .shop_contents .flex {
    flex-wrap: wrap;
  }
  .shop_contents .flex > div {
    float: none;
  }
  .shop_contents .left {
    width: 100%;
  }
  .shop_contents .right {
    width: 100%;
    padding-left: 0;
  }

  /* shop_review */
  .shop_review .shop_info .total_review {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .shop_review .shop_info .list {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .shop_review .shop_info .list .title {
    margin-top: 20px;
  }
  .shop_review .shop_info .list .item_img {
    float: none;
    width: 80%;
    height: 50vw;
    margin: 0 auto;
  }
  .shop_review .shop_info .list .info_list {
    float: none;
    width: 100%;
  }
  .shop_review .review_list .item {
    padding: 20px 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .shop_review .review_list .item .product_item p {
    margin-bottom: 0;
  }
  .shop_review .review_list .item .buyer .name {
    clear: both;
    float: right;
    line-height: 1em;
  }
  .shop_review .review_list .item .buyer .date {
    float: right;
    line-height: 1em;
  }
  .shop_review .shop_info .total_review .total_rating {
    text-align: center;
  }
  .shop_review .shop_info .total_review .title {
    text-align: left;
  }
  .shop_review .shop_info .total_review .ratings {
    margin: 0 0 0 0;
  }


  /* review_add */
  .shop_review_add h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    display: block;
    width: 100%;
    padding: 5px 10px;
    margin: 0px auto 0px auto;
  }
  .shop_review_add_detail {
    width: 100%;
  }
  .shop_review_add_detail .reviewer.flex {
    flex-direction: column;
  }
  .shop_review_add_detail .review_list .top.flex {
    flex-direction: column;
    align-items: center;
  }
  .shop_review_add_detail .review_list .left {
    width: 100%;
    height: 100%;
  }
  .shop_review_add_detail .review_list .right {
    width: 100%;
    height: 100%;
    flex-direction: row;
    padding-left: 0;
  }
  .shop_review_add_detail .review_list .shop_img ,
  .shop_review_add_detail .review_list .item_img {
    position: static;
    height: auto;
    text-align: center;
  }
  .shop_review_add_detail .review_list .shop_img img ,
  .shop_review_add_detail .review_list .item_img img {
    position: static;
    transform: none;
    width: 60%;
  }
  .shop_review_add_detail .review_list .item_buy_info ,
  .shop_review_add_detail .review_list .item_buy_number {
    font-size: 15px;
  }
  .shop_review_add_detail .review_list .post_button p {
    color: #333;
    font-size: 14px;
  }
  .shop_review_add_detail .review_list .right .left {
    width: 20%;
    order: 2;
  }
  .shop_review_add_detail .review_list .right .left .item_img img {
    width: 100%;
  }
  .shop_review_add_detail .review_list .right .center {
    width: 80%;
    order: 2;
  }
  .shop_review_add_detail .review_list .right .right {
    width: 100%;
    order: 1;
  }
  .shop_review_add_detail .review_list .right .etc_item {
    order: 4;
  }

  .shop_review_add_detail .review_list .top .item_name {
    padding-top: 0;
    padding-bottom: 0;
  }
  .shop_review_add_detail .review_list .item_buy_info span ,
  .shop_review_add_detail .review_list .item_buy_number span {
    font-size: 11px;
  }
  .shop_review_add_detail .review_list .top .shop_name a {
    font-size: 24px;
  }
  .shop_review_add_detail .review_list .top .shop_name span {
    display: inline-block;
  }

}