/*===========================================================
Product Details Page
===========================================================*/

#meta-main {
  padding-top: 15rem !important;
}

.product_details {
  margin-top: 20px;
  margin-bottom: 2rem;
}

.product_details p {
    margin-bottom: 20px;
}

.product_details .suravaram.pink {
  font-size: 18px;
}

/*-- Product Image Swiper --*/
.product_details.not_published {
  background-color: #d3d3d3;
}
.product_details .prod_images {
  background-color: white;
}
.product_details .swiper-container {
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
 }
.product_details .swiper-slide {
  height: auto;
  background-size: cover;
  background-position: center;
  justify-content: center;
}
.product_details .gallery-top {
  border: 3px solid #E6E6E6;
}
.product_details .gallery-thumbs {
  box-sizing: border-box;
  padding: 10px 0;
}
.product_details .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.product_details .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.product_details .gallery-top img, .gallery-top video {
  padding: 0;
}
.product_details .gallery-top video { width: inherit;}
.product_details .gallery-thumbs img {
  height: auto;
  width: 100px;
}
.product_details .gallery-thumbs {
  margin-top: 20px;
}
.product_details .swiper-button-next.swiper-button-white, .product_details .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #000000;
}

.product_details .swiper-button-next {
  background-image: url(../../images/arrow-next.png) !important;
  width: 40px;
  height: 80px;
  background-color: #ccc;
  background-size: 30px 30px;
  right: 3px;
  background-position: center;
  transform: translateY(-50%);
}

.product_details .swiper-button-prev {
  background-image: url(../../images/arrow-next.png) !important;
  width: 40px;
  height: 80px;
  background-color: #ccc;
  background-size: 30px 30px;
  left: 3px;
  background-position: center;
  transform: translateY(-50%) rotate(180deg);
}

/*-- Above Product Variations --*/

