@charset "UTF-8";
#page-wrapper {
  position: relative;
}

.container {
    max-width:1160px;
}

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 {
  border: 1px solid #ccc;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}

body {
  /*color: #464e54;*/
  color: #000;
  /*background-color: #fff;*/
  background-image: url(https://file003.shop-pro.jp/PA01435/171/background-image.png);
  background-size:100%;
  font-size:18px;
}

a {
  color: #555555;
}

a:hover {
  color: #888888;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}


.ttl-h2 {
  padding: 0.5em;/*文字周りの余白*/
  background:#ffffff;
  border-bottom: solid 3px #009900;/*下線*/
  position: relative;
  margin: 30px 0;
  text-align: center;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.ttl-h2-news {
  border-bottom:solid 5px #009900;
  border-left:solid 20px #009900;
  font-size: 24px;
  font-weight:bold;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
  margin: 30px 0;
  padding: 10px;
}

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-01 {
  border: 1px solid #b2a487;
  background-color: #b2a487;
  color: #fff;
  background-color: #b2a487;
}


.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
  border: 1px solid #ccbc9b;
  background-color: #ccbc9b;
  color: #fff;
  background-color:#ccbc9b;
}

.product-order-num input {
  border-color: #b2a487;
}

.font-mincho {
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}





/*
 * icon
 */
.icon-b,
.icon-w {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -.11em;
  *display: inline;
  *zoom: 1;
}

.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_b.png);
}

.icon-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_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 (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), 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/77/icon16_2x_b.png);
  }

  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_2x_w.png);
  }

  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_b.png);
  }

  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_w.png);
  }
}
.icon-cart {
  background-position: -176px -64px;
}

.icon-user {
  background-position: -208px -0px;
}

.icon-adduser {
  background-position: -240px -0px;
}

.icon-logout {
  background-position: -32px -80px;
}

.icon-login {
  background-position: -48px -80px;
}

/* icon large */
.icon-twitter {
  background-position: -144px -264px;
}

.icon-facebook {
  background-position: -192px -264px;
}

.icon-instagram {
  background-position: -168px -288px;
}

.icon-mail {
  background-position: -96px -0px;
}

.icon-lg-w.icon-cart {
  background-position: -264px -96px;
}

.icon-lg-w.icon-chevron_up {
  background-position: -0px -216px;
}

.icon-lg-w.icon-plus {
  background-position: -312px -120px;
}

.icon-lg-w.icon-minus {
  background-position: -288px -120px;
}

.icon-lg-b,
.icon-lg-w {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  position: relative;
  top: -.1em;
  *display: inline;
  *zoom: 1;
}

.icon-lg-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_b.png);
}

.icon-lg-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_w.png);
}

.content-wrap {
  clear:both;
  max-width: 1160px;
  margin: 20px auto;
  overflow:hidden;
}

/*
 * header
 */
#header-wrapper {
  margin-bottom: 1.5em;
  overflow: hidden;
}

/*header-topgroup*/

#header-topgroup{
    max-width:1160px;
  margin: auto;
}

#header-topgroup h1{
  float: left;
}

#header-topgroup .head-site-title{
  height: 100px;
  float: left;
  margin: 60px 10px;
}

#header-topgroup .head-links{
  float: right;
}

/*header-sub-links*/

.header-sub-links{
  float:right;
  margin: 70px 10px 60px;
}

.header-sub-links ul{
  list-style-type: none;
  font-size: 18px;
}

.header-sub-links ul li a{
  color: #003300;
  text-decoration: underline;
}

.header-sub-links ul li a:hover{
  color: #009900;
}

.header-line-nav .header-link {
  float: right;
  padding: 0;
}

.header-link a:hover {
  text-decoration: none;
  /*opacity: 0.7;*/
}

/* header-line-nav */
.header-line-nav li {
  margin-left: 1px;
}

.header-line-nav a {
  font-size: 12px;
  padding: .6em 1em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.header-line-nav i {
  top: -0.2em;
  margin-right: .3em;
}

.btn-viewcart {
  padding: 1px 15px 0 13px;
}

/* header logo */
/*.shop-name {
  clear: both;
  margin: 2em 0;
  text-align: center;
  font-size: 24px;
}

.shop-description {
  font-size: 12px;
  font-weight: normal;
  color: #464e54;
}*/

/* header global nav */
#header-global-nav {
  background-color: #009900;
  clear:both;
  margin: 1.8em 0 0;
  text-align: center;
  font-size: 18px;
  padding: 10px 0px;
}

#header-global-nav li {
  margin: 0;
  /*padding: 0 1.5em;*/
  padding:0px;
  /*border-right: 1px solid #b2a487;*/
}

#header-global-nav li:first-child {
  /*border-left: 1px solid #b2a487;*/
}

/*ul.navigation*/
ul.navigation{
  overflow: hidden;
  margin: 0px auto;
  width:100%;
      max-width:1160px;
}

ul.navigation li{
  display: block;
  width: 100%;
max-width:190px;
  float: left;
  border-right: 1px solid #fff;
  list-style-type: none;
    height:60px;
}

ul.navigation li:first-child {
  border-left: 1px solid #fff;
}

