/* CSS Document */
div.default {
  /* news */
}
div.default html, div.default body, div.default div, div.default span, div.default applet, div.default object, div.default iframe, div.default h1, div.default h2, div.default h3, div.default h4, div.default h5, div.default h6, div.default p, div.default blockquote, div.default pre, div.default a, div.default abbr, div.default acronym, div.default address, div.default big, div.default cite, div.default code, div.default del, div.default dfn, div.default em, div.default img, div.default ins, div.default kbd, div.default q, div.default s, div.default samp, div.default small, div.default strike, div.default strong, div.default sub, div.default sup, div.default tt, div.default var, div.default b, div.default u, div.default i, div.default center, div.default dl, div.default dt, div.default dd, div.default ol, div.default ul, div.default li, div.default fieldset, div.default form, div.default label, div.default legend, div.default table, div.default caption, div.default tbody, div.default tfoot, div.default thead, div.default tr, div.default th, div.default td, div.default article, div.default aside, div.default canvas, div.default details, div.default embed, div.default figure, div.default figcaption, div.default footer, div.default header, div.default hgroup, div.default menu, div.default nav, div.default output, div.default ruby, div.default section, div.default summary, div.default time, div.default mark, div.default audio, div.default video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  word-break: break-all;
}
div.default img[width="0"], div.default img[width="1"] {
  display: none;
}
div.default article, div.default aside, div.default details, div.default figcaption, div.default figure, div.default footer, div.default header, div.default hgroup, div.default menu, div.default nav, div.default section {
  display: block;
}
div.default body {
  line-height: 1;
  position: relative;
}
div.default ol, div.default ul {
  list-style: none;
}
div.default blockquote, div.default q {
  quotes: none;
}
div.default blockquote:before, div.default blockquote:after, div.default q:before, div.default q:after {
  content: "";
  content: none;
}
div.default table {
  border-collapse: collapse;
  border-spacing: 0;
}
div.default pre {
  font-family: "Montserrat", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
  white-space: pre-wrap;
}
div.default {
  font-family: "游明朝体", YuMincho, "游明朝", Yu Mincho, "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐ明朝", MS PMincho, "serif";
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #333;
}
div.default * {
  box-sizing: border-box;
}
div.default a {
  color: inherit;
  text-decoration: none;
}
div.default a:hover {
  opacity: 0.8;
}
div.default a:hover img {
  opacity: 0.8;
}
div.default .sp {
  display: none;
}
div.default .wrapper {
  width: 100%;
}
div.default .head {
  max-width: 1200px;
  margin: 0 auto;
  height: 76px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 1%;
  z-index: 10000;
}
div.default .logoNav {
  max-width: 20%;
  width: 20%;
}
div.default .logo a span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
div.default .logoNav img {
  max-width: 100%;
  max-height: 140px;
}
div.default .logoNav .caution {
  font-size: 14px;
  color: #f66;
  text-align: center;
}
div.default .navbar {
  margin-left: 2%;
}
div.default .navbar-list {
  display: flex;
  justify-content: space-between;
}
div.default .navbar-list-main {
  font-size: 14px;
}
div.default .navbar-list-main-link {
  display: block;
  position: relative;
  padding: 1rem;
  text-align: center;
  word-wrap: break-word;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
}
div.default .navbar-list-main-link:hover {
  background-color: #fff;
  text-decoration: none;
}
div.default .navbar-list-parent:hover {
  background-color: #fff;
}
div.default .action {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10000;
  padding-left: 1rem;
}
div.default .action::before {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
div.default .action-search-input {
  border: solid 1px #ccc;
  font-size: 16px;
  padding: 10px;
  width: 250px;
  box-sizing: border-box;
  border-radius: 20px;
  outline: none;
}
div.default .action-search-button {
  position: absolute;
  top: 5px;
  right: 4px;
  padding: 4px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
}
div.default .action-search-button i {
  font-weight: bold;
  color: #999;
}
div.default .action-button-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
div.default .action-button-list i {
  flex-flow: row;
  font-size: 28px;
}
div.default .button-link {
  width: 30px;
  height: 30px;
  display: block;
  margin: 8px;
}
div.default .button-link-account {
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_account.png) no-repeat center center;
}
div.default .button-link-cart {
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_cart.png) no-repeat center center;
}
div.default .button-link-account .material-icons, div.default .button-link-cart .material-icons {
  display: none;
}
div.default .action-search {
  position: relative;
}
div.default .action-search-btn {
  width: 30px;
  height: 30px;
  margin: 8px;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_search.png) no-repeat center center;
}
div.default .action-search-area {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}
div.default .button-cart {
  position: relative;
}
div.default .cart-badge {
  display: inline-block;
  background: #ef4933;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  right: -8px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 12px;
}
div.default .navbar-sub {
  display: none;
}
div.default .navbar-sub-in {
  position: absolute;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  top: 145px;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 40px 40px 24px;
  box-sizing: border-box;
  z-index: 10000;
}
div.default .navbar-sub-list {
  flex-basis: 160px;
  margin: 0 16px 16px 0;
}
div.default .navbar-sub-list-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
div.default .navbar-sub-list-data {
  margin-bottom: 8px;
  font-size: 14px;
}
div.default .navbar-sub-list-data a {
  color: #666;
  /* main */
}
div.default .main-visual {
  text-align: center;
}
div.default .main-visual .bx-wrapper {
  border: none;
  box-shadow: none;
  margin-bottom: 3rem;
}
div.default .bx-viewport {
  height: auto !important;
}
div.default .main-visual .bx-wrapper .bx-controls-direction a {
  width: 40px;
  height: 40px;
  background: rgba(251, 251, 251, 0.72);
}
div.default .main-visual .bx-wrapper .bx-controls-direction .bx-prev::after {
  content: '<';
}
div.default .main-visual .bx-wrapper .bx-controls-direction .bx-next::after {
  content: '>';
}
div.default .main-visual .bx-wrapper .bx-pager {
  display: none;
}
div.default #M_slider {
  height: 100%;
}
div.default .main-visual li {
  display: flex;
  align-items: center;
  height: 100%;
}
div.default .main-visual a, div.default .main-visual img {
  margin: auto;
  max-width: 100%;
}
div.default .main-contents, div.default .frame {
  max-width: 1100px;
  margin: 0 auto;
}
div.default .main-contents {
  margin-top: 3rem;
}
div.default .main-contents img {
  width: 100%;
  max-width: 100%;
}
div.default .side-menu {
  display: flex;
  flex-direction: row-reverse;
  /* side */
}
div.default .side {
  flex-basis: 250px;
  flex-shrink: 0;
  margin-right: 4.5%;
  font-size: 14px;
  /* original css */
}
div.default .section {
  margin: 2rem 0 2.5rem;
}
div.default #topIntro.section {
  margin: 4rem 0;
}
div.default #ranking {
  padding-top: 1rem;
}
div.default .rightContents {
  max-width: 800px;
  flex-grow: 1;
}
div.default .menu h2, div.default .menu .title {
  display: block;
  font-size: 18px;
  font-weight: normal;
  border-top: 2px solid #999;
  padding: 0.65rem 0.5rem;
}
div.default .menu-list {
  border-top: 2px dotted #999;
  margin-bottom: 1.5rem;
}
div.default .menu-list .main-cat {
  display: block;
  font-size: 16px;
  padding: 0.75rem;
}
div.default .sub-menu-list {
  border-top: 1px dashed #999;
  margin-bottom: 1rem;
}
div.default .sub-menu-list li {
  border-bottom: 1px solid #ccc;
}
div.default .sub-menu-list li a {
  display: block;
  padding: 1rem;
  padding-left: 4.25rem;
  background-repeat: no-repeat;
  background-position: left 20px center;
}
div.default .sub-menu-list .kehogi a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_kehogi.png);
}
div.default .sub-menu-list .tonkararin a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_tonkararin.png);
}
div.default .sub-menu-list .ochaman a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_ochaman.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .chasoro a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_chasoro.png);
}
div.default .sub-menu-list .chafukuun a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_chafukuun.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .hanano-oshaberi a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_hanano_oshaberi.png);
}
div.default .sub-menu-list .castella a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_castella.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .dorayaki a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_dorayaki.png);
  background-position: left 24px center;
}
div.default .sub-menu-list .rusk a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_rusk.png);
}
div.default .sub-menu-list .yonawana-dac a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_yonawana_dac.png);
  background-position: left 28px center;
}
div.default .sub-menu-list .yonawana-baum a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_yonawana_baum.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .yoinokuchi a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_yoinokuchi.png);
}
div.default .sub-menu-list .yamin a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_yamin.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .taisho-roska a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_taisho-roska.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .financier a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_financier.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .anpan a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_anpan.png);
  background-position: left 22px center;
}
div.default .sub-menu-list .yame-greentea a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_yame_greentea.png);
  background-position: left 22px center;
}
div.default .menu-gift {
  margin-bottom: 2rem;
}
div.default .menu-gift li {
  max-width: 250px;
  margin: 0 auto;
}
div.default .menu-gift li a {
  display: block;
  border: 1px solid #f66;
  border-radius: 1px;
  margin: 0.5rem 0;
  padding: 1rem 0;
  padding-left: 114px;
  position: relative;
  background-repeat: no-repeat;
  background-position: left 74px center;
}
div.default .menu-gift .keiro a {
  color: #fff;
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_keiro.png);
  background-position: left 38px center;
  border-color: #da4016;
  background-color: #da4016;
  padding-left: 73px;
}
div.default .menu-gift .season a {
  color: #fff;
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/gift.png);
  background-position: left 58px center;
  border-color: #ff7e00;
  background-color: #ff7e00;
  padding-left: 104px;
}
div.default .menu-gift .stayhome a {
  color: #fff;
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_stayhome.png);
  background-position: left 36px center;
  border-color: #ff7e00;
  background-color: #ff7e00;
  padding-left: 72px;
}
div.default .menu-gift .free-shipping a {
  color: #fff;
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_free_shipping.png);
  background-position: left 54px center;
  border-color: #c33;
  background-color: #c33;
  padding-left: 104px;
}
div.default .menu-gift .summer-gift a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_summer_gift.png);
  background-position: left 70px center;
}
div.default .menu-gift .ouka a {
  font-size: 1rem;
  color: #fff;
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_ouka.png);
  background-position: left 64px center;
  border-color: #71842b;
  background-color: #71842b;
  padding-left: 94px;
}
div.default .menu-gift .temiyage a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_temiyage.png);
  background-position: left 76px center;
}
div.default .menu-gift .oiwai a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_oiwai.png);
}
div.default .menu-gift .hikidemono a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_hikidemono.png);
  background-position: left 72px center;
}
div.default .menu-gift .hikigashi a {
  background-image: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_hikigashi.png);
}
div.default .menu-gift .keiro a::before, div.default .menu-gift .stayhome a::before, div.default .menu-gift .free-shipping a::before, div.default .menu-gift .ouka a::before {
  border-color: #fff;
}
div.default .menu-gift .summer-gift a, div.default .menu-gift .summer-gift a::before {
  border-color: #09c;
}
div.default .menu-gift .hikigashi a, div.default .menu-gift .hikigashi a::before {
  border-color: #666;
}
div.default .menu-gift li a::before {
  content: '';
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 1px solid #f66;
}
div.default .icon-list li a {
  display: block;
  padding: 0.5rem 0;
  margin: 0.5rem 0;
  padding-left: 2rem;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_list.png) no-repeat left 12px center;
}
div.default .menu .other-list {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 2rem 0;
}
div.default .other-list.icon-list li a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin: 0.25rem 0;
}
div.default .bnr {
  text-align: center;
  line-height: 0;
  margin-bottom: 1rem;
}
div.default .btn {
  margin: 1rem 0;
}
div.default .btn a {
  display: inline-block;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', Yu Gothic;
  font-size: 18px;
  width: 250px;
  color: #fff;
  background: #9c9;
  border-radius: 1px;
  padding: 0.75rem 2rem;
  text-align: center;
  letter-spacing: 0.2em;
}
div.default .btn.purchase a {
  position: relative;
  background: transparent;
  border: 1px solid #9c9;
  padding-left: 2.5rem;
  text-align: left;
  z-index: 1;
}
div.default .btn.purchase a::before, div.default .btn.purchase a::after {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 1px;
}
div.default .btn.purchase a::before {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #f66;
}
div.default .btn.purchase a::after {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  border: 1px solid #9c9;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_btn.png) no-repeat right 1.5rem center, #f66;
}
div.default .btn.purchase a:hover {
  animation: wobbleud 0.5s linear infinite;
}
@keyframes wobbleud {
  div.default 0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  div.default 25% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  div.default 75% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }
  div.default 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
