/* line 6, app/assets/stylesheets/stores.scss */
.storePage {
  padding: 10px;
}

/* line 8, app/assets/stylesheets/stores.scss */
.storePage .breadcrumb_trail {
  margin-bottom: 10px;
}

/* line 10, app/assets/stylesheets/stores.scss */
.storePage .breadcrumb_trail a {
  color: #333;
}

/* line 15, app/assets/stylesheets/stores.scss */
.storeShow {
  max-width: 600px;
  width: 100%;
  background-color: #FFFFFF;
}

/* line 19, app/assets/stylesheets/stores.scss */
.storeShow h2 {
  margin: 15px auto;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  border-bottom: 2px solid #2DB4AF;
  padding-bottom: 10px;
}

/* line 27, app/assets/stylesheets/stores.scss */
.storeShow .icon_name {
  margin: auto;
  display: flex;
}

/* line 30, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .storeImage {
  width: 120px;
}

/* line 32, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .storeImage img {
  width: 100%;
}

/* line 36, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .storeName {
  padding: 0px 20px;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  overflow-y: visible;
  width: 220px;
  text-align: left;
  margin: 0px;
}

/* line 46, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .store_badges {
  padding: 0px 20px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

/* line 53, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .store_badges li {
  display: flex;
  align-items: center;
  height: 25px;
}

/* line 57, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .store_badges li img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 58, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .store_badges li span {
  line-height: 25px;
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  font-size: 13px;
}

/* line 65, app/assets/stylesheets/stores.scss */
.storeShow .icon_name .store_badges li .osusume_label {
  color: #e5484d;
  font-weight: bold;
}

/* line 72, app/assets/stylesheets/stores.scss */
.storeShow .stars {
  position: relative;
  display: inline-block;
}

/* line 75, app/assets/stylesheets/stores.scss */
.storeShow .stars .yellow_stars {
  color: #FFC107;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* line 83, app/assets/stylesheets/stores.scss */
.storeShow .stars .gray_stars {
  color: #DCDCDC;
}

/* line 87, app/assets/stylesheets/stores.scss */
.storeShow .stars span {
  color: #5D5D5D;
}

/* line 91, app/assets/stylesheets/stores.scss */
.storeShow .no_reviews {
  padding: 20px;
  margin: 20px 0;
  background-color: #efefef;
}

/* line 96, app/assets/stylesheets/stores.scss */
.storeShow #searchReview_ver5 {
  padding: 0;
}

/* line 99, app/assets/stylesheets/stores.scss */
.storeShow .review_summary {
  font-weight: bold;
  font-size: 18px;
  line-height: 33px;
  margin: 10px auto;
}

/* line 104, app/assets/stylesheets/stores.scss */
.storeShow .review_summary .stars {
  margin: 20px auto;
  font-size: 33px;
}

/* line 109, app/assets/stylesheets/stores.scss */
.storeShow .detail_list {
  margin: 10px auto;
  font-size: 13px;
  line-height: 22px;
  font-weight: bold;
}

/* line 114, app/assets/stylesheets/stores.scss */
.storeShow .detail_list img {
  width: 16px;
  margin-right: 10px;
}

/* line 119, app/assets/stylesheets/stores.scss */
.storeShow .link {
  background-color: #00A18C;
  width: 100vw;
  max-width: 640px;
  height: 80px;
  padding: 15px 0;
  position: fixed;
  bottom: 0px;
  z-index: 5;
}

/* line 128, app/assets/stylesheets/stores.scss */
.storeShow .link a {
  display: block;
  color: #FFFFFF;
  margin: auto;
  font-size: 14px;
  line-height: 42px;
  border: 3px solid #FFFFFF;
  border-radius: 40px;
  text-align: center;
}

/* line 140, app/assets/stylesheets/stores.scss */
.storeShow .more {
  margin: 0 auto;
}

/* line 144, app/assets/stylesheets/stores.scss */
.storeShow .more__content {
  position: relative;
  height: auto;
  max-height: 40px;
  overflow: hidden;
  transition: max-height 1s;
}

/* line 151, app/assets/stylesheets/stores.scss */
.storeShow .more__content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
  background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}

/* line 170, app/assets/stylesheets/stores.scss */
.storeShow .more__content.open:after {
  z-index: -1;
  opacity: 0;
}

/* line 178, app/assets/stylesheets/stores.scss */
.storeShow .more__btn {
  display: block;
  margin: 0 auto;
  padding: 8px 40px;
  border: 0;
  color: #2DB4AF;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  background-color: #FFFFFF;
}