li.nav-home-button a{
  display: block;
  height:60px;
  text-indent: -9999px;
  background-image: url(https://file003.shop-pro.jp/PA01435/171/nav-button01.png);
  background-position: center;
  background-repeat: no-repeat;
}

li.nav-home-button a:hover{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/nav-button01-h.png);
}

li.nav-michikusa-button a{
  display: block;
  height:60px;
  text-indent: -9999px;
  background-image: url(https://img21.shop-pro.jp/PA01435/171/etc/nav-button02.png?cmsp_timestamp=20200531101037);
  background-position: center;
  background-repeat: no-repeat;
}

li.nav-michikusa-button a:hover{
  background-image: url(https://img21.shop-pro.jp/PA01435/171/etc/nav-button02-h.png?cmsp_timestamp=20200531101055);
}

li.nav-tano-button a{
  display: block;
  height:60px;
  text-indent: -9999px;
  background-image: url(https://file003.shop-pro.jp/PA01435/171/nav-button03.png);
  background-position: center;
  background-repeat: no-repeat;
}

li.nav-tano-button a:hover{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/nav-button03-h.png);
}

li.nav-dekon-button a{
  display: block;
  height:60px;
  text-indent: -9999px;
  background-image: url(https://img21.shop-pro.jp/PA01435/171/etc/nav-button04.png?cmsp_timestamp=20200321163713);
  background-position: center;
  background-repeat: no-repeat;
}

li.nav-dekon-button a:hover{
  background-image: url(https://img21.shop-pro.jp/PA01435/171/etc/nav-button04-h.png?cmsp_timestamp=20200321163609);
  
  
}

li.nav-tanaka-button a{
  display: block;
  height:60px;
  text-indent: -9999px;
  background-image: url(https://file003.shop-pro.jp/PA01435/171/nav-button05.png);
  background-position: center;
  background-repeat: no-repeat;
}

li.nav-tanaka-button a:hover{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/nav-button05-h.png);
}

li.nav-shop-button a{
   display: block;
  height:60px;
  text-indent: -9999px;
  background-image: url(https://img21.shop-pro.jp/PA01435/171/etc/nav-button06.png?cmsp_timestamp=20200525104429);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

li.nav-shop-button a:hover{
  background-image: url(https://img21.shop-pro.jp/PA01435/171/etc/nav-button06-h.png?cmsp_timestamp=20200525104438);
}


/* incart delivery */
.incart-delivery {
  float: right;
}

.incart-delivery ul {
  margin: 0;
  padding: 10px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d9edf7;
  color: #31708f;
  list-style: none;
  font-size: 12px;
}

/*
 * product list
 */
.prd-lst-unit {
  margin-bottom: 60px;
  padding: 0 10px;
  text-align: center;
}

.prd-lst-unit a:hover {
  text-decoration: none;
}

.unit-box {
  margin: 10px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #b2a487;
  -webkit-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
  box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
}

.prd-lst-img {
  display: block;
  margin: 0 auto 1em;
}

.prd-lst-span {
  display: block;
  margin: .3em 0;
  font-size: 12px;
}

.prd-lst-name {
  font-size: 14px;
}

.prd-lst-price {
  color: #f50505;
  font-size: 16px;
  font-weight: bold;
}

.prd-lst-regular {
  text-decoration: line-through;
}

.prd-lst-discount {
  color: #b81717;
}

/* product list sort */
.prd-lst-sort {
  margin: 3em 0;
  color: #888;
  text-align: center;
  font-size: 12px;
}

/* prduct list pager */
.prd-lst-pager {
  text-align: center;
}

.prd-lst-pos b {
  font-size: 18px;
  font-weight: normal;
}

/*
 * product
 */
.product-image-thumb img {
  border: 2px solid #fff;
}

.thumb-active img {
  border: 2px solid #b2a487;
}

.set {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
width:100%;
}
.set th {
padding: 10px;
font-weight: bold;
color: #ffffff;
background:#009900;
}


/*
 * footer
 */
#footer-wrapper {
  padding-top: 3em;
  background: #009900;
}

.company-name{
  max-width:350px;
  float: left;
}

.company-name p{
  color: #fff;
  font-size: 24px;
}

.footer-navi-link{

  float: right;
  overflow: hidden;
}

.footer-navi-link ul{
  font-size: 18px;
  list-style: none;
}

.footer-navi-link ul li{
  float: left;
  margin: 10px;
}

.footer-navi-link ul li a{
  color: #fff;
}

.footer-navi-link ul li a:hover{
  color: #fff370;
  text-decoration: none;
}

/*.footer-primary {
  border-right: 1px solid #fff;
}*/

/* footer nav 
.footer-nav {
  list-style: none;
  margin: 0;
}

.footer-nav li {
  margin: .8em 0;
}

.footer-primary {
  padding: .3em 0;
}

.footer-primary li {
  margin-right: 25px;
  margin-left: 5px;
}

.footer-primary a {
  color: #fff;
}

.freepage-nav {
  margin-right: 10%;
  margin-bottom: 1.5em;
  padding-bottom: .8em;
  border-bottom: 1px solid #fff;
}

.footer-secondary {
  padding: .3em 0;
  font-size: 12px;
}

.footer-secondary li {
  margin-left: 10%;
}

.footer-secondary li:before {
  margin-right: 4px;
  color: #fff;
  content: "-";
}

.footer-secondary a {
  color: #fff;
}*/

/* social icon */
.social-nav {
  text-align: center;
  margin: 2em 0;
}

/* copyright */
.copyright {
  clear:both;
  padding: 3em 0 2em;
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

.powered {
  display: block;
  margin: .5em auto 0;
  width: 180px;
  height: auto;
}

/* pagetop */

#pagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
}

.btn-pagetop {
  display: block;
  padding: .7em 2em;
}

#pagetop2 {
  text-align: right;
  padding: 100px 10px 20px 0px;
}

/*free-page*/

h2.grouppage-title{
  padding: 5px 0px 5px 45px;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top:30px;
  margin-bottom:20px;
}

h2.page-title1{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/icon-michi40.png);
  background-repeat: no-repeat;
  background-position: left;
}

h2.page-title2{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/icon-tano40.png);
  background-repeat: no-repeat;
  background-position: left;
}

h2.page-title3{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/icon-decon40.png);
  background-repeat: no-repeat;
  background-position: left;
}

h2.page-title4{
  background-image: url(https://file003.shop-pro.jp/PA01435/171/icon-tanaka40.png);
  background-repeat: no-repeat;
  background-position: left;
}

h2.grouppage-title img{
  max-width: auto;
  margin: 4px 2px 0px 0px;
}

h3.h3-page-title1{
  border-bottom:solid 5px #ff0000;
  border-left:solid 20px #ff0000;
  clear: both;
  font-size: 24px;
  font-weight:bold;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
  margin: 80px 0 30px 0px;
  padding: 10px;
}

h3.h3-page-title2{
  border-bottom:solid 5px #0033ff;
  border-left:solid 20px #0033ff;
  clear: both;
  font-size: 24px;
  font-weight:bold;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
  margin: 80px 0 30px 0px;
  padding: 10px;
}

h3.h3-page-title3{
  border-bottom:solid 5px #0099ff;
  border-left:solid 20px #0099ff;
  clear: both;
  font-size: 24px;
  font-weight:bold;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
  margin: 80px 0 30px 0px;
  padding: 10px;
}

h3.h3-page-title4{
  border-bottom:solid 5px #33cc00;
  border-left:solid 20px #33cc00;
  clear: both;
  font-size: 24px;
  font-weight:bold;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
  margin: 80px 0 30px 0px;
  padding: 10px;
}

h3.h3-page-title1 img,
h3.h3-page-title2 img,
h3.h3-page-title3 img,
h3.h3-page-title4 img{
  max-width: auto;
  margin: 4px 2px 0px 0px;
}

/*michikusa img*/

.michi-top-img{
  overflow: hidden;
  margin: 20px 0px 80px;
}

.m-topimg{
  float: left;
  margin: 10px 0px;
  max-width:49%;
}

.m-topimg img{
  width: 100%;
}

.m-top-margin{
  margin-right: 2%;
}

/*page-tano img*/

.tano-top-img{
  overflow: hidden;
  margin: 20px 0px 80px;
}

.t-topimg{
  float: left;
  margin: 10px 0px;
  max-width:49%;
}

.t-topimg img{
  width: 100%;
}

.t-top-margin{
  margin-right: 2%;
}

/*page-decon img*/

.decon-top-img{
  overflow: hidden;
  margin: 20px 0px 80px;
}

.d-topimg{
  float: left;
  margin: 10px 0px;
  max-width:49%;
}

.d-topimg img{
  width: 100%;
}

.d-top-margin{
  margin-right: 2%;
}

/*page-tanaka img*/

.tanaka-top-img{
  overflow: hidden;
  margin: 20px 0px 80px;
}

.ta-topimg{
  float: left;
  margin: 10px 0px;
  max-width:49%;
}

.ta-topimg img{
  width: 100%;
}

.ta-top-margin{
  margin-right: 2%;
}

/*michikusa table*/

.michi-table{
  margin: 0px 0px 80px 0px;
}
/*
.michi-table table{
  width: 100%;
  margin: 20px 0px;
}

.michi-table table tr{
  height: 50px;
  font-size: 16px;
}

.michi-table table td{
  border: 1px solid #6e6e6e;
  border-collapse: collapse;
  background-color: #fff2f2;
  padding: 10px;
}

.michi-table table td.michi-table-title{
  width: 20%;
  background-color: #ffced6;
}
*/
.michi-copy{
  margin: 0px 0px 80px 0px;
}

.michi-copy p{
  font-size: 22px;
  line-height: 1.8;
}

/*tano-table*/

/*.tano-table{
  margin: 0px 0px 80px 0px;
}

table.tano-table {
  width: 100%;
  margin: 20px 0px;
}

.tano-table table tr{
  height: 50px;
  font-size: 16px;
}

.tano-table table td{
  border: 1px solid #6e6e6e;
  border-collapse: collapse;
  background-color: #f2f6ff;
  padding: 10px;
}

.tano-table table td.tano-table-title{
  width: 20%;
  background-color: #cfd2ff;
}

.tano-table table td.tano-table-title2{
  width:100%;
  border-top: 2px solid #6e6e6e;
  background-color: #cfd2ff;
  text-align: center;
}

*/


/*decon table*/

.decon-table{
  margin: 0px 0px 80px 0px;
}

/*.decon-table table{
  width: 100%;
  margin: 20px 0px;
}

.decon-table table tr{
  height: 50px;
  font-size: 16px;
}

.decon-table table td{
  border: 1px solid #6e6e6e;
  border-collapse: collapse;
  background-color: #f2fcff;
  padding: 10px;
}

.decon-table table td.decon-table-title{
  width: 20%;
  background-color: #cff6ff;
}

.decon-bento-group h4,
.decon-bento-group-l h4{
  font-size: 22px;
  margin: 20px 20px 10px;
}*/

/*tanaka table*/

.tanaka-table{
  margin: 0px 0px 80px 0px;
}
/*
.tanaka-table table{
  width: 100%;
  margin: 20px 0px;
}

.tanaka-table table tr{
  height: 50px;
  font-size: 16px;
}

.tanaka-table table td{
  border: 1px solid #6e6e6e;
  border-collapse: collapse;
  background-color: #fbfff2;
  padding: 10px;
}

.tanaka-table table td.tanaka-table-title{
  width: 20%;
  background-color: #dcf5c0;
}

.tanaka-table2{
  margin: 0px 30px;
}

td.tanaka-table-title2{
  width: 110px;
}
*/
.tanaka-copy{
  margin: 0px 0px 80px 0px;
}

.tanaka-copy p{
  font-size: 18px;
  line-height: 1.8;
  margin: 0px 30px;
}



p.tanaka-name{
  text-align: right;
}


/*michikusa-kodawari*/
.kodawari-group{
  display: block;
  max-width:570px;
  height: 580px;
  width: 100%;
  float: left;
}

.kodawari-group-l{
  display: block;
  max-width:570px;
  height: 580px;
  width: 100%;
  float: left;
  margin-right: 20px;
}

.kodawari-group h4,
.kodawari-group-l h4{
  font-size: 22px;
  margin: 20px 20px 10px;
}

.kodawari-group p,
.kodawari-group-l p{
  margin: 0px 20px;
}

.kodawari-group p,
.kodawari-group-l p{
  margin: 0px 20px;
}

/*tano-kodawari*/

.tano-kodawari-group{
  display: block;
  max-width:570px;
  height: 610px;
  width: 100%;
  float: left;
}

.tano-kodawari-group-l{
  display: block;
  max-width:570px;
  height: 610px;
  width: 100%;
  float: left;
  margin-right: 20px;
}

.tano-kodawari-group h4,
.tano-kodawari-group-l h4{
  font-size: 22px;
  margin: 20px 20px 10px;
}

.tano-kodawari-group p,
.tano-kodawari-group-l p{
  margin: 0px 20px;
}

.tano-kodawari-group p,
.tano-kodawari-group-l p{
  margin: 0px 20px;
}

/*decon-kodawari*/
.decon-kodawari-group{
  display: block;
  max-width:570px;
  height: 480px;
  width: 100%;
  float: left;
}

.decon-kodawari-group-l{
  display: block;
  max-width:570px;
  height: 480px;
  width: 100%;
  float: left;
  margin-right: 20px;
}

.decon-kodawari-group h4,
.decon-kodawari-group-l h4{
  font-size: 22px;
  margin: 20px 20px 10px;
}

p.decon-kodawari-undercopy{
  display: block;
  clear: both;
  font-size: 22px;
  margin: 0px 20px 50px 20px;
}

.decon-kodawari2{
  display: block;
  margin: 0px 0px 50px 0px;
  overflow: hidden;
}

.d-kodawari2-img{
  display: block;
  float: left;
  max-width:570px;
  width: 100%;
  margin: 0px 20px 0px 0px;
}

.d-kodawari2-img img{
  width: 100%;
}

.decon-kodawari2 p{
  max-width: 560px;
    width: 100%;
    float: left;
    font-size: 22px;
    margin: 20px 0px;
}

/*decon-bento*/

.decon-bento{
  display: block;
  overflow: hidden;
  max-width:860px;
  margin: auto;
  width: 100%;
}

.decon-bento-group{
  display: block;
  max-width:380px;
  height: 520px;
  width: 100%;
  float: left;
}

.decon-bento-group-l{
  display: block;
  max-width:380px;
  height: 520px;
  width: 100%;
  float: left;
  margin-right: 100px;
}

.decon-bento-group p,
.decon-bento-group-l p{
  margin: 0px 20px;
}

/*tanaka-ichioshi*/
.tanaka-ichioshi{
  clear:both;
  display: block;
  margin: 0px 0px 50px 0px;
  overflow: hidden;
}

.ta-ichioshi-img{
  display: block;
  float: left;
  max-width:570px;
  width: 100%;
  margin: 0px 20px 0px 0px;
}

.ta-ichioshi-img img{
  width: 100%;
}

.yagura-text{
  max-width: 560px;
    width: 100%;
    float: right;
}

.yagura-text h4,
.ta-tsukemono-text h4{
  font-size: 22px;
  margin: 20px 0px 10px;
}

.yagura-text p{
  margin: 20px 0px;
}

.ta-tsukemono-text{
  max-width: 560px;
  width: 100%;
  float: right;
}



/*michi-event*/

.michi-event{
  display: block;
  background-color: #fff8fb;
  margin-bottom: 100px;
  overflow: hidden;
  padding: 20px 0px 50px;
}


.me-left-img{
  float: left;
  max-width: 580px;
  width: 100%;
}

.me-right-img{
  float: right;
  max-width: 580px;
  padding-top: 30px;
  width: 100%;
}

.fb-button{
  clear: both;
  display: block;
  padding-top: 100px;
}





@media (max-width:1160px;) {
  
  .container {
    max-width:1160px;
    /*width: 95%;*/
  }
  
  #header-logo{
    width: 30%;
  }

  #header-logo img{
    width: 100%;
  }

  .head-site-title{
    width:35%;
  }

  .head-site-title img{
    width: 100%;
  }

  ul.navigation li{
    width:19.8%;
    height:60px;
    float: left;
  }

  ul.navigation li:first-child {
    border-left:0px;
  }

  ul.navigation li:last-child {
    border-right:0px;
  }

  li.nav-home-button a,
  li.nav-michikusa-button a,
  li.nav-tano-button a,
  li.nav-dekon-button a,
  li.nav-tanaka-button a,
  li.nav-shop-button a
  {
    background-size: 100%;
  }
  
/*max1160 michikusa-kodawari-groups*/
  .kodawari-group{
    max-width:48%;
    height: 540px;
    width: 100%;
    float: left;
  }

  .kodawari-group-l{
    display: block;
    max-width:48%;
    height: 540px;
    width: 100%;
    float: left;
    margin-right: 2em;
  }
  
/*max1160 tano-kodawari-groups*/
.tano-kodawari-group{
  max-width:48%;
  width: 100%;
  float: left;
}

.tano-kodawari-group-l{
  display: block;
  max-width:48%;
  width: 100%;
  float: left;
  margin-right: 2em;
}
  
 /*max1160 decon-kodawari-groups*/
.decon-kodawari-group{
  max-width:48%;
  width: 100%;
  height:430px;
  float: left;
}

.decon-kodawari-group-l{
  display: block;
  max-width:48%;
  width: 100%;
  height:430px;
  float: left;
  margin-right: 2em;
}
  
.d-kodawari2-img{
  display: block;
  float: left;
  max-width:48%;
  width: 100%;
  margin: 0px 20px 0px 0px;
}

.decon-kodawari2 p{
  max-width: 48%;
    width: 100%;
    float: left;
    font-size: 22px;
    margin: 20px 0px;
}
  
/*max1160 tanaka-ichioshi*/
  
.yagura-text h4,
.ta-tsukemono-text h4{
  font-size: 22px;
  margin: 10px 0px 10px;
}

.ta-ichioshi-img{
  display: block;
  float: left;
  max-width:45%;
  width: 100%;
  margin: 0px 20px 0px 0px;
}

.yagura-text,
.ta-tsukemono-text{
  max-width: 52%;
    width: 100%;
    float: right;
    font-size: 18px;
    margin: 0px 0px 20px;
}
  
  
 /*michi-event*/

  .me-left-img{
    float: left;
    max-width:49%;
    width: 100%;
  }

  .me-right-img{
    float: right;
    max-width:49%;
    padding-top: 1em;
    width: 100%;
  }

}

@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }

  .container {
    max-width: 900px;
    width: 90%;
  }
  
