@charset "UTF-8";
/* =====================================
  SVG背景画像
===================================== */
/*  ボタン
================================ */
.btn--search:before {
  background-image: url("/img/icn-search.svg");
}

.btn--user:before {
  background-image: url("/img/icn-user.svg");
}

.btn--close:before {
  background-image: url("/img/icn-close.svg");
}

.mfp-close {
  background-image: url("/img/icn-close-white.svg") !important;
}

.btn--back:before {
  background-image: url("/img/arw-black.svg");
}

.btn--red:after,
.btn--green:after,
.btn--gray:after,
.btn--light-gray:after {
  background-image: url("/img/arw-white.svg");
}

.btn--light-gray:after {
  background-image: url("/img/arw-black.svg");
}

/*  リンク
================================ */
.link--edit:before {
  background-image: url("/img/icn-edit.svg");
}

.link--back:before {
  background-image: url("/img/icn-back.svg");
}

.link--external:after {
  background-image: url("/img/icn-external.svg");
}

.link--arw-a:after {
  background-image: url("/img/arw-green.svg");
}

.link--search:before {
  background-image: url("/img/icn-search.svg");
}

.link--user:before {
  background-image: url("/img/icn-user.svg");
}

/*  リンクパネル
================================ */
.link-panel--link {
  background-image: url("/img/arw-green.svg");
}
.link-panel--link:after {
  background-image: url("/img/arw-green.svg");
}
.link-panel--link:hover {
  background-image: url("/img/arw-green-hover.svg");
}

/*  ボタンパネル
================================ */
.btn-panel--icn-search:before, .btn-panel--icn-user:before {
  background-image: url("/img/icn-search.svg");
}
.btn-panel--icn-user:before {
  background-image: url("/img/icn-user.svg");
}
.btn-panel--link:hover .btn-panel--icn-search:before {
  background-image: url("/img/icn-search-white.svg");
}
.btn-panel--link:hover .btn-panel--icn-user:before {
  background-image: url("/img/icn-user-white.svg");
}

/*  リスト
================================ */
.index-list--name--icn-fresh {
  background-image: url("/img/icn-fresh.svg");
}
.index-list--name--icn-fish {
  background-image: url("/img/icn-fish.svg");
}
.index-list--name--icn-milk {
  background-image: url("/img/icn-milk.svg");
}
.index-list--name--icn-seaweed {
  background-image: url("/img/icn-seaweed.png");
}
.index-list--name--icn-vege {
  background-image: url("/img/icn-vege.svg");
}
.index-list--name--icn-fruits {
  background-image: url("/img/icn-fruits.svg");
}
.index-list--name--icn-junk {
  background-image: url("/img/icn-junk.svg");
}
.index-list--name--icn-exercise {
  background-image: url("/img/icn-exercise.svg");
}
.index-list--name--icn-rest {
  background-image: url("/img/icn-rest.svg");
}
.index-list--name--icn-stress {
  background-image: url("/img/icn-stress.svg");
}
.index-list--name--icn-alcohol {
  background-image: url("/img/icn-alcohol.svg");
}
.index-list--name--icn-tobacco {
  background-image: url("/img/icn-tobacco.svg");
}

/*  ブロック block
================================ */
.toggle-btn:after {
  background-image: url("/img/arw-down-green.svg");
}
.toggle-btn-plan:after {
  background-image: url("/img/arw-down-white.svg");
}
.accordion-block--title:after {
  background-image: url("/img/icn-plus.png");
}
.accordion-block--title:hover:after {
  background-image: url("/img/icn-plus-green.png");
}
.accordion-block.opened dt:after {
  background-image: url("/img/icn-minus.png");
}

.message--text:before, .message--text:after {
  background-image: url("/img/icn-double-quotation.svg");
}

/*  form
================================ */
input[type="checkbox"]:checked + .label--check:before,
input[type="checkbox"]:checked + .label--check-small:before {
  background-image: url("/img/icn-check.svg");
}

.select-list--option:after {
  background-image: url("/img/arw-select.svg");
}

/*-----------------------------------
* @media query
*----------------------------------*/
@media screen and (max-width: 767px) {
  /*  リンクパネル
  ================================ */
  .link-panel--link {
    background-image: url("/img/arw-green.svg") !important;
  }
  .link-panel--link:hover {
    background-image: url("/img/arw-green.svg") !important;
  }

  /*  ブロック block
  ================================ */
  .message--text:before, .message--text:after {
    background-image: url("/img/icn-double-quotation-green.svg");
  }
}