@charset "euc-jp";

/*↓↓↓お歳暮・お年賀のバナーを消すｃｓｓおわったら必ずコメントアウトすること↓↓↓*/

/*　-------左ブロックお歳暮・お年賀色付け------------*/

/*　---
div.kcate:nth-of-type(1){display:none;}
.topred li:nth-of-type(1) a{
 display:inline-block;
  color:#fff;
  background:darkred;
  width:fit-content;
  border-radius:5px;
}
.topred li:nth-of-type(1) a:hover{
  background:#000;
}
#souryou{
  color:darkred;
  line-height:1.3;
}-------*/
/*　-------------------*/

/*↑↑↑お歳暮・お年賀のバナーを消すｃｓｓおわったら必ずコメントアウトすること↑↑↑*/

.souryou{
  display:inline-block;
  line-height:1.2;
  margin-top:0.5rem;
  text-align:justify;
}

.box-image {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: bold;
}

  body, html {
      overflow-x: hidden;
  }

  body {
    background-color: #000000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    //background-image: url(https://img.shop-pro.jp/tmpl_img/81/bgimage.png);
    color: #333;
    -webkit-font-smoothing: antialiased;
    line-height:1.7;
    font-weight:bold;
    font-size:18px;
  }

  a {
    color: #333;
  }
  a:hover {
    color: #ccc;
    text-decoration: none;
  }

  p {
   padding:10px 0; 
  }

  nav ul{
   height: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
  }

  #sidebar {
   margin:30px 0 0 0; 
  }

  #contents {
   margin:30px 0 0 0; 
  }

  .header__bottotm_logo {
   padding:30px;
   margin: -175px 0 0;
  }

  .btn {
    border-radius: 0;
  }

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

  /*
   * layout
   */

  #main {
      margin: 0 auto;
      width: 90%;
  }

  header {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
      background: center center / cover no-repeat;
    position: relative;
  }

  #elabratetea {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_elaborate.jpg?cmsp_timestamp=20170703143408) center center / cover no-repeat!important;
    position: relative;
  }

  #shopkeeper {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_transaction.jpg?cmsp_timestamp=20170703104559) center center / cover no-repeat!important;
    position: relative;
  }

  #privacypolicy {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_privacypolicy.jpg?cmsp_timestamp=20170703125902) center center / cover no-repeat!important;
    position: relative;
  }

  #about_yame_tea {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_about_yame_tea.jpg?cmsp_timestamp=20170703144140) center center / cover no-repeat!important;
    position: relative;
  }

  #about_kinsuien {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_about_kinsuien.jpg?cmsp_timestamp=20170714162730) center center / cover no-repeat!important;
    position: relative;
  }

  #guide_kinsuien {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_guide.jpg?cmsp_timestamp=20170706140408) center center / cover no-repeat!important;
    position: relative;
  }

  #sencha {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_sencha.jpg?cmsp_timestamp=20170706150500) center center / cover no-repeat!important;
    position: relative;
  }
  #gyokuro {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_gyokuro.jpg?cmsp_timestamp=20170706151925) center center / cover no-repeat!important;
    position: relative;
  }
  #gokujyou_gyokuro {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_gokujyou_gyokuro.jpg?cmsp_timestamp=20170710091554) center center / cover no-repeat!important;
    position: relative;
  }
  #tokujyou_gyokuro {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_tokujyou_gyokuro.jpg?cmsp_timestamp=20170710092551) center center / cover no-repeat!important;
    position: relative;
  }
  #shiraore {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_shiraore.jpg?cmsp_timestamp=20170706152350) center center / cover no-repeat!important;
    position: relative;
  }
  #genmai {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_genmaicha.jpg?cmsp_timestamp=20170706152836) center center / cover no-repeat!important;
    position: relative;
  }
  #houji {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_houjicha.jpg?cmsp_timestamp=20170718133256) center center / cover no-repeat!important;
    position: relative;
  }
  #konacha {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_konacha.jpg?cmsp_timestamp=20170718143544) center center / cover no-repeat!important;
    position: relative;
  }
  #shitake {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_shitake.jpg?cmsp_timestamp=20170721134915) center center / cover no-repeat!important;
    position: relative;
  }
  #tea_matcha {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img07.shop-pro.jp/PA01393/540/etc_base64/bWl6dWRhc2kyMDI0Mg.jpg?cmsp_timestamp=20240729111242) center center / cover no-repeat!important;
    position: relative;
  }
  #kuradashi {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_kuradashi.jpg?cmsp_timestamp=20170724103818) center center / cover no-repeat!important;
    position: relative;
  }
  #gift {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_gift.jpg?cmsp_timestamp=20170724105758) center center / cover no-repeat!important;
    position: relative;
  }
  #season {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img07.shop-pro.jp/PA01393/540/etc_base64/MjAyNXNoaW5jaGEw.jpg?cmsp_timestamp=20250402171921) center center / cover no-repeat!important;
    position: relative;
  }
  #tea_season {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/main_teabag_season.jpg?cmsp_timestamp=20170802175014) center center / cover no-repeat!important;
    position: relative;
  }
  
