@charset "utf-8";

/*====================================================================================================

  商品一覧

====================================================================================================*/


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:851px) {
  .sec-detail {
    padding-top:80px;
    padding-bottom:120px;
  }
}

@media screen and (max-width:850px) {
  .sec-detail {
    padding-top:2.5em;
    padding-bottom:3.5em;
  }
}

.sec-detail {
  text-align:left;
}

.detail {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.detail-photos {
  overflow:hidden;
}

.detail-photos ul {
  padding: 0;
  margin: 0;
  list-style:none;
}

.detail-photos .photos-slide { opacity:0; }
.detail-photos .photos-slide.slick-initialized { opacity:1; }

.detail-photos .photos-slide li img,
.detail-photos .photos-slide--thumb li img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.detail-photos .photos-slide .cp {
  line-height:1.4;
  font-size:0.95em;
  padding-top:0.75em;
  padding-bottom:0.5em;
}

.detail-photos .photos-slide--noimg li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#fff;
}

.detail-photos .photos-thumb {
  margin-left:-0.5em;
  margin-right:-0.5em;
}

.detail-photos .photos-thumb ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding-top:0.5em;
}

.detail-photos .photos-thumb li {
  width:-webkit-calc(100% / 3);
  width:calc(100% / 3);
  padding-top:1em;
  padding-left:0.5em;
  padding-right:0.5em;
}

.detail-photos .photos-thumb li img {
  cursor:pointer;
  width:100%;
  height:100%;
  object-fit:cover;
}

.detail-hinmei {
  padding-bottom:1.5em;
  line-height: 1.4;
}

.detail .s-hitokoto {
  display: inline-block;
  padding: .25em .5em 0;
  margin-right: .75em;
	background-color: #0d66ab;
	color: #fff;
	text-align: center;
}

.detail-ct .comt {
  padding-bottom:2.5em;
}

.detail-ct .comt ul,
.detail-ct .comt ol {
  margin-left:1.2em;
}

.detail-ct .s-souryou {
  padding: .25em .5em;
  background-color: #53bd8a;
  color: #fff;
  font-size: 87.5%;
}

.detail-ct .s-souryou .p-icon {
  display: inline-block;
  margin-right: .25em;
}

.detail-ct .buy-guide {
  list-style:none;
  padding-top:1.5em;
  padding-left: 0;
  margin: 0;
  font-size: 87.5%;
}

.detail-ct .buy-guide li {
  padding-top:0.25em;
}

.detail-ct .buy-guide li a {
  color: inherit;
  text-decoration: underline;
}
.detail-ct .buy-guide li a:hover {
  color: #f20000;
}

.detail-ct .buy-item {
  padding-top:1.5em;
  border-bottom:1px solid #4b3c2d;
}

.detail-ct .buy-item dl {
  background-color:rgba(255,255,255,0.7);
  border-top:1px solid #4b3c2d;
}

.detail-ct .buy-item dt {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:1em;
}

.detail-ct .buy-item .hinmei {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
}

.detail-ct .buy-item .price {
  white-space:nowrap;
  text-align:center;
  -ms-flex-item-align:end;
	align-self:flex-end;
  padding-left:1em;
  line-height:1.2;
  color: #f20000;
  font-size: 112.5%;
  font-weight: bold;
}

.detail-ct .buy-item dd {
  border-top:1px dotted rgba(75,60,45,0.3);
  padding-left:1em;
  padding-right:1em;
  padding-bottom:1em;
  margin: 0;
}

