@charset "euc-jp";

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

body {
  background-color: #fff; /* #fcf9ed; */
  background-image: /*url(https://img.shop-pro.jp/tmpl_img/81/bgimage.png)*/ url(https://img16.shop-pro.jp/PA01093/661/etc/bg-img.png?cmsp_timestamp=20200810142600);
  color: #333;
  -webkit-font-smoothing: antialiased;
  font-family: Century Gothic, Arial,"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica,, sans-serif;
}

a {
  color: #555/*#333*/ ;
}
a:hover {
  color: /*#ccc*/ #72a04f;
  /*font-weight: bold;*/
  text-decoration: none;
}

.btn {
  border-radius: 0;
}

ul, ol, form, p {
  margin: 0;
}

/*
 * layout
 */

#header_top {
  background: #f1fff8;
  background-image: url("https://img16.shop-pro.jp/PA01093/661/etc/g-is-top-2.jpg?cmsp_timestamp=20200725174927");
  background-repeat: no-repeat;
 /* background-attachment: fixed; */
  background-position: center bottom;
  text-align: center;
  height: 425px;
}

.top-logo {
  text-align: left;
  padding-left: 55px;
}

.logo-1 {
  margin-left: 80px;
  color: #006837;
  font-size: 14px;
  font-weight: 600;
}
.logo-2 {
  color: #006837;
  font-size: 18px;
  font-weight: 900;
}
.logo-2 img {
  margin: 0 10px 15px;
}
.logo-3 {
  color: #006837;
  display: inline-block;
  font-size: 35px;
  font-weight: 900;
  transform: skewX(-35deg); /* 文字の傾き */
  font-family: 源暎Nuゴシック -WEBKIT-BODY,小塚ゴシック Pro,HGS創英角ｺﾞｼｯｸUB;
}

#typA {
  font-size: 1.9rem;
  font-weight: 700;
  font-family: 小塚ゴシック Pr6N;
  letter-spacing: 0.1em;
  color: #009145;
}
#typB {
  font-size: 1.1rem;
  font-family: 小塚ゴシック Pr6N;
  letter-spacing: 0.12em;
  color: #009145;
}
.typW {
  margin: 55px;
  height: 80px;
}

/* 走るイシザワトラック */
.truck_anime {
  position: relative;
  margin: 100px 0 0;
}
.yoko {
  margin-left: 0px;
  position: absolute;
  vertical-align: bottom;
  top: 60px;
  left: -300px; /* スタートポイント */
  animation: ushi-ugoki-yoko 300s infinite;
}
.muki {
  animation: ushi-ugoki-muki 300s infinite;
}
.ugoki {
  animation: ushi-ugoki 1.5s infinite;
}
 
 
@keyframes ushi-ugoki-yoko {
  0%   {transform: translateX(0px);}
  50% {transform: translateX(1900px);} /* 移動幅 */
  100% {transform: translateX(0px);}
}
@keyframes ushi-ugoki-muki {
  0%   {transform: scaleX(-1);}
  49%  {transform: scaleX(-1);}
  50%  {transform: scaleX(1);}
  99%  {transform: scaleX(1);}
  100% {transform: scaleX(-1);}
}
@keyframes ushi-ugoki {
  0%   {transform: rotate(2deg);}
  50%  {transform: rotate(2deg);}
  51%  {transform: rotate(-2deg);}
  100% {transform: rotate(-2deg);}
}


.container {
  width: 1300px;
  margin: 0 auto;
}

.promo__seciton {
  background-color: #238c00;
  width: 100%;
  min-height: 49px;
}

.promo {
  background: #238c00;
}

.promo__text {
  color: #fff;
  text-align: center;
  padding: 14px 0;
  letter-spacing: 1px;
  font-weight: bold;
  background: #238c00;
}

.header__section {
  text-align: center;
  margin-bottom: 60px;
}

.header-search {
  position: relative;
  float: left;
  margin-top: 20px;
  width: 310px;
}
.header-search i {
  position: absolute;
  top: 9px;
  left: 9px;
}

.header-search__box {
  min-width: 240px;
  padding: 15px 11px 17px 51px;
  background: none;
  border: none;
  border-radius: 3px;
  color: #333;
}
.header-search__box:focus {
  padding: 14px 10px 16px 50px;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.header-tools {
  float: right;
  margin: 25px 30px 0;
  width: 465px;
  text-align: right;
}

.header-tools__unit {
  display: inline;
  margin-left: 25px;
  line-height: 1.4;
}
.header-tools__unit a {
  color: #555;
  font-weight: 700;
  font-size: 13px;
}
.header-tools__unit a:hover {
  color: #006837;
  transition: all .2s ease-in;
}

.fa-li.fa-top {
  top: .45em;
}

.header-tools__unit-cart {
  margin-left: 0;
}

.header-tools__btn {
  position: relative;
  padding: 7px 15px 7px 34px;
  font-size: 12px;
}
.header-tools__btn i {
  position: absolute;
  top: 9px;
  left: 6px;
  font-size: 14px;
}

.header-tools__count {
  padding: 0 2px;
  font-size: 14px;
}

.header__logo-img {
  margin: 90px 0;
}

.header__logo {
  margin: 70px 0;
}



/* global-nav グローバルナビ */

#global-nav {
  background: #000;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  width: 100%;
  z-index:9999;
  white-space: nowrap;
  position: relative;
}

#global-nav.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
}

#global-nav .inner {
  background: #000; position: relative; /* 追記 */
  padding-bottom: 0;
  padding-top: 0;
  margin: 0 auto;
  max-width: 100%;
  padding: 13px 0;
  width: 1300px;
}

