@charset "UTF-8";
.font-awesome {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; }

/* common */
.m-center {
  margin: 10px auto; }

.mg {
  margin: 10px 10px; }

.mgtb {
  margin-top: 10px;
  margin-bottom: 10px; }

.mt {
  margin-top: 10px !important; }

.mb {
  margin-bottom: 10px !important; }

.ml {
  margin-left: 10px !important; }

.mr {
  margin-right: 10px !important; }

.mlr {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.mtb {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.mtb5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mtb15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt-1 {
  margin-top: -1px !important; }

.mt-5 {
  margin-top: -5px !important; }

.mt-7 {
  margin-top: -7px !important; }

.mt-10 {
  margin-top: -10px !important; }

.mt-15 {
  margin-top: -15px !important; }

.mt-20 {
  margin-top: -20px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mlr0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.mlr5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mlr15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mt20 {
  margin-top: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mlr20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mlr30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.mlr40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.pd {
  padding: 10px !important; }

.pt {
  padding-top: 10px !important; }

.pb {
  padding-bottom: 10px !important; }

.pl {
  padding-left: 10px !important; }

.pr {
  padding-right: 10px !important; }

.ptb5 {
  padding-top: 5px  !important;
  padding-bottom: 5px  !important; }

.plr {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.plr15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.pd0 {
  padding: 0px !important; }

.pd5 {
  padding: 5px !important; }

.pd15 {
  padding: 15px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt25 {
  padding-top: 25px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.plr0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.plr5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.pt15 {
  padding-top: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.plr15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.p20 {
  padding: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.plr30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.bt {
  border-top: solid 1px transparent !important; }

.bb {
  border-bottom: solid 1px transparent !important; }

.row-10 {
  margin-right: -5px !important;
  margin-left: -5px !important; }

/* text */
.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.relative {
  position: relative; }

.wrap-center {
  width: 100%;
  text-align: center; }

.mg-center {
  margin-left: auto;
  margin-right: auto; }

.width-reverse {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

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

.width100 {
  width: 100%; }

.width33 {
  width: 33%; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex.direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .flex.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .flex.direction-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .flex.direction-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .flex.flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .flex.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse; }
  .flex.justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .flex.justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .flex.justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .flex.justify-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .flex.justify-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .flex.align-items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start; }
  .flex.align-items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
                -ms-grid-row-align: flex-end;
            align-items: flex-end; }
  .flex.align-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center; }
  .flex.align-items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
                -ms-grid-row-align: baseline;
            align-items: baseline; }
  .flex.align-items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch; }
  .flex.align-content-start {
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .flex.align-content-end {
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .flex.align-content-center {
    -ms-flex-line-pack: flex-center;
        align-content: flex-center; }
  .flex.align-content-space-between {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .flex.align-content-space-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }

.white-space-normal {
  white-space: normal !important; }

.white-space-break-all {
  white-space: break-all !important; }

.side_column {
  overflow: visible; }

/* 商品を探す */
.search-wrap.search-wrap-top {
  margin-bottom: 5px; }

.search-wrap {
  margin-bottom: 10px;
  /* 検索フォーム */
  /* 作家・メーカー別 */
  /* 産地別 */ }
  .search-wrap .bloc_outer {
    margin-bottom: 5px; }
  .search-wrap #agyou_list .list {
    padding: 0 5px;
    margin: 0;
    background-color: #fff;
    color: #666;
    width: 70px;
    float: left;
    text-decoration: underline; }
    .search-wrap #agyou_list .list.selected {
      background: #dccdba;
      color: #fff; }
    .search-wrap #agyou_list .list:first-child {
      width: 150px; }
  .search-wrap #agyou_list:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }
  .search-wrap .bloc_body {
    /* 吹き出し */ }
    .search-wrap .bloc_body #agyou_list .list, .search-wrap .bloc_body #santi {
      cursor: pointer; }
    .search-wrap .bloc_body .agyou_list {
      position: relative; }
    .search-wrap .bloc_body .megalist_wrap {
      position: absolute;
      margin-left: 172px;
      margin-top: -52px;
      background-color: #fff;
      width: 788px;
      border: 2px solid #C09A71;
      border-radius: 5px;
      padding: 1.4rem 0rem 1.4rem 1.0rem;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2), 0px 50px 50px rgba(255, 255, 255, 0.8), 0px -50px 50px rgba(255, 255, 255, 0.8);
      display: none; }
      .search-wrap .bloc_body .megalist_wrap h3 {
        font-size: 15px;
        color: #006;
        margin-bottom: 0.5rem; }
      .search-wrap .bloc_body .megalist_wrap:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-color: transparent #C09A71 transparent transparent;
        border-style: solid;
        left: 0;
        top: 20px;
        margin-left: -21px; }
      .search-wrap .bloc_body .megalist_wrap:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        left: 2px;
        top: 20px;
        margin-left: -20px; }
      .search-wrap .bloc_body .megalist_wrap .megalist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu_gyou {
          width: 100%;
          border-bottom: solid 1px #C09A71;
          margin-top: 0.5rem;
          margin-bottom: 5px; }
          .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu_gyou:first-child {
            margin-top: 0px; }
        .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 20%;
          padding: 0.25rem 0; }
          .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu .megalist_menu_img {
            margin-right: 5px; }
            .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu .megalist_menu_img img {
              max-width: 20px; }
          .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu .megalist_menu_name {
            width: 70%; }
          .search-wrap .bloc_body .megalist_wrap .megalist .megalist_menu .megalist_menu_count {
            width: 30%;
            font-size: 10px;
            text-align: right;
            margin-right: 1.0rem; }
  .search-wrap .category_producing_center .block_kado {
    padding: 10px; }
    .search-wrap .category_producing_center .block_kado ul li {
      width: 50%;
      float: left;
      color: #666;
      position: relative; }
      .search-wrap .category_producing_center .block_kado ul li .fa-right {
        position: absolute;
        right: 0;
        bottom: 2px; }
    .search-wrap .category_producing_center .block_kado ul:after {
      content: "";
      display: block;
      clear: both; }
    .search-wrap .category_producing_center .block_kado ul.lmin li:nth-child(odd) {
      width: 40%; }
    .search-wrap .category_producing_center .block_kado ul.lmin li:nth-child(even) {
      width: 60%; }
    .search-wrap .category_producing_center .block_kado p {
      color: #666;
      position: relative; }
      .search-wrap .category_producing_center .block_kado p .fa-right {
        position: absolute;
        right: 0;
        bottom: 2px; }
  .search-wrap .category_producing_center .megalist_wrap {
    margin-left: 178px; }

i {
  font-style: normal; }
