@charset "UTF-8";
/* snippet */
.text-l {
  text-align: left !important;
}

.text-r {
  text-align: right !important;
}

.text-c {
  text-align: center !important;
}

.serif {
  font-family: "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
}

.gothic {
  font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.bold {
  font-weight: bold !important;
}

.text-red {
  color: #CB0000 !important;
}

.underline {
  border-bottom: 1px solid !important;
}

.text-ul {
  text-decoration: underline !important;
}

.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-space {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.grid-col2 {
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.grid-col3 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-col4 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (min-width: 768px) {
  .grid-col2 {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.wrap {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1000px) {
  .wrap {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1000px) {
  .sp, .sp-content {
    display: none;
  }
}

.pc, .pc-content {
  display: none;
}
@media screen and (min-width: 1000px) {
  .pc, .pc-content {
    display: block;
  }
}

.btn {
  display: inline-block;
  background: #333132;
  text-align: center;
  padding: 0.5em 1em;
  color: white;
}
.m0 {
  margin: 0 !important;
}

.m10 {
  margin: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.p0 {
  padding: 0 !important;
}

.p10 {
  padding: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.noborder {
  border: 0 !important;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 0vw;
}

body {
  line-height: 1.5;
  font-weight: normal;
  color: #333132;
  font-size: 14px;
  margin: 0;
  vertical-align: baseline;
}
@media screen and (min-width: 1000px) {
  body {
    position: relative;
  }
  body::after {
    /* content: "";
    width: 70px;
    height: 100%;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    z-index: 100;
    background: url(https://gigaplus.makeshop.jp/horita78/img/bnr-shipping_fl.jpg) repeat-y right center #fff; */
  }
}

.header-area h1, .header-area h2, .header-area h3, .header-area h4, .header-area h5, .top-contents h1, .top-contents h2, .top-contents h3, .top-contents h4, .top-contents h5, .side h1, .side h2, .side h3, .side h4, .side h5, .footer-area h1, .footer-area h2, .footer-area h3, .footer-area h4, .footer-area h5, .footer-content h1, .footer-content h2, .footer-content h3, .footer-content h4, .footer-content h5, .contents-page h1, .contents-page h2, .contents-page h3, .contents-page h4, .contents-page h5 {
  font-weight: normal;
  margin: 0;
  font-size: 100%;
}
.header-area small, .header-area .small, .top-contents small, .top-contents .small, .side small, .side .small, .footer-area small, .footer-area .small, .footer-content small, .footer-content .small, .contents-page small, .contents-page .small {
  font-size: 75%;
}
.header-area ul, .header-area li, .header-area ol, .header-area img, .header-area dl, .header-area dt, .header-area dd, .header-area a, .header-area table, .header-area td, .header-area th, .header-area figure, .header-area span, .header-area i, .header-area p, .top-contents ul, .top-contents li, .top-contents ol, .top-contents img, .top-contents dl, .top-contents dt, .top-contents dd, .top-contents a, .top-contents table, .top-contents td, .top-contents th, .top-contents figure, .top-contents span, .top-contents i, .top-contents p, .side ul, .side li, .side ol, .side img, .side dl, .side dt, .side dd, .side a, .side table, .side td, .side th, .side figure, .side span, .side i, .side p, .footer-area ul, .footer-area li, .footer-area ol, .footer-area img, .footer-area dl, .footer-area dt, .footer-area dd, .footer-area a, .footer-area table, .footer-area td, .footer-area th, .footer-area figure, .footer-area span, .footer-area i, .footer-area p, .footer-content ul, .footer-content li, .footer-content ol, .footer-content img, .footer-content dl, .footer-content dt, .footer-content dd, .footer-content a, .footer-content table, .footer-content td, .footer-content th, .footer-content figure, .footer-content span, .footer-content i, .footer-content p, .contents-page ul, .contents-page li, .contents-page ol, .contents-page img, .contents-page dl, .contents-page dt, .contents-page dd, .contents-page a, .contents-page table, .contents-page td, .contents-page th, .contents-page figure, .contents-page span, .contents-page i, .contents-page p {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.header-area ul, .top-contents ul, .side ul, .footer-area ul, .footer-content ul, .contents-page ul {
  list-style: none;
}
.header-area img, .top-contents img, .side img, .footer-area img, .footer-content img, .contents-page img {
  vertical-align: middle;
  border: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.header-area a:link, .header-area a:visited, .top-contents a:link, .top-contents a:visited, .side a:link, .side a:visited, .footer-area a:link, .footer-area a:visited, .footer-content a:link, .footer-content a:visited, .contents-page a:link, .contents-page a:visited {
  color: #333132;
}
@media screen and (min-width: 1000px) {
  .header-area a:hover, .top-contents a:hover, .side a:hover, .footer-area a:hover, .footer-content a:hover, .contents-page a:hover {
    opacity: 0.7;
  }
}

/* search */
.search {
  color: inherit;
  padding: 0;
}

.search-form {
  background: #F5F6F8;
  padding: 16px;
}
@media screen and (min-width: 1000px) {
  .search-form {
    padding: 10px;
  }
}

.search-area .keyword, .search-area .search-btn, .search-area .search-price {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
.search-area .keyword, .search-area .search-price {
  line-height: 36px;
  border: 1px solid #ccc;
  padding: 0 0.5em;
}
.search-area .keyword {
  width: 100%;
}
.search-area .search-btn {
  display: block;
  border: 0;
  line-height: 32px;
  border-radius: 3px;
  color: white !important;
}
.search-area ::-webkit-input-placeholder {
  color: #aaa;
  font-size: 0.875rem;
}
.search-area ::-moz-placeholder {
  color: #aaa;
  font-size: 0.875rem;
}
.search-area :-ms-input-placeholder {
  color: #aaa;
  font-size: 0.875rem;
}
.search-area ::-ms-input-placeholder {
  color: #aaa;
  font-size: 0.875rem;
}
.search-area ::placeholder {
  color: #aaa;
  font-size: 0.875rem;
}

.search-ttl::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  width: 18px;
  height: 18px;
  background: url(../img/ico-search-wh.png) no-repeat center/contain;
  margin-right: 0.5em;
}

/* header */
.header-area {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: white;
  padding: 0;
}
.header-area a {
  text-decoration: none;
}
.header-area p {
  margin: 0;
}
@media screen and (min-width: 1000px) {
  .header-area {
    position: relative;
    margin-bottom: 12px;
  }
}

.header-top {
  display: none;
  padding: 4px 0 5px;
}
@media screen and (min-width: 1000px) {
  .header-top {
    display: block;
  }
  .header-top .header-top-wrap {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
  }
}

.header-mdl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-mdl .shopname .logo {
  width: 100px;
  height: 55px;
}
.header-mdl .shopname .logo a {
  display: block;
  padding: 8px 8px 5px;
}
.header-mdl .shopname .shop-discription {
  display: none;
}
@media screen and (min-width: 1000px) {
  .header-mdl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 20px;
    margin-top: 10px;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }
  .header-mdl .shopname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .header-mdl .shopname .logo {
    width: 139px;
    height: auto;
  }
  .header-mdl .shopname .logo a {
    padding: 0;
  }
  .header-mdl .shopname .shop-discription {
    display: block;
    font-size: 12px;
  }
}

.nav-menu-pc {
  display: none;
}
@media screen and (min-width: 1000px) {
  .nav-menu-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
  .nav-menu-pc .search-area {
    width: 300px;
    border: 1px solid;
    border-radius: 3px;
  }
  .nav-menu-pc .search-area .keyword {
    border: 0;
    background: transparent;
    width: calc(100% - 36px);
  }
  .nav-menu-pc .search-area .search-btn {
    width: 36px;
    height: 36px;
    display: block;
    background: url(../img/ico-search.png) no-repeat center/17px;
  }
  .nav-menu-pc .header-contact {
    width: 240px;
  }
  .nav-menu-pc .tel-num {
    margin-bottom: 5px;
  }
  .nav-menu-pc .bisiness-hour {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 2px 10px;
  }
  .nav-menu-pc .hour::before, .nav-menu-pc .off-day::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
    width: 16px;
    height: 16px;
    background: url(../img/ico-clock.png) no-repeat center/contain;
    position: relative;
    top: -0.1em;
  }
  .nav-menu-pc .off-day::before {
    background-image: url(../img/ico-hol.png);
  }
}

.info-nav a {
  display: block;
  font-size: 12px;
  padding: 0 1em;
  line-height: 2;
}
.info-nav a:hover {
  color: #333132 !important;
}

.nav-menu-sp {
  padding-right: 60px;
}
@media screen and (min-width: 1000px) {
  .nav-menu-sp {
    display: none;
  }
}

.nav-menu-list {
  gap: 10px;
}
.nav-menu-list li a {
  padding-top: 5px;
  display: block;
  text-align: center;
  line-height: 1.2;
  font-size: 12px;
}
.nav-menu-list li a::before {
  width: 100%;
  display: block;
  content: "\f234";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
}
.nav-menu-list .logout a::before {
  content: "\f2f5";
  color: #333132;
}
.nav-menu-list .login a::before {
  content: "\f2f6";
  color: #333132;
}
.nav-menu-list .mypage a::before {
  content: "\f007";
}
.nav-menu-list .cart a::before {
  content: "\f07a";
}
.nav-menu-list .cart {
  position: relative;
}
.nav-menu-list .cart-count {
  position: absolute;
  right: -8px;
  top: -3px;
  background: #F23E0C;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .nav-menu-list {
    gap: 20px;
  }
  .nav-menu-list .cart-count {
    right: auto;
    top: -12px;
    left: 14px;
  }
}

/* gnav */
.g-nav-area {
  display: none;
}

@media screen and (min-width: 1000px) {
  .g-nav-area {
    background: #333132;
    display: block;
    position: relative;
  }
  .g-nav-wrap {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }
  .g-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .g-nav > li > a, .g-nav > li > span, .g-nav .parent > a, .g-nav .parent > span {
    padding: 0 1.5em;
    text-align: center;
    display: block;
    line-height: 44px;
    color: white !important;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .g-nav > li > a:hover, .g-nav > li > span:hover, .g-nav .parent > a:hover, .g-nav .parent > span:hover {
    background: #333132;
    opacity: 1;
  }
  .g-nav > li:hover > a, .g-nav > li:hover > span, .g-nav .parent:hover > a, .g-nav .parent:hover > span {
    background: #676365;
  }
  .g-nav .nav-search {
    width: 160px;
    padding-right: 10px;
    padding-left: 5px;
  }
  .g-nav .parent:hover .child {
    max-height: 9999px;
    opacity: 1;
    padding: 20px 0 10px;
  }
  .child {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #F5F6F8;
  }
  .child-list {
    width: 100%;
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .child-list li {
    width: 100px;
  }
  .child-list a {
    display: block;
    text-align: center;
  }
  .child-list a span {
    font-size: 12px;
    display: block;
    padding-top: 8px;
    line-height: 1.2;
  }
  .child-list a:hover {
    opacity: 1;
  }
  .child-list img {
    -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16));
    width: 68px;
    border-radius: 50%;
    background: white;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .child-list a:hover img {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.16));
  }
}
/* aside */
.side {
  padding: 0;
}
@media screen and (min-width: 1000px) {
  .side {
    width: 200px;
  }
}

.side-ttl {
  background: #333132;
  color: white;
  text-align: center;
  font-weight: 700;
  line-height: 40px;
}

.openbtn {
  top: 5px;
  right: 3px;
  left: auto;
}
.openbtn span {
  background: #333132;
}
.openbtn.active span {
  background: #333132 !important;
}

@media screen and (max-width: 999px) {
  .openbtn {
    position: fixed;
    z-index: 9999;
    cursor: pointer;
    width: 50px;
    height: 50px;
  }
  .openbtn span {
    background: #333132;
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    width: 45%;
  }
  .openbtn span:nth-of-type(1) {
    top: 15px;
  }
  .openbtn span:nth-of-type(2) {
    top: 23px;
  }
  .openbtn span:nth-of-type(3) {
    top: 31px;
  }
}
#g-nav {
  background: white;
}
@media screen and (min-width: 768px) {
  #g-nav {
    background: white;
  }
}

.sp-side-section {
  padding: 70px 0 0;
}
.sp-side-section .sp-gnav li {
  border-color: #171752;
}
.sp-side-section .sp-gnav li a {
  color: #171752 !important;
}
.sp-side-section .sp-gnav li a::before {
  color: #171752 !important;
}

#g-nav-list > section {
  width: 80%;
  margin: 0 auto 20px;
  max-width: 500px;
  padding-right: 0;
  padding-left: 0;
}
#g-nav-list .search-area p {
  font-size: 14px;
}
#g-nav-list .search-area .keyword {
  margin-bottom: 8px;
}
#g-nav-list .search-area .price-filter {
  gap: 5px;
  margin-bottom: 14px;
}
#g-nav-list .search-area .search-price {
  margin-right: 0;
  width: 39%;
}
#g-nav-list .search-area .search-btn {
  background: #171752;
}
@media screen and (min-width: 1000px) {
  #g-nav-list > section {
    width: 100%;
  }
  #g-nav-list .search-area .keyword, #g-nav-list .search-area .search-price {
    line-height: 32px;
  }
  #g-nav-list .search-area .search-price {
    width: 135px;
  }
  #g-nav-list .search-area .price-filter {
    font-size: 14px;
    gap: 10px;
  }
}