.global-list { 
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.global-list li {
/*  border-left: 1px solid #fff;　*/
  width: 20%;
  line-height: 50px;
  text-align: center;
}

.global-list li:last-child {
/*  border-right: 1px solid #fff;　*/
  margin-right: 0;
}

.global-list li a {
  display: block;
  height: 125%;
}

.text-home {
  font-size: 16px;
  font-weight: 900;
  color: #f1f1f1;
  font-family: Arial /*Montserrat*/;
}
.text-home:before{ 
    content: '\f015';
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.global-list li:hover span {
  color: #fff; /*#92de58*/
  text-shadow: 0 0 10px #e5ff00, 0 0 10px #e5ff00;
  transition: all .8s ease-in-out;
}

.text-en {
  display: block;
  padding: 6px 0;
  font-size: 16px;
  font-weight: 900;
  color: #f1f1f1;
  text-align: center;
  line-height: 1;
  font-family: Arial /*Montserrat*/;
}
.text-ja {
  display: block;
  padding: 0 0;
  font-size: 11px;
  font-weight: 700;
  color: #f1f1f1;
  text-align: center;
  line-height: 1;
  margin-top: 2px;
}
/* 通常時はtext-ja-hoverを非表示 */
.text-ja-hover {
  display: none;
  padding: 0 0;
  font-size: 11px;
  font-weight: 700;
  color: #f1f1f1;
  text-align: center;
  line-height: 1;
  margin-top: 2px;
}
/* ホバー時はtext-jaを非表示 */
.global-list li:hover .text-ja {
  display: none;
  transition: all 5s ease-in;
}
/* ホバー時にtext-ja-hoverを表示 */
.global-list li:hover .text-ja-hover {
  display: inline;
  color: #e6ffa3;
  text-shadow: 0 0 8px #efff00, 0 0 8px #efff00;
  font-size: 13px;
  margin-top: 10px;
  transition: all 5s ease-in;
}



/*トライアングル*/
.triangle{
  position: absolute; top:60px; left:1005px; /* トライアングル位置指定 */
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 17px solid #4d4d4d;
}


/* online-nav グローバルナビ2段目 */

#online-nav {
  background: #4d4d4d;
  border: none;
  width: 100%;
  z-index:9998;
  text-align: center;
  white-space: nowrap;
  color: #bababa;
  position: relative;
}

#online-nav.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
  margin-top: 78px;
}

#online-nav .inner {
  padding-bottom: 0;
  padding-top: 0;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  width: 1300px;
}


.gnav {
 display: flex;
 justify-content: space-between;
}
 
.gnav li {
 padding: 11px 0;
 text-align: center;
 transition: all .3s ease-in-out;
}
 
.gnav li:hover {
 background: #999;
}

.gnav li a {
 display: block;
 height: 145%;
}

.nav_title {
 color: #bababa;
 font-weight: 700;
 font-size: 11pt;
 border-left: solid 1px #808080;
 padding: 0 45px;
}
.gnav li:hover .nav_title{
 color: /*#404040; #006837*/ #fff;
}

.gnav > li:first-child p {
  border-left: none;
  margin-right: 0;
}

.gnav > li:last-child a {
 border-right: solid 1px #fefefe;
}

.gnav > li:last-child:hover {
 background: none;
}
 
.gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
 padding: 30px 0;
}

ul {
  list-style: none;
}


/** メガメニュー **/

.megamenu {
 position: absolute;
 background: /*#3e3e3e*/ rgb(210 210 210 / 0.9);
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 100%;
 top: 46px;
 left: 0;
 transition: all .2s ease-in;
 z-index: 999;
}
.megamenu-inner {
 display: flex;
 flex-wrap: wrap;
 width: 1300px;
 margin: 0 auto;
}
.megamenu-inner {
}
.megamenu-inner li {
 width: calc( (100% / 5) );
 padding: 0;
}
.megamenu-inner a {
 border-left: none;
 font-size: 11pt;
}
.megamenu-inner-img {
 margin: 0 0 10px;
}
.megamenu-inner-text img {
 margin: 0 5px 0 0;
}
.megamenu-inner img {
 border: 1px solid #999;
}
img.wakunashi {
 border: none;
}


/*メガ カテゴリー*/

.megamenu-inner.cate {
 display: flex;
 flex-wrap: wrap;
}
.megamenu-inner.cate li {
 width: calc( (100% / 7) );
 padding: 15px;
 text-align: center;
}
.megamenu-inner.cate li:hover {
 background: rgb(51 51 51 / .5);
}
.megamenu-inner.cate li p {
 margin-top: 6px;
 font-size: 11pt;
 color: #333;
}
.megamenu-inner.cate li:hover p {
 color: #fff;
 transition: all .1s ease-in;
}
.megamenu-inner.cate img {
  vertical-align: top;
}
.megamenu-inner.cate img:hover {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -ms-filter: "alpha(opacity=80)";
 transition: all .3s ease-in;
}

/* メガ ピックアップ＆ご利用ガイド */
.megamenu-inner.pick {
 display: flex;
 flex-wrap: wrap;
}
.megamenu-inner.pick li {
 width: calc( (100% / 4) );
 padding: 15px;
 height: 185px;
}
.megamenu-inner.pick a {
 border-left: none;
 font-size: 12pt;
}
.megamenu-inner.pick :hover {
 background: rgb(51 51 51 / .5);
}
.megamenu-inner.pick li :hover {
 background: none;
}
.megamenu-inner.pick img {
 margin: 0;
}
.megamenu-inner.pick p {
 margin-top: 6px;
 color: #333;
 font-size: 14px;
 text-align: center;
}
.megamenu-inner.pick :hover p {
 color: #fff;
 transition: all .1s ease-in;
}
.megamenu-inner.pick li.delivery {
 background: none;
 margin: 0;
}
.megamenu-inner.pick li.delivery img {
 margin: 0;
}
.megamenu-inner.pick li.delivery p {
 margin-top: 8px;
 color: #333;
 font-size: 14px;
 text-align: left;
}

/*メガ 価格*/
.megamenu-inner.kakaku {
 display: flex;
 flex-wrap: wrap;
}
.megamenu-inner.kakaku li {
 width: /*calc( (100% / 5) );*/ 21.9%;
 padding: 15px;
 margin: 20px;
 background: rgb(240 240 240 / .8);
}
.megamenu-inner.kakaku li {
  position: relative;
  color: #333;
  /*border: 2px solid rgb(0 0 0 / .3);*/
  overflow: hidden;
  z-index: 2;
}
.megamenu-inner.kakaku li:hover {
  background: none;
  /*border: 1px solid rgb(140 140 140 / .5);*/
}

.megamenu-inner.kakaku a {
 font-size: 1.1rem;
 color: #333;
}
.megamenu-inner.kakaku:hover a {
 color: fff;
 transition: all .2s ease-in;
}

