.product-image, .thumbnail.product-image{
  height: 320px;
  width: 320px;
}
.product-image  {
  min-height: 320px;
  min-width: 320px;
  position: relative;
  overflow: hidden;
}

.product-image  img {
  max-height: 100%;
  max-width: 100%;
}

.product-image .caption {
  padding: 9px 0px;
  color: #222222;
}

.terms {
  font-size: 13px;
  padding: 20px 40px;
  background: #fff;
}

.terms .ttl {
  display: block;
  width:  100%;
  padding: 0 0 5px;
  color: #555;
}

.terms p {
  display: inline-block;
  min-width: 83px;
  margin:  0;
}

.terms ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #0fb6b4;
  font-weight:  bold;
}

.terms ul li {
  display: inline;
}

.products-container .thumbnail {
  padding: 0;
}

.products-container  {
  margin-top: 20px;
}


.product-image span.limited {
  background-color: #db2826;
}

.product-image span.tag {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 126px;
  height: 40px;
  padding: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 2;
}

.product-character {
  font-size: 12px;
  font-weight: bold;
  color: #a8a8a8;
}
.product-price {
  display: block;
  margin:0 0 20px;
}

.product-release {
  font-size: 18px;
}

.product-price,.product-release  {
  color: #d70300;
}
.product-price, .product-story .title {
  font-size: 20px;
  font-weight: bold;
}

.product-release-container {
  display: block;
  height: 40px;
}

a .product-description {
  color: #000;
}
.product-description {
  line-height: 1.3;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 20px;
}
.product-main {
  padding-top: 20px;
  padding-bottom: 20px;
}
.product-main hr {
  margin:0 0 20px;
  border: 0;
  border-top: 2px solid #a8a8a8;
}



.product-category-link-list {
  list-style:none;
  padding-left:0;
  margin-bottom: 0;
}
.product-category-link-list .btn {
  /*padding:0px;*/
  font-size: 12px;
  margin: 0;
  padding: 8px 30px;
}
.product-category-link-list > li {
  display: inline-block;
  width: 131px;
  margin-right: -2px;
  /*height: 37px;*/
}
.product-category-link-list > li .btn-default.active, .product-category-link-list > li .btn-default:hover,.product-category-link-list > li .btn-default:focus{
  background-color: #292929;
  color: #fff;
}

.product-category-link-list > li > a {
  width: 100%;
  border: none;
  text-decoration:none;
}

/* iPhone 6 and 6 Plus */
@media only screen
and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px){

  .product-category-link-list {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    padding-bottom:20px;
  }

  .product-category-link-list > li{
    width: 33%;
    float: left;
    margin-bottom: 1px;
    margin-right: 1px;
  }
}

.product-spray-options {
  margin: 0;
}
.product-spray-options > li{
  display: inline-block;
}
.product-search-form .icon-addon .label{
  border-radius:  30px;
  font-size: 14px !important;
  padding: 0.5em 0.8em !important;
  position: absolute;
  z-index: 2;
  right: 3px;
  top:3px;
}
.btn-change-spray-size,
.btn-pause-spray,
.btn-transformation-spray,
.btn-facial-expression-spray,
.btn-voice-spray,
.btn-partschange-spray,
.btn-animation-spray,
.btn-simple-spray,
.btn-standard-spray {
  height: 26px;
  width: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
}
.btn-change-spray-size{
  background-image:  url(../img/products/icons/change-spray-size.png);
}

.btn-pause-spray {
  background-image:  url(../img/products/icons/pause-spray.png);
}

.btn-transformation-spray {
  background-image:  url(../img/products/icons/transformation-spray.png);
}
.btn-facial-expression-spray {
  background-image:  url(../img/products/icons/facial-expression-spray.png);
}
.btn-voice-spray {
  background-image:  url(../img/products/icons/voice-spray.png);
}
.btn-partschange-spray{
  background-image:  url(../img/products/icons/partschange-spray.png);
}
.btn-animation-spray{
  background-image:  url(../img/products/icons/animation-spray.png);
}
.btn-simple-spray {
  background-image:  url(../img/products/icons/simple-spray.png);
}
.btn-standard-spray {
  background-image:  url(../img/products/icons/standard-spray.png);
}


/*PRODUCT DETAIL*/

#product-detail .panel-heading{
  height: 30px;
  padding: 0px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}


