@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
#bread-crumb {
  background: url("../../asset/img/common/ftbg.jpg"); }

section#itemList_wrap {
  max-width: 1090px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: min(120px,12.4995vw); }

section#itemDetail-wrap {
  max-width: 1090px;
  width: 90%;
  margin: 80px auto 0;
  padding-bottom: min(120px,12.4995vw); }
  @media (max-width: 480px) {
    section#itemDetail-wrap {
      margin: 40px auto 0; } }
  section#itemDetail-wrap .description {
    width: 47%;
    margin-left: auto; }
    section#itemDetail-wrap .description h1 {
      font-size: 2.4rem !important;
      color: #4e342e;
      margin-bottom: 0.8em; }
    section#itemDetail-wrap .description h2 {
      font-size: 2.0rem;
      margin: 2em 0 0;
      color: #31996A;
      font-weight: 600; }
    section#itemDetail-wrap .description p {
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 1.6; }
      section#itemDetail-wrap .description p + p {
        margin-top: 1em; }
    @media (max-width: 768px) {
      section#itemDetail-wrap .description h1 {
        font-size: 2.2rem !important; }
      section#itemDetail-wrap .description h2 {
        font-size: 1.8rem; }
      section#itemDetail-wrap .description p {
        font-size: 1.4rem; } }
    @media (max-width: 480px) {
      section#itemDetail-wrap .description {
        width: 100%; } }
  section#itemDetail-wrap table th {
    padding: 15px 0;
    width: 15%;
    font-size: 1.4rem !important;
    line-height: 1.4;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    vertical-align: middle !important; }
  section#itemDetail-wrap table.price th {
    width: 15% !important; }
  section#itemDetail-wrap table.price td .taxin {
    color: #333333; }
  section#itemDetail-wrap table.spec th {
    padding: 15px 0;
    width: 15%;
    line-height: 1.4; }
  section#itemDetail-wrap table.spec td {
    padding: 15px 0;
    line-height: 1.4; }
    section#itemDetail-wrap table.spec td .option_comment {
      margin-bottom: 8px; }
  section#itemDetail-wrap table.infoTable {
    max-width: 1000px;
    margin: 3em auto;
    border: solid 1px #333333;
    border-collapse: collapse; }
    section#itemDetail-wrap table.infoTable th, section#itemDetail-wrap table.infoTable td {
      padding: 15px;
      line-height: 1.4;
      border: solid 1px #333333; }
    section#itemDetail-wrap table.infoTable th {
      width: 25%;
      background: #F0EFED; }
      section#itemDetail-wrap table.infoTable th .small {
        font-size: 1.2rem; }
    @media (max-width: 480px) {
      section#itemDetail-wrap table.infoTable th, section#itemDetail-wrap table.infoTable td {
        padding: 10px 8px; } }

section#shopGuide_wrap {
  max-width: 1180px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: min(120px,12.4995vw); }

section #guide h2 {
  font-size: 2.2rem; }
  @media (max-width: 480px) {
    section #guide h2 {
      font-size: 1.8rem; } }
section #guide p {
  font-size: 1.6rem; }
  @media (max-width: 480px) {
    section #guide p {
      font-size: 1.4rem; } }
section #guide .chart .ttlShop {
  font-size: 2.0rem;
  margin: 15px 0 5px; }
section #guide table th, section #guide table td {
  font-size: 1.4rem; }

article#Detail #main-column h1 {
  margin: 0 0 30px;
  font-size: clamp(16.8px, 2.5005vw, 24px) !important; }
  @media (max-width: 480px) {
    article#Detail #main-column h1 {
      font-size: 2.0rem !important; } }

#itemDetail-cont .itemThumb-wrap {
  margin: 0;
  width: 53%;
  padding: 0 min(70px,7.2915vw) 0 0; }
  #itemDetail-cont .itemThumb-wrap .itemThumb-main {
    border: solid 1px #cccccc; }
    #itemDetail-cont .itemThumb-wrap .itemThumb-main a {
      display: block;
      width: 100%;
      position: relative; }
      #itemDetail-cont .itemThumb-wrap .itemThumb-main a::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
      #itemDetail-cont .itemThumb-wrap .itemThumb-main a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
  #itemDetail-cont .itemThumb-wrap .itemThumb {
    margin-top: 30px; }
    #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
      display: block;
      position: relative;
      width: calc((100% - 30px)/ 4);
      height: auto;
      margin: 0 10px 10px 0;
      border: solid 1px #cccccc; }
      #itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-of-type(4n) {
        margin-right: 0; }
      #itemDetail-cont .itemThumb-wrap .itemThumb ul li::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
      #itemDetail-cont .itemThumb-wrap .itemThumb ul li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
  @media (max-width: 768px) {
    #itemDetail-cont .itemThumb-wrap {
      width: 50%; } }
  @media (max-width: 480px) {
    #itemDetail-cont .itemThumb-wrap {
      padding: 0;
      width: 100%; } }
#itemDetail-cont .itemOutline {
  width: 47%;
  padding-top: 0; }
  #itemDetail-cont .itemOutline .icons {
    display: none; }
  #itemDetail-cont .itemOutline table.price tr.price span.selling_price {
    font-size: 2.4rem;
    color: #333333; }
  @media (max-width: 480px) {
    #itemDetail-cont .itemOutline {
      width: 100%; } }

/*--------------------------------------------
	recommend
--------------------------------------------*/
#main-column .recommend {
  max-width: 1090px;
  width: 90%;
  margin: 0 auto;
  padding: 0; }
  #main-column .recommend h2 {
    border-top: 2px solid #F0EFED;
    font-size: 1.8rem; }
  #main-column .recommend .column3 .badge, #main-column .recommend .column4 .badge, #main-column .recommend .column5 .badge {
    display: none; }
  #main-column .recommend p.price span.selling_price, #main-column .recommend p.price span.taxin {
    color: #333333; }

/*--------------------------------------------
	recommend
--------------------------------------------*/
#floating-menu #to-cart {
  display: none; }