.megamenu-inner.kakaku li::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.megamenu-inner.kakaku li:hover::after {
  background: rgb(120 120 120 / .5);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.megamenu-inner.kakaku li:hover a {
  color: #fff;
}

.button_kakaku {
  display: inline-block;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_kakaku::before,
.button_kakaku::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_kakaku,
.button_kakaku::before,
.button_kakaku::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/* ナビカート */
.gnav-tools {
  float: right;
  margin: 25px 0 0;
  width: 465px;
  text-align: right;
}
.gnav-tools__unit {
  display: inline;
  margin-left: 45px;
  line-height: 1.4;
}
.gnav-tools__unit-cart {
  margin-left: 0;
}
.gnav-tools__unit-cart i {
  color: #bababa;
}
.gnav-tools__unit-cart:hover i {
  color: #fff;
}
.gnav-tools__unit-cart span {
  color: #bababa;
}
.gnav-tools__unit-cart:hover span {
  color: #fff;
}

/* ナビ検索BOX */
.onnav-search {
  position: relative;
  float: left;
  margin-top: -1px;
}

.onnav-search i {
  top: 6px;
  left: 5px;
}

.onnav-search__box {
  min-width: 180px;
  padding: 13px 0px 13px 15px;
  background: #fff;
  border: none;
  border-radius: 3px;
  color: #333;
}





/* slider */
#slider div {
  width: 970px !important;
}

.slider {
  margin: 0 auto 60px;
  width: 970px;
}
.slider .bx-wrapper {
  z-index: 0;
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
.slider .bx-wrapper .bx-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
}
.slider .bx-wrapper .bx-caption span {
  font-size: 18px;
  padding: 30px;
}
.slider .bx-wrapper .bx-pager {
  padding-top: 20px !important;
  bottom: -30px !important;
}

/* main */
.main__section {
  /*border-top: 1px solid #000; */
  /*border-bottom: 1px solid #000;*/
  /*margin-bottom: 60px;*/
  padding: 40px 0;
  overflow: hidden;
}

.main__section--product {
  padding: 20px 0 60px;
}

/* sidebar */
.sidebar__section {
  float: left;
  width: 270px;
  margin-right: 60px;
  margin-top: 10px;
}

.menu__section {
/*  margin-bottom: 20px;
  margin-top: 20px; */
}

.more-prd span {
  cursor: pointer;
}

.side-bnr:hover {
  opacity: 0.7;
}

/* breadcrumb.sort */
.breadcrumb__section {
  padding-bottom: 30px;
}

.breadcrumb-list__unit {
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.sort__section {
  position: absolute;
  top: 0;
  right: 0;
}

.sort--sub-layer {
  min-width: 200px;
  width: 100%;
}

/* contents */
.contents__section {
  float: right;
  width: 970px;
}

.info__section, .recommend__section, .seller__section, .together__section, .product-list__section, .free-space__section, .product__image, .delivery__section, .payment__section, .cancel__section {
  margin-bottom: 60px;
}

.product-list__section {
  position: relative;
}

.free-space__section {
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.recommend-list, .seller-list, .together-list {
  margin-top: 40px;
}

.sub-list {
  padding: 10px 10px 60px;
  font-size: 0;
}

.sub-list__unit {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  text-align: center;
  margin: 9.5px;
  vertical-align: middle;
}
.sub-list__unit:hover {
  background: #ecf1d5;
}
.sub-list__unit a {
  font-size: 14px;
  text-align: center;
  border: 1px solid #bababa;
  border-radius: 5px;
  padding: 14px;
  vertical-align: middle;
}
.sub-list__unit a:hover {
  color: #555;
}
.sub-list__img {
  padding-bottom: 10px;
}
.sub-list__link {
  display: block;
}
.sub-list__name {
  display: block;
}

.product-list__freespace-top {
  padding-bottom: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.product-list__freespace-bottom {
  padding-top: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

/* カレンダー */

.side-calendar {
    width: 99%;
    margin: 0 0 2em 0;
    padding: 1em 0 2em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.side-calendar .cal_wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/* information */
.info {
  margin-top: 40px;
}

.info-list {
  list-style-type: none;
}

.info-list__unit {
  padding-bottom: 30px;
}

.info-list__date {
  display: block;
  padding-bottom: 10px;
}

/* history */
.history__section {
  clear: both;
  border-top: 1px solid #ddd;
  padding-top: 40px;
}

/* footer */
.footer__section {
  /*border-bottom: 1px solid #000;*/
  background: #c1d081;
  font-family: Century Gothic, Arial;
}

p.footer_h2 {
  text-align: center;
  font-size: 3rem;
  font-weight: normal;
  color: #f0f5e4;
  padding: 30px 0 20px;
}

.footer__guide {
  padding: 30px;
  /*margin-bottom: 60px;*/
  /*border-bottom: 1px solid #ddd;*/
  background: #e4eac8;
}

.guide__col {
  display: inline-block;
  margin: 0 15px;
  vertical-align: top;
}

.guide__col--one-third {
  width: 29.2%;
}

.guide__col--half {
  width: 625px;
}

.guide__h2 {
  padding: 0 5px 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #879452;
  font-size: 18px;
  color: #4e6102;
}
.guide__h2:first-letter {
  font-size: 180%;
  color: #72ad24;
}

.guide__list {
  margin: 0 10px;
  font-size: 14px;
}

.guide__name {
  padding-bottom: 15px;
  color: #2d2d2d;
}

.guide__other {
  margin: 0;
  padding-bottom: 30px;
  color: #666;
}
.guide__other img {
  width: 100%;
  margin: 10px 0;
}

.guide_waku {
  border: 1px solid #879452;
  padding: 15px 20px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #879452;
}

.guide_more {
  text-align: right;
  font-size: 12px;
  text-decoration: none;
}

.guide_info {
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  padding: 20px;
  margin: 23px 50px 10px;
  border: 1px solid #879452;
  background: #eff2de;
}
.guide_info:hover {
  background: #fefff3;
}
.guide_info a {
  color: #879452;
  font-weight: 500;
}


.footer__navi {
  margin-bottom: 40px;
}
.footer__navi.row {
  margin-bottom: 0;
}

/* 運営サイト一覧 */

.footer_site-eria {
  overflow: hidden;
  padding: 0 30px 30px;
}
.footer_site-eria ul {
  list-style-type: none;
}
.footer_site-inline {
  text-align: center;
}
.footer_site-inline li {
  display: inline;
  white-space: nowrap;
  padding: 0 20px;
  border-right: thin solid #999;
  font-size: 12px;
}
.footer_site-inline li:last-child {
  border-right: none;
}
.footer_site-inline a {
}

.footer_site_link--h2 {
  text-align: center;
  color: #333;
  font-size: 15px;
  margin: 20px;
}

/* フッターリンクエリア */

.footer_link-eria {
  overflow: hidden;
  padding: 10px 0 0;
}
.footer_link-eria ul {
  list-style-type: none;
}
.footer_link-inline {
  text-align: center;
}
.footer_link-inline li {
  display: inline;
  white-space: nowrap;
  padding: 0 10px;
  font-size: 12px;
  border-left: 1px solid #bababa;
}
.footer_link-inline li:first-child {
  border: none;
}
.footer_link-inline a {
}



.shop-owner {
  overflow: hidden;
}

.shop-owner__img {
  float: left;
  width: 200px;
  margin-right: 20px;
}

.shop-owner__info {
  float: left;
  width: 290px;
}

.shop-owner__name {
  margin-bottom: 16px;
  font-weight: bold;
}

.shop-owner__memo {
  line-height: 1.8;
}

.sns-list {
  list-style-type: none;
  padding-bottom: 60px;
}

.sns-list__unit {
  display: table-cell;
  padding-right: 5px;
}

.footer-navi__col {
  list-style-type: none;
  line-height: 2.2;
}

.pagetop__btn {
  display: block;
  padding: 18px 0;
  width: 100%;
  max-width: 50px;
  float: right;
}

/* copyright */
.copyright__section {
  padding: 20px 0;
  font-size: 11px;
  text-align: center;
}

.copyright {
  margin: 0 0 10px;
}

.copyright__img {
  width: 200px;
  height: 18px;
  margin: 0 0 5px 5px;
}

/* menu-list */
.menu-list {
  margin: 0;
  list-style-type: none;
}

.menu-list--more-prd {
  margin: 10px 0 20px;
}

.menu-list__link {
  display: table;
  padding: 6px 20px;
  margin: 4px 0 0;
  width: 99%;
  font-size: 13px;
  font-weight: 500;
}

.menu-list__text {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
  width: 90%;
}

.menu-list__icon {
  display: table-cell;
  vertical-align: middle;
  width: 10%;
  text-align: right;
}

.category-list__unit {
  position: relative;
}

.menu-list.side li {
  position: relative;
  background: #ffffffbf;
  margin: 0 2px;
}
.menu-list.side li:hover {
  position: relative;
  background: #f0f1da;
}
.menu-list.side li:hover a {
  color: #93ad1f;
}
.menu-list.side a {
  display: table;
  padding: 6px 20px;
  margin: 4px 0 0;
  width: 99%;
  font-size: 13px;
}
.menu-list.side li:hover a span {
  color: #93ad1f;
}
.menu-list.side li:hover a span i {
  color: #93ad1f;
}

/* calender */
.cal {
  margin: 20px 0 60px;
  text-align: center;
}

.tbl_calendar {
  margin-bottom: 20px;
  width: 100%;
}
.tbl_calendar caption {
  text-align: center;
  padding: 6px 0;
}
.tbl_calendar th {
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
}
.tbl_calendar td {
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
}

/* qrcode */
.qrcode {
  margin: 20px 0 60px;
  text-align: center;
}

/* product-list */
.product-list {
  list-style-type: none;
  font-size: 0;
  margin-bottom: 30px 0 45px;
}

.product-list.check {
  margin-bottom: 0px;
}

.product-list.check li {
  vertical-align: middle;
}

.product-list__unit {
  display: inline-block;
  font-size: 14px;
  margin: 0 10px 40px;
  vertical-align: top;
  position: relative;
  text-align: center;
}

.product-list__unit-sm {
  width: 110px;
}

.product-list__unit-md {
  width: 141px;
}

.product-list__unit-5col {
  width: 180px;
}

.product-list__unit-lg {
  width: 303px;
}

.product-list__unit--sidebar {
  display: block;
  margin: 0 0 20px;
}

.product-list__image:hover {
  opacity: 0.8;
}

.product-list__image--sm {
  max-width: 110px;
}

.product-list__text {
  display: block;
}

.product-list__name {
  font-weight: bold;
  margin-top: 20px;
  text-align: left;
}

.product-list__name--sidebar {
  margin-top: 0;
  margin-left: 10px;
}

.product-list__expl {
  margin-top: 20px;
  text-align: left;
}

.product-list__prices {
  margin-top: 10px;
  text-align: left;
}

.product-list__prices--sidebar {
  margin-left: 10px;
}

.product-list__price-regular {
  text-decoration: line-through;
}

.product-list__price-soldout {
  color: #ff0000;
}

.product-list__discount-rate {
  color: #ff0000;
}

.rank-box {
  position: absolute;
  top: 20px;
  left: 3px;
  z-index: 5;
}

.rank-box--sidebar {
  top: -3px;
}

.rank-number {
  padding: 8px 0 0;
  background: url(https://img16.shop-pro.jp/PA01093/661/etc/ribon-4.png?cmsp_timestamp=20200824104800);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #000;
  font-weight: bold;
  /*border-radius: 50%;*/
  width: 40px;
  height: 32px;
  display: block;
  text-align: center;
}

.rank-number--sidebar {
  padding: 7px 2px 0 0;
  width: 28px;
  height: 32px;
}

.rank-number-color--1 {
  background-image: url(https://img16.shop-pro.jp/PA01093/661/etc/ribon-1.png?cmsp_timestamp=20200824104819);
  background-repeat: no-repeat;
  background-size: 100%;
}

.rank-number-color--2 {
  background-image: url(https://img16.shop-pro.jp/PA01093/661/etc/ribon-2.png?cmsp_timestamp=20200824104825);
  background-repeat: no-repeat;
  background-size: 100%;
}

.rank-number-color--3 {
  background-image: url(https://img16.shop-pro.jp/PA01093/661/etc/ribon-3.png?cmsp_timestamp=20200824104832);
  background-repeat: no-repeat;
  background-size: 100%;
}


/* pagenation */
.pagenation {
  position: relative;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 120px;
  margin-top: 60px;
}
.pagenation .disabled {
  color: #ccc;
}

.pagenation-prev {
  position: absolute;
  left: 0;
  font-weight: 700;
}

.pagenation-pos {
  line-height: 0.8;
}
.pagenation-pos__number {
  margin: 0 5px;
  font-size: 22px;
}

.pagenation-next {
  position: absolute;
  right: 0;
  font-weight: 700;
}

/* product */
.product__section {
  margin-bottom: 120px;
}
.product__section h2 {
  border-bottom: none;
  font-size: 22px;
}
.product__section h2.page {
  border-bottom: 2px solid #aeaeae /*#ddd*/;
  font-size: 22px;
  margin-bottom: 60px;
}
.product__section h2.page:first-letter {
  font-size: 250%;
  color: #a4bf0f;
}
.product__explain {
  padding-top: 60px;
  line-height: 1.8;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.product__model {
  color: #666;
}

.product__image-main {
  text-align: center;
}

.product__image-thumb ul li {
  cursor: pointer;
  margin-bottom: 25px;
  padding: 0 5px;
}

.image__thumb {
  padding: 2px;
  border: 2px solid #fff;
}

.image__thumb--active {
  border: 2px solid #ddd;
}

.product__guide {
  padding: 0 0 60px;
}

.product__price-part {
  font-size: 22px;
  padding-bottom: 5px;
}

.product__price-regular {
  padding-bottom: 5px;
}

.product__price-establish {
  padding-bottom: 5px;
  color: #666;
}

.product__discount {
  color: #ff0000;
}

.product__stock-str {
  padding-top: 30px;
  font-size: 22px;
}

.product__related-list__link {
  display: block;
  padding: 5px 0;
}
.product__related-list__link span {
  padding-left: 15px;
}

.product__order {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 40px 0 60px;
}

.option-list__name, .init-list__name, .text-titles-list__name {
  padding-bottom: 10px;
  font-weight: normal;
}

.option-list__detail, .init-list__detail, .text-titles-list__detail {
  margin: 0;
}

.option-list__select {
  height: 50px;
  border: 2px solid #ddd;
}

.text-titles-list__detail-text {
  height: 50px;
  border: 2px solid #ddd;
}

.init-list__detail-num {
  width: 200px;
  height: 38px;
  border: 2px solid #ddd;
  display: inline-block;
}

.init-list__detail-updw {
  margin: 0;
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.init-list__detail-unit {
  padding-left: 10px;
}

.order-btn-list {
  margin: 0;
  padding-top: 30px;
}

.stock_error {
  text-align: center;
  color: #cf0400;
}

.option-table {
  margin: 40px 0;
}
.option-table table {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.option-table table th, .option-table table td {
  padding: 11px 7px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.option-table table th {
  text-align: center;
}
.option-table table td {
  vertical-align: top;
  text-align: center;
}

.related-list {
  text-align: right;
  padding-right: 15px;
}

.related-list__unit {
  display: inline-block;
}

/* option detail */
.option-detail__section {
  padding: 20px;
  text-align: center;
}

.option-detail__table th {
  text-align: center;
}
.option-detail__table td {
  text-align: center;
}

.option-detail__price--regular {
  text-decoration: line-through;
}

.option-detail__discount {
  color: #ff0000;
}

/* privacy.shopkeeper */
.shop-info__lead {
  margin: 40px 0 20px;
  line-height: 1.8;
}

.shop-info-list__title {
  padding: 20px 0 5px;
}
.shop-info-list__title:first-child {
  padding: 0 0 5px;
}

.shop-info-list__note {
  margin: 0;
  line-height: 1.8;
}

/*
 * Module
 */
.section__title-h2 {
  margin: 0;
  padding-bottom: 40px;
  border-bottom: 3px solid #ddd;
  font-size: 16px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}
.section__title-h2.page {
  padding: 0 10px 10px;
  border-bottom: none;
}

.side-h2 {
  margin-bottom: 7px;
  padding: 9px 9px 9px 11px;
  font-size: 16px;
  background: #ddd;
  color: #555;
}

.btn-primary {
  background: #333;
  border: 1px solid #333;
  color: #fff;
}
.btn-primary:hover {
  background: #666;
  color: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn-primary.page {
  background: #333;
  border: none;
  border-radius: 5px;
  color: #fff;
}
.btn-primary.page:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn-secondary {
  background: #48A3FF;
  border: 1px solid #48A3FF;
  color: #fff;
}
.btn-secondary:hover {
  background: #48A3FF;
  color: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn-tertiary {
  background: #cf0400;
  border: 1px solid #cf0400;
  color: #fff;
}
.btn-tertiary:hover {
  background: #cf0400;
  color: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn__addcart, .btn__quick, .btn__soldout {
  padding: 20px 0 22px 0;
}
.btn__addcart i, .btn__quick i, .btn__soldout i {
  margin-right: 10px;
}
.btn__addcart span, .btn__quick span, .btn__soldout span {
  vertical-align: middle;
}

.btn__soldout.disabled,
.btn__soldout[disabled] {
  background-color: #cf0400;
  color: #fff;
}

.txt--sm { font-size: 10px; }
.txt--md { font-size: 12px; }
.txt--14 { font-size: 14px; }
.txt--lg { font-size: 16px; }
.txt--c { text-align: center; }
.txt--r { text-align: right; }
.txt--red { color: #ff0000; }
.txt--gray { color: #999; }

.border--none { border: none; }

.mar-t--20 { margin-top: 20px; }
.mar-b--20 { margin-bottom: 20px; }
.mar-b--60 { margin-bottom: 60px; }

.width--110 { width: 110px; }
.width--160 { width: 160px; }

.hide { display: none; }


/* textarea input */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  outline: none;
}



/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_11 { font-size: 11px; }
.txt_12 { font-size: 12px; }
.txt_13 { font-size: 13px; }
.txt_14 { font-size: 14px; }
.txt_15 { font-size: 15px; }
.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_fff {color: #fff;}
.txt_c_ba {color: #bababa;}
.txt_c_green {color: #009145;}
.txt_c_green2 {color: #006934;} /*上よりちょっと濃いグリーン*/
.txt_c_80 {color: #808080;}
.txt_c_br {color: #db0000;} /*ブラックレッド*/
.txt_c_pred {color: #ff0059;} /*ピンク寄りレッド*/
.txt_c_dred {color: #d82121;} /*ちょっとだけ暗いレッド*/

/* background */
.bgc_gray {  background-color: #f1f1f1; }
.bgc_f {  background-color: #fff; }
.bgc_f2 {  background-color: #fdfdfd; }

/* margin */
.mar_l_-300 { margin-left: -300px; }
.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_r_3 { margin-right: 3px; }
.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_r_15 { margin-right: 15px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_b_25 { margin-bottom: 25px; }
.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_b_40 { margin-bottom: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_b_70 { margin-bottom: 70px; }
.mar_b_80 { margin-bottom: 80px; }
.mar_t_100 { margin-top: 100px; }

/* 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_15 { padding: 15px; }
.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-8 { vertical-align: -8%; }
.va-10 { vertical-align: -10%; }
.va-11 { vertical-align: -11%; }
.va-15 { vertical-align: -15%; }
.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) {
  /* ~768px */
  #contents {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  /* ~480px */
}


/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.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-b.icon-home { background-position: -264px -24px; }
.icon-lg-w.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; vertical-align: middle; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.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-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: inline-block;
  *display: inline;
  *zoom: 1;
}

.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); }
.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); }
}


 /*あと○円で送料無料(481px以上で表示)*/
 .unstyled b {
   color: #db0000;
   font-weight: normal;
  }


 /*カートの中身を見る*/

.cart-box {
  background-color: #fdfdfd;
  padding: 20px 20px 10px;
  line-height: 1.5;
  transition:
    padding-top 600ms,
    line-height 600ms;
  border-bottom: 1px solid #ced6a9;
  margin-bottom: 20px;
}
.cart-box.is-hidden {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  pointer-events: none;
  background: url(https://img16.shop-pro.jp/PA01093/661/etc/bg-img.png?cmsp_timestamp=20200810142600);
  border: none;
}
.cart-text {
  color: #333;
  transition: opacity 500ms;
}
.cart-text a:active {
  text-decoration: none;
}
.cart-text a:hover {
  color: /*#009145*/ #809520;
  font-weight: normal;
}
.cart-text b {
  font-size: 11pt;
  font-weight: normal;
  text-align: end;
}
.cart-text c {
  display: inline-table;
  background: #e0e7c0;
  width: 60%;
  font-size: 10pt;
  margin: 10px 0 5px 94px;
  padding: 5px 10px;
  text-align: center;
  transition-duration: 1s;
  transition-property: background;
  transition-duration: ease-in-out;
}
.cart-text c:hover {
  background: #b3c368/*#e0e7c0*/;
}
.cart-text c:hover a {
  color: #fff;
  transition-duration: 0.5s;
  transition-duration: ease-in-out;
}


.cart-box.is-hidden .cart-text {
  opacity: 0;
}
.cart-box.is-hidden .cartbox-hr {
  opacity: 0;
}
.cart-box.is-hidden .txt_c_br {
  opacity: 0;
}
.cartbox-hr {
  width: 100%;
  border-width: 1px 0 0 0;
  border-color: #bababa;
  margin: 8px 0;
}
.cart-button {
  width: 100%;
  background: /*#ebefd8*/ none ;
  padding: 10px;
  margin-bottom: 8px;
  border: none;
  border-top: 1px solid #809520;
  border-bottom: 1px solid #809520;
  color: #52610f;
  font-size: 12pt;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.cart-button:focus {
	outline:0;
}
.cart-btn > span:last-of-type,
.cart-btn.active > span:first-of-type {
  display: none;
}
.cart-btn.active > span:last-of-type { 
  display: inline;
}



/**=======================
　コンテンツ用 共通
=======================**/

/** 見出し **/
.section__title-h2.top {
  margin: 10px 0px;
  padding: 0 35px 0;
  border-bottom: 2px solid #aeaeae /*#ddd*/;
  color: #555;
  text-align: left;
  font-size: 25px;
  line-height: 1.9em;
  font-family: Montserrat,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.section__title-h2.top f{
  font-family: Arial;
  font-style: italic;
}
.section__title-h2.top p:first-letter {
  font-size:250%;
  color: #a4bf0f;
}

 /** アイコン **/
.icon-y { 
  background-image: url(https://img16.shop-pro.jp/PA01093/661/etc/icon-yama.png?cmsp_timestamp=20200806165317);
  background-size: 170px;
}
.icon-ya { 
  background-image: url(https://img16.shop-pro.jp/PA01093/661/etc/icon-yama.png?cmsp_timestamp=20200806165317);
  background-size: 190px;
}
.icon-y, .icon-ya {
  width: 33px;
  height: 23px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-y.icon-leaf-col { background-position: -5px 0px; } //リーフ大
.icon-y.icon-leaf-g { background-position: -5px -25px; }
.icon-y.icon-leaf-b { background-position: -5px -45px; }
.icon-y.icon-leaf2-col { background-position: -38px -1px; } //リーフ小
.icon-y.icon-leaf2-g { background-position: -38px -24px; }
.icon-y.icon-leaf2-b { background-position: -38px -43px; }
.icon-ya.icon-crown-col { background-position: -78px -4px; } //王冠
.icon-ya.icon-crown-g { background-position: -78px -28px; }
.icon-ya.icon-crown-b { background-position: -78px -50px; }
.icon-y.icon-crown2-col { background-position: -99px -1px; } //王冠2
.icon-y.icon-crown2-g { background-position: -99px -21px; }
.icon-y.icon-crown2-b { background-position: -99px -43px; }

/** 行数指定 **/

/* 3行指定 */
.max-3-lines{　
  /*max-width: 350px;*/
  word-break: break-all;
 
  /** 3行以上で省略 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  
  /** webkit以外のフォールバック */
  /*line-height: 24px;*/
  max-height: calc(24px*3);
}

/* 4行指定 */
.max-4-lines{
  /*max-width: 350px;*/
  word-break: break-all;
 
  /** 4行以上で省略 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  
  /** webkit以外のフォールバック */
  /*line-height: 24px;*/
  max-height: calc(32px*4);
}


/* Font Awesome */

.fa-icon {
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  font-size: calc(1em + 3px);
  color: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* TOPへ戻るボタン */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}
#page-top a {
    background: #9e9e9e;
    text-decoration: none;
    color: #fff;
    width: 80px;
    height: 80px;
    padding: 23px 23px 0;
    text-align: center;
    display: block;
    border-radius: 50px;
    opacity: 0.7;
}
#page-top a:hover {
    text-decoration: none;
    opacity: 1;
}

/* 全てのデバイスサイズに適用 */
@media (max-width: 1300px) {
  /* デバイスサイズ 980px以下に適用 */
}
@media (max-width: 768px) {
  /* デバイスサイズ 768px以下に適用 */
}
@media (max-width: 480px) {
  /* デバイスサイズ 480px以下に適用 */

  #footer .copyright {
  padding: 2em 0 90px;
}
  #page-top a {
    width: 50px;
    padding: 10px 0;
  }
}



/**============================
　フリーページ サイドバーなし
============================**/

.free_col1 {
}

.footstamp {
  padding: 0 30px 20px;
}

.free-inner {
  width: 90%;
  margin: 0 auto;
}

/*マップボタン*/
button.map-btn {
  display: inline-block;
  cursor: pointer;
  padding: 0.2em 1em;
  margin: 0.5em;
  text-align: center;
  background-color: #f0f1da;
  color: #006934;
  border: none;
  font-size: 0.8rem;
}  
button.map-btn:hover {
  background-color: #006934;
  transition: all .4s ease-in-out;
}
button.map-btn:hover a {
  color: #fff;
  transition: all .4s ease-in-out;
}


/**************************************/
/**** フリーページ5 【 会社案内 】 ****/

#free5 {
  padding: 0px;
  margin-bottom: -50px;
  font-family: 小塚ゴシック Pro;
}
#free5 .free5 {
  color: #3d3d3d;
  text-align: center;
}
#free5 img {
  margin: 15px 0;
}
#free5 span.ba-gray {
  display: inline-block;
  padding: 0 0.8em;
  margin-right: 0.5em;
  text-align: center;
  background-color: #e0e0e0;
  font-size: 1rem;
}

/* F5テーブル */
#free5 .fr5-info {
  width: 100%;
  font-size: 1.1rem;
  background: #fff;
}
#free5 .fr5-info .info-h2 {
  background: #006934;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
#free5 .fr5-info .info-h3 {
  background: #8fc31f;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
#free5 .fr5-info tr {
  border: 1px solid #006934;
}
#free5 .fr5-info.site tr {
  border: 1px solid #8fc31f;
}
#free5 .fr5-info th {
  width: 25%;
  padding: 0.7em 1.3em;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #006934;
}
#free5 .fr5-info.site th {
  width: 60%;
  border: 1px solid #8fc31f;
  text-align: right;
  font-weight: normal;
}
#free5 .fr5-info td {
  width: 75%;
  padding: 0.7em 1.3em;
  text-align: left;
  vertical-align: top;
}
#free5 .fr5-info.site td {
  width: 40%;
}

/* F5 SHOW スクロールでフワっと表示させる */

.sa {
  opacity: 0;
  transition: all .7s ease;
}
.sa.show {
  opacity: 1;
  transform: none;
}
.sa--up {
  transform: translate(0, 100px);
}
.sa--scaleDown {
  transform: scale(1.5);
}
.sa--r {
  transform: translate(100px, 0);
}
 

/* F5エリア1 */
#free5 .eria-1 {
  position: relative;
  width: 100%;
  padding: 280px 0 50px;
  background: -moz-linear-gradient(top, #00a7e2, transparent),url(http://ishizawa-0002.sakura.ne.jp/g-ishizawa/free/free5-4.png);
  background: -webkit-linear-gradient(top, #00a7e2, transparent),url(http://ishizawa-0002.sakura.ne.jp/g-ishizawa/free/free5-4.png);
  background: linear-gradient(to bottom, #00a7e2, transparent),url(http://ishizawa-0002.sakura.ne.jp/g-ishizawa/free/free5-4.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
#free5 .head-text-lg {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
#free5 .head-text-sm {
  margin: 15px 0;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  color: #fff;
}
#free5 .head-img {
  position: absolute;
  top: 230px;
  left: 30%;
  width: 8%;
}
#free5 .rinen {
  margin: 230px 0 30px;
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  color: #006934;
  font-weight: 500;
}
#free5 .rinen-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2% 9.5%;
}
#free5 .rinen-box div {
  width: 30%;
  height: 250px;
  padding: 10% 3%;
  background: #fff;
  border: 4px solid #006934;
  border-radius: 8px;
  color: #006934;
  font-size: 1.5rem;
  font-weight: 500;
}
#free5 .rinen-btm {
  margin: 100px 0;
  margin-left: 48%;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: #006934;
  font-weight: 500;
  text-align: left;
}

/* F5エリア2 */
#free5 .eria-2 {
  margin: 150px 0 0; 
}

/* F5エリア3 */
#free5 .eria-3 {
  position: relative;
  margin: 200px 0 0;
}
#free5 .eria-3 p {
  position: absolute;
  top: 7%;
  left: 7%;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #1d2088;
  text-align: left;
}

/* F5エリア4 */
#free5 .eria-4 {
  margin: 200px 0 0;
  color: #006934;
  letter-spacing: 0.1em;
  line-height: 3rem;
  font-weight: 500;
}
#free5 .e4-lg {
  font-size: 2.2rem;
}
#free5 .e4-sm {
  font-size: 1.6rem;
}


/* F5エリア5 */
#free5 .eria-5 {
  margin: 200px 40px 0;
}

/*問い合わせボタン*/
#free5 .e5-contact {
  cursor: pointer;
}
#free5 .e5-contact a {
  display: block;
  width: 35%;
  height: 90px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 17px;
  background: #fff;
  text-align: center;
  color: #006934;
  font-size: 1.1rem;
  background: #fff;
  border: 1px solid #006934;
  border-radius: 3px;
}
#free5 .e5-contact a:hover {
  background: #006934;
  color: #fff;
  transition: .4s;
}
#free5 .e5-contact: a, a:hover, a:active, a:visited, a:focus {
  text-decoration: none !important;
}
#free5 .e5-contact a:after {
  content: '\f107';
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* F5エリア6 */
#free5 .eria-6 {
  margin: 150px 40px 0;
}