/*max980 michikusa-kodawari-groups*/
  .kodawari-group{
    max-width:48%;
    height: 480px;
    width: 100%;
    float: left;
  }

  .kodawari-group-l{
    display: block;
    max-width:48%;
    height: 480px;
    width: 100%;
    float: left;
    margin-right: 1.5em;
  }
  
/*max980 decon-kodawari-groups*/

    .decon-kodawari-group{
      max-width:48%;
      width: 100%;
      height: 380px;
      float: left;
    }

    .decon-kodawari-group-l{
      display: block;
      max-width:48%;
      width: 100%;
      height: 380px;
      float: left;
      margin-right: 1.5em;
    }
  
 /*max980 decon-bento*/

.decon-bento-group{
  display: block;
  max-width:46%;
  height: 480px;
  width: 100%;
  float: left;
}

.decon-bento-group-l{
  display: block;
  max-width:46%;
  height: 480px;
  width: 100%;
  float: left;
  margin-right:2em;
}

.decon-bento-group p,
.decon-bento-group-l p{
  margin: 0px 20px;
}
  
}

@media (max-width: 768px) {
  
  #header-wrapper {
    margin-top:1em;
    margin-bottom: 1em;
  }
  
  #header-topgroup h1{
    float:none;
  }

  #header-topgroup .head-site-title{
    display: block;
    float: none;
    max-width:390px;
    width:90%;
    margin:10px auto;
  }

  .head-site-title img{
    width: 100%;
  }

  #header-topgroup .head-links{
    float: none;
  }

  #header-logo{
    display: block;
    width:300px;
    margin: auto;
  }

  #header-logo img{
    width: 100%;
  }
  
  /*header-sub-links*/

  .header-sub-links{
    float: none;
    margin: 20px auto 0px auto;
    overflow: hidden;
    max-width:380px;
  }

  .header-sub-links ul{
    list-style-type: none;
    font-size: 18px;
  }

  .header-sub-links ul li{
    float: left;
    margin: 10px;
  }
  
  #wrapper {
    padding-top: 3.5em;
  }
  
  #container{
    margin-top: 20px;
  }

  .container {
    width: auto;
  }

  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #fff;
    background-color: #009900;
  }

  .header-dropdown.affix {
    position: fixed;
  }

  .header-dropdown .dropdown-nav li {
    border-bottom: 1px solid #fff;
    text-align: center;
  }

  .header-dropdown .dropdown-nav a {
    display: block;
    padding: 10px;
  }

  .header-dropdown .btn-dropdown {
    padding-left: 34px;
    font-size: 22px;
    line-height: 1.6;
    color: #fff;
    /*background: #b2a487;*/
    background-color:#009900;
    padding-top:15px;
    padding-bottom:15px;
  }

  .header-dropdown .btn-dropdown-close {
    opacity: 0.8;
  }

  .header-dropdown .btn-dropdown i {
    top: 0;
  }

  .view-cart {
    position: static;
  }

  .view-cart a {
    background-color: #b2a487;
    color: #fff;
  }

  .incart-delivery {
    padding-top: 20px;
    float: none;
  }

  .prd-lst-sort {
    font-size: 14px;
  }

  .footer-primary,
  .footer-secondary {
    padding: 0;
    border: none;
  }

  .footer-nav {
    margin: 0;
    padding: 0;
    border-bottom: 3px double #fff;
  }

  .footer-primary .footer-nav:first-child {
    border-top: 3px double #fff;
  }

  .footer-nav li {
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #fff;
  }

  .footer-nav li:first-child {
    border-top: none;
  }

  .footer-nav li:before {
    display: none;
  }

  .footer-nav a {
    display: block;
    padding: 1em;
    color: #fff;
  }

  .footer-nav a:hover {
    text-decoration: none;
  }

  .icon-b,
  .icon-w {
    display: inline-block;
    width: 24px;
    height: 24px;
    *display: inline;
    *zoom: 1;
  }

  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_b.png);
  }

  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_w.png);
  }

  .icon-cart {
    background-position: -264px -96px;
  }

  .icon-list {
    background-position: -288px -144px;
  }

  .icon-chevron_thin_up {
    background-position: -192px -216px;
  }
  
  h3.h3-page-title1{
    margin: 50px 0 30px 0px;
  }

  h3.h3-page-title2{
    margin: 50px 0 30px 0px;
  }

  h3.h3-page-title3{
    margin: 50px 0 30px 0px;
  }

  h3.h3-page-title4{
    margin: 50px 0 30px 0px;
  }
  
  /*max768 michi-img*/

  .michi-top-img{
    margin: 20px 0px 50px;
  }

    /*max768 tano-img*/

  .tano-top-img{
    margin: 20px 0px 50px;
  }

    /*max768 decon-img*/

  .decon-top-img{
    margin: 20px 0px 50px;
  }

    /*max768 tanaka-img*/

  .tanaka-top-img{
    margin: 20px 0px 50px;
  }
  
  /*max768 michi-copy*/

  .michi-copy{
    margin: 0px 0px 50px 0px;
  }

  /*max768 tano-copy*/

  .tano-copy{
    margin: 0px 0px 50px 0px;
  }

  /*max768 decon-copy*/

  .decon-copy{
    margin: 0px 0px 50px 0px;
  }

  /*max768 tanaka-copy*/

  .tanaka-copy{
    margin: 0px 0px 50px 0px;
  }
  
  /*max768 michikusa table*/

  .michi-table{
    margin: 0px 0px 50px 0px;
  }

  /*max768 tano table*/

  .tano-table{
    margin: 0px 0px 50px 0px;
  }

  /*max768 decon table*/

  .decon-table{
    margin: 0px 0px 50px 0px;
  }

  /*max768 tanaka table*/

  .tanaka-table{
    margin: 0px 0px 50px 0px;
  }
  
    /*max768 michikusa-kodawari-groups*/
  .kodawari-group{
    max-width:48%;
    height: 450px;
    width: 100%;
  }

  .kodawari-group-l{
    display: block;
    max-width:48%;
    height: 450px;
    width: 100%;
    float: left;
    margin-right:1em;
  }
  
  /*max768 tano-kodawari-groups*/
  .tanokodawari-group{
    max-width:48%;
    height: 600px;
    width: 100%;
  }

  .tano-kodawari-group-l{
    display: block;
    max-width:48%;
    height: 600px;
    width: 100%;
    float: left;
    margin-right:1em;
  }
  
