@charset "utf-8";

:root {
  --bc: teal;
}

/* トップバナー */
.topbanner {
  display: flex;
  margin: 9px auto;
  padding: 6px;
  width: 90%;
  max-width: 480px;
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  Color: #fff;
  text-align: center;
}
.topbanner i {
  font-size: 2em;  
}
.howto {
  background-image: linear-gradient(90deg, rgba(57, 210, 248, 1), rgba(48, 97, 96, 1));
}
.howto > i{
  color: yellow;
}
.line {
  background-image: linear-gradient(90deg, rgba(247, 209, 55, 1), rgba(29, 163, 137, 1) 90%);
  background-image: linear-gradient(90deg, rgba(57, 210, 248, 1), rgba(48, 97, 96, 1));
}
.line > i{
  color: green;
}
.local {
  background-image: linear-gradient(90deg, rgba(61, 200, 194, 1), rgba(206, 216, 0, 1) 30%, rgba(255, 174, 68, 1) 74%, rgba(234, 114, 0, 1));
  background-image: linear-gradient(90deg, rgba(57, 210, 248, 1), rgba(48, 97, 96, 1));
}
.local > i{
  color: purple;
}
.shop {
  background: linear-gradient(45deg, #E4A972, #9941D8);
  background-image: linear-gradient(90deg, rgba(57, 210, 248, 1), rgba(48, 97, 96, 1));
}
.shop > i{
  color: red;
}
/* //トップバナー */

/* サーチ */
.search {
  position: relative;
  margin: auto;
  padding: 0.3em;
  top: 0px;
  border-radius: 20px;
  background: #fff;
}
.search input {
  padding: 0;
  width: 130px;
  border: 0;
  background: #fff;
  appearance: none;
  text-align: left;
  font-size: 16px;
}
.search input:focus {
  outline: none;
}
.search button {
  position: absolute;
  padding: 0;
  right: 5px;
  bottom: 7px;
  border: 0;
  background: transparent;
  appearance: none;
  color: green;
}
.menu2 {
  position: sticky;
  padding: 6px 0;
  top: 48px;
  background: #E5EFE9;
}
.menu2 .hashtag {
  margin: 0;
  padding: 9px;
}
/* //サーチ */

.fix_qa {
  position: fixed;
  margin: 0;
  padding: 0;
  right: 2px;
  bottom: 13px;
  z-index: 100000000;
}

.sublist {
  display: flex;
  margin: 10px;
  list-style: none;
  flex-direction: column;
  gap: 8px;
}
.sublist a {
  font-size: 13px;
  color: #000;
}
.sublist img {
  margin-right: 6px;
  height: 60px;
  width: 90px;
  border-radius: 8px;
  object-fit: cover;
  float: left;
}

/* box*/
.box > h2 > i {
  margin-right: .4em;
}
.box > h2 > a {
  margin: 1em 0 0;
  font-size: 0.5em;
  float: right;
}
.box > ul {
  margin: 0 auto;
}

/*カルーセル*/
.carousel {
  margin: 0;
  padding: 0;
}
.carousel > h2 {
  margin: 0 10px 0 15px;
  text-align: left;
}
.carousel > ul {
  display: flex;
  margin: 0;
  padding: 3px 15px;
  white-space: nowrap;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
}
.carousel > ul li {
  margin: 0;
  padding: 0;
}
.carousel > ul > li > a {
  width: 160px;
}
.carousel div {
  white-space: normal;
  width: inherit;
}

.snap > ul {
  display: block;
}

.productlist {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  list-style: none;
  text-align: center;
}

/* ハッシュタグ */
.hashtag {
  align-items: baseline;
}
.hashtag ul {
  display: flex;
}
.hashtag li {
  margin: 0 0px;
  padding: 0;
  width: unset;
}
.hashtag a {
  display: inline-flex;
  padding: 0.2em 0.4em;
  border-radius: 20px;
  background: white;
  font-weight: normal;
}

.row {
  /*background: antiquewhite;*/
}

.historylist-Item {
  padding: 0 2.5px!important;
}

.box {
  margin: 0px;
  padding: 30px 0 15px;
  width: auto;
  border-radius: 10px;
  text-align: center;
  overflow: auto;
  /*box-shadow: 0.2rem 0.2rem 0.6rem 0 rgb(0 0 0 / 30%);
  background: #fff;*/
}

.box .btn {
  display: inline-block;
}

/*スライダー bx-slider*/
.bx-wrapper .bx-viewport {
  top: 0 !important;
  left: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent!important;
}
.bx-pager {
  padding-top: 0;
  bottom: -18px!important;
}
.bx-pager a {
  margin: 0 7px!important;
  background: <{$setting-textColor-link}> !important;
  opacity: 0.05;
}
.bx-pager a:hover,
.bx-pager a.active {
  opacity: 0.5;
}
.bx-prev {
  left: 1px !important;
}
.bx-next {
  right: 1px !important;
}
.bx-controls-direction a {
  z-index: 100;
  opacity: 0.6;
}
.bx-wrapper img {
  margin: 10px 3%!important;
  width: 94%!important;
  border-radius: 8px!important;
  object-fit: contain!important;
  background: white!important;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 25%);
}
#slider1 img {
  /*margin-bottom: 1.5em;*/
}
#slider1 .bx-caption {
  position: absolute!important;
  margin: 0 5%;
  width: 90%!important;
  opacity: 0.7!important;
  color: <{$setting-custom-textColor}>;
  background: <{$setting-bgColor-commonNav}>;
}
#slider1 .bx-caption span {
  padding: 0.4em!important;
  font-size: 0.85em!important;
  text-overflow: ellipsis!important;
  word-break: keep-all!important;
  font-family: 'Lato'!important;
  height: 3.7em;
}
/* //スライダー bx-slider */

