@charset "UTF-8";

/* 全ページ共通
----------------------------------*/
a {
    color: #019EBD;
    text-decoration: none;
}

a:visited {
    color: #019EBD;
}

a:hover {
    color: #019EBD;
    text-decoration: underline;
}

a:active {
    color: #019EBD;
}

.fs-c-button--plain {
    color: #019EBD;
}

.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    color: #666;
    font-weight: bold;
}

.fs-p-sideMenu a:hover {
    text-decoration: none;
}

img {
  height: auto;
}

address {
  font-style: normal;
}

.fs-p-banner--cashless {
  background: #e61212;
  border-color: #e61212;
}

.fs-p-banner--cashless a.fs-p-banner__link {
  color: #fff;
}

a:link span.fs-c-productName__copy {color: #F1A947;}
a:visited span.fs-c-productName__copy {color: #F1A947;}
a:hover span.fs-c-productName__copy {color: #F1A947;}
a:active span.fs-c-productName__copy {color: #F1A947;}

.side-banner-area {
  text-align: center;
}

.side-banner-area img {
  width: 85%;
}

/* トップページ
----------------------------------*/
div.fs-p-messageBoard {
  border-color: #ed5a4a;
  background-color: #ffeae8;
  color: #ed5a4a;
}

/* 商品ページ
----------------------------------*/

.itemPage-topics {
  margin-bottom: 80px;
  font-size: 1.5rem;
}

.itemPage-topics_block {
  margin-top: 24px;
}

.itemPage-topics__heading {
  background: #666666;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 16px;
  padding: .6em .4em;
}

.itemPage-topics__subheading {
    color: #7c8790;
    border-color: #7c8790;
    border-style: solid;
    border-width: 0 0 1px 5px;
    font-weight: 500;
    font-size: 1.8rem;
    padding: 8px;
    padding-left: 16px;
    margin-bottom: 8px;
}

.itemPage-topics p {
  margin-bottom: 1em;
}

/* 大型商品をご検討のお客様へ */
.attention_large_item {
  border: 2px solid #cd1f31;
  border-radius: 4px;
  background: #fcfafb;
  padding: 20px;
  color: #cd1f31;
}

.attention_large_item h2 {
  font-size: 1em;
  text-align: center;
}

.detail_table {
  border-collapse: collapse;/* ボーダーの重なり方を指定 */
  color: #333;/* テキストのカラー */
  border-bottom:solid 1px #999;border-right:solid 1px #999;/* ボーダー下と右 */
}

.detail_table b,
.detail_table strong {
  font-weight: bold;
}

.detail_table .attention {
  color: #c00;
}

.detail_table .recommend {
  color: #00c;
}

.detail_table tr th, 
.detail_table tr td {
  min-height:50px; 
  height:auto; 
  padding: 10px 10px;/*td,thに余白を指定（上下5px,左右10px）*/
  border-top:solid 1px #999;border-left:solid 1px #999;/* ボーダー上と左 */
}

.detail_table tr:nth-child(2n+1) {
  min-height:50px; 
  height:auto; 
  border-top:solid 1px #999;border-left:solid 1px #999;/* ボーダー上と左 */
  background-color: #eee;/* 奇数行の背景色 */
}

.detail_table tr:nth-child(2n) {
  min-height:50px; 
  height:auto; 
  border-top:solid 1px #999;border-left:solid 1px #999;/* ボーダー上と左 */
  background-color: #f8f8f8;/* 偶数行の背景色 */
}

@media screen and ( max-width: 768px) {
  .detail_table__heading {
    display: none;
  }

  .detail_table tr th, 
  .detail_table tr td {
    display: block;
    width: 100%;
  }

  .detail_table tr td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 0.25rem;
  }
}

/* フレックスボックス */
.itemPage-flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

.flex-col {
  padding:0 10px;
  width: 25%;
}

.flex-col-image {
  width: 100%;
}

.flex-col-about {
  padding: 0 0 20px;
  font-size: .9em;
}

@media screen and ( max-width: 768px) {
  .flex-col {
    width: 100%;
  }
}

/* 在庫残りわずか*/
.fs-c-productStock--lowInStock {
  color: #c00;
  font-weight: bold;
}

/* スライドmargin */
.fs-pt-carousel__slide {
  margin: 0 10px;
}

/* カタログページ
----------------------------------*/
.pdf-download-icon a {
  padding: 0.5em 35px 0.5em 0;
  background: url(https://maedacraft.itembox.design/item/assets/images/common/PDF_32.png) right 50% no-repeat;
  background-size:contain;
}

/* 前のページ・次のページ */
.prev-next-link a {
  border-bottom: 1px #ddd solid;
  display: block;
  text-decoration: none;
  padding: 14px 40px;
  color: #0bd;
}
.prev-next-link a:hover {
  background-color: #e6e6e6;
}
.prev-next-link a:first-child {
  border-top: 1px #ddd solid;
}
.prev-next-label {
  font-size: .875rem;
  color: #000;
  margin-bottom: 10px;
}

@media screen and ( min-width: 768px) {
  .prev-next-link {
    display: flex;
  }
  .prev-next-link a {
    flex: 1;
  }
  .prev-next-link a,
  .prev-next-link a:first-child {
    border: none;
  }
  .next-link {
    text-align: right;
  }
}

/* 会員登録完了のテキストを左寄せに
----------------------------------*/
.fs-c-registerSuccessMessage {
  text-align: left !importnt;
}

/* Arrows */
.prev-link {
  background: url(https://maedacraft.itembox.design/item/assets/images/common/arrow-prev.svg) no-repeat 10px center;
}
.next-link {
  background: url(https://maedacraft.itembox.design/item/assets/images/common/arrow-next.svg) no-repeat right 10px center;
}
.prev-link,
.next-link {
  background-size: 16px 28px;
}


@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 960px) {

}

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

}

@media screen and (min-width: 600px) {

}