div.default .btn.contact {
  margin-top: 2rem;
}
div.default .btn.contact a {
  font-size: 14px;
  font-family: '游明朝体', YuMincho, '游明朝', Yu Mincho;
  width: 260px;
  padding: 1.25rem 1rem;
  padding-left: 2.5rem;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_contact.png) no-repeat left 1rem center, #9c9;
}
div.default .grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.default .grid .column.ph {
  flex-basis: 60%;
}
div.default .grid .column.txt {
  flex-basis: 35%;
}
div.default .grid .column.txt.intro {
  flex-basis: 38%;
}
div.default .grid .column.txt .text {
  line-height: 2;
}
div.default .grid .column.txt:not(.intro) .text {
  margin: 1rem 0;
}
div.default .reverse {
  flex-direction: row-reverse;
}
div.default .price > span {
  font-size: 24px;
  font-weight: 500;
  font-family: "Noto Sans CJK JP";
  display: inline-block;
  color: #063;
  border-bottom: 3px solid #363;
  position: relative;
}
div.default .price > span::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #363;
  position: absolute;
  bottom: -6px;
}
div.default .price .tax {
  font-size: 16px;
}
div.default .product-name {
  font-size: 20px;
  font-weight: 600;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_product.png) no-repeat left center;
  border-bottom: 1px solid #333;
  padding: 0.25rem 0;
  padding-left: 1.75rem;
  letter-spacing: 0.05em;
}
div.default #topGift .attention {
  text-align: center;
  position: relative;
  margin: 2rem 0 2.5rem;
}
div.default #topGift .attention::before, div.default #topGift .attention::after, div.default #topGift .attention span::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 1em solid #f66;
  border-left: 0.75em solid transparent;
  border-right: 0.75em solid transparent;
  position: absolute;
  bottom: -1.5em;
}
div.default #topGift .attention::before {
  right: 50%;
  transform: translateX(-2em);
}
div.default #topGift .attention::after {
  left: 50%;
  transform: translateX(2em);
}
div.default #topGift .attention span {
  display: inline-block;
  font-size: 1.5em;
  color: #f66;
}
div.default #topGift .attention span::before {
  font-size: 1rem;
  left: 50%;
  transform: translateX(-50%);
  /* ranking */
}
div.default #ranking ul {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
}
div.default #ranking ul li {
  flex-basis: 31.25%;
  position: relative;
}
div.default #ranking .num {
  font-size: 1.5rem;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
