@charset "UTF-8";
/*
==========================================================================
  スマートフォン用スタイル（sp.scss）
  - drawer.js を利用する案件のスマホ向けレイアウト調整
  - PC 用 common.css を壊さない範囲で上書きする
  - 必要に応じて drawer 関連ブロックは削除／コメントアウトして使う
==========================================================================
*/
.wp-pagenavi a, .wp-pagenavi span {
  font-size: 3.5vw;
  padding: 7px 15px !important;
  margin: 0 4px !important;
}

/* レイアウト設定
******************************************************************************************** */
.main__btn {
  min-width: 180px;
  max-height: 48px;
}
.main__btn a {
  padding: 10px 15px;
  font-size: 3vw;
}
.main__head {
  padding: 5%;
}
.main__ttl {
  margin-bottom: 20px;
}
.main__ttl img {
  height: 60px;
}

.footer__in {
  padding: 5%;
}
.footer__logo img {
  width: 40%;
}
.footer .fnav__list {
  margin: 20px 0 0 0;
}
.footer .fnav__list li {
  margin: 10px;
}
.footer .fnav__list li a {
  font-size: 3.5vw;
}
.footer .fnav__list li:last-child {
  display: block;
}
.footer .copyright {
  font-size: 3vw;
}

/* --------------------------------------
  News
  -------------------------------------- */
.news__ttl img {
  height: 60px;
}
.news__date {
  margin: 0;
  width: 100%;
  font-size: 3.8vw;
}
.news__title {
  width: 80%;
  font-size: 3.5vw;
}

/* --------------------------------------
  Products
  -------------------------------------- */
.products__ttl img {
  height: 60px;
}
.products__list li {
  width: 47%;
  margin-bottom: 30px;
}
.products__title {
  font-size: 3.5vw;
}
.products__price {
  font-size: 5vw;
}
.products__price span {
  font-size: 3.5vw;
}

/* --------------------------------------
  Shop
  -------------------------------------- */
.shop__ttl img {
  height: 60px;
}
.shop__detail {
  margin-bottom: 20px;
}
.shop__name img {
  width: 60%;
}
.shop__txt {
  font-size: 3.5vw;
}

/* --------------------------------------
  Contact
  -------------------------------------- */
.contact__ttl {
  order: 0;
  margin-bottom: 20px;
}
.contact__ttl img {
  height: 60px;
}
.contact .main__btn {
  order: 1;
  margin-bottom: 20px;
}
.contact__txt {
  order: 2;
  font-size: 3vw;
}
.contact__dotted {
  order: 3;
  width: 36%;
}

/* --------------------------------------
  Products
  -------------------------------------- */
.p-products__ttl {
  margin-bottom: 20px;
}
.p-products__ttl img {
  height: 60px;
}
.p-products__sub {
  display: none;
}
.p-products__cat {
  width: auto;
}
.p-products__cat li {
  margin-bottom: 10px;
}

/* --------------------------------------
  Item
  -------------------------------------- */
.item {
  padding: 0 5% 5% 5%;
}
.item__imgs {
  margin: 0;
  width: 100%;
}
.item__thumbs {
  order: 1;
  width: 100%;
}
.item__thumbs li {
  display: inline-block;
  width: 23%;
}
.item__main {
  order: 0;
  width: 100%;
}
.item__detail {
  width: 100%;
}
.item__title {
  font-size: 4.5vw;
}
.item__size {
  font-size: 3vw;
}
.item__price {
  font-size: 6vw;
}
.item__price span {
  font-size: 4vw;
}
.item__postage {
  font-size: 3vw;
}
.item__point {
  width: 100%;
  padding: 0;
}
.item__sub {
  font-size: 4.5vw;
}
.item__body {
  font-size: 3vw;
}

/* --------------------------------------
  News
  -------------------------------------- */
.p-news .news {
  padding: 0 5%;
}
.p-news .entry {
  padding: 0 5%;
}

.pager {
  margin: 40px auto;
  padding: 0 5%;
}

/* --------------------------------------
  Privacy Policy
  -------------------------------------- */
.p-privacy .block {
  padding: 0 5%;
  margin-bottom: 40px;
}
.p-privacy .block__ttl {
  font-size: 4.5vw;
}
.p-privacy .block__txt {
  font-size: 3.5vw;
}
.p-privacy .block__bg {
  padding: 5%;
  border-radius: 20px;
}
.p-privacy .block__sub {
  font-size: 4vw;
}

/* --------------------------------------
  law
  -------------------------------------- */
.p-law .block {
  padding: 0 5%;
  margin-bottom: 40px;
}
.p-law__table th, .p-law__table td {
  display: block;
  width: 100%;
  padding: 20px;
}
.p-law__table th {
  font-size: 4vw;
  border-bottom: none;
  font-weight: 500;
  padding-bottom: 0;
}
.p-law__table td {
  font-size: 3.5vw;
}
.p-law__postage {
  width: 100%;
}
.p-law__postage th, .p-law__postage td {
  width: auto;
  padding: 5px;
  display: table-cell;
}
.p-law__postage th {
  font-size: 3vw;
  width: 10%;
}
.p-law__postage td {
  font-size: 3vw;
}
.p-law__postage td.txt-r {
  width: 20%;
}

/* --------------------------------------
  Shop
  -------------------------------------- */
.p-shop .concept__txt {
  font-size: 3.5vw;
}
.p-shop .open__txt {
  font-size: 4vw;
}
.p-shop .cal__in {
  padding: 5%;
}
.p-shop .cal__item {
  width: 43%;
}
.p-shop .cal__ttl {
  font-size: 4.5vw;
}
.p-shop .map__ttl {
  font-size: 4.5vw;
}
.p-shop .map__gmap iframe {
  height: 340px;
}
.p-shop .map__address {
  font-size: 3vw;
}
.p-shop .map__list li {
  font-size: 3w;
}
.p-shop .hand__map {
  width: 100%;
}
.p-shop .hand__detail {
  width: 100%;
  margin-top: 20px;
}
.p-shop .hand__detail::before {
  content: "";
  position: absolute;
  top: inherit;
  right: inherit;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  border-bottom: 15px solid #f0f9f8;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.p-shop .hand__ttl {
  font-size: 4vw;
}
.p-shop .hand__list li {
  font-size: 3vw;
}

/* 共通設定 */
.pc-mode {
  display: none;
}

.sp-mode {
  display: block;
}/*# sourceMappingURL=sp.css.map */