/* F5エリア7 */
#free5 .eria-7 {
  margin: 100px 40px 0;
}

/* F5エリア8*/
#free5 .eria-8 {
  margin-top: 100px;
  color: #006934;
  letter-spacing: 0.1em;
  line-height: 3.5rem;
  font-weight: 500;
  font-size: 2.2rem;
}

/* F5フッター */

#free5 .f5-foot {
  position: relative;
  width: 100%;
  height: 200px;
  margin-top: 70px;
  background: url(https://img16.shop-pro.jp/PA01093/661/etc/free5-15.png?cmsp_timestamp=20220817165010);
  background-size: 40%;
  background-repeat: repeat-x;
}
#free5 .f5-foot img {
  position: absolute;
  width: 7%;
  bottom: 12%;
  left: 75%;
}


/***************************************/
/**** フリーページ1 【 主要仕入先 】****/

#free1 {
  padding: 0px;
  margin-bottom: -30px;
}
#free1 .free1 {
  background: #fff;
  padding: 40px 0;
}
#free1 .f1-h2 {
  padding: 25px 50px;
  margin-bottom: 50px;
  font-size: 2rem;
  font-weight: normal;
  background: #ececec;
}

/*F1テーブル*/

#free1 .clients {
  width: 96%;
  margin: 0 auto 40px;
}
#free1 .clients td {
  width: 100%;
}
#free1 .clients .clients-list {
  width: 100%;
  letter-spacing: -0.4em;
  font-size: 0.9rem;
}
#free1 .clients .clients-list li.list1 {
  padding: 1em;
  background-color: #ececec;
  display: inline-block;
  margin: 2px;
  width: 32.9%;
  letter-spacing: normal;
  vertical-align: top;
}
#free1 .clients .clients-list li.list2 {
  padding: 0.8em;
  background: none;
  display: inline-block;
  margin: 2px;
  width: 32.9%;
  letter-spacing: normal;
  vertical-align: top;
}