.side-category-list a {
  color: #333132 !important;
}

.side-category-item {
  color: inherit;
  border-bottom-style: dashed;
}
.side-category-item p::before, .side-category-item p::after {
  background-color: #333132;
  right: 10px;
}
.side-category-item p, .side-category-item a {
  padding: 18px;
  font-size: 13px;
  line-height: 16px;
}
.side-category-item > p, .side-category-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.side-category-item .cat-img {
  width: 50px;
  height: 50px;
}
.side-category-item > p.on {
  width: 100%;
  background-color: inherit;
  color: inherit;
  padding: 0;
}
.side-category-item > p.on::before, .side-category-item > p.on:after {
  background-color: #333132;
}
.side-category-item .side-category-child-item {
  padding-bottom: 8px;
}
.side-category-item .side-category-child-item a {
  padding: 16px 0 16px 50px;
}
@media screen and (min-width: 1000px) {
  .side-category-item a:hover, .side-category-item .accordion:hover {
    background: #F5F6F8;
    opacity: 1;
  }
  .side-category-item .side-category-child-item a {
    padding: 8px 0 8px 16px;
  }
  .side-category-item .side-category-child-item a:hover {
    background: #F5F6F8;
  }
}

.side-guide-ttl::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/ico-side-guide.png) no-repeat center/contain;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.5em;
}