/*max768 decon-kodawari-groups*/
.decon-kodawari-group{
  max-width:48%;
  height: 330px;
  width: 100%;
}

.decon-kodawari-group-l{
  display: block;
  max-width:48%;
  height: 330px;
  width: 100%;
  float: left;
  margin-right:1em;
}
  
  /*tanaka-ichioshi*/

.tanaka-ichioshi{
  display: block;
  max-width:90%;
  height: auto;
  width: 100%;
  margin: auto;
  float:none;
  margin:10px auto 20px auto;
}
  
 .yagura-text h4,
.ta-tsukemono-text h4{
  font-size: 22px;
  margin: 20px 0px 10px;
}

.ta-ichioshi-img{
  display: block;
  float: none;
  max-width:570px;
  width: 100%;
  margin: auto;
}

.yagura-text,
.ta-tsukemono-text{
  display: block;
  float: none;
  max-width: 90%;
  width: 100%;
  margin: 20px auto;
}
  
}
@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 (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min--moz--device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b,
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_b.png);
  }

  .icon-w,
  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_w.png);
  }

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

}

@media (max-width: 480px) {
  
  #header-topgroup .head-site-title{
    max-width:75%;
    width:100%;
    height: auto;
  }

  .head-site-title img{
    width: 100%;
  }

  #header-topgroup .head-links{
    float: none;
  }

  #header-logo{
    display: block;
    max-width: 70%;
    width:100%;
    margin: auto;
  }

  #header-logo img{
    width: 100%;
  }
  
  /*header-sub-links*/

  .header-sub-links{
    float: none;
    margin: 10px auto 0px auto;
    overflow: hidden;
    max-width:380px;
  }

  .header-sub-links ul{
    list-style-type: none;
    font-size: 18px;
  }

  .header-sub-links ul li{
    float: left;
    margin: 5px;
  }
  
  
  .prd-lst-unit {
    margin-bottom: 30px;
    height: auto !important;
  }
  
    h2.grouppage-title{
    padding: 5px 0px 5px 45px;
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  
  
 
/*max480 michi-top-img*/

.michi-top-img{
  margin: 20px 0px 40px;
}

  .m-topimg{
    display: block;
    float:none;
    margin: 20px auto;
    max-width:100%;
    width: 100%;
  }

  .m-topimg img{
    width: 100%;
  }

  .m-top-margin{
    margin-right:none;
  }
  
 /*max480 tano-top-img*/

  .tano-top-img{
    margin: 20px 0px 40px;
  }

    .t-topimg{
      display: block;
      float:none;
      margin: 20px auto;
      max-width:100%;
      width: 100%;
    }

    .t-topimg img{
      width: 100%;
    }

    .t-top-margin{
      margin-right:none;
    }

  
/*max480 decon-top-img*/

    .decon-top-img{
      margin: 20px 0px 40px;
    }

      .d-topimg{
        display: block;
        float:none;
        margin: 20px auto;
        max-width:100%;
        width: 100%;
      }

      .d-topimg img{
        width: 100%;
      }

      .d-top-margin{
        margin-right:none;
      }

/*max480 tanaka-top-img*/

  .tanaka-top-img{
    margin: 20px 0px 40px;
  }

  .ta-topimg{
    display: block;
    float:none;
    margin: 20px auto;
    max-width:100%;
    width: 100%;
    }

  .ta-topimg img{
    width: 100%;
  }

  .ta-top-margin{
    margin-right:none;
  }


  /*max480 michikusa-table*/

  .michi-table table td{
    width:90%;
    display: block;

  }

  .michi-table table td.michi-table-title{
    width:90%;
    display: block;
  }
  
  /*max480 tano-table*/

  .tano-table table td{
    width:90%;
    display: block;
    padding: 12px;
  }

  .tano-table table td.tano-table-title{
    width:90%;
    display: block;
  }

  .tano-table table td.tano-table-title2{
    width:90%;
    display: block;
  }

  /*max480 decon-table*/

  .decon-table table td{
    width:90%;
    display: block;

  }

  .decon-table table td.decon-table-title{
    width:90%;
    display: block;
  }

  /*max480 tanaka-table*/

  .tanaka-table table td{
    width:90%;
    display: block;

  }

  .tanaka-table table td.tanaka-table-title{
    width:90%;
    display: block;
  }
  
  .tanaka-table2 td{
  display: block;
}

.tanaka-table2 td.tanaka-table-title2{
  width: 90%;
  display: block;
}
  
  
/*max480 michikusa-kodawari-groups*/
  .kodawari-group{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    margin: auto;
    float:none;
    margin:10px auto 20px auto;
  }

  .kodawari-group-l{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    float:none;
    margin:10px auto 20px auto;
  }
  
  /*max480 tano-kodawari-groups*/
  .tano-kodawari-group{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    margin: auto;
    float:none;
    margin:10px auto 20px auto;
  }

  .tano-kodawari-group-l{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    float:none;
    margin:10px auto 20px auto;
  }
  
    /*max480 decon-kodawari-groups*/
  .decon-kodawari-group{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    margin: auto;
    float:none;
    margin:10px auto 20px auto;
  }

  .decon-kodawari-group-l{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    float:none;
    margin:10px auto 20px auto;
  }
  
   .decon-kodawari2{
    display: block;
    max-width:90%;
    height: auto;
    width: 100%;
    margin: auto;
    float:none;
    margin:10px auto 20px auto;
  }

 .d-kodawari2-img{
    display: block;
    float: none;
    max-width:100%;
    width: 100%;
  }

  .decon-kodawari2 p{
    display: block;
    float: none;
    max-width: 90%;
    width: 100%;
    margin: 10px auto;
  }
  
    /*max480 decon-bento*/

  .decon-bento-group{
    display: block;
    max-width:100%;
    height: auto;
    width: 100%;
    float:none;
    margin-bottom: 20px;
  }

  .decon-bento-group-l{
    display: block;
    max-width:100%;
    height: auto;
    width: 100%;
    float: none;
    margin-right:0;
    margin-bottom: 20px;
  }
  
    /*michi-event*/

  .me-left-img{
    display: block;
    margin: auto;
    float: none;
    max-width:90%;
    width: 100%;
  }

  .me-right-img{
    display: block;
    margin: auto;
    float:none;
    max-width:90%;
    padding-top:none;
    width: 100%;
  }
  
  
}
/* IE�� */
.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}