@media (max-width: 768px) {

  #free1 .clients th {
    width: 98%;
    display: block;
    background-color: #eaeeed;
  }
  #free1 .clients td {
    width: 98%;
    display: block;
    padding-bottom: 2em;
  }
  #free1 .clients .clients-list li.list1,
  #free1 .clients .clients-list li.list2 {
    width: 98%;
    display: block;
    background-color: transparent;
  }
  #free1 .clients .clients-list li:nth-child(odd) {
    background-color: #eeeeee;
  }
}

/* F1 問い合わせ */
#free1 .f1-info {
  width: 80%;
  margin: 0 auto;
  margin-top: 80px;
  padding: 5px 40px 40px;
  border: 2px solid #555;
}
.f1-info-h2 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border-bottom: 1px solid #999;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .1rem;
}
.f1-info-h2::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1.2em);
  background-color: #8fc31f;
  border-radius: 5px;
}
#free1 span.ba-gray {
  display: inline-block;
  padding: 0 0.8em;
  margin-right: 0.5em;
  text-align: center;
  background-color: #e0e0e0;
  font-size: 1rem;
}
.f1--info tel {
  font-size: 1.3rem;
  font-weight: 900;
}

/* F1問い合わせボタン */
#free1 .f1-contact {
  cursor: pointer;
}
#free1 .f1-contact a {
  display: block;
  width: 34%;
  height: 90px;
  margin: 0 auto 60px;
  margin-top: 40px;
  background: #333;
  padding: 20px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  line-height: 1.5rem;
  font-size: 1.05rem;
}
#free1 .f1-contact a:hover {
  background: #888;
  transition: all .2s ease-in-out;
}
#free1 .f1-contact: a, a:hover, a:active, a:visited, a:focus {
  text-decoration: none !important;
}
#free1 .f1-contact a:after {
  content: '\f107';
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*************************************/
/****** フリーページ8 【 沿革 】******/