/* line 191, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table {
  width: 100%;
  margin: 20px auto;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

/* line 197, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table tr:nth-child(1) {
  background-color: #E6E7E8;
}

/* line 199, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table tr:nth-child(1) td {
  font-size: 18px;
}

/* line 203, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table td {
  height: 30px;
  line-height: 30px;
  border: 1px solid #BEBEBE;
}

/* line 208, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table td:nth-child(1) {
  width: 40%;
}

/* line 211, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table td:nth-child(2) {
  color: #FFA132;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
}

/* line 216, app/assets/stylesheets/stores.scss */
.storeShow .service_plan_table table td:nth-child(2) span {
  color: #000000;
  font-size: 14px;
}

/* line 223, app/assets/stylesheets/stores.scss */
.storeShow .greeting, .storeShow .feature, .storeShow .experience {
  margin: 20px auto;
  font-weight: bold;
}

/* line 226, app/assets/stylesheets/stores.scss */
.storeShow .greeting p, .storeShow .feature p, .storeShow .experience p {
  overflow-wrap: break-word;
}

/* line 230, app/assets/stylesheets/stores.scss */
.storeShow .experience {
  background-color: #F6F6EF;
  border-radius: 10px;
  padding: 10px;
}

/* line 236, app/assets/stylesheets/stores.scss */
.storeShow .serviceArea {
  margin: auto;
}

/* line 238, app/assets/stylesheets/stores.scss */
.storeShow .serviceArea .servicePref {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

/* line 243, app/assets/stylesheets/stores.scss */
.storeShow .serviceArea .servicePref a {
  color: #000000;
}

/* line 247, app/assets/stylesheets/stores.scss */
.storeShow .serviceArea .serviceCity {
  font-weight: bold;
  font-size: 13px;
  color: #0036D0;
}

/* line 251, app/assets/stylesheets/stores.scss */
.storeShow .serviceArea .serviceCity a {
  color: #0036D0;
}

/* line 258, app/assets/stylesheets/stores.scss */
.storeShow .service_field {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

/* line 262, app/assets/stylesheets/stores.scss */
.storeShow .service_field .genre-box {
  width: 110px;
  margin: 10px;
}

/* line 266, app/assets/stylesheets/stores.scss */
.storeShow .service_field img {
  width: 100%;
}

/* line 272, app/assets/stylesheets/stores.scss */
.storeShow .images .more__content {
  max-height: 310px;
}

/* line 277, app/assets/stylesheets/stores.scss */
.storeShow .images .images_content {
  padding: 10px 20px;
}

/* line 279, app/assets/stylesheets/stores.scss */
.storeShow .images .images_content .imgList {
  text-align: center;
  position: relative;
  width: calc(97% / 3);
  max-width: 116px;
  max-height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 5px;
  display: inline-block;
}

/* line 289, app/assets/stylesheets/stores.scss */
.storeShow .images .images_content .imgList svg.fa-user {
  font-size: 130px;
}

/* line 292, app/assets/stylesheets/stores.scss */
.storeShow .images .images_content .imgList img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

/* line 300, app/assets/stylesheets/stores.scss */
.storeShow .section {
  width: 100%;
}

/* line 302, app/assets/stylesheets/stores.scss */
.storeShow .section .tabs {
  position: relative;
  width: calc(100% + 20px);
  left: -10px;
  display: flex;
  justify-content: center;
}

/* line 308, app/assets/stylesheets/stores.scss */
.storeShow .section .tabs .tab_item {
  width: 50%;
  font-size: 18px;
  color: #000000;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 2px solid #BEBEBE;
  background-color: #E6E7E8;
  transition: all 0.2s ease;
}

/* line 320, app/assets/stylesheets/stores.scss */
.storeShow .section .tabs .tab_item:focus, .storeShow .section .tabs .tab_item:hover {
  opacity: 0.75;
}

/* line 323, app/assets/stylesheets/stores.scss */
.storeShow .section .tabs .tab_item.active {
  position: relative;
  background-color: #fff;
  border: none;
  border-top: 3px solid #FFA132;
  font-weight: bold;
}

/* line 332, app/assets/stylesheets/stores.scss */
.storeShow .zero_review_message {
  border: 5px solid #E6E7E8;
  border-radius: 10px;
  color: #000000;
  font-size: 18px;
  text-align: center;
  line-height: 23px;
  padding: 20px;
  margin: 20px auto;
  font-weight: bold;
}

@media screen and (min-width: 800px) {
  /* line 347, app/assets/stylesheets/stores.scss */
  .storeShow {
    margin: 0 auto;
  }
  /* line 350, app/assets/stylesheets/stores.scss */
  .storeShow h2, .storeShow h3 {
    font-weight: bold;
    font-size: 24px;
  }
  /* line 356, app/assets/stylesheets/stores.scss */
  .storeShow .topic-path a {
    margin-bottom: 20px;
  }
}