h1.naiyo {
     padding:4px;
     margin:40px 0px 0px;
     border: 1px solid #009900;
     border-radius:5px;
     background:#fff;
  font-size: 22px;
}
 
.naiyo div {
  margin-bottom: 50px;

}

.naiyo th,td{
    display: block;
    width: 96%; 
    }
    
.naiyo th {
    padding: 0.2em;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    background: #009900;
    color : #ffffff;
}
   

.naiyo td {
    padding: 0.5em;
    margin:0 auto 0.6em;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}

/* PC用：768px以上の場合 */
@media(min-width:768px) {
.naiyo table {
    max-width: 700px;
    margin: 0 auto;
    border: 1px solid #fff;
}

.naiyo th {
    display: table-cell;
    width: 20%;
    padding: 0.5em;
    border: 1px dashed #fff;
    border-right: 1px solid #fff;
    background: #009900;
    color : #ffffff;
}

.naiyo td {
    display: table-cell;
    border: 1px dashed #fff;
   font-size: 18px;
}
}

.tano-table{
  margin: 0px 0px 80px 0px;

}

table.overview-tano{
 width: 100%;
  margin: 20px 0px;
    background-color: #f2f6ff;
}

table.overview-tano td{
  background-color: #f2f6ff;
  padding: 15px;
  font-size: 16px;
      border-collapse: collapse;
    border:1px solid #6e6e6e;
}