#free8 {
  padding: 0px;
  margin-bottom: -30px;
  font-family: Century Gothic;
}
#free8 .free8 {
  background: #fff;
  padding: 40px 0 0;
}
#free8 .f8-h2 {
  padding: 25px 20px;
  margin-bottom: 50px;
  font-size: 2rem;
  font-weight: normal;
  background: #ececec;
}

/*F8テーブル*/
#free8 .history {
  width: 93%;
  margin: 0 auto 40px;
  border: none;
}
#free8 .history tr {
  border-bottom: 1px solid #ccc;
}
#free8 .history tr:last-child {
  border-bottom: none;
}
#free8 .history th {
  width: 25%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: .13em;
}
#free8 .history td ul {
  padding: 40px 0 0;
  vertical-align: middle;
}
#free8 .history td.month {
  width: 5%;
}
#free8 .history td.month li {
  padding: .5em 0;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: .13em;
}

#free8 .history td.event {
  width: 70%;
}
#free8 .history td.event li {
  padding: .8em;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.9rem;
  letter-spacing: .1em;
}





/*************************************/
/** フリーページ10 【 サイトマップ 】**/

#free10 {
  margin-bottom: 80px;
}
#free10 .level1 {
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: normal;
}

#free10 .level2 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
}

/*商品リスト*/
#free10 #cmsp_map ul {
  margin:0px 0px 15px 0px;
  padding:0px;
}

#free10 #cmsp_map li {
  margin:5px 0px 0px 30px;
  padding:0px;
  font-weight:normal;
  list-style-type:disc;
  list-style-image:none;
  background:none;
  font-size: 14px;
}

#free10 .cat-sec {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 0 0 1em;
  letter-spacing: -0.4em;
}
#free10 .cat-sec .level2 {
  width: 33.333%;
  padding: 0.5em;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
@media (max-width: 768px) {
  #free10 .cat-sec .level2 {
    width: 100%;
  }
}