div.default #ranking ul li:nth-child(1) .num {
  background: #f6e5a3;
}
div.default #ranking ul li:nth-child(2) .num {
  background: #edecec;
}
div.default #ranking ul li:nth-child(3) .num {
  background: #ad9595;
}
div.default #ranking .img {
  border: 1px solid #d5cfc9;
  line-height: 0;
}
div.default #ranking .name {
  text-align: center;
  margin: 0.5rem 0;
  /* news */
}
div.default .topText {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  color: #f60;
}
div.default .topText::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #f60;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
div.default .topText span {
  display: inline-block;
  background: #fff;
  padding: 0 1rem;
}
div.default #topNews {
  position: relative;
  border: 1px solid #9c9;
  padding: 6px 1.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
div.default #topNews::before, div.default #topNews::after {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 1px;
}
div.default #topNews::before {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #f66;
}
div.default #topNews::after {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  border: 1px solid #9c9;
}
div.default .ticker {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 1rem 0;
  box-sizing: content-box;
}
div.default .news .ticker h2 {
  min-width: 80px;
  line-height: 1;
}
div.default .ticker ul {
  width: 100%;
  position: relative;
}
div.default .ticker ul li {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.default .news ul li span {
  margin-right: 1rem;
}
div.default #topInfo h2, div.default .noTicker h2 {
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  text-align: center;
}
div.default #topInfo h2::before, div.default #topInfo h2::after, div.default .noTicker h2::before, div.default .noTicker h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  border-top: 1px solid #f66;
  border-bottom: 1px solid #9c9;
  position: absolute;
  z-index: -1;
}
div.default #topInfo h2::before, div.default .noTicker h2::before {
  top: 50%;
  transform: translateY(-5px);
}
div.default #topInfo h2::after, div.default .noTicker h2::after {
  bottom: 50%;
  transform: translateY(5px);
}
div.default #topInfo h2 > span, div.default .noTicker h2 > span {
  display: inline-block;
  background: #fff;
  padding: 1rem 2rem;
}
div.default #topInfo h2 > span > span {
  display: inline-block;
}
div.default .noTicker ul {
  position: relative;
  padding-left: 1.5rem;
}
div.default .noTicker li {
  margin: 0.5rem 0;
}
div.default #topInfo {
  margin-top: 0;
}
div.default #topInfo p {
  text-align: center;
}
div.default #topInfo p span {
  display: inline-block;
}
div.default #topInfo .btn {
  text-align: center;
}
div.default #topInfo .btn a {
  width: 368px;
  font-size: 16px;
  /* お菓子カテゴリー */
}
div.default .category-image {
  margin-bottom: 1.5rem;
}
div.default .category-text {
  max-width: 700px;
  margin: 0 auto;
}
div.default .category-text p {
  margin-bottom: 2rem;
  line-height: 2;
}
div.default .category-recommend {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  margin-top: 3rem;
  margin-bottom: 5rem;
  background: #fff;
  padding: 0 20px;
}
div.default .category-recommend::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 20px;
  z-index: -1;
  box-shadow: 0 0 14px rgba(0, 0, 0, .5);
  border-radius: 100px / 20px;
}
div.default .category-recommend-image {
  flex-basis: 50%;
  line-height: 0;
}
div.default .category-recommend-details {
  max-width: 340px;
  flex-grow: 1;
  text-align: center;
}
div.default .recommend-item {
  margin: 1rem 0 2.5rem;
}
div.default .recommend-item .icon-recommend {
  display: inline-block;
  font-size: 22px;
  position: relative;
  padding-left: 3.5rem;
}
div.default .recommend-item .icon-recommend::before {
  content: url(https://gigaplus.makeshop.jp/ryushodo/category/icon_recommend.png);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  line-height: 0;
}
div.default .recommend-item .tax {
  font-size: 18px;
}
div.default .listTypeTitle {
  text-align: center;
}
div.default .listTypeTitle span {
  font-size: 24px;
  font-weight: normal;
  position: relative;
  padding: 0 1rem;
  padding-left: 2rem;
}
div.default .listTypeTitle span::before {
  content: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_arrow_grn.png);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
div.default .item-info {
  display: flex;
  flex-direction: column;
}
div.default .item-info-price {
  font-weight: normal;
}
div.default .item-info-soldout {
  font-size: 1.1rem;
  font-weight: 600;
  color: #f66;
}
div.default .item-info-sale {
  color: #e03f3d;
}
div.default .item-price-down {
  font-size: 14px;
  margin-left: 8px;
}
div.default .item-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
div.default .item-list li {
  margin: 2% 1%;
}
div.default .pickup-list li {
  width: calc(100% / 2 - 16px);
}
div.default .item-list-img {
  text-align: center;
  margin-bottom: 8px;
  position: relative;
}
div.default .item-list-img img {
  max-width: 100%;
}
div.default .item-soldout {
  position: absolute;
  top: 50%;
  line-height: 32px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.75);
  margin-top: -16px;
  left: 0;
  width: 100%;
  text-align: center;
}
div.default .newitems-list li {
  flex-basis: 31%;
}
div.default .section-title {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2rem;
  letter-spacing: 0.1em;
  line-height: 2;
}
div.default .section-title span {
  padding: 0.5rem 2rem;
  padding-left: 3.5rem;
  border-bottom: 1px solid #ccc;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_product.png) no-repeat left 24px center;
}
div.default .item-view-button {
  display: block;
  width: 300px;
  padding: 16px 48px;
  margin: 40px auto 0;
  text-align: center;
  border: solid 3px #000;
  font-weight: bold;
  box-sizing: border-box;
}
div.default .item-view-button:hover {
  background: #000;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
div.default .item-view-btn {
  text-align: center;
  margin-top: 40px;
}
div.default .item-view-btn a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  background-color: #999;
  border-radius: 5px;
  padding: 16px 80px;
}
div.default .item-view-btn a:hover {
  text-decoration: none;
  background-color: #aaa;
}
div.default .search-result {
  margin-bottom: 48px;
  text-align: center;
}
div.default .search-count span {
  margin: 0 2px;
}
div.default .pager-wrap {
  text-align: center;
  margin-top: 80px;
}
div.default .pager-list {
  display: inline-block;
  font-weight: bold;
}
div.default .pager-list a, div.default .pager-selected {
  display: inline-block;
  padding: 0 16px;
}
div.default .pager-list a:hover {
  color: #666;
  text-decoration: none;
}
div.default .pager-selected {
  color: #ccc;
}
div.default .pager-button a {
  display: block;
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
  background-color: #000;
  padding: 6px 10px;
}
div.default .pager-button a:hover {
  color: #fff;
  background-color: #666;
}
div.default .breadcrumb {
  margin-bottom: 1.5rem;
}
div.default .breadcrumb-list {
  display: inline-block;
  font-size: 14px;
}
div.default .breadcrumb-list:not(:last-child):after {
  content: ">";
  color: #666;
  margin: 0 4px 0 8px;
}
div.default .breadcrumb a {
  text-decoration: underline;
}
div.default .main-contents-categoryitems .breadcrumb-list:last-child a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
div.default .main-contents-detailitem {
  display: flex;
  justify-content: space-between;
}
div.default .item-image {
  margin-bottom: 2rem;
}
div.default .item-image-list {
  margin-bottom: 40px;
  line-height: 0;
  display: flex;
  align-items: center;
}
div.default .item-image-list img {
  max-width: 100%;
}
div.default .item-image-large {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  margin: 0 auto 1rem;
}
div.default .item-image-large .item-image-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
div.default .item-image-small {
  display: flex;
  justify-content: center;
}
div.default .item-image-small .item-image-list {
  width: 66px;
  height: 66px;
  border: 1px solid #ccc;
  margin: 2px;
  padding: 2px;
}
div.default .item-none-text {
  text-align: center;
  margin-top: 16px;
  font-size: 20px;
}
div.default .item-detail {
  flex-basis: 470px;
  margin-left: auto;
}
div.default .item-brand-title {
  font-size: 24px;
  font-weight: bold;
}
div.default .item-detail-title {
  font-size: 20px;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
}
div.default .item-default-price-text {
  margin-top: 14px;
  margin-bottom: -14px;
}
div.default .item-default-price {
  font-size: 18px;
  text-decoration: line-through;
  margin-right: 4px;
}
div.default .item-price-text {
  font-size: 24px;
  font-weight: bold;
  margin-top: 14px;
  color: #f60;
  letter-spacing: 0.1em;
}
div.default .item-price-text .small {
  font-size: 18px;
}
div.default .item-detail-table th {
  font-weight: normal;
  text-align: left;
  padding: 10px 0;
}
div.default .item-detail-table td {
  padding: 10px 0;
}
div.default .item-detail-num {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  background-color: #f1f1f1;
  border: 1px solid #999;
  padding: 10px;
  background: #fff;
  font-size: 15px;
  text-align: center;
  margin-left: 1rem;
}
div.default .item-detail-label {
  display: inline-block;
  margin-left: -4px;
  position: relative;
}
div.default .makeshop-option-wrap {
  margin: 1rem 0 1.5rem;
}
div.default .makeshop-option-label {
  font-size: 15px;
  margin: 1em 0;
}
div.default .makeshop-option-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background-color: #f1f1f1;
  border: 1px solid #999;
  padding: 10px;
  background: #fff;
  font-size: 15px;
  border-radius: 2px;
}
div.default .makeshop-option-select-wrap {
  position: relative;
  display: table-cell;
  width: 90%;
  padding-left: 1rem;
}
div.default .makeshop-option-select-wrap::before {
  content: '';
  display: block;
}
div.default .makeshop-option-select-wrap::after {
  content: "▼";
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 12px;
  pointer-events: none;
}
div.default .item-detail-text {
  font-size: 14px;
  line-height: 1.9;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
div.default .item-detail-text p {
  font-size: 15px;
}
div.default .item-detail-text .btn.btn-to-cp a {
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 1em;
  background: #ff7e00;
  line-height: 1.75;
  position: relative;
}
div.default .item-detail-text .btn.btn-to-cp a::before {
  content: '';
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.default .item-detail-text .btn.btn-to-cp a span {
  display: inline-block;
}
div.default .item-detail-text table, div.default .item-detail-text2 table {
  margin-top: 1.5rem;
}
div.default .item-detail-text tr td, div.default .item-detail-text2 tr td {
  font-size: 12px;
  border: 1px solid #999;
  padding: 0.25rem 0.5rem;
  letter-spacing: 0.01em;
}
div.default .item-detail-text tr td:first-child, div.default .item-detail-text2 tr td:first-child {
  width: 140px;
  background: #f2f3f2;
  text-align: center;
  vertical-align: middle;
}
div.default .item-detail-text2 {
  border-top: 1px solid #ccc;
  padding-top: 0.5rem;
  margin-top: 1.5rem;
  line-height: 1.9;
}
div.default .item-detail-text2 .lp {
  line-height: 0;
  text-align: center;
  margin-top: 2rem;
}
div.default .item-detail-text2 .mb {
  margin-bottom: 2rem;
}
div.default .item-stock {
  margin-bottom: 16px;
}
div.default .item-stock-small {
  color: #e03f3d;
}
div.default .item-detail-addcart {
  margin-top: 1rem;
}
div.default .btnWrap {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0;
}
div.default .item-detail-addcart a {
  display: block;
  width: 280px;
  text-align: center;
  border: 1px solid #2b9569;
  border-radius: 4px;
  padding: 0.75rem 0;
  color: #fff;
  position: relative;
  line-height: 1.5;
  margin: 0.5rem 0;
}
div.default .item-detail-addcart a::before {
  content: '';
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: linear-gradient(180deg, #2b9569, #0a7448);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
div.default .item-detail-addcart a {
  margin-right: 1rem;
}
div.default .item-detail-addcart .cart-btn {
  width: 224px;
  padding-left: 2rem;
  border-color: #f90;
}
div.default .item-detail-addcart .cart-btn::before {
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_cart_wht.png) no-repeat left 1.75rem center, linear-gradient(180deg, #f90, #f60);
}
div.default .item-detail-addcart .cart-btn.cart-order-btn {
  padding-left: 1.5rem;
  border-color: #f66;
}
div.default .item-detail-addcart .cart-btn.cart-order-btn::before {
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_order_wht.png) no-repeat left 1.75rem center, linear-gradient(180deg, #f66, #f33);
}
div.default .item-detail-addcart .order-btn {
  display: none !important;
}
div.default .item-detail-soldout {
  width: 280px;
  margin: 3rem auto;
  text-align: center;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 1rem 0;
  color: #666;
  position: relative;
}
div.default .item-detail-soldout::before {
  content: '';
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: linear-gradient(180deg, #eee, #ddd);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
div.default .free-shipping-message {
  color: #116845;
  text-align: center;
  margin: 1rem 0;
}
div.default .free-shipping-message span {
  display: inline-block;
  text-align: left;
}
div.default .free-shipping-price {
  color: #f66;
  font-size: 1rem;
  text-align: right;
  margin-top: 0.5rem;
}
div.default .item-cart-table {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
div.default .item-cart-table th {
  font-size: 18px;
  font-weight: normal;
  background-color: #dadada;
  padding: 16px 0;
}
div.default .item-cart-table td {
  vertical-align: middle;
  padding: 32px 16px;
}
div.default .item-cart-table tbody tr {
  border-top: 1px dashed #999;
}
div.default .item-cart-table tbody tr:first-child {
  border: none;
}
div.default .item-cart-image {
  float: left;
  margin-right: 16px;
}
div.default .item-cart-image a {
  display: table-cell;
  width: 80px;
  height: 80px;
  vertical-align: middle;
}
div.default .item-cart-image img {
  max-width: 80px;
  max-height: 80px;
}
div.default .item-cart-title {
  white-space: normal;
}
div.default .item-cart-options {
  margin-top: 8px;
  font-size: 14px;
}
div.default .item-cart-label {
  display: inline-block;
  position: relative;
  margin-right: 16px;
}
div.default .item-cart-label:after {
  content: "▼";
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 10px;
}
div.default .item-cart-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 35px;
  background-color: #fff;
  border: 1px solid #999;
  padding: 6px 30px 6px 6px;
}
div.default input[name="item-quantity"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  background-color: #fff;
  border: 1px solid #999;
  padding: 10px;
  margin-right: 8px;
  font-size: 15px;
  text-align: center;
}
div.default .item-cart-point, div.default .item-cart-price {
  font-size: 18px;
  text-align: center;
  word-break: break-all;
}
div.default .item-cart-button, div.default .item-cart-point, div.default .item-cart-price {
  white-space: nowrap;
}
div.default .item-cart-button a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  background-color: #999;
  border-radius: 4px;
  padding: 8px 12px;
}
div.default .item-cart-button a:hover {
  text-decoration: none;
  background-color: #aaa;
}
div.default .item-cart-total {
  text-align: right;
  font-size: 18px;
  margin-top: 24px;
}
div.default .item-total-price {
  font-size: 32px;
  font-weight: bold;
  margin-left: 16px;
}
div.default .cart-bottom-button {
  margin-top: 40px;
}
div.default .cart-bottom-button:after {
  content: " ";
  display: block;
  clear: both;
}
div.default .cart-back-button {
  float: left;
}
div.default .cart-back-button a {
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: #999;
  border-radius: 4px;
  padding: 1.25rem 2.5rem;
}
div.default .cart-back-button a:hover {
  text-decoration: none;
  background-color: #aaa;
}
div.default .cart-buy-button {
  float: right;
}
div.default .cart-buy-button a {
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: #f80;
  border-radius: 4px;
  padding: 1.25rem 4rem;
}
div.default .cart-buy-button a:hover {
  text-decoration: none;
}
div.default .item-cart-list-wrap {
  display: none;
}
div.default .cart-basket-none {
  float: none !important;
  text-align: center;
  margin-top: 80px;
}
div.default .cart-basket-none a {
  display: inline-block !important;
}
div.default .contract-table {
  border: 1px solid #ccc;
}
div.default .contract-table th {
  width: 25%;
  vertical-align: middle;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 1.5rem;
  font-weight: normal;
}
div.default .contract-table td {
  width: 75%;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  padding: 1.5rem;
  background: #fff;
  /*.main-contents-guide .rightContents {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", Yu Gothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}*/
}
div.default .guide-wrap {
  margin-bottom: 40px;
}
div.default .guide-title {
  font-size: 20px;
  font-weight: bold;
  background-color: #eee;
  padding: 1rem 1.5rem;
  letter-spacing: 0.1em;
}
div.default .guide-text {
  margin-top: 24px;
}
div.default .guide-text h2 {
  font-size: 20px;
  margin: 2.5rem 0 1rem;
  padding: 0.25rem 1rem;
  border-bottom: 1px solid #ccc;
}
div.default .guide-text h3 {
  margin: 1.5rem 0 0.75rem;
  padding: 0.25rem 1rem;
  position: relative;
}
div.default .guide-text h3::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: #333;
  position: absolute;
  top: 10px;
  left: 0;
}
div.default .guide-text p {
  margin: 1rem 0;
  padding: 0 1rem;
}
div.default .guide-text p span {
  font-size: 14px;
}
div.default #guide-order .guide-text h2 {
  position: relative;
}
div.default #guide-order .guide-text h2:not(:first-child)::before {
  content: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_arrow.png);
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
}
div.default #guide-box h2 {
  color: #fff;
  background: #116845;
  border-bottom: none;
  border-radius: 0.5em;
  padding: 0.5em 1em;
}
div.default #guide-box h2 span {
  display: inline-block;
}
div.default #guide-box li {
  font-size: 0.95em;
  position: relative;
  padding-left: 1em;
}
div.default #guide-box li::before {
  content: '・';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