#product-detail .panel-body, .product-description-container, .item-qty-container{
  font-size: 14px;
}
.product-description-container {
  margin: 0 0 20px;
}
.item-qty-container,  .product-author-container {
  margin: 0 0 20px 0;
}
.purchase-btn,.serial-form-btn,.keyword-form-btn,.validate-serial-btn {
  font-size: 16px;
}
.validate-serial-btn,validate-keyword-btn {
  margin: 20px 0;
}
.product-description-container, .product-author{
  color:#b0b0b0;
}
.label-product-author ,.product-author {
  font-size: 14px;
  margin-left: 2px;
}
.label-product-stock-availability {
  color: #fff;
  font-size: 13px;
}
.featured.product-image span.tag{
  width: 165px;
}

.product-name{
  margin: 0 0 20px;
  font-size: 28px;
}

.product-story {
  margin-top: 80px;
  font-size: 14px;
  font-weight:400;
}
.product-story .copyright{
  font-size: 11px;
}

.product-image-gallery .featured {
  min-width: 540px;
  min-height: 540px;
}

@media (max-width: 1205px){
  .product-image-gallery .featured {
    max-width: 100%;
    min-width: auto;
    min-height: auto;
    width: 100vmin;
    height: 50vmin;
  }

  .product-image-gallery .thumbnails > div{
    width: 18% !important;
  }
}

@media (max-width: 768px){
  .product-image-gallery .featured{
    width: auto;
    height: 80vmin;
  }
}


.product-image-gallery .thumbnails{
  margin: 20px 0;
  display: flex;
  align-items: center;
  /*-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
}


.product-image-gallery .thumbnails div{
  height: 100px;

  width: 100px;
  display: inline-block;
  background-color: #fff;
  cursor: pointer;
  /*margin-right: 0.5px;*/
  margin-right: 10px;
}
.product-image-gallery .thumbnails div:nth-child(5){
  margin-right: 0;
}
.product-image-gallery .thumbnails div.active{
  border:5px solid #d70300;
  /*margin-right: 0.5px;*/
}
.product-image-gallery .featured img, .product-image-gallery .thumbnails img{
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}


#product-detail .product-info-container {
  padding-right: 0px;
}



.product-accesory-container {
  display: block;
  padding: 5px 0px;
}
.product-accesory-container  .label{
  min-width: 100px;
  display: inline-block;
}
.input-item-qty {
  height: 27px;
  width: 70px;
  font-size: 13px;
  border: 1px solid #a8a8a8;
}

#spray-description-modal .modal-dialog,#serial-form-modal .modal-dialog,#keyword-form-modal .modal-dialog {
  max-width: 640px;
  margin: 50px auto;
}
#spray-description-modal .label.label-info ,
#spray-description-modal-add .label.label-info,
#serial-form-modal .label.label-info{
  background: #0fb6b4;
  font-size: 24px;
  border-radius: 20px;
  display: block;
  max-width: 520px;
  margin: auto;
}
#keyword-form-modal .label.label-info{
  background: #0fb6b4;
  font-size: 24px;
  border-radius: 20px;
  display: block;
  max-width: 520px;
  margin: auto;
}
#spray-description-modal .media-body,
#spray-description-modal-add .media-body{
  font-size: 14px;
  vertical-align: middle;
  /*letter-spacing: 0.16em;*/
}
#spray-description-modal .media-left,
#spray-description-modal-add .media-left{
  padding:0 30px 0 20px;

  vertical-align: middle;
}
#spray-description-modal .media-list,
#spray-description-modal-add .media-list {
  padding: 30px;
  padding-right: 0;
}

#spray-description-modal .media,
#spray-description-modal-add .media {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
#spray-description-modal .media-list,
#spray-description-modala-add .media-list {
  padding-top:20px;
}

#spray-description-modal .modal-header .close,
#spray-description-modal-add .modal-header .close,
#serial-form-modal  .modal-header .close{
  font-size: 14pt;
  color: #fff;
  font-weight: bold;
  margin-top: -41px;
  opacity: 1;
}

#keyword-form-modal  .modal-header .close{
  font-size: 14pt;
  color: #fff;
  font-weight: bold;
  margin-top: -41px;
  opacity: 1;
}
#spray-description-modal .modal-header,
#spray-description-modal-add .modal-header,
#serial-form-modal  .modal-header {
  border-bottom: none;
}
#keyword-form-modal  .modal-header {
  border-bottom: none;
}
#spray-description-modal .media-list li:last-child,
#spray-description-modal-add .media-list li:last-child {
  border: none;
}
#spray-description-modal .btn.btn-just-icon,
#spray-description-modal-add .btn.btn-just-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