.product_details .detail_cat li.dc01 { background-color: #e9537d;}
.product_details .detail_cat li.dc02 { background-color: #999671;}
.product_details .detail_cat li.dc03 { background-color: #305059;}
.product_details .detail_cat li.dc04 { background-color: #f4cdd9;}

.product_details .detail_cat li {
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
  border-radius: 5px;
  color: #FFF;
  padding: 1px 7px;
}

.product_details .detail_goodsname {
  font-size: 24px;
  margin-bottom: 10px;
}

.product_details .txt20 {
    font-size: 20px;
}

.product_details .suravaram {
    font-family: 'suravaram', serif;
}

.pink {
    color: #f5cdd8;
}

/*-- Product Variations --*/

.product_details .detail_valiation {
  background-color: #f5cdd8;
  margin-bottom: 12px;
  padding: 10px;
}

.product_details .flex.jc.ai {
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.product_details .detail_price {
  font-size: 14px;
  /*text-align: center;
  display: flex;
  width: 40%;
  flex-wrap: wrap-reverse;*/
}

.product_details .detail_price section.new-price-wrap {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  flex-wrap: wrap;
}

.product_details .detail_price section.old-price-wrap {
  /*height: 4rem;*/
  align-items: flex-start;
  margin-left: 1rem;
}

.product_details .detail_price .new-price {
  color: #e9537d;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  display: inline-flex;
  padding-right: 3px;
}

.product_details .detail_price section.new-price-wrap .tax-info {
  color: #e9537d;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  display: inline-flex;
  padding-right: 3px;
}

.product_details .detail_price section.nd-price-wrap {
  display: flex;
  align-items: center;
  margin: 1rem;
  flex-wrap: wrap;
}

.product_details .detail_price section.nd-price-wrap .new-price {
  color: #000;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  display: inline-flex;
  padding-right: 3px;
}

.product_details .detail_price section.nd-price-wrap .tax-info {
  color: #000;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  display: inline-flex;
  padding-right: 3px;
}

.product_details .detail_price .percent-off {
  color: #9d9a9a;
  font-size: 14px;
  text-align: center;
  display: inline-flex;
  padding-right: 3px;
}

.product_details .detail_price .new-price span,
.product_details .detail_price .percent-off span {
  font-size: xx-small;
  color: grey;
}

.product_details .detail_price .old-price {
    text-decoration: line-through;
    display: inline-flex;
    color: #9d9a9a;
    font-size: 14px;
}

/*.product_details .detail_price .percentage-off {
    vertical-align: super;
    color: #e9537d;
    display: inline-flex;
    font-size: 14px;
}*/

.product_details .detail_wrapper {
    width: 60%;
}

.product_details .detail_wrapper .detail_math {
    float: left;
    width: 50%;
    text-align: center;
}

.product_details .detail_wrapper .detail_math .form-item {
    margin: 5% 0;
}

.product_details .detail_wrapper .detail_math .form-item > input {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.product_details .detail_wrapper .detail_math .form-item label {
  display:none;
}

.product_details .detail_wrapper .detail_math .form-item input {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
}

.product_details .detail_wrapper .detail_cartbt {
  float:right;
}

.product_details .detail_wrapper .detail_cartbt > input {
  background-color: #ea507b;
  color: #FFF;
  padding: 10px;
  display: block;
  border: 0;
  width: 100%;
}

.product_details .detail_wrapper .detail_cartbt > input.disabled {
  color: #fff;
  background-color: #999;
}

.product_details .mb30 {
    margin-bottom: 30px !important;
}

.product_details .mb30 a.pd-inquiry-button {
    color: #FFF;
    background-color: #f5cdd8;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    display: block;
    margin: 30px 0 20px;
}

.product_details .jc {
    justify-content: space-between;
}

.product_details .flex {
  display:flex;
  flex-wrap: wrap;
}

.product_details .review_bt_area {
    text-align: right;
}

.product_details img {
  height: auto;
  margin: auto;
  padding: 5px 0;
  display: flex;
}
.product_details .product-list .product img {
  padding: 0;
  margin: 0 auto;
}


.product_details .favorite p.pink {
  text-align: center;
}

.product_details .share_bt_area .share_txt_mobile {
  display: none;
}

.product_details .product_keyword {
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
}

.product_details .hash_tag {
  font-size: 16px;
  padding: 10px;
  border: 2px solid #f5cdd8;
  border-radius: 10px;
  display: inline-block; 
}

.product_details .hash_tag:hover {
  color:#ffffff;
  background-color: #f5cdd8;
}

/*-- Image Carousel --*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url("../fonts/MaterialIcons-Regular.woff2") format('woff2'),
       url("../fonts/MaterialIcons-Regular.woff") format('woff'),
       url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
  /*src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');*/
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
}
#carousel-indicator .carousel-indicators {
  bottom: 0;
  padding: 5px 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
#carousel-indicator .carousel-indicators li {
  display: -ms-inline-flexbox;
  width: 100px;
  height: auto;
  text-indent: unset;
  background-color: transparent;
  opacity: 0.5;
}
#carousel-indicator .carousel-indicators li.active img { border: 1px solid #f5cdd8;}
#carousel-indicator .carousel-indicators li.active { opacity: 1;}
#carousel-indicator .carousel-indicators li::before,
#carousel-indicator .carousel-indicators li::after {
  width: 0;
  height: 0;
}
.carousel-indicators {
  position: relative!important;
  background-color: #FFF!important;
}
.carousel-control-prev, .carousel-control-next {
  color: #313131!important;
  width: 10%!important;
}
.carousel-control-prev i, .carousel-control-next i {
  font-size: 2.4rem!important;
  width: 24px;
}

.product_details .mb30 {
    margin-bottom: 30px !important;
}

.product_details a[href="#form"] {
    color: #FFF;
    background-color: #f5cdd8;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    display: block;
    margin: 30px 0 20px;
}

.product_details .inquiry-form {
  display:none;
}
/*-- series Notes --*/
.series-notes{
  border: 4px solid #f5cfda;
  padding: 20px;
  margin-bottom: 40px;
}
.series-notes h2:nth-of-type(1){
  display: none;
}
.series-notes h2{
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5cfda;
}

/*-- Tab Sections --*/
.tab-content { margin-bottom: 60px;}
.detail_tab li a.active {
  border-bottom: 4px solid #f5cfda;
  font-weight: bold;
  padding-bottom: 10px;
}
.detail_tab li a {
  display: block;
  width: 100%;
}
.detail_tab li {
  width: 33.333333%;
  text-align: center;
  font-size: 24px;
}
.detail_tab {
  border-bottom: 3px solid #f5cfda!important;
  margin-bottom: 15px!important;
}
.detal_title {
  border-bottom: 3px solid #f5cdd8;
  font-size: 24px;
  padding: 10px;
  margin: 25px 0;
}
.product_details #size img {
  height: auto;
  width: auto;
}
.product_details .carousel-item img { width: 100%;}

/*-- Comment / Review Section --*/
.container .comment-form__title {
  margin-top: 20px;
  font-size: 24px;
}
.review_name { width: 70%;}
.review_title {
  width: 80%;
  color: #eb6388;
}
.review_title span {
  display: inline-block;
  margin-right: 20px;
}
.review_day { width: 20%;}
.star-rating {
  position: relative;
  display: inline-block;
  width: 5em;
  height: 1em;
}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #eb6388;
}
.star-rating-back { color: #f5cfda;}
.review_input {
  border: 1px solid #f5d0db;
  padding: 10px;
  width: 300px;
  margin-right: 30px;
}
.review_input::placeholder{ color: #c1c0c0;}
.field--name-field-name-review { width: 70%;}
.review_submitArea {
  width: 20%;
  text-align: right;
}
.review_submitArea_sp { display: none;}
.review_input100 {
  margin: 0;
  width: 100%;
  border: 1px solid #f5d0db;
  padding: 10px;
}
.starrating div {
  transform: scale(1.5);
  margin: 0 3px;
  height: 15px;
}
.touko_bt {
  background-color: #eb6388;
  color: #FFF;
  padding: 3px 20px;
  border: 0;
}
#edit-comment-body-0-format-help-about, #comment-form .filter-guidelines-item { display: none; }

/* Related Products */
.product_details div.container div.product-list div.price {
  display: flex;
}

.product_details div.container div.product-list div.price section.new-price-wrap {
  display: flex;
  padding-top: 1rem;
}

.product_details div.container div.product-list div.price section.new-price-wrap .new-price {
  margin:0 1rem;
}

.product_details div.container div.product-list div.price section.old-price-wrap {
  font-size: small;
  color: gray;
  text-decoration: line-through;
}

.product_details div.container section.section div.product-list.flex-wrap {
  justify-content: center;
}

/* Comment Product Details */

.comment-form{
  width: 50vh;
}

.comment-form .comment{
  width: 100%;
  padding: .8rem 0;
}
.comment-form .comment div{
  width: 100%;
}

.comment-form .comment div input{
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 2rem;
}
.comment-form .comment div textarea{
  width: 100%;
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.comment-form .comment-actions .comment-actions-btn input{
  color: #ea507b;
  border-color: #ea507b;
}
.comment-form .comment  select{
  width: 100%;
  padding: 0.5rem 0 .5rem .2rem;
  margin-top: 1rem;
}
.comment-form .comment-actions-btn{
  padding-left: 8rem;
  padding-right: 8rem;
}
.comment-form .comment-star-rating-label{
  margin: 1rem 0 .8rem 0;
}
.comment-form .comment-review{
  padding-top:2rem;
}

/* Comment List Section */
.comment-list-item{
  margin-top: 4rem;
}

.comment-list .row{
  flex-flow: nowrap;
}

.comment-list-item .comment-list{
  margin-bottom: 2rem;
  margin-top: -1rem;
}

.comment-list-item .comment-list .comment-list-header{
  margin-bottom: .5rem;
}

.comment-star-rating-slick {
  width: 100%;
}

.comment-list-more-btn{
  padding: 1rem 0 1rem 0;
}
.comment-list-more-btn-center{
  text-align: center;
}
.comment-list-more-btn a{
  background-color: #ea507b;
  padding: 1rem;
  color:white !important;
}

.comment-list-no-item{
  margin-top: 3rem;
}

/* Coordinate Section */
.coordinate-pc {
  display: block;
}
.coordinate-sp {
  display: none;
}
.prod_details_coordinate img {
  margin: unset;
}
.prod_details_coordinate .desc {
  margin-top: 10vh;
}
.prod_details_coordinate .desc span {
  display: block;
}
.prod_details_coordinate a {
  min-width: unset;
  width: 100%
}

/*===========================================================
End of Product Details Page PC
===========================================================*/
/*===========================================================
Mobile Display Starts Here
===========================================================*/

@media screen and (max-width: 1367px) {
  .product_details .detail_price {
    flex-wrap: wrap-reverse;
  }
  .product_details .detail_price section.old-price-wrap {
    height: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 980px) {
  .detail_wrapper { width: 100%;}
  .detail_price {
    width: 100%;
    font-size: 14px;
    /*text-align:center;*/
  }
  .detail_math {
    width: 100%;
    text-align: center;
  }
  .detail_cartbt {
    width: 100%;
    text-align: center;
  }
  .product_details .detail_wrapper .detail_math {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .coordinate-pc {
    display: none;
  }
  .coordinate-sp {
    display: block;
  }
  .series-notes{
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .product_details .gallery-top {
    height: unset;
  }
  #meta-main {
    padding-top: 10rem !important;
  }
  main#meta-main .product_details #page-title{
    margin: 20px 0 20px 0;
  }
  .product_details .swiper-button-prev,
  .product_details .swiper-button-next {
    width: 25px;
    height: 45px;
    background-position: 5px;
    background-size: 20px 30px;
    top: 47%;
  }
  .product_details .detail_price {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .product_details .detail_price section.new-price-wrap {
    margin-left: 1rem;
    flex-wrap: wrap;
  }
  .product_details .detail_price section.old-price-wrap {
    height: unset;
  }
  .product_details .detail_price .old-price {
    /*float: right;*/
  }
  .product_details .detail_tab li {
    font-size: 18px;
  }
  .product_details .grey_con {
    /*padding: 1rem;*/
  }
  .container .comment-form__title { font-size: 18px; }
  .review_title {
    width: 100%;
    font-size: 18px;
  }
  .review_day {  width: 100%;}
  .review_title span {
    display: block;
    margin-right: 0px;
  }
  .star-rating {
    position: relative;
    display: block;
    width: 5em;
    height: 1em;
    font-size: 18px;
    margin: 0 auto 25px;
    text-align: center;
  }
  .review_name { width: 100%;}
  .review_submitArea { display: none;}
  .review_submitArea_sp {
    display: block;
    padding: 15px 0;
    text-align: center;
  }
  .review_input {
     width: 100%;
     margin-right: 30px;
  }

  section.reviews_block form input {
    width:100%;
  }

  section.reviews_block form textarea {
    width:100%;
  }

  div.product_details .row {
    margin-left: unset !important;
    margin-right: unset !important;
  }

  .share_bt_area {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    display:grid;
  }
  .review_bt_area {
    width: 100%;
    text-align: center;
  }
  .share_sns i { font-size: 30px;}
  .goods_contact { font-size: 18px;}
  .detail_valiation { font-size: 15px;}
  .cart_in { padding: 5px; }
  .detal_title { font-size: 14px;}
  .detail_goodsname { font-size: 16px;}
  .coordinate .txt20 { font-size: 14px;}
  .coordinate .ci_img { width: 30%;}
  .coordinate .ci_info { width: 68%;}
  .coordinate_item_list li {
    padding: 5px;
    margin-bottom: 5px;
  }
  .ci_info p { margin: 5px 0;}
  #block-views-coordinate-block-1 .container { display: block;}
}

@media screen and (max-width: 415px) {
  main#meta-main #page-title {
    margin: unset;
  }
  .prod_details_coordinate .container {
    padding: unset;
  }
  .product_details .suravaram.pink {
    font-size: 16px;
  }
  .product_details .gallery-top, .product_details .gallery-top img, .gallery-top video {
    height: unset;
    width: unset;
  }
  .product_details .detail_price .new-price {
    /*font-size: small;*/
  }
  .product_details .detail_price .old-price,
  .product_details .detail_price .percent-off {
    /*font-size: x-small;
    display:grid;*/
  }
  .product_details .share_bt_area .share_txt {
    display: none;
  }
  .product_details .share_bt_area .share_txt_mobile {
    display: inline-block;
    margin-bottom: 10px;
  }
  .product_details .swiper-container.gallery-thumbs {
    height: 200px;
  }
  .product_details .detail_price {
    width: 50%;
  }
  .product_details .detail_wrapper {
    width: 50%;
  }
  .product_details .detail_wrapper .detail_math {
    width: 100%;
  }
  .comment-form{
    width: 100%;
  }
  .comment-form .comment-actions-btn{
      padding-left: 1rem;
      padding-right: 1rem;
  }
}
@media screen and (min-width: 320px) {
  .coordinate  .mb-5 {
    margin-top: 5px;
  }
  .product_details .swiper-container.gallery-thumbs {
    height: 25vw;
  }

  .product_details .detail_price section.nd-price-wrap .tax-info {
    color: #000;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    display: inline-flex;
    padding-right: 3px;
  }

}