div.default #guide-box li span {
  color: #c00;
  font-weight: bold;
}
div.default .guide-text table {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div.default .guide-text table th, div.default .guide-text table td {
  width: 20%;
  padding: 1rem;
  text-align: center;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
div.default .guide-text table th {
  font-weight: normal;
  background: #eee;
}
div.default .guide-text table thead th {
  white-space: nowrap;
  text-align: center;
}
div.default .guide-text table th.empty {
  border-top-color: #fff;
  border-left-color: #fff;
  background: none;
}
div.default .news-list {
  display: flex;
  padding: 1rem 0;
}
div.default .news-list-date {
  margin-right: 24px;
  min-width: 96px;
  padding: 0.25rem 0;
}
div.default .news-list-title {
  padding: 0.25rem 0;
}
div.default .news-head {
  margin: 0 0 2rem;
}
div.default .news-date {
  padding-bottom: 0.5rem;
}
div.default .section-title-news-post {
  font-size: 22px;
}
div.default .news-content {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #000;
}
div.default .news-main {
  padding: 1rem;
}
div.default .news-main p {
  margin: 1rem 0;
}
div.default .news-main p span {
  font-weight: 600;
  font-size: 1.125em;
  color: #f60;
}
div.default .news-content table {
  margin-top: 2rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
div.default .news-content thead {
  border-bottom: 1px dashed;
  text-align: center;
  font-size: 1.125em;
  font-weight: 600;
}
div.default .news-content tbody tr:first-of-type th, div.default .news-content tbody tr:first-of-type td {
  padding-top: 1rem;
}
div.default .news-content tbody tr:last-of-type th, div.default .news-content tbody tr:last-of-type td {
  padding-bottom: 1rem;
}
div.default .news-content th, div.default .news-content td {
  padding: 0.5rem 1rem;
}
div.default .news-content th {
  font-weight: normal;
}
div.default .news-content .note {
  font-size: 0.875em;
}
div.default .news-content .listTypeTitle {
  margin-top: 2rem;
}
div.default .news-content .pdList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.default .news-content .pdList::after {
  content: '';
  display: block;
  width: 30%;
}
div.default .news-content .pdList li {
  flex-basis: 30%;
  margin: 2% 1%;
  text-align: center;
}
div.default .news-content .pdList h4 {
  font-size: 16px;
  font-weight: normal;
}
div.default .news-pager {
  display: flex;
  justify-content: space-between;
}
div.default .news-pager li {
  width: calc(100%/3);
}
div.default .news-empty {
  color: #999;
}
div.default .prev {
  text-align: left;
}
div.default .back {
  text-align: center;
}
div.default .next {
  text-align: right;
}
div.default .company-image img {
  max-width: 100%;
}
div.default .company-content p {
  line-height: 2;
  margin: 1rem 0;
}
div.default .company-wrap h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 2.5rem 0 1rem;
  border-bottom: 1px solid #ccc;
  padding: 0.25rem 1rem;
  padding-left: 2rem;
  position: relative;
}
div.default .company-wrap h2::before {
  content: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_arrow_grn.png);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
div.default .company-wrap table th {
  font-weight: normal;
  text-align: left;
}
div.default .company-wrap table th, div.default .company-wrap table td {
  padding: 0.5rem 2rem;
}
div.default .google-map {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 4rem;
}
div.default .google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.default .access-btn {
  text-align: center;
}
div.default .access-btn a {
  width: 420px;
  color: #fff;
  padding: 1.5rem 2rem;
  padding-left: 4rem;
  position: relative;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_access.png) no-repeat left 28px center, #9c9;
  border: 2px solid #9c9;
}
div.default .access-btn a::before, div.default .access-btn a::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: transparent;
  border: 2px solid #fff;
}
div.default .access-btn a::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
div.default .access-btn a::after {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
}
div.default .policy-wrap h2 {
  font-size: 18px;
  margin-bottom: 2rem;
}
div.default .policy-wrap h3 {
  margin-top: 2rem;
}
div.default .policy-wrap p {
  margin: 1rem 0;
}
div.default .policy-wrap ul li {
  padding-left: 2rem;
  margin: 1rem 0;
  position: relative;
}
div.default .policy-wrap ul li::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: #333;
  position: absolute;
  top: 6px;
  left: 8px;
}
div.default .policy-wrap ul li ul li {
  padding-left: 1rem;
}
div.default .policy-wrap ul li ul li::before {
  content: '';
  display: block;
  width: 6px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 12px;
  left: 0;
  /* foot */
}
div.default .foot {
  margin-top: 80px;
  border-top: 2px solid #999;
}
div.default .foot h2 {
  font-weight: normal;
  padding: 0.25rem 1rem;
}
div.default .foot-main {
  display: flex;
  padding: 1.5rem 0;
}
div.default .foot-nav {
  flex-grow: 1;
  padding: 0 0.5rem;
  letter-spacing: 0.15em;
}
div.default .foot-info {
  font-size: 14px;
  flex-basis: 272px;
  order: 1;
}
div.default .foot-info-shop {
  font-size: 18px;
}
div.default .foot-nav-list {
  padding-left: 20px;
  padding-top: 8px;
}
div.default .foot-nav-list li {
  font-size: 14px;
  margin: 0.25rem 0;
}
div.default .foot-nav-list li a {
  padding: 0.25rem;
}
div.default .foot-nav-icon > li {
  position: relative;
  padding-left: 0.5rem;
}
div.default .foot-nav-icon > li::before {
  content: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_list.png);
  position: absolute;
  left: -0.5rem;
}
div.default .foot-nav-icon > li > a {
  font-size: 15px;
}
div.default .foot-nav-other-list li {
  margin-top: 0;
  margin-bottom: 1rem;
}
div.default .foot-info-info p {
  margin: 1rem 0;
}
div.default .foot-info-info .tel span, div.default .foot-info-info .free-number span {
  display: block;
}
div.default .foot-info-info .tel .icon {
  padding-left: 1.5rem;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_tel.png) no-repeat left center;
}
div.default .foot-info-info .free-number .icon {
  padding-left: 2rem;
  background: url(https://gigaplus.makeshop.jp/ryushodo/img/icon_free.png) no-repeat left center;
}
div.default .foot-info-info .tel .number, div.default .foot-info-info .free-number .number {
  font-size: 30px;
  font-family: Helvetica;
  font-weight: 100;
  letter-spacing: 0.05em;
  line-height: 1.25;
}
div.default .foot-info-info .time {
  font-size: 16px;
}
div.default .foot-info-logo img {
  width: auto;
  max-width: 100%;
}
div.default .foot-copyright {
  text-align: center;
  padding: 1.5rem 0;
  font-size: 12px;
  border-top: 1px solid #999;
}
div.default .foot-copyright address {
  font-style: normal;
  /* --------------------------------------
    PC
--------------------------------------- */
}
@media screen and (min-width: 769px) {
  div.default .button-menu {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  div.default {
    /* --------------------------------------
    SP
--------------------------------------- */
  }
  div.default .main-contents, div.default .frame {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  div.default .grid {
    display: block;
  }
  div.default .grid .column {
    margin: 1rem 0;
  }
}
@media screen and (max-width: 768px) {
  div.default .pc {
    display: none;
  }
  div.default .sp {
    display: block;
  }
  div.default .logoNav {
    width: 180px;
    min-width: 180px;
    padding: 0;
    margin-right: auto;
  }
  div.default .logoNav img {
    align-items: center;
    display: block;
    max-width: 100%;
    max-height: 50px;
  }
  div.default .logoNav .caution {
    font-size: 12px;
  }
  div.default .head {
    padding: 0 1rem;
    height: 60px;
  }
  div.default .navbar, div.default .button-cart, div.default .action-search, div.default .button-account {
    display: none;
  }
  div.default .action::before {
    display: none;
  }
  div.default .action-search-input {
    width: 100%;
  }
  div.default .action-button {
    position: relative;
    /*.action-button-list a:hover{
        background: none;
    }*/
  }
  div.default .action-button-list i {
    font-size: 28px;
  }
  div.default .pickup-list {
    flex-direction: column;
  }
  div.default .button-link {
    padding: 0;
  }
  div.default .section-title {
    font-size: 20px;
  }
  div.default .pickup-list li {
    margin: 0 auto 20px;
    width: 100%;
  }
  div.default .newitems-list li {
    flex-basis: 48%;
  }
  div.default .main-contents {
    margin-top: 1rem;
    display: block;
    /* お菓子カテゴリー */
  }
  div.default .category-recommend {
    display: block;
    padding-bottom: 2rem;
  }
  div.default .category-recommend-image {
    max-width: 400px;
    margin: 0 auto;
  }
  div.default .category-recommend-details {
    max-width: 100%;
  }
  div.default .recommend-item {
    margin-top: 0;
  }
  div.default .recommend-item .icon-recommend {
    font-size: 20px;
  }
  div.default .listTypeTitle span {
    font-size: calc(16px + 0.75vw);
  }
  div.default .item-info-name {
    font-size: 0.875rem;
  }
  div.default .item-info-price {
    font-size: 0.875rem;
  }
  div.default .item-info-soldout {
    font-size: 1rem;
  }
  div.default .item-view-button {
    width: 80%;
  }
  div.default .item-view-button {
    padding: 15px 20px;
    border: solid 3px #999;
    background-color: #999;
    color: #fff;
    margin: 20px auto 0;
  }
  div.default .pager-list {
    margin: 0 10px;
    /*.breadcrumb {
        margin-top: 16px;
    }*/
  }
  div.default .main-contents-detailitem {
    margin-top: 24px;
    display: block;
  }
  div.default .item-image {
    width: 100%;
  }
  div.default .item-image-list {
    margin-bottom: 24px;
  }
  div.default .item-image-list img {
    width: 100%;
    max-width: auto;
    min-width: auto;
  }
  div.default .item-detail {
    width: 100%;
  }
  div.default .item-detail-title {
    line-height: 1.5;
  }
  div.default .item-price-text {
    font-size: 24px;
    margin-top: 14px;
  }
  div.default .item-detail-table th {
    width: 25%;
  }
  div.default .item-detail-select {
    width: 200px;
  }
  div.default .item-detail-text, div.default .item-detail-text2 {
    line-height: 2;
  }
  div.default .free-shipping-message, div.default .free-shipping-price {
    font-size: 14px;
  }
  div.default .item-cart-table {
    display: none;
  }
  div.default .cart-back-button {
    float: none;
  }
  div.default .cart-buy-button {
    float: none;
    margin-top: 24px;
  }
  div.default .item-cart-list-wrap {
    display: block;
    border-bottom: 1px solid #999;
  }
  div.default .item-cart-list {
    border-top: 1px solid #999;
    padding: 20px 0 10px;
    margin-bottom: 20px;
    position: relative;
  }
  div.default .item-cart-detail:after {
    content: " ";
    display: block;
    clear: both;
  }
  div.default .item-cart-text-wrap {
    float: right;
    width: 100%;
    margin-left: -100px;
  }
  div.default .item-cart-text {
    margin-left: 100px;
  }
  div.default .cart-item-option {
    font-size: 14px;
  }
  div.default .cart-item-option span {
    margin-right: 16px;
  }
  div.default .item-cart-title {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  div.default .item-cart-label {
    margin-bottom: 8px;
  }
  div.default .item-cart-point, div.default .item-cart-price {
    text-align: right;
    display: inline-block;
    font-size: 14px;
  }
  div.default .item-cart-foot {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  div.default input[name="item-quantity"] {
    width: 32px;
    padding: 6px;
    margin-right: 4px;
    vertical-align: middle;
  }
  div.default .item-delete-button {
    position: absolute;
    right: 0px;
    top: -16px;
  }
  div.default .item-cart-button a {
    padding: 6px 12px;
    font-size: 13px;
  }
  div.default .item-delete-button a {
    font-size: 1.5rem;
    line-height: 1;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 0;
  }
  div.default .item-cart-total {
    font-size: 16px;
  }
  div.default .contract-table {
    border-bottom: none;
  }
  div.default .contract-table th, div.default .contract-table td {
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 14px;
    border-right: none;
  }
  div.default .item-total-price {
    font-size: 20px;
  }
  div.default .section-title span {
    padding: 0.5rem 1rem;
    padding-left: 2.5rem;
    background-position: left 0.5rem center;
  }
  div.default .guide-title {
    font-size: 18px;
  }
  div.default .guide-text {
    font-size: 14px;
  }
  div.default .guide-text h2 {
    font-size: 18px;
    padding: 0.25rem 0.5rem;
  }
  div.default .guide-text p {
    padding: 0 0.5rem;
  }
  div.default .guide-text table {
    display: block;
  }
  div.default .guide-text table thead {
    display: block;
    float: left;
  }
  div.default .guide-text table tbody {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
  }
  div.default .guide-text table tbody tr {
    display: inline-block;
  }
  div.default .guide-text table thead th {
    border-right: 1px solid #ccc;
  }
  div.default .guide-text table tbody tr:first-of-type th, div.default .guide-text table tbody tr:first-of-type td {
    border-left: none;
  }
  div.default .guide-text table th, div.default .guide-text table td {
    width: auto;
    display: block;
  }
  div.default .guide-text table th {
    font-size: 12px;
    font-weight: bold;
    line-height: 22.4px;
  }
  div.default .guide-text table td {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    /* side */
  }
  div.default .side {
    display: none;
    margin-right: 0;
    /* original css */
  }
  div.default #ranking .num {
    font-size: 4vw;
  }
  div.default #ranking .name {
    font-size: calc(8px + 0.75vw);
  }
  div.default .foot h2 {
    margin-top: 1rem;
  }
  div.default .foot-main {
    display: block;
  }
  div.default .foot-info {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  div.default .item-view-button:hover {
    padding: 15px 20px;
    border: solid 3px #999;
    background-color: #999;
    color: #fff;
  }
  div.default .foot-nav-list {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  div.default .button-menu {
    padding-top: 60px;
  }
  div.default .drawernav {
    font-size: 14px;
  }
  div.default .drawernav-search {
    position: absolute;
    top: 8px;
    left: 16px;
  }
  div.default .drawernav-search-in {
    position: relative;
  }
  div.default .drawernav-search-input {
    border: solid 1px #ccc;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 25px;
    appearance: none;
    -webkit-appearance: none;
  }
  div.default .drawernav-search-button {
    position: absolute;
    bottom: 0px;
    right: 6px;
    padding: 12px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
  }
  div.default .drawernav-search-button i {
    font-weight: bold;
    color: #999;
  }
  div.default .humberger {
    position: fixed;
    top: 20px;
    right: 16px;
    width: 30px;
    z-index: 100;
    z-index: 10000;
  }
  div.default .drawernav-search {
    width: 100%;
    padding-right: 80px;
    box-sizing: border-box;
  }
  div.default .drawernav-list-main ul {
    padding: 0 1rem;
  }
  div.default .drawernav-list-main {
    border-top: solid 1px #999;
  }
  div.default .drawernav-list-main.menu {
    border-top: none;
  }
  div.default .drawernav-list-title {
    padding: 15px;
    display: block;
  }
  div.default .drawernav-list-main-single a {
    padding: 1rem;
  }
  div.default .drawernav-list-main a {
    display: block;
  }
  div.default .drawernav-sub-list-title a, div.default .drawernav-sub-list-data a {
    display: block;
    padding: 8px 15px;
  }
  div.default .drawernav-sub-list-data {
    padding-left: 25px;
  }
  div.default .drawernav-list-main-title {
    padding: 1rem 1rem 0.5rem;
  }
  div.default .drawernav-list-main .drawernav-sublist:last-child {
    margin-bottom: 0.5rem;
  }
  div.default .drawernav-sublist a {
    padding: 0.5rem 1rem;
  }
  div.default .drawernav-list a:hover {
    text-decoration: none;
  }
  div.default .icon-bar {
    height: 3px;
    background: #333;
    display: block;
    margin-bottom: 6px;
    /* easeInOutExpo */
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    /* easeInOutExpo */
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  div.default .fixed-content {
    right: inherit;
    width: 100%;
    z-index: 2;
    /* easeInOutExpo */
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    /* easeInOutExpo */
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
  div.default .drawer-opened .fixed-content {
    left: -240px;
  }
  div.default .drawer-opened .button-menu {
    right: 0;
  }
  div.default .drawer-opened .humberger :nth-child(1) {
    transform: translate(0, 9px) rotate(45deg);
  }
  div.default .drawer-opened .humberger :nth-child(2) {
    transform: translate(-20px, 0);
    opacity: 0;
  }
  div.default .drawer-opened .humberger :nth-child(3) {
    transform: translate(0, -9px) rotate(-45deg);
  }
  div.default .button-menu {
    position: fixed;
    top: 0;
    right: -100%;
    background: rgba(251, 251, 251, 0.95);
    box-sizing: border-box;
    z-index: 2;
    /* easeInOutExpo */
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    /* easeInOutExpo */
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    width: 100%;
    max-width: 425px;
    height: 100%;
  }
  div.default .button-menu-opened {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  div.default .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  div.default #topInfo h2 {
    font-size: 1.25rem;
  }
  div.default #topInfo .btn a {
    width: 256px;
  }
  div.default #topIntro.section {
    margin: 2rem 0;
  }
  div.default #topGift .attention span {
    font-size: 1.25em;
  }
  div.default .main-visual .bx-wrapper {
    margin-bottom: 2rem;
  }
  div.default .company-content p {
    font-size: 14px;
  }
  div.default .company-wrap table {
    width: 100%;
  }
  div.default .company-wrap table th, div.default .company-wrap table td {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  div.default .company-wrap table th {
    font-weight: bold;
    background: #eee;
    border-top: 1px solid #ccc;
  }
  div.default .company-wrap table td {
    border-top: 1px dashed #ccc;
  }
  div.default .company-wrap table tr:last-child td {
    border-bottom: 1px solid #ccc;
  }
  div.default .access-btn a {
    width: 280px;
    padding: 1rem;
    padding-left: 3rem;
  }
  div.default .news-list {
    display: block;
  }
  div.default .news-list-date {
    margin-right: 0;
  }
  div.default .news-main {
    padding-left: 0;
    padding-right: 0;
  }
  div.default .news-main p, div.default .news-content table {
    font-size: 0.875rem;
  }
  div.default .news-content table {
    margin-left: auto;
    margin-right: auto;
  }
  div.default .news-content .pdList li {
    flex-basis: 48%;
    margin: 2% 0.5%;
  }
  div.default .news-content .pdList h4 {
    font-size: calc(12px + 0.75vw);
    font-weight: normal;
  }
  div.default .news-content .pdList p {
    font-size: calc(12px + 0.75vw);
  }
}
@media screen and (max-width: 480px) {
  div.default .topText {
    font-size: 0.875rem;
  }
  div.default .topText span {
    padding: 0 0.5rem;
  }
  div.default .ticker {
    padding: 0.5rem 0;
  }
  div.default .news .ticker h2 {
    display: none;
  }
  div.default .ticker ul li {
    font-size: 14px;
    white-space: nowrap;
  }
  div.default .noTicker ul {
    padding-left: 0;
  }
  div.default .news ul li span {
    display: block;
    margin-right: 0;
  }
  div.default .item-detail-text table, div.default .item-detail-text2 table {
    width: 100%;
    border-bottom: 1px solid #999;
  }
  div.default .item-detail-text tr td, div.default .item-detail-text2 tr td {
    display: block;
    border-bottom: 0;
  }
  div.default .item-detail-text tr td:first-child, div.default .item-detail-text2 tr td:first-child {
    width: auto;
  }
}