@charset "UTF-8";
/*==============================================
ここから下がドロワー設定項目
==============================================*/
/*drawer btn 上下左右で設定可能
------------------------------------ */
/*	drawer inbox
------------------------------------ */
#drawer-nav {
  max-width: 100%;
  background-color: #fff;
  /*IE(Internet Explorer)・Microsoft Edge*/
  -ms-overflow-style: none;
  /*Firefox*/
  scrollbar-width: none;
  /*Google Chrome、Safari*/
}
@media screen and (min-width: 768px) {
  #drawer-nav {
    max-width: 375px;
  }
}
#drawer-nav::-webkit-scrollbar {
  display: none;
}
#drawer-nav .logo-gnav img {
  display: block;
  max-width: 92.3076923077%;
}
@media screen and (min-width: 768px) {
  #drawer-nav .logo-gnav img {
    max-width: 300px;
  }
}
#drawer-nav #nav .dreawer-list .drawer-item {
  border-bottom: 2px dotted #954e2a;
  line-height: 1em;
}
#drawer-nav #nav .dreawer-list .drawer-item #nav .drawer-link {
  font-size: 26px;
  font-size: 3.4666666667vw;
}
@media screen and (min-width: 768px) {
  #drawer-nav #nav .dreawer-list .drawer-item #nav .drawer-link {
    font-size: 13px;
  }
}
#drawer-nav .drawer-wrapper {
  max-width: 73.3333333333%;
}
@media screen and (min-width: 768px) {
  #drawer-nav .drawer-wrapper {
    max-width: 275px;
  }
}
#drawer-nav .arw-blk {
  position: relative;
}
#drawer-nav .arw-blk::after {
  content: "";
  display: block;
  width: 8px;
  max-width: 100%;
  max-width: 1.6%;
  aspect-ratio: 8/14;
  background-image: url("/img/common/arw-solid-blk.png");
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}
#drawer-nav .ic-tel-wht::before {
  max-width: 4%;
}
#drawer-nav .tel-caution {
  max-width: 60%;
}
#drawer-nav .com-btn a {
  max-width: 90%;
}
#drawer-nav .list-sns .sns-item {
  width: 95px;
  max-width: 100%;
  max-width: 19%;
}
#drawer-nav .list-sns .sns-item:not(:first-child) {
  margin-left: 14%;
}