@charset "UTF-8";

/*------------------------------------------------------------
下層ページ
------------------------------------------------------------*/
.ec-role {
  color: #fff;
}
ol {
  list-style-type: decimal;
}

ol li {
  list-style: inherit;
  margin: 0 0 0 20px;
}

section {
  margin-bottom: 20px;
}

.left {
  text-align: left;
}

.red {
  color: #ab2424 !important;
}

/* パンくず
------------------------------------------------------------*/
.ec-layoutRole__mainTop {
  margin-top: 20px;
}
/*------------------------------------------------------------
    ec-style 相殺
------------------------------------------------------------*/
.ec-off1Grid,
.ec-off2Grid {
  color: #fff;
}

.ec-off1Grid .ec-off1Grid__cell {
  width: 100%;
  margin-left: 0;
}

.ec-reportHeading {
  border-top: none;
}
.ec-orderRole,
.ec-mypageRole,
#page_shopping_shipping_multiple_edit .ec-off1Grid {
  color: #000;
}
/*------------------------------------------------------------
    下層テンプレート MV
------------------------------------------------------------*/
.page-mv {
  margin-bottom: 40px;
}

/*------------------------------------------------------------
下層テンプレート TITLE + テキスト
------------------------------------------------------------*/
/* ページタイトル */
.ec-pageHeader {
  max-width: 1000px;
  margin: 0 auto;
}
.ec-pageHeader h1 {
  margin: 20px 0;
  padding: 0px;
  font-size: 24px;
  color: #fff;
  text-align: left;
  border: none;
}

@media screen and (max-width: 767px) {
  .ec-pageHeader {
    margin: 0 30px;
  }
}

.page-ttl-01 {
  margin: 0 0 10px;
  padding: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px dashed #888;
  color: #e4ac00;
}

.page-ttl-02 {
  margin: 0 0 20px;
  background: #876f01;
  color: #fff;
  font-size: 16px;
}

.page-ttl-03 {
  margin: 0 0 20px;
  padding: 0 0 5px 5px;
  border-left: 10px solid #9e9863;
  border-bottom: 1px solid #9e9863;
  font-size: 18px;
  text-align: left;
}

.page-ttl-04 {
  margin: 0 0 10px;
  color: #cdb45c;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .ec-pageHeader h1 {
    font-size: 20px;
  }
}

/*------------------------------------------------------------
下層テンプレート 強調テキスト　リンク テキスト
------------------------------------------------------------*/
.txt-box {
  margin: 0 0 20px 20px;
  line-height: 1.8;
  color: #fff;
}

.txt-box-02 {
  margin: 0 0 20px;
  padding: 15px 15px 0;
  border: 1px solid #fff;
}

.txt-info {
  color: #e4ac00;
  font-weight: bold;
}
/*------------------------------------------------------------
下層テンプレート　テーブル
------------------------------------------------------------*/
.page-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.page-table th,
.page-table td {
  display: table-cell;
  line-height: 1.8;
  padding: 10px 0;
  border-bottom: 1px dashed #888;
}

.page-table th {
  width: 20%;
  vertical-align: top;
  color: #e4ac00;
}

@media screen and (max-width: 767px) {
  .page-table th,
  .page-table td {
    display: block;
    width: 100%;
  }
}

/*------------------------------------------------------------
音羽について
------------------------------------------------------------*/
.guide .navigation {
  margin: 0 15px;
  text-align: left;
}
.guide .navigation .icon {
  display: inline;
  width: 41px;
}
.guide .navigation p {
  margin-bottom: 20px;
}
.guide .navigation ul {
  margin: 0 0 20px 20px;
}
.guide .navigation li {
  list-style: disc;
}

.guide #order03 img {
  width: inherit;
}

.guide .shop-list-ttl img {
  width: 740px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.guide .shop-list-ttl h3 {
  border-bottom: 1px solid #c9c9c6;
  margin-bottom: 5px;
}

.guide #contactus02 table {
  width: 100%;
  text-align: center;
}
.guide #contactus02 table th {
  padding: 10px;
  background: #f5d8bd;
  border: 1px solid #000;
  color: #552900;
  text-align: center;
}
.guide #contactus02 table td {
  padding: 10px;
  background: #f8ede4;
  border: 1px solid #000;
  color: #000;
}

.guide #contactus02 table th,
..guide #contactus02 table td {
  table-layout: fixed;
}

@media screen and (max-width: 767px) {
  .guide #contactus02 table tr {
    display: block;
    float: left;
    width: 50%;
  }
  .guide #contactus02 table tr th {
    display: block;
    height: 50px;
  }
  .guide #contactus02 table tr td {
    border-left: none;
    display: block;
    height: 50px;
    width: 100%;
    min-width: 125px;
  }
  .guide #contactus02 table thead {
    display: block;
    float: left;
    width: 50%;
  }
  .guide #contactus02 table thead tr {
    width: 100%;
  }
  .guide #contactus02 table tbody {
    display: block;
  }
  .guide #contactus02 table td,
  .guide #contactus02 table th {
    border-bottom: none;
  }
}