.serial-form {
  max-width: 500px;
  margin: auto;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 0;
}
.keyword-form {
  max-width: 500px;
  margin: auto;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 0;
}
#spray-description-modal  .btn-change-spray-size,
#spray-description-modal  .btn-pause-spray,
#spray-description-modal  .btn-transformation-spray,
#spray-description-modal  .btn-facial-expression-spray,
#spray-description-modal  .btn-voice-spray,
#spray-description-modal  .btn-partschange-spray,
#spray-description-modal  .btn-animation-spray,
#spray-description-modal-add  .btn-standard-spray,
#spray-description-modal-add  .btn-simple-spray{
  width: 57px;
  height: 57px;
}

#spray-description-modal .media-heading,
#spray-description-modal-add .media-heading{
  font-size: 18px;
}
#spray-description-modal .media-body p,
#spray-description-modal-add .media-body p{
  margin-top:10px;
  padding-right: 0;
}

.serial-form .form-control{
  width:  77px;
  border: 2px solid  #bfbfbf;
  margin: 8px;
  display:inline-block;
}
.serial-form .serial-input-container {
  color: #bfbfbf;
  margin: 30px 0;
}

.keyword-form .form-control{
  width:  200px;
  border: 2px solid  #bfbfbf;
  margin: 8px;
  display:inline-block;
}
.keyword-form .keyword-input-container {
  color: #bfbfbf;
  margin: 30px 0;
}
@media only screen and (max-width : 1440px) {

}


@media only screen and (max-width : 1280px) {
  .thumbnail {
    height: 200px;
    width: 200px;
    margin: auto;
  }
}

@media only screen and (max-width : 768px) {

}



/* iPhone 6 and 6 Plus */
@media only screen
and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px){
  .thumbnail.product-image {
    min-width: 100%;
    min-height: 100%;
  }
  .product-image-gallery .featured {
    min-width: 100%;
    min-height: 100%;
    /*        background: #fff; */
    margin: auto;
  }


  .product-image-gallery .thumbnails div{
    height: 60px;
    width: 60px;
  }

  .product-image-gallery{
    padding: 15px !important;
  }
  .product-story {
    margin-top: 20px;
    padding: 20px !important;
  }

  .product-story a {
    word-break: break-word;
  }

  #spray-description-modal .modal-dialog,
  #spray-description-modal-add .modal-dialog,
  #serial-form-modal .modal-dialog {
    max-width: 320px;
  }

  .serial-form .form-control{
    width:  90px;
    height: 36px;
  }

  #keyword-form-modal .modal-dialog {
    max-width: 320px;
  }

  .keyword-form .form-control{
    width:  90px;
    height: 36px;
  }
  #spray-description-modal .btn.btn-just-icon,
  #spray-description-modal-add .btn.btn-just-icon {
    width: 60px;
    height: 60px;
  }

  #spray-description-modal  .btn-change-spray-size,
  #spray-description-modal  .btn-pause-spray,
  #spray-description-modal  .btn-transformation-spray,
  #spray-description-modal  .btn-facial-expression-spray,
  #spray-description-modal  .btn-voice-spray,
  #spray-description-modal  .btn-partschange-spray,
  #spray-description-modal  .btn-animation-spray,
  #spray-description-modal-add  .btn-standard-spray,
  #spray-description-modal-add  .btn-simple-spray {
    width: 34px;
    height: 36px;
  }

  #spray-description-modal .media-list,
  #spray-description-modal-add .media-list {
    padding: 0;
  }

  #spray-description-modal .media-left,
  #spray-description-modal-add .media-left{
    padding:0 20px 0 0;
  }

  #product-detail .product-info-container {
    padding-right: 15px;
  }


}



@media (min-width: 320px) and (max-width: 480px) {



}

/* oohara add 20190415 */
#buy_confrim_msg{
  display: block;
  margin: 20px 0;
  color: red;
  font-size: 110%;
}

.wrap-youtube iframe {
  max-width: 480px;
  max-height: 270px;
}

.picture {
  max-width: 480px;
}

@media only screen and (max-width : 768px) {
  .wrap-youtube {
    width: 100%;
    height: 0;
    max-width: 480px;
    max-height: 270px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
  }

  .wrap-youtube iframe {
    position: absolute;
    max-width: 480px;
    max-height: 270px;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .picture {
    width: 100%;
  }
}