table.overview-tano th{
  background: #cfd2ff;
  padding: 0px;
  font-size: 16px;
      border-collapse: collapse;
    border:1px solid #6e6e6e;
}
table.overview-tano tr{
font-size: 16px;
}

th.tano-table-title2{
  background-color: #cfd2ff;
  text-align: center;
      border-collapse: collapse;
    border:1px solid #6e6e6e;
}


.kaisha-michikusa {
width: 100%;
font-size:16px;
background-color: #fff2f2;
border: 1px solid #6e6e6e;
}

.kaisha-michikusa tr {
border: 1px solid #6e6e6e;
}

.kaisha-michikusa th {
border: 1px solid #6e6e6e;
padding: 20px;
}

.kaisha-michikusa td {
padding: 20px;
}


.kaisha-michikusa th {
font-weight: bold;
background-color: #ffced6; 
}

@media screen and (max-width: 767px) {
.kaisha-michikusa,
.kaisha-michikusa tr,
.kaisha-michikusa th {display:block;}
.kaisha-michikusa th {width:auto;}
.kaisha-michikusa td {display:block;}
.kaisha-michikusa td {width:auto;}
}






.kaisha-michinoeki {
width: 100%;
font-size:16px;
background-color: #f2f6ff;
border: 1px solid #6e6e6e;
}