/* 受付店舗一覧
------------------------------------------------------------*/
.guide .accordion-table {
  width: 100%;
  border-collapse: collapse;
  max-width: 100%;
  word-break: break-all;
  border: none;
}
.guide .accordion-table thead td {
  background-color: #8f7600;
  text-align: center;
  border: 1px solid #876f01;
}
.guide .accordion-table tbody td {
  background: #faf7ea;
  color: #444;
  padding: 2px;
  padding-left: 10px;
}
.guide .accordion-table tbody td a {
  color: #8f7600;
}
.guide .accordion-table tbody td.shop__name {
  background: #faf7ea;
  color: #444;
  padding: 2px;
  padding-left: 10px;
}
.guide .accordion-table tbody .detail {
  display: table-cell;
}
.guide .accordion-table tbody td.shop__tel a {
  color: #444;
  text-decoration: none;
}
.guide .accordion-table tr {
  border: none;
}
.guide .accordion-table th,
.guide .accordion-table td {
  vertical-align: middle;
  border: solid 1px #876f01;
}
.guide .accordion-table th {
  background: #faf7ea;
  letter-spacing: 1px;
  color: #555;
  min-width: calc(5vw + 50px);
  max-width: 400px;
}
.guide .accordion-table ul {
  margin: 0;
  padding: 0 1.5em;
}
@media screen and (max-width: 767px) {
  .guide .accordion-table thead {
    display: none;
  }
  .guide .accordion-table tbody td {
    color: #fff;
    background: none;
    border: none;
  }
  .guide .accordion-table th,
  .guide .accordion-table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .guide .accordion-table tbody td:nth-child(4) {
    margin: 0 0 20px;
  }
  .guide .accordion-table tbody td.shop__name {
    margin: 0 0 2px;
    padding: 10px;
    background: #69643d url(../images/guide/open-btn.png) no-repeat right center;
    background-size: 36px auto;
    color: #fff;
  }
  .guide .accordion-table tbody td.active {
    background: #69643d url(../images/guide/close-btn.png) no-repeat right
      center;
    background-size: 36px auto;
  }
  .guide .accordion-table tbody td.shop__tel {
    margin: 0 0 10px;
    padding: 10px 0 10px 50px;
    border-bottom: 1px solid #575757;
    background: url(../images/guide/icon03.png) no-repeat left center;
    background-size: 41px auto;
  }
  .guide .accordion-table tbody td.shop__tel a {
    color: #fff;
    text-decoration: underline;
  }
  .guide .accordion-table tbody td.shop__postalcode::before {
    content: "〒";
  }
  .guide .accordion-table tbody td a {
    color: #fff;
  }
  .guide .accordion-table tbody .detail {
    display: none;
  }
  .guide .accordion-table th {
    padding: 8px 45px 8px 12px;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    text-align: left;
  }
}

/*------------------------------------------------------------
音羽グループ
------------------------------------------------------------*/
.block-group .shop-img {
  font-size: 0;
}
.block-group li {
  display: inline-block;
}

/*------------------------------------------------------------
応募動画ご紹介
------------------------------------------------------------*/
.movie_box {
  margin: 50px 0;
  text-align: center;
}

.main__movie {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .movie_box video {
    width: 100%;
  }
}

/*------------------------------------------------------------
新規会員登録
------------------------------------------------------------*/
#page_entry .alert-message {
  color: red;
}

/*------------------------------------------------------------
ログイン
------------------------------------------------------------*/
.ec-login,
.ec-login a,
.ec-link:hover,
.ec-guest {
  color: #525263;
}

/*------------------------------------------------------------
問い合わせ
------------------------------------------------------------*/
.ec-contactRole .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #de5d50;
}
.ec-contactConfirmRole .alert-message {
  color: red;
}
.ec-contactCompleteRole .ec-reportDescription {
  color: #fff;
}

/*------------------------------------------------------------
マイページ
------------------------------------------------------------*/
.ec-mypageRole .ec-off1Grid {
  color: #000;
}