.side-cal-ttl::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/ico-side-cal.png) no-repeat center/contain;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.5em;
}

.side-guide li:not(:last-of-type) {
  margin-bottom: 2px;
}
.side-guide a {
  background: #F5F6F8;
  display: block;
  font-size: 12px;
  padding: 8px 1em;
  position: relative;
}
.side-guide a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
}
@media screen and (min-width: 1000px) {
  .side-guide a:hover {
    background: #e6e9ee;
    opacity: 1;
  }
}

/* slide */
.slider img {
  max-width: 100%;
  vertical-align: middle;
}

.btn-box .more-btn {
  display: block;
  background: #333132;
  color: white !important;
  font-size: 18px;
  font-weight: bold;
  padding: 0.7em 0;
  text-align: center;
  width: 90%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
}
.btn-box .more-btn::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  width: 20px;
  height: 20px;
  background: url(../img/ico-arrow-wh.png) no-repeat center/contain;
}

/* top contents */
.contents {
  max-width: 1100px;
}
@media screen and (min-width: 1000px) {
  .contents .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px;
  }
}

.top-contents {
  padding: 30px 0 0;
}
.top-contents a {
  text-decoration: none;
}

@media screen and (min-width: 1000px) {
  .main-contents {
    max-width: 850px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.top-content {
  margin-bottom: 30px;
}

.ttl-area {
  text-align: center;
}
.ttl-area .main-ttl {
  letter-spacing: 0.05em;
  color: #171752;
  font-size: 16px;
  font-weight: bold;
  font-weight: bold;
}
.ttl-area .main-ttl::before {
  font-size: 24px;
  content: attr(data-en);
  display: block;
}
@media screen and (min-width: 768px) {
  .ttl-area .ttl-area .ttl {
    font-size: 21px;
  }
  .ttl-area .ttl-area .ttl::before {
    font-size: 42px;
  }
}

.news-area .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news-area .pc-news {
  display: none;
}
@media screen and (min-width: 624px) {
  .news-area .sp-news {
    display: none;
  }
  .news-area .pc-news {
    display: block;
  }
}

.bnr-m {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.bnr-m a {
  display: block;
}

/* footer */
.footer-area {
  margin-top: 20px;
  padding-top: 30px;
}
.footer-area .copyright {
  font-size: 12px;
  padding: 1em 0;
  max-width: none;
}
.footer-area .footer-shopname {
  padding: 20px 0;
}
.footer-area .footer-shopname img {
  width: 200px;
}
@media screen and (min-width: 768px) {
  .footer-area {
    padding-top: 50px;
  }
  .footer-area .copyright {
    font-size: 13px;
  }
  .footer-area .footer-shopname {
    padding: 40px 0;
  }
  .footer-area .footer-shopname img {
    width: 253px;
  }
}

.footer-guide_sp .ttl {
  background: #333132;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 0.5em 1em;
}
.footer-guide_sp li:not(:last-of-type) {
  margin-bottom: 2px;
}
.footer-guide_sp a {
  display: block;
  background: url(../img/ico-arrow.png) no-repeat 95% center/20px #F5F6F8;
  font-size: 14px;
  padding: 0.7em 1em;
}

.footer-guide_pc {
  display: none;
}
@media screen and (min-width: 1000px) {
  .footer-guide_pc {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer-guide_pc .guide-box {
    margin-bottom: 40px;
  }
  .footer-guide_pc .guide-box p.ttl {
    font-size: 14px;
    font-weight: 700;
    background: #F5F6F8;
    position: relative;
    padding: 0.5em 1em;
    margin-bottom: 10px;
  }
  .footer-guide_pc .guide-box p.ttl .more-text {
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: white;
    border-radius: 3px;
    padding: 0.1em 1em;
    font-size: 13px;
    font-weight: normal;
  }
  .footer-guide_pc .guide-box p.ttl .more-text::after {
    content: "";
    display: inline-block;
    background: url(../img/ico-arrow.png) no-repeat center/contain;
    width: 18px;
    height: 16px;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
  }
  .footer-guide_pc .guide-box p {
    font-size: 13px;
  }
  .footer-guide_pc .guide-box p:not(:last-of-type) {
    margin-bottom: 1.5em;
  }
  .footer-guide_pc .guide-text {
    padding: 0 1em 0;
  }
  .footer-guide_pc .caution-text {
    border: 1px solid;
    color: #CB0000;
    text-align: center;
  }
  .footer-guide_pc .caution-text a {
    display: block;
    font-weight: bold;
    padding: 0.5em 1em;
    color: #CB0000 !important;
  }
  .footer-guide_pc .shipping-tbl {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer-guide_pc .shipping-tbl th, .footer-guide_pc .shipping-tbl td {
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 0.25em 0;
    text-align: center;
  }
  .footer-guide_pc .shipping-tbl th {
    background: #F5F6F8;
  }
  .footer-guide_pc .shipping-hour {
    border-top: 1px dashed;
    border-bottom: 1px dashed;
    margin-top: 20px;
    padding: 10px;
  }
}

/* pages */
@media screen and (min-width: 768px) {
  .main {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

/* contents page */
.contents.page img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}