#giftbox {
      width: 100%;
      height: 0;
      padding-top: calc(500 / 1000 * 100%);
      background: url(https://img21.shop-pro.jp/PA01393/540/etc/box_main.jpg?cmsp_timestamp=20180525150045) center center / cover no-repeat!important;
    position: relative;
  }

  .en {
  color:#779800;
    font-size:80%;
  }

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

  /* header */
  .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 {
      color: #fff;
      position: absolute;
      top: 0;
      width: 97%;
      z-index: 9999;
  }

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

  .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 0 0;
      text-align: right;
      width: 380px;
  }

  .header-tools__unit {
    display: inline;
    margin-left: 10px;
    line-height: 1.4;
  }

  .header-tools__unit a {
   color:#fff;
  }

  .header-tools__unit-cart {
      display: inline-block;
      margin-left: 20px;
      padding-bottom: 10px;
  }

  .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 {
      display: inline-block;
      margin: 0;
      padding: 30px;
  }


  .header__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
      z-index: 9999;
  }

  .header__bottom_logo {
  padding::30px;
  }

  .header-gnavi {
    list-style-type: none;
    position: relative;
    background-color:#ccc;
      background: rgba(0, 0, 0, 0) url("https://img21.shop-pro.jp/PA01393/540/etc/footer_bg.jpg?cmsp_timestamp=20170629163924") repeat ;
  }

  .header-gnavi__unit {
      display: inline-block;
      margin: 30px;
  }

  .header-gnavi__link--menu {
    position: relative;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 14px 29px 15px;
    background: #fff;
    z-index: 55;
  }

  .mega-navi {
    display: none;
    list-style-type: none;
    border: 1px solid #ddd;
    width: 1220px;
    position: absolute;
    top: 32px;
    left: 0;
    padding: 39px;
    background: #fff;
    z-index: 50;
    text-align: left;
  }

  .mega-navi__unit {
    padding: 10px;
    text-align: left;
    width: 31%;
    display: inline-block;
    vertical-align: top;
  }

  .mega-navi__link {
    display: block;
    width: 100%;
  }

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

  .slider {
    margin: 0 auto 60px;
    width: 1300px;
  }
  .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: 0px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 60px;
    padding: 0;
    overflow: hidden;
  }

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

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

  .menu__section {
    margin-bottom: 20px;
  }

  .more-prd span {
    cursor: pointer;
  }

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

  .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-bottom: 60px;
    font-size: 0;
  }

  .sub-list__unit {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 20px;
    width: 32.3%;
    font-size: 14px;
  }

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

  /* information */
  .info {
    margin: 40px 0 40px 0;
    line-height: 2;
  }

  .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: 60px;
  }

  /* footer */
  .footer__section {
    border-bottom: 1px solid #000;
  }

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

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

  .guide__col--one-third {
    width: 410px;
  }

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

  .guide__h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
  }

  .guide__list {
    margin: 0;
  }

  .guide__name {
    padding-bottom: 15px;
  }

  .guide__other {
    margin: 0;
    padding-bottom: 30px;
    color: #666;
  }

  .footer__navi {
    margin-bottom: 40px;
  }

  .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: 10px;
  }

  .copyright {
    margin: 0 0 10px;
  }

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

  /* menu-list */
  .menu-list {
    margin: 10px 0 0;
    list-style-type: none;
    overflow: hidden;
  }

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

  .menu-list__link {
  //  display: table;
    padding: 0 0 0 10px;
    width: 100%;
  }

  .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 {
    padding: 0;
    position: relative;
    line-height: 2.6;
  }

  /* 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;
    font-size:150%;
  }
  .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;
  }

  .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-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: 600;
    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: 10px;
    z-index: 5;
  }

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

  .rank-number {
    padding: 8px 0 0;
    background: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 50%;
    width: 40px;
    height: 32px;
    display: block;
    text-align: center;
  }

  .rank-number--sidebar {
    padding: 4px 0 0;
    width: 22px;
    height: 18px;
  }

  .rank-number-color--1 {
    background: #ffea22;
  }

  .rank-number-color--2 {
    background: #cbcbcb;
  }

  .rank-number-color--3 {
    background: #d9a300;
  }

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

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

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

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

  /* product */
  .product__section {
    margin-bottom: 100px;
  }
  .product__section h2 {
    border-bottom: none;
    font-size: 22px;
  }

  .product__explain {
    padding-bottom: 30px;
    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 10px;
  }

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

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

  .product__guide {
    padding: 0 0;
  }

  .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: 20px;
    height: 15px;
    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: 20px;
    border-bottom: 3px solid #ddd;
    font-size: 16px;
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
  }

  .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-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--lg {
  }

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

  .chatch {
   color:#779e00;
  }

  #sidebar li {
   list-style-type: none;
  }

  .col .seal {
      display: inline-block;
      max-width: 50%;
  }


  .clearfix::before, .clearfix::after, .btn-dropdown::before, .btn-dropdown::after {
      content: "";
      display: table;
      line-height: 0;
  }
  .clearfix::after, .btn-dropdown::after {
      clear: both;
  }
  .clearfix::before, .clearfix::after, .btn-dropdown::before, .btn-dropdown::after {
      content: "";
      display: table;
      line-height: 0;
  }
  .footer {
      background: rgba(0, 0, 0, 0) url("https://img21.shop-pro.jp/PA01393/540/etc/footer_bg.jpg?cmsp_timestamp=20170629163924") repeat scroll;
      clear: both;
      /*display: inline-block;*/
      margin: 0;
      padding: 30px 0;
      text-align: center;
      width: 100%;
      line-height:2;
  }

  .box-image {
      margin-bottom:30px;
    font-size:18px;
  }

  h2 {
   color:#779e00;
   font-size:1.1em;
  }

  h3 {
  padding: 0 0 0 10px;
  }

  h3 strong {
   color:#779e00; 
    font-size:80%;
  }

  .sub_main {
   width: 100vw; 
  }

  /////////////////////////////////////////////////////////
  /* サイドオープン時にメインコンテンツを覆う部分 */
  .overlay {
    content: '';
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 3;
  }
  .overlay::after {
    visibility: hidden;
    position: fixed;
    top: 40%;
    left: 0;
    display: block;
    width: 100%;
    height: 50px;
    color: rgba(255,255,255,0);
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  .side-open .overlay {
    visibility: visible;
    cursor: pointer;
    background: rgba(0,0,0,.7);
  }

  .side-open .overlay::after {
    visibility: visible;
    color: rgba(255,255,255,.8);
  }

  /* サイドメニュー ※リストのスタイルは省略 */
  .side-menu {
      background: #000 none repeat scroll 0 0;
      font-size: 13px;
      right: 0;
      text-align: left;
      top: 0;
      width: 300px;
      z-index: 1;
    //direction: rtl;
      height: 100%;
      overflow-y: scroll;
      overflow: auto;
      position: fixed;
      transition: left 0.3s ease 0.3s;
    display:block;
  }

  .side-menu ul {
   height: 28%;
   -webkit-overflow-scrolling: touch;
  }

  .side-menu a {
      color: #fff;
      padding: 0 20px;  
  }

  /* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
  .side-menu-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    z-index: 4;
  }

  /* メインコンテンツ */
  .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 15px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 2;
    overflow:hidden;
  }

  /* サイドメニューオープン */
  .side-open .wrapper,
  .side-open .overlay {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
    opacity: 0.3;
  }

  /* --------------------------------------------------- ellipsis btn */
  .side-menu-btn {
      position: fixed;
      top: 20px;
      right: 0px;
      width: 40px;
      height: 40px;
      padding: 5px;
      cursor: pointer;
      z-index: 4;
  }

  .ellipsis-v {
      position: relative;
      display: block;
      cursor: pointe;
      width: 40px;
      height: 20px;
  }

  .ellipsis-v .point {
      position: absolute;
      left: 0;
      right: 0;
      display: block;
      width: 22px;
      height: 2px;
      margin: auto;
      background: #fff;
      box-shadow: 0 0 8px 0 #161616;
      -webkit-transition: all .3s;
      transition: all .3s;
  }

  .ellipsis-v .point.top {
      top: 0;
  }

  .ellipsis-v .point.mid {
      top: 0;
      bottom: 0;
  }

  .ellipsis-v .point.bot {
      bottom: 0;
  }

  .side-menu-btn:hover .top {
      -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      transform: translateY(-2px);
  }

  .side-menu-btn:hover .bot {
      -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
      transform: translateY(2px);
  }

  .side-open .side-menu-btn:hover .top,
  .side-open .top {
      width:27px;
      height: 1px;
      background: #fff;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .side-open .mid {
      opacity: 0;
  }

  .side-open .side-menu-btn:hover .bot,
  .side-open .bot {
      width: 28px;
      height: 1px;
      background: #fff;
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  .side-open .side-menu-btn:hover .bot,
  .side-open .side-menu-btn:hover .top {
      background: #ccc;
  }

  .menu__section {
   margin:0 0 0 20px; 
  }

  .gm_menu-list__unit {
   margin:0 0 0 15px; 
  }

  .postage {
   color:#779e00;
   padding:10px;
   border: 1px solid #779e00;
   text-align:center;
   margin:10px 0 0 0;
   font-weight:600;
   clear: both;
  }

  .postage img {
  margin:0 10px;
  }

  .br {
   clear: both;
   display: inline-block;
  }

  @media (max-width: 768px) { 
  .hidden-xs {
   display:none; 
  }}

  @media (max-width: 460px) { 
  .hidden-xs_m {
   display:none; 
  }}

  .more {
   color:#779e00; 
  }

  .on_nav {
    display:none;
  }

.abroad {
      display: inline-block;
      font-size: 0.7em;
      margin: -20px 0 20px;
      text-align: center;
      width: 100%;
  }

  @media (max-width: 361px) { 
  .abroad {
      display: inline-block;
      font-size: 0.9em;
      margin: -10px 0 0;
      text-align: center;
      width: 100%;
  }}

  /****************************************************/
  .mg10 {
   margin-top:10px; 
  }

  .mg20 {
   margin-top:20px; 
  }

  .mg30 {
   margin-top:30px; 
  }

  .mg-b30 {
   margin-bottom:30px; 
  }

  @media (min-width: 460px) { 
  .visible-xs {
   display:none; 
  }}

  @media (min-width: 769px) { 
  .visible-sm {
   display:none; 
  }}

  @media (max-width: 1195px) { 
  .hidden-drw {
   display:none; 
  }}

  @media (min-width: 1195px) { 
  .visible-drw {
   display:block; 
  }}

  @media (min-width: 1196px) { 
  .visible-drw {
   display:none; 
  }}


  body,.wrapper {
    font-size: 20px;
  }

  @media (max-width: 769px) { 
      body,.wrapper {
    font-size: 16px;
  }
}