/* 追加 */
#side {
  text-align: center;
}

.list ul {
  padding: 0 10px;
  overflow-y: auto;
  max-height:300px;
}
.ajax_list {
  margin: 0;
  text-align: left;
}
.productlist-Item {
  margin: 0;
  padding: 0 10px 50px;
  height: auto;
  font-weight: bold;
  justify-items: center;
}
.productlist-Item img {
  margin-bottom: 5px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  aspect-ratio: 16 / 10;
}
.productlist-Item .hashtag a {
  background:  var(--bc);
  color: #fff;
}
.productlist-price {
  color: crimson;
  margin: 0.2em;
}

.history-unit {
  height: 180px;
  padding: 2.5px!important;
}

.historylist-Item img {
  width: 100%;
  height: 85px;
  object-fit: cover;
  border-radius: 5px;
}

/* instagram wiget */
.iswg-base {
  margin: 20px auto!important;
  width: fit-content!important;
  background: none!important;
}

.iswg-copyright-wrapper {
  display: none;
}

.iswg-base {
  padding: 0!important;
  border: solid 0px #000000!important;
}

.col-lg-3 {
  /*background: darkgray;*/
}

.cg_freespace_01 {
  margin: 20px 0px 50px;
}
.cg_freespace_01 h3 {
  padding: 0 0 0 .5em;
  border-left: .5em solid ;
}
.cg_freespace_01 p {
  margin: 0 1em 1em;
}
.cg_freespace_01 ul, ol {
  margin: 0 1em 1em 2em;
  padding: 0;
}
.cg_freespace_01 img {
  margin: 10px 0px;
  width: 100%;
  max-width: 800px;
  max-height: 800px;
  height: auto;
  object-fit: cover;  
}
.cg_freespace_01 table {
  width: 100%;
}
.cg_freespace_01 .gform {
  height: 500px!important;
}
.topvideo iframe {
  aspect-ratio: 16 / 7.1; /* 16:9のアスペクト比を指定 */
}