.kaisha-michinoeki tr {
border: 1px solid #6e6e6e;
}

.kaisha-michinoeki th {
border: 1px solid #6e6e6e;
padding: 20px;
}

.kaisha-michinoeki td {
padding: 20px;
}


.kaisha-michinoeki th {
font-weight: bold;
background-color: #cfd2ff; 
}

@media screen and (max-width: 767px) {
.kaisha-michinoeki,
.kaisha-michinoeki tr,
.kaisha-michinoeki th {display:block;}
.kaisha-michinoeki th {width:auto;}
.kaisha-michinoeki td {display:block;}
.kaisha-michinoeki td {width:auto;}
}



.kaisha-olive {
width: 100%;
font-size:16px;
background-color: #f2fcff; 
border: 1px solid #6e6e6e;
}

.kaisha-olive tr {
border: 1px solid #6e6e6e;
}

.kaisha-olive th {
border: 1px solid #6e6e6e;
padding: 20px;
}

.kaisha-olive td {
padding: 20px;
}


.kaisha-olive th {
font-weight: bold;
background-color: #cff6ff; 
}

@media screen and (max-width: 767px) {
.kaisha-olive,
.kaisha-olive tr,
.kaisha-olive th {display:block;}
.kaisha-olive th {width:auto;}
.kaisha-olive td {display:block;}
.kaisha-olive td {width:auto;}
}

.kaisha-tanaka {
width: 100%;
font-size:16px;
background-color: #fbfff2;
  border: 1px solid #6e6e6e;
}

.kaisha-tanaka tr {
border: 1px solid #6e6e6e;
}

.kaisha-tanaka th {
border: 1px solid #6e6e6e;
padding: 20px;
}

.kaisha-tanaka td {
padding: 20px;
}


.kaisha-tanaka th {
font-weight: bold;
background-color: #dcf5c0; 
}

@media screen and (max-width: 767px) {
.kaisha-tanaka,
.kaisha-tanaka tr,
.kaisha-tanaka th {display:block;}
.kaisha-tanaka th {width:auto;}
.kaisha-tanaka td {display:block;}
.kaisha-tanaka td {width:auto;}
}