.ec-mypageRole .ec-pageHeader h1 {
  margin: 20px 0;
}
.ec-mypageRole .ec-navlistRole,
.ec-mypageRole .ec-navlistRole p {
  margin-bottom: 0;
  padding-bottom: 0;
}
.ec-orderRole .ec-orderRole__detail {
  background-color: #fff;
  padding: 40px 15px 40px 40px;
}
.ec-orderRole .ec-orderRole__summary {
  background-color: #fff;
  width: 34.33333%;
  padding: 40px 40px 40px 15px;
}
.ec-mypageRole.ec-borderedDefs,
.ec-mypageRole .ec-reportDescription {
  color: #525263;
}
.ec-select.ec-select__delivery {
  display: none;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
  color: #bd3501;
}
.ec-navlistRole .active a {
  color: #bd3501;
}
.ec-navlistRole.content-inner,
.ec-editRole.content-inner {
  padding: 20px 10px;
}
@media screen and (max-width: 767px) {
  .ec-mypageRole .ec-navlistRole {
    padding-bottom: 10px;
  }
  .ec-orderRole .ec-orderRole__detail {
    padding: 10px 10px 20px;
  }
  .ec-orderRole .ec-orderRole__summary {
    width: 100%;
    padding: 40px;
  }
}
@media screen and (min-width: 768px) {
  .ec-navlistRole.content-inner {
    padding: 40px 40px 0;
  }
  .ec-editRole.content-inner {
    padding: 40px 40px;
  }
}

