@charset "Shift_JIS";

* , *:before, *:after, *:active, *:hover, *:focus, *:visited {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
/* ==========================================================
 base Link
========================================================== */
a {
  color: #0044cc;
}
/* ==========================================================
 big and lazy
========================================================== */
/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
/* css animation 
---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ==========================================================
 footer
========================================================== */
.footer-links-bnr img {
  width: 100%;
  height: auto;
}
/* ==========================================================
 modified slick css
========================================================== */
.slick-list { margin: 0; }
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
 大型商品　bigcarry
========================================================== */
.bigcarry .leadtxt {
 font-weight: bold;
}
/*===========================================================
楽天ポイント
===========================================================*/
iframe#rakuten_point_parts + p {
  margin-top: 9px;
}
.hero-slider .slider-main .btn-arrow.next,
.hero-slider .slider-main .btn-arrow.prev {
  display: none;
}
/*===========================================================
オプションサービス
===========================================================*/
.box-cart-options .title {
 display: none;
}
.box-cart-options .list-options {
 background: #f5f5f5;
 display: flex;
 justify-content: space-evenly;
 flex-wrap: wrap;
}
.box-cart-options .list-options .list-options-inner {
 width: calc(100% / 4);
}
.box-cart-options .list-options .list-options-inner:nth-child(n+5) {
 margin-top: 0;
}
.box-cart-options .list-options .list-options-inner:only-of-type {
 width: 100%;
}
.box-cart-options .list-options .list-options-inner:only-of-type dd br {
 display: none;
}
.box-cart-options .list-options .list-options-inner dl {
 display: flex;
 flex-direction: column;
}
.box-cart-options .list-options .list-options-inner dl dt {
 width: auto;
 height: auto;
}
.box-cart-options .list-options .list-options-inner dl dd {
 font-weight: bold;
 margin-left: 0;
 text-align: center;
 line-height: 1.8;
}
.box-cart-options .list-options .list-options-inner a {
 color: inherit;
}
/*大物買い替えサービスエリアだけflexboxの外に配置しているかのように指定*/
.box-cart-options .list-options .box-oomono {
 position: relative;
}
.box-cart-options .list-options .box-oomono .text {
 display: block;
 background: #fff;
}
/* coupon */
.ticket-coupon-outer {
  background: #f5f5f5;
  padding: 30px 15px;
  border-radius: 8px;
  margin-top: 30px;
}
.ticket-coupon-outer .ticket-coupon-wrap {
  margin-top: 15px;
  margin-bottom: 0;
}
.ticket-coupon-outer .tickt-coupon-outer-title {
  font-size: 16px;
  font-weight: bold;
}
.ticket-coupon-outer .tickt-coupon-outer-caution {
  color: #990000;
  margin-top: 15px;
}
.ticket-coupon-outer .tickt-coupon-outer-title-number {
  color: #0099cc;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.ticket-coupon-wrap .ticket-coupon-wrap-right svg {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.ticket-coupon-wrap .ticket-coupon-wrap-right span {
  pointer-events: none;
}
.ticket-coupon-outer .ticket-coupon-wrap .tc-title {
  display: block ;
  min-height: auto;
  margin-bottom: 0.2em;
}
.ticket-coupon-outer .ticket-coupon-wrap .tc-subscription p:last-child{
  margin-top: 0.2em;
}
.ticket-coupon-wrap.ticket-coupon-gray a.ticket-coupon-wrap-right {
  border-width: 1px;
  border-left-width: 0;
}
.coupon-title-icon-tip {
  display: inline-block;
  color: #FFF;
  margin-left: 1em;
  border-radius: 3px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.red-tip {
  background: #ff0000;
}
.orange-tip {
  background: #ff6600;
}
.coupon-heiyou {
  color: #ff6600;
  margin-left: 0.5em;
}
.ticket-coupon-wrap.ticket-coupon-blue a.ticket-coupon-wrap-right,
.ticket-coupon-wrap.ticket-coupon-gray a.ticket-coupon-wrap-right {
  border-left: none;
  background-repeat: repeat-y;  
}
.ticket-coupon-wrap.ticket-coupon-blue a.ticket-coupon-wrap-right {
  background-image: url("https://img.dinos.co.jp/images/v1/goods/bg-coupon-blue.gif");
}
.ticket-coupon-wrap.ticket-coupon-gray a.ticket-coupon-wrap-right {
  background-image: url("https://img.dinos.co.jp/images/v1/goods/bg-coupon-gray.gif");
}
@media screen and (min-width: 768px) {
  .ticket-coupon-outer .tickt-coupon-outer-caution {
    font-size: 12px;
  }
  .ticket-coupon-outer .ticket-coupon-wrap .tc-title {
    font-size: 14px;
  }
  .ticket-coupon-outer .ticket-coupon-wrap .ticket-coupon-wrap-right span {
    font-size: 16px;
  }
  .coupon-title-icon-tip {
    font-size: 12px;
  }
  br.sp_only {
    display: none;
  }
  .ticket-coupon-wrap:hover .ticket-coupon-wrap-right {
    opacity: 1 !important;
  }
  .ticket-coupon-blue .ticket-coupon-wrap-right:hover {
    opacity: 0.8 !important;
  }
  .ticket-coupon-gray .ticket-coupon-wrap-right:hover {
    cursor: default;
  }
}
@media screen and (max-width: 767px) {
  br.sp_only {
    display: block;
  }
  .ticket-coupon-outer {
      padding: 25px 10px;
  }
  .ticket-coupon-outer .ticket-coupon-wrap {
    margin-top: 7px;
  }
  .ticket-coupon-outer .ticket-coupon-wrap .tc-subscription a {
    display: inline-block;
    margin-left: 0.5em;
  }
  .ticket-coupon-outer .tickt-coupon-outer-caution {
    margin-top: 5px;
  }
  .ticket-coupon-outer .ticket-coupon-wrap:first-of-type {
    margin-top: 10px;
  }
  .ticket-coupon-wrap:hover .ticket-coupon-wrap-right {
    opacity: 1 !important;
  }
}
.sec-goods-spec {
  overflow: hidden;
}
.js-img-modal-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.js-img-modal {
  width: calc(20% - 10px);
  height: auto;
  cursor: pointer;
  border: 1px solid #CCC;
  box-sizing: border-box;
}
.js-img-modal:nth-of-type(6n) {
  clear: both;
}
/* .modalpopup */
.modalpopup-modal-inner {
  width: auto;
}
.modalpopup-modal-inner img {
  width: auto;
  max-height: 90dvh;
}
.modalpopup-modal .modalpopup-modal-inner .btn-close {
  right: -4.25em;
}
@media screen and (max-width: 768px) {
  .modalpopup-modal-inner {
    width: 94%;
  }
  .modalpopup-modal .modalpopup-modal-inner .btn-close {
    right: 0;
    top: -4.25em;
  }
  .js-img-modal-wrap {
    margin-top: 15px;
    gap: 3%;
  }
  .js-img-modal {
    width: 48.5%;
    margin-right: auto;
    margin-bottom: 3%;
  }
}