.detail-ct .buy-item dd form {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.detail-ct .buy-item dd .buy-item__select select {
  margin-top:1em;
}

.detail-ct .buy-item dd .buy-item__select select:not(:last-of-type) {
  margin-right:0.5em;
}

.detail-ct .buy-item dd .buy-item__select select:last-of-type {
  margin-right:1em;
}

.detail-ct .buy-item dd .buy-item__btn {
  padding-top:1em;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  white-space:nowrap;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.detail-ct .buy-item dd .buy-item__btn .kosu {
  margin-right:1em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.detail-ct .buy-item dd .buy-item__btn .kosu input[type="text"] {
  width:3em;
  margin:0 0.25em;
}

.detail-ct .buy-item .cartin_kosu-changeBtn {
  width:1.75em;
  padding:0.3em;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  margin:0;
  outline:none;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  line-height:1;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(28,24,20,0.25);
  background-color:#f3f3f3;
  transition:background-color ease-out  0.15s, border-color ease-out  0.15s;
}

.ua-pc .detail-ct .cartin_kosu-changeBtn:hover {
  background-color:#fff;
}

.detail-ct .buy-item .cartin_kosu-changeBtn[disabled] {
  background-color:#dddddc;
  border-color:#dddddc;
}

.detail-ct .buy-item .cartin_kosu-changeBtn .icon {
  display:inline-block;
}

.detail-ct .buy-item .cartin_kosu-changeBtn .icon:before {
  content:"";
  width:0.6em;
  height:0.6em;
  display:inline-block;
  background-position:left center;
  background-repeat:no-repeat;
  background-size:contain;
  vertical-align:middle;
  margin-bottom:0.2em;
}

.detail-ct .buy-item .cartin_kosu-changeBtn .icon[icon="minus"]:before {
  background-image:url(../image/icon/minus.svg);
}

.detail-ct .buy-item .cartin_kosu-changeBtn .icon[icon="plus"]:before {
  background-image:url(../image/icon/plus.svg);
}

.detail-ct .buy-item .cartin_kosu-changeBtn[disabled] .icon[icon="minus"]:before {
  background-image:url(../image/icon/minus_white.svg);
}

.detail-ct .buy-item .cartin_kosu-changeBtn[disabled] .icon[icon="plus"]:before {
  background-image:url(../image/icon/plus_white.svg);
}

.detail-ct .buy-item dd .buy-item__btn .cartin {
  margin-left:auto;
}

.detail-ct .buy-item form input[type="text"],
.detail-ct .buy-item form select,
.detail-ct .buy-item form textarea {
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  padding:0.3em;
  border:1px solid rgba(28,24,20,0.3);
  background-color:#fff;
  transition:background-color ease-out  0.15s, border-color ease-out  0.15s;
}

.ua-pc .detail-ct .buy-item form input[type="text"]:focus,
.ua-pc .detail-ct .buy-item form select[type="text"]:focus,
.ua-pc .detail-ct .buy-item form textarea[type="text"]:focus {
  border-color:rgba(28,24,20,0.8);
}

.sec-detail .back {
  text-align: center;
}

.sec-detail .back a {
  padding: .75em 1.25em;
  transition: all .3s;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 3em;
  color: #666;
  font-weight: bold;
  margin: 0 auto;
}

.sec-detail .back a:hover {
	background-color: #fff;
	color: #666;
  cursor: pointer;
}

@media print,screen and (min-width:851px) {
  .detail-photos {
    width:50%;
  }
  
  .detail-photos .photos-slide li img,
  .detail-photos .photos-slide--thumb li img {
    max-height:500px;
  }
  
  .detail-photos .photos-thumb li {
    height:160px;
  }
  
  .detail-photos .photos-slide--noimg li {
    height:-webkit-calc(420 / 1180 * 100vw);
    height:calc(420 / 1180 * 100vw);
    max-height:420px;
    min-height:360px;
  }
  
  .detail-hinmei.pc-none {
    display:none;
  }
  
  .detail-ct {
    margin-left:60px;
    width:50%;
  }
}

@media print,screen and (min-width:1015px) and (max-width:1280px) {
  .detail-ct {
    margin-left:-webkit-calc(60 / 1280 * 100vw);
    margin-left:calc(60 / 1280 * 100vw);
  }
}

@media print,screen and (min-width:851px) and (max-width:1014px) {
  .detail-ct {
    margin-left:48px;
  }
}

@media screen and (max-width:850px) {
  .detail {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  
  .detail-photos .photos-thumb,
  .detail-photos .photos-slide--thumb {
    padding-bottom:2em;
  }
  
  .detail-photos .photos-slide--noimg li {
    display:none;
  }
  
  .detail-photos .photos-slide li img,
  .detail-photos .photos-slide--thumb li img {
    height:-webkit-calc(558 / 850 * 100vw);
    height:calc(558 / 850 * 100vw);
    min-height:220px;
  }
  
  .detail-photos .photos-thumb li {
    height:-webkit-calc(213 / 850 * 100vw);
    height:calc(213 / 850 * 100vw);
    min-height:80px;
  }
  
  .detail-ct .buy-item dd .buy-item__select {
    width:100%;
  }
  
  .detail-hinmei.sp-none {
    display:none;
  }
}

@media screen and (max-width:850px) {
  .detail-ct .buy-item dd .buy-item__btn .kosu input[type="text"] {
    width:2.5em;
  }
  
  .detail-ct .buy-item dd .buy-item__btn .cartin .p-btn {
    padding-left:0.75em;
    padding-right:0.75em;
    font-size:90%;
  }
}

@media print,screen and (min-width:851px) {
  .detail-comt .p-glog:first-of-type {
    padding-top:80px;
  }
  
  .sec-detail .back {
    padding-top:80px;
  }
}

@media screen and (max-width:850px) {
  .detail-comt .p-glog:first-of-type {
    padding-top:3em;
  }
  
  .sec-detail .back {
    padding-top:3em;
    padding-bottom:1em;
  }
}


/*--------------------------------------------------------------------------------
  カートエラー
--------------------------------------------------------------------------------*/

.cartin-err {
  list-style:none;
  color:#e64632;
  padding-bottom:1em;
}

.cartin-input-err {
  border-color:#fd5d49;
  background-color:#ffeeec;
}
