/* カスタマイズ用CSS */

/* /store/nanairodo_top_banner2/ */
body:not(.shops-preview) h1 > a > div.logo,
body.shops-preview #preview-top_bar2 > div.preview-cont {
  width: 100%;
  max-width: 100%;
  background-image: url("/ysrock/data/top_bar2/default.png?20250717150129");
  background-repeat: no-repeat;
  background-size: 100%;
}
/* END /store/nanairodo_top_banner2/ */

/* /store/nanairodo_side_bar2/ */
body {
  background-repeat: repeat-y, repeat-y;
  background-attachment: scroll, scroll;
  background-position: left top, right top;
}
body > div.ec-layoutRole {
  background: initial;
}
body.shops-preview #preview-cont {
  background-image: url("/ysrock/data/side_bar2/default.png?20250717150403"), url("/ysrock/data/side_bar2/default.png?20250717150403");
}
@media print, screen and (min-width: 1330px) {
  body:not(.shops-preview) {
    background-image: url("/ysrock/data/side_bar2/default.png?20250717150403"), url("/ysrock/data/side_bar2/default.png?20250717150403");
  }
}
/* END /store/nanairodo_side_bar2/ */



/* category_nav_vertical_pc.twig */
.category-ui {
  font-family: sans-serif;
  margin-right: auto;
  margin-left: auto;
  max-width: 1090px;
  width: 100%;
  display: none;
}
@media only screen and (min-width: 768px) {
    .category-ui {
        display: block;
    }
}

#breadcrumb {
  margin: 10px 0;
  padding-bottom: .5em;
  font-size: 16px;
}

#breadcrumb span {
    padding-left:.2em;
    padding-right: .2em;
}
/* クリック可能 */
#breadcrumb span.link {
  cursor: pointer;
  color: #0092c4;
}

#breadcrumb span.link:hover {
  text-decoration: underline;
}

/* クリック不可 */
#breadcrumb span.current {
  color: #333;
  cursor: default;
}

/* モーダル */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background: #fff;
  margin: 50px auto;
  padding: 12px;
  width: 400px;
  border-radius: 8px;
}

#menu {
  margin-top: 10px;
}

.item {
  padding: 8px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.item:hover {
  background: #f0f0f0;
}

.all-link {
  padding: 10px;
  font-weight: bold;
  background: #f8f8f8;
  border-bottom: 2px solid #ddd;
  cursor: pointer;
}

.all-link:hover {
  background: #eaeaea;
}
/* END category_nav_vertical_pc.twig */


/* 卸売ドットコム */
table.__table.c-table-dl {
    margin-top: 1em;
}

table.__table.c-table-dl th {
    border: 1px solid #ddd;
    width: 30%;
    background-color: #f2f2f2;
    padding: .75em 1em;
    vertical-align: top;
}

table.__table.c-table-dl td {
    border: 1px solid #ddd;
    width: 70%;
    padding: .75em 1em;
    vertical-align: top;
}
/* END 卸売ドットコム */