/*------------------------------------------------------------
カート
------------------------------------------------------------*/
.ec-cartRole .ec-role .ec-off3Grid {
  background-color: #fff;
}
.ec-cartRole .content-inner {
  padding: 20px 10px;
}
.ec-cartRole .ec-cartRole__progress .ec-progress {
  padding: 0;
  margin-bottom: 20px;
}
.ec-cartRole .ec-progress .ec-progress__item:after {
  top: 13px;
}
.ec-cartRole .ec-cartRole__totalText {
  padding: 0;
  margin-bottom: 20px;
}
.ec-cartRole .ec-cartRole__totalAmount {
  color: #bd3501;
  font-size: 28px;
  line-height: 1;
}
.ec-cartRow__name > a {
  color: #000;
}
.ec-progress .is-complete .ec-progress__number {
  background-color: #c9b257;
}
.ec-progress .is-complete .ec-progress__label {
  color: #c9b257;
}
@media screen and (min-width: 768px) {
  .ec-cartRole .content-inner {
    padding: 40px;
  }
  .ec-cartRole .ec-progress .ec-progress__item:after {
    top: 20px;
  }
  .ec-cartRole .ec-cartRole__cart {
    margin: 0;
  }
  .ec-cartRole .ec-cartRole__actions {
    width: 30%;
    margin-right: 0;
  }
  .ec-cartRole .ec-blockBtn--action {
    margin-bottom: 15px;
  }
}
/* モーダル　カートに追加する
------------------------------------------------------------*/
.ec-modal .ec-modal-wrap {
  padding: 40px 10px;
}
.ec-modal-box .ec-role {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ec-modal-box .ec-role .ec-inlineBtn--cancel,
.ec-modal-box .ec-role .ec-inlineBtn--action {
  width: 50%;
}
.ec-modal-box .ec-role .ec-inlineBtn--cancel {
  margin-right: 5px;
}
.ec-modal-box .ec-role .ec-inlineBtn--action {
  margin-left: 5px;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .ec-modal .ec-modal-wrap {
    padding: 40px 20px;
  }
  .ec-modal-box .ec-role .ec-inlineBtn--cancel,
  .ec-modal-box .ec-role .ec-inlineBtn--action {
    font-size: 16px;
  }
  .ec-modal-box .ec-role .ec-inlineBtn--cancel {
    margin-right: 10px;
  }
  .ec-modal-box .ec-role .ec-inlineBtn--action {
    margin-left: 10px;
  }
}
/*------------------------------------------------------------
注文お手続き
------------------------------------------------------------*/
.ec-orderRole {
  margin-top: 0px;
}
.ec-cartRole .ec-cartRole__progress {
  padding-bottom: 0;
}
.ec-orderRole__detail .ec-rectHeading h2 {
  background-color: #000;
  color: #fff;
  margin-bottom: 20px;
}
.ec-orderRole__detail .ec-orderAccount__account .alert-message {
  margin-bottom: 10px;
  color: red;
}
.ec-orderRole__detail .ec-orderDelivery,
.ec-orderRole__detail .ec-orderPayment {
  margin-bottom: 20px;
}

.ec-addressList .ec-addressList__address {
  color: #525263;
}
/*------------------------------------------------------------
商品一覧
------------------------------------------------------------*/
.ec-searchnavRole {
  padding: 20px 10px 0;
}
.ec-searchnavRole__topicpath {
  margin-bottom: 10px;
}
.ec-topicpath {
  border-top: none;
  border-bottom-style: solid;
  padding: 0 0 10px;
}
.ec-searchnavRole .ec-searchnavRole__infos {
  margin-bottom: 20px;
  padding: 0;
}
.ec-searchnavRole .ec-searchnavRole__infos .ec-select {
  margin-bottom: 0;
}
.ec-shelfRole.content-inner {
  padding: 0 10px 20px;
}
.ec-shelfRole,
.ec-shelfGrid__item p {
  color: #000;
}
.ec-searchnavRole {
  padding-bottom: 0;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
  height: auto;
}
.ec-shelfRole.content-inner > .ec-shelfGrid {
  margin-top: -20px;
}
.ec-shelfGrid .ec-shelfGrid__item {
  margin-top: 20px;
  margin-bottom: 25px;
}
.ec-shelfGrid .ec-shelfGrid__item-iconarea > a,
.ec-shelfGrid .ec-shelfGrid__item-iconarea > a:link {
  text-decoration: none;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
  padding: 0;
}
.ec-shelfGrid__item-iconarea .product__icon {
  margin-bottom: 10px;
}
.ec-shelfGrid__item-iconarea .product__icon_item.icon_4 {
  display: none;
}
.ec-shelfGrid__item-ttl {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 5px;
}
.ec-shelfGrid__item-description_list {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.ec-shelfGrid .ec-productRole__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ec-shelfGrid .ec-price,
.ec-shelfGrid .ec-price .ec-price__unit,
.ec-shelfGrid .ec-price .ec-price__tax {
  color: #bd3501;
  line-height: 1;
}
.ec-shelfGrid .ec-price .ec-price__price {
  font-size: 28px;
  margin-bottom: 0;
}
.ec-shelfGrid .ec-price .ec-price__unit {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .ec-shelfGrid .ec-shelfGrid__item {
    width: 100%;
  }
  .ec-shelfGrid .ec-price .ec-price__price.price02-default {
    font-size: 24px;
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0;
    padding-left: 0px;
  }
}
@media screen and (min-width: 768px) {
  .ec-topicpath {
    padding: 0;
  }
  .ec-searchnavRole .ec-searchnavRole__infos {
    padding-top: 10px;
  }
  .ec-shelfRole.content-inner {
    padding: 0 10px 20px;
  }
  .ec-shelfRole.content-inner > .ec-shelfGrid {
    margin: -20px -10px 0;
  }
  .ec-shelfGrid .ec-price .ec-price__price {
    font-size: 18px;
  }
  .ec-shelfGrid .ec-shelfGrid__item {
    width: 33%;
    max-width: 33%;
  }
  .ec-layoutRole__contents .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 10px !important;
  }
  .ec-shelfGrid__item-iconarea .type_2 .product__icon_item.icon_3 {
    margin-top: 10px;
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0;
    padding-left: 0px;
  }
}
@media screen and (min-width: 992px) {
  .ec-searchnavRole {
    padding: 40px 40px 0;
  }
  .ec-shelfRole.content-inner {
    padding: 0 40px 40px;
  }
  .ec-shelfGrid .ec-price .ec-price__unit {
    font-size: 20px;
  }
  .ec-shelfGrid .ec-price .ec-price__price {
    font-size: 22px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-shelfGrid .ec-price .ec-price__price {
    font-size: 24px;
  }
}
/*------------------------------------------------------------
商品詳細
------------------------------------------------------------*/
.ec-productRole {
  color: #000000;
}
.ec-productRole section {
  margin-bottom: 30px;
}
.ec-productRole .product-detail {
  margin-bottom: 30px;
  padding: 10px;
}
.ec-productRole__title {
  background-color: #1c1311;
  padding: 6px 10px;
  margin-bottom: 15px;
}
.ec-productRole__title .product__name {
  padding-left: 10px;
  border-left: 2px solid #c9b257;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
  margin-bottom: 0;
  font-size: 20px;
  color: #fff;
}
.ec-productRole .product-class--ttl {
  margin-bottom: 0;
}
.ec-productRole__iconarea .product__icon {
  margin-bottom: 15px;
}
.ec-productRole__description_list {
  font-size: 18px;
  margin: -4px 0 10px;
  letter-spacing: 2px;
  line-height: 1.5;
  font-weight: 500;
}
.ec-productRole__description {
  font-size: 12px;
}
.ec-productRole__tags {
  display: none;
}
.ec-productRole .ec-productRole__actions {
  padding: 0;
  margin-bottom: 15px;
}
.ec-productRole__actions > .ec-select {
  margin-top: 0 !important;
  margin-bottom: 20px;
}
.product__price__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ec-productRole .ec-productRole__price {
  color: #bd3501;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-bottom: none;
}
.ec-productRole .product__price__wrap + .ec-productRole__price {
  margin-top: 10px;
}
.ec-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.ec-price .ec-price__price {
  font-size: 40px;
  padding: 0;
  line-height: 1;
  font-weight: normal;
}
.ec-price > p {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.3;
}
.ec-price .ec-price__unit {
  font-size: 19px;
}
.ec-price .ec-price__tax {
  font-size: 10px;
}
.ec-select label {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
  margin-right: 0;
}
.ec-select > div:last-child {
  position: relative;
}
.ec-select > div:last-child::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-top: 5px solid #000;
  border-right: 3px solid transparent;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ec-productRole .ec-productRole__actions .ec-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: -o-linear-gradient(top, #fff, #dfdfdf);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#dfdfdf)
  );
  background: linear-gradient(180deg, #fff, #dfdfdf);
  width: 100%;
  max-width: none;
  font-size: 14px;
}
.ec-productRole .ec-productRole__actions .ec-select select::-ms-expand {
  display: none;
}
.ec-numberInput {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.numberInput__wrap input[type="number"] {
  height: 100%;
  margin-bottom: 0;
  font-size: 17px;
  text-align: center;
  max-width: 80px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.numberInput__wrap input[type="number"]::-webkit-outer-spin-button,
.numberInput__wrap input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.ec-numberInput .btn__minus,
.ec-numberInput .btn__plus {
  width: 17.5px;
  height: 55px;
  background-color: #b8b8b8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
.ec-numberInput .btn__plus,
.ec-numberInput .btn__minus.btn_active {
  background-color: #000;
}
.btn__minus span,
.btn__plus span {
  width: 10px;
  height: 10px;
  display: block;
  position: relative;
}
.btn__minus span::before,
.btn__plus span::before,
.btn__plus span::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 4px;
  left: 0;
}
.btn__plus span::after {
  width: 1px;
  height: 100%;
  left: 5px;
  top: 0px;
}
.product-stock {
  margin-bottom: 10px;
}
.ec-productRole .ec-productRole__btn {
  margin-bottom: 0;
}
.ec-productRole__btn .ec-blockBtn--action {
  padding: 0;
  height: auto;
}
.ec-productRole > section p {
  margin-bottom: 0;
}
.bottom__bnr + .bottom__bnr {
  margin-top: 10px;
}
.ec-productRole .ec-sliderItemRole {
  padding: 0;
}
.ec-productRole .ec-sliderItemRole .slick-slider {
  margin-bottom: 0;
}
.ec-productRole .ec-sliderItemRole .slide-item:focus {
  outline: none;
}
.ec-productRole .ec-sliderItemRole .item_visual {
  position: relative;
  margin-bottom: 10px;
}
.ec-productRole .ec-sliderItemRole .item_nav {
  display: block;
}
.ec-productRole .ec-sliderItemRole .item_nav .slick-list {
  margin: 0 -7.5px;
}
.ec-productRole .ec-sliderItemRole .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ec-productRole .ec-sliderItemRole .slideThumb img {
  width: 100%;
}
.ec-productRole .ec-sliderItemRole .slideThumb {
  padding: 0 7.5px;
  margin-bottom: 0;
  opacity: 1;
}
.ec-productRole .ec-sliderItemRole .slideThumb img {
  opacity: 0.5;
  -webkit-transition: opacity 0.4s, border 0.4s;
  -o-transition: opacity 0.4s, border 0.4s;
  transition: opacity 0.4s, border 0.4s;
}
.ec-productRole .ec-sliderItemRole .slideThumb.slick-current img {
  opacity: 1;
  border: 1px solid #000;
}
.ec-productRole .ec-sliderItemRole .slick__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #c9b257;
  width: 17.5px;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.ec-productRole .ec-sliderItemRole .slick__prev {
  left: -10px;
}
.ec-productRole .ec-sliderItemRole .slick__next {
  right: -10px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.ec-productRole .ec-sliderItemRole .slick__prev::before,
.ec-productRole .ec-sliderItemRole .slick__next::before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  display: inline-block;
  color: #fff;
/*
  font-size: 1px;
*/
  -webkit-transform: scale(7) rotate(90deg);
  -ms-transform: scale(7) rotate(90deg);
  transform: scale(7) rotate(90deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
}
.ec-productRole .ec-sliderItemRole .slick__prev::before {
  -webkit-transform: scale(0.8) rotate(90deg) translate(0px, 0.4px);
  -ms-transform: scale(0.8) rotate(90deg) translate(0px, 0.4px);
  transform: scale(0.8) rotate(90deg) translate(0px, 0.4px);
}
.ec-productRole .ec-sliderItemRole .slick__next::before {
  -webkit-transform: scale(0.8) rotate(90deg) translate(0px, 0.4px);
  -ms-transform: scale(0.8) rotate(90deg) translate(0px, 0.4px);
  transform: scale(0.8) rotate(90deg) translate(0px, 0.4px);
}
_::-webkit-full-page-media,
_:future,
:root .slick__btn::before {
  font-size: 10px !important;
}
.mv__set,
.mv__bnr {
  margin-top: 30px;
}
.mv__set__ttl {
  margin-bottom: 10px;
}
.mv__set__ttl > p + p {
  margin-top: 10px;
}
.mv__set__img + .mv__set__img {
  margin-top: 15px;
}
.img__box + .img__box {
  margin-top: 20px;
}
.ec-productRole .osechi__list > p {
  margin-bottom: 15px;
}
.ec-productRole__actions .ec-checkbox {
  margin-bottom: 20px;
}
.form-check {
  height: 55px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.form-check:last-child {
  border-bottom: 1px solid #ccc;
}
.form-check > input {
  margin: 0;
  display: none;
}
.form-check > .form-check-label {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px 0 15px;
  position: relative;
}
.form-check > .form-check-label::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #b8b8b8;
  margin-right: 10px;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.form-check > .form-check-label::after {
  display: block;
  content: "";
  position: absolute;
  top: 24px;
  left: 22px;
  width: 12px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.form-check > input:checked ~ .form-check-label::before {
  background-color: #c9b257;
}
.form-check > input:checked ~ .form-check-label::after {
  opacity: 1;
}
.option-discription {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
@media screen and (max-width: 400px) {
  .ec-price .ec-price__price {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .product-common_1,
  .product-common_2 {
    margin: 0 -20px;
  }
  .oshinagaki__list_sp > ul > li + li {
    margin-top: 30px;
  }
  .oshinagaki__list_sp .ttl {
    margin-bottom: 15px;
  }
  .item_img,
  .btn_item {
    margin-bottom: 10px;
  }
  .btn_item {
    width: 100%;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .oshinagaki__list_sp > ul > li .btn_item.open img {
    opacity: 0;
  }
  .oshinagaki__list_sp > ul > li:first-child .btn_item {
    background-image: url("../images/product/common/btn_item01_open.png");
  }
  .oshinagaki__list_sp > ul > li:first-child .btn_item.open {
    background-image: url("../images/product/common/btn_item01_close.png");
  }
  .oshinagaki__list_sp > ul > li:nth-child(2) .btn_item {
    background-image: url("../images/product/common/btn_item02_open.png");
  }
  .oshinagaki__list_sp > ul > li:nth-child(2) .btn_item.open {
    background-image: url("../images/product/common/btn_item02_close.png");
  }
  .oshinagaki__list_sp > ul > li:nth-child(3) .btn_item {
    background-image: url("../images/product/common/btn_item03_open.png");
  }
  .oshinagaki__list_sp > ul > li:nth-child(3) .btn_item.open {
    background-image: url("../images/product/common/btn_item03_close.png");
  }
  .oshinagaki__inner {
    margin-top: 10px;
  }
  .ec-productRole
    .product__price__wrap
    + .ec-productRole__price
    .ec-price
    .ec-price__price {
    font-size: 30px;
  }
}
@media screen and (min-width: 375px) {
  .ec-productRole .product__price__wrap + .ec-productRole__price .ec-price {
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .ec-productRole .ec-grid2 .ec-grid2__cell:first-child {
    padding-right: 10px;
  }
  .ec-productRole .ec-grid2 .ec-grid2__cell:last-child {
    padding-left: 10px;
  }
  .ec-productRole .ec-productRole__profile {
    margin-left: 0;
  }
  .ec-productRole .product-detail {
    padding: 40px;
  }
  .ec-productRole .ec-sliderItemRole .slick__prev {
    left: 0;
  }
  .ec-productRole .ec-sliderItemRole .slick__next {
    right: 0;
  }
  .ec-productRole .ec-productRole__btn {
    width: 100%;
  }
  .product-common_1__btn {
    padding-top: 40px;
  }
  .ec-price .ec-price__price {
    font-size: 30px;
  }
}
@media screen and (min-width: 992px) {
  .ec-productRole .ec-grid2 .ec-grid2__cell:first-child {
    padding-right: 15px;
  }
  .ec-productRole .ec-grid2 .ec-grid2__cell:last-child {
    padding-left: 15px;
  }
  .ec-productRole .ec-sliderItemRole .item_visual {
    margin-bottom: 20px;
  }
  .ec-productRole .ec-sliderItemRole .item_nav .slick-list {
    margin: 0 -10px;
  }
  .ec-productRole .ec-sliderItemRole .slideThumb {
    padding: 0 10px;
  }
  .product-stock {
    margin-bottom: 20px;
  }
  .ec-productRole .ec-productRole__actions {
    margin-bottom: 30px;
  }
  .product__icon_item {
    font-size: 14px;
    padding: 5px 16px;
  }
  .ec-productRole__description_list {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .ec-productRole__description {
    font-size: 14px;
  }
  .ec-productRole .ec-productRole__actions .ec-select select {
    font-size: 16px;
    height: 55px;
    padding-left: 20px;
  }
  .ec-price .ec-price__price {
    font-size: 40px;
  }
  .ec-price .ec-price__unit {
    font-size: 24px;
    margin-right: 5px;
  }
  .ec-price .ec-price__tax {
    font-size: 14px;
  }
  .ec-select label {
    font-size: 16px;
    margin-bottom: 13px;
  }
  .ec-select > div:last-child::before {
    border-left-width: 3.5px;
    border-right-width: 3.5px;
    border-top-width: 7px;
  }
  .ec-numberInput .btn__minus,
  .ec-numberInput .btn__plus {
    width: 20px;
    height: 60px;
  }
  .numberInput__wrap input[type="number"] {
    max-width: 90px;
  }
  .mv__set__ttl {
    margin-bottom: 20px;
  }
  .mv__set__ttl > p + p {
    margin-top: 20px;
  }
  .mv__set__img + .mv__set__img {
    margin-top: 30px;
  }
  .img__box + .img__box {
    margin-top: 40px;
  }
  .ec-productRole .product__price__wrap + .ec-productRole__price {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-productRole section {
    margin-bottom: 60px;
  }
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 26px;
  }
  .ec-productRole__title {
    padding: 9px 10px;
    margin-bottom: 30px;
  }
  .ec-productRole__title .product__name {
    padding-left: 20px;
    border-left-width: 4px;
  }
  .bottom__bnr + .bottom__bnr {
    margin-top: 20px;
  }
  .option-discription {
    font-size: 14px;
  }
}
/* 商品アイコン
------------------------------------------------------------*/
.product__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.product__icon.type_2 {
  display: block;
}
.product__icon li:not(:last-child) {
  margin-right: 7.5px;
}
.product__icon.type_2 li {
  display: inline-block;
}
.product__icon.type_2 li:last-child {
  margin-top: 7.5px;
}
.product__icon_item {
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  font-family: "Noto Serif JP", serif;
}
#page_product_list .product__icon_item {
  padding: 2px 10px;
}
.product__icon_item.icon_1 {
  background-color: #2b482f;
}
.type_3 .product__icon_item.icon_1 {
  background-color: #2b3b2e;
}
.product__icon_item.icon_2 {
  background-color: #864d0c;
}
.type_3 .product__icon_item.icon_2 {
  background-color: #382a1b;
}
.product__icon_item.icon_3 {
  background-color: #363471;
}
.type_3 .product__icon_item.icon_3 {
  background-color: #2f2e43;
}
.product__icon_item.icon_4 {
  background-color: #690f06;
}
.type_3 .product__icon_item.icon_4 {
  background-color: #331f1d;
}
.product__icon_item.icon_5 {
  background-color: #193891;
}
.product__icon_item.icon_6 {
  background-color: #0266eb;
}
.product__icon_item.icon_7 {
  background-color: #bd3501;
}
.ec-price .option_price_header {
  display: none;
}
@media screen and (min-width: 992px) {
  .product__icon li:not(:last-child) {
    margin-right: 10px;
  }
  .product__icon.type_2 li:last-child {
    margin-top: 10px;
  }
  .product__icon_item {
    padding: 5px 16px;
  }
  #page_product_list .product__icon_item {
    padding: 5px 12px;
    font-size: 14px;
  }
}

/*------------------------------------------------------------
お客様の声
------------------------------------------------------------*/
.voice_main h2 {
  margin-bottom: 30px;
}
.voice_main .voice_box div {
  background-color: #fff;
  padding: 12.5px 15px;
  border: 2.5px solid #bf9a09;
  position: relative;
}
.voice_main .voice_box .voice_item p {
  margin-bottom: 0;
}
.voice_main .voice_box .voice_item p:last-child {
  color: #000;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.3;
}
.voice_main .voice_box div.voice_img_item {
  padding: 0;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.voice_main .voice_box div.voice_img_item h3 {
  color: #000;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1.5px;
}
.voice_main .voice_box div.voice_img_item img {
  max-width: 100%;
  width: auto;
}

@media screen and (min-width: 768px) {
  .voice_main .voice_box div {
    border-width: 3px;
    padding: 20px;
  }
  .voice_main .voice_box .voice_item p:last-child {
    font-size: 15px;
    padding-top: 15px;
  }
  .voice_main .voice_box div.voice_img_item h3 {
    font-size: 20px;
  }
}

/* 固定フッター
------------------------------------------------------------*/
.fixed__footer {
  display: block;
  height: 50px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.fixed__footer.fixed_active {
  opacity: 1;
  pointer-events: all;
}
.fixed__footer a {
  display: block;
}
@media screen and (min-width: 768px) {
  .fixed__footer {
    left: auto;
    right: 60px;
  }
  .fixed__footer,
  .fixed__footer img {
    height: 65px;
  }
}
/*------------------------------------------------------------
フォーム
------------------------------------------------------------*/
body:not(.other_page):not(.registration_page) .ec-off1Grid .h-adr {
  color: #000;
}
.pt_input input{
    display: inline-block;
    margin-right:20px;
}
.pt_f{
    font-size:80%;
    line-height:110%;
    display: inline-block;
}
/*------------------------------------------------------------
ログイン
------------------------------------------------------------*/
.ec-login {
  padding: 10px;
}
.ec-login .ec-login__input {
  margin-bottom: 30px;
}
.ec-login .ec-input input {
  margin-bottom: 15px;
}
.ec-login .ec-checkbox label {
  width: 100%;
}
.ec-login .ec-login__link {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .ec-login .ec-login__link:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .ec-login {
    padding: 40px;
  }
  .ec-login .ec-login__input {
    margin-bottom: 60px;
  }
  .ec-login .ec-login__link {
    font-size: 16px;
  }
}

/* ページトップ
------------------------------------------------------------*/
.ec-blockTopBtn.pagetop {
  display: none !important;
}
/* テキスト色
------------------------------------------------------------*/
.color_white {
  color: #fff;
}
/* パンフレット
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #page_contact .ec-off1Grid.content-area {
    padding: 0;
  }
  #page_contact .bnr_pamphlet {
    margin-left: -20px;
    margin-right: -20px;
  }
}
/*　変更
------------------------------------------------------------*/
#page_mypage_login .ec-login__actions .ec-blockBtn--cancel,
#page_shopping_login .ec-login__actions .ec-blockBtn--cancel,
#page_shopping_login .ec-guest__actions .ec-blockBtn--cancel {
  background-color: #de5d50;
  border-color: #de5d50;
}
#page_mypage_login .ec-login__actions .ec-blockBtn--cancel:hover,
#page_mypage_login .ec-login__actions .ec-blockBtn--cancel:focus,
#page_mypage_login .ec-login__actions .ec-blockBtn--cancel:active,
#page_shopping_login .ec-login__actions .ec-blockBtn--cancel:hover,
#page_shopping_login .ec-login__actions .ec-blockBtn--cancel:focus,
#page_shopping_login .ec-login__actions .ec-blockBtn--cancel:active,
#page_shopping_login .ec-guest__actions .ec-blockBtn--cancel:hover,
#page_shopping_login .ec-guest__actions .ec-blockBtn--cancel:focus,
#page_shopping_login .ec-guest__actions .ec-blockBtn--cancel:active {
  background-color: #d33828;
  border-color: #cb3526;
}
.ec-topicpath,
.ec-zipInputHelp span {
  color: #c9b257;
}
.ec-orderRole .ec-orderRole__summary {
  margin-top: 0 !important;
}

/*------------------------------------------------------------
ふるさと納税
------------------------------------------------------------*/
.furusato img {
  max-width: 100%;
  width: auto;
}
.furusato img.visibility--m,
.furusato img.hidden--m {
  margin-right: auto;
  margin-left: auto;
}
.furusato .furusato-donation {
  margin-bottom: 20px;
}
.furusato .furusato-offer {
  padding: 20px;
  border: solid 2px #5f1414;
  background: url("../images/furusato/bg_offer.png");
}
.furusato .furusato-offer__box dd {
  margin-top: 10px;
}
.furusato .furusato-contact {
  padding: 20px;
  background: #fff;
  color: #010101;
}
.furusato .furusato-contact__tel a:link {
  color: #010101;
  text-decoration: none;
}
.furusato .furusato-contact__link {
  color: #ac0621;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .furusato .furusato-donation {
    margin-bottom: 30px;
  }
  .furusato .furusato-offer {
    padding: 40px 38px;
  }
  .furusato .furusato-contact {
    padding: 40px 38px;
  }
}


/*------------------------------------------------------------
画像
------------------------------------------------------------*/
.img_auto img {
  width: auto;
}


/* ========================================
お客様の声　追加
======================================== */
.voice_main .voice_box .buy__box {
    padding: 0;
    position: relative;
}

.buy__box:not(:first-child) {
    margin-top: 30px;
}

.voice_main .voice_box .voice__imgBox {
    padding: 0;
}

.buy__box {
    display: none;
}

.buy__voice {
    margin-top: 0;
}

.voice__img {
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .buy__box {
        display: block;
    }

    .for-pc {
        display: none;
    }

    .buy__voice {
        margin-top: -15px;
    }

    .voice__page--area {
        display: flex;
        flex-direction: column;
    }

    .voice__wrapper {
        margin-bottom: 30px;
    }
}


@media screen and (min-width: 768px) {
  .osechiTop__box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .single-menu-list {
    margin-top: 50px;
  }
  .single-menu-list-title {
    margin-bottom: 20px;
  }

  .osechiTop__list {
    max-width: 100%;
  }

  .osechiTop__link,
  .osechiTop__img {
    width: 100%;
  }
  .single-menu-list {
    margin-top: 40px;
  }
  .single-menu-list-title {
    margin-bottom: 20px;
  }
}

.bnr__top.ran {
  max-width: 730px;
  margin: 0 auto 60px;
}

section.review .ec-rectHeading h4{
  color: #F3F3F3;
  background-color: transparent;
  /* background-image: url(../images/common/body_bg.gif); */
}

@media screen and (max-width: 767px) {
  section.review .ec-rectHeading h4{
    color: #F3F3F3;
    background-color: transparent;
    padding-left: 0;
  }
}