/* 変更 */
h1, h2, h3, h4, h5 {
  margin: 2.2em 0.4em 0.4em;
  color: #026630;
}
h1 {
  font-size: 2em;
  text-align: center;
  word-break: break-word;
}
h2 {
  font-size: 1.6em;
  text-align: center;
  word-break: break-word;
  border-bottom: solid 1px;
}
h2 small {
  font-weight: normal;
  font-size: 0.5em;
}
img {
  filter: brightness(1);
  background: transparent;
}
input {
  margin: 0;
  text-align: center;
  width: 150px;
  border: 1px solid #026630;
}
p {
  margin: 10px;
}
li {
  margin-bottom: .5em;
}
blockquote p{
  margin: 0px;
}
iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.btn, p + a, br + a, ul + a, iframe + a, table + a {
  display: block;
  margin: 3px auto;
  padding: 6px;
  width: 90%;
  max-width: 400px;
  list-style: none;
  border-radius: 50px;
  transition: 1s;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  background: teal;
  color: #fff;
}

a + br{
  display: none;
}

.btn:active, .btn:hover, .btn:focus {
  background: var(--bc);
  opacity: 0.7;
  color: #fff;
}

.btn-xs {
  width: auto;
}

.btn-no {
  border: 0px solid #ccc;
  background-color: transparent;
  width: auto;
}

menu {
  position: sticky;
  margin: 0;
  padding: 0;
  top: 0;
  z-index: 1000000;
}
.menu1 {
  display: flex;
  margin: 0;
  padding: 4px 0 0;
  align-items: center;
  text-align: center;
  width: 100%;
  background: #026630;
  justify-content: space-around;
  align-items: flex-end;
}
.menu1 li {
  margin: 5px;
  list-style: none;
}
.menu1 li a {
  display: flex;  
  flex-direction: column;
  font-size: 10px;
  color: #FFF;
}
.menu1 i {
  font-size: 20px;
}

.cg_freespace_02 {
  margin: 0 10px;
  text-align: center;
}

.sns {
  display: flex;
  margin: 0;
  align-items: center;
  font-size: 20px;
  justify-content: center;
  gap: .8em;
}
.sns .logo img {
  height: 42px;
  background: none;
  filter: unset;
}
.sns .line {
  width: 80px;
}

.sns_button {
  display: flex;
  position: fixed;
  margin: 0;
  padding: 0;
  bottom: 6px;
  list-style-type: none;
  z-index: 1000205;
  gap: 3px;
  width: 100%;
  justify-content: center;
}

.sns_button a {
  padding: 0.4em 0.8em;
  list-style: none;
  border-radius: 50px;
  cursor: pointer;
  background: #1877F2;
  color: #fff;
  font-size: 0.8em;
}

.col {
  padding: 0 5px;
}

/* 初期値 */
@charset "utf-8";

body {
  background-color: rgb(1,101,48,0.1);
  background-image: url();
  color: #464e54;
  font-size: 15px;
  line-height: 1.4;
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
}

*, *:before, *:after {
  box-sizing: border-box;
}

a {
  color: var(--bc);
  background-color: transparent;
}

a:active, a:hover, a:focus {
  text-decoration: none;
  opacity: 0.7;
}

/* layout */
#wrapper {
  max-width: 1000px;
  padding: 0;
}

/* contents */
#contents {
  float: left;
  padding: 0px;
}

#contents .topicpath-nav {
  margin-bottom: 0px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

/*
 * side
 */

#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

/* temp */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; list-style-type: none; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}
.txt_c_gray {color: gray;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  #contents {
    padding-left: 0;
  }
}

@media (max-width: 480px) {
  /* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-w.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-w.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-w.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-w.icon-pencil { background-position: -336px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-w.icon-help { background-position: -24px -48px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-w.icon-bag { background-position: -264px -48px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: block!important;
  margin: auto;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);display: list-item; }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}