/*!*
 * @url: https://www.afternoon-tea.xyz/
 * @author: RanaDesign
 */
@charset "UTF-8";
/*
#overview
★カラーコード


*/
/*
# WEB FONTS & ICON FONTS

アイコンフォント関連はすべてこのファイルにのみ記述する
*/
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url("/media/font/NotoSansJP-Regular.woff2?v=20260602") format("woff2"), url("/media/font/NotoSansJP-Regular.woff?v=20260602") format("woff"), url("/media/font/NotoSansJP-Regular.ttf?v=20260602") format("truetype"); }

@font-face {
  font-family: "Noto Sans JP";
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url("/media/font/NotoSansJP-Medium.woff2?v=20260602") format("woff2"), url("/media/font/NotoSansJP-Medium.woff?v=20260602") format("woff"), url("/media/font/NotoSansJP-Medium.ttf?v=20260602") format("truetype"); }

@font-face {
  font-family: "Noto Sans JP";
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url("/media/font/NotoSansJP-Bold.woff2?v=20260602") format("woff2"), url("/media/font/NotoSansJP-Bold.woff?v=20260602") format("woff"), url("/media/font/NotoSansJP-Bold.ttf?v=20260602") format("truetype"); }

@font-face {
  font-family: "Noto Serif JP";
  font-weight: 400;
  src: local("Noto Serif JP Regular"), url("/media/font/NotoSerifJP-Regular.woff2?v=20260602") format("woff2"), url("/media/font/NotoSerifJP-Regular.woff?v=20260602") format("woff"), url("/media/font/NotoSerifJP-Regular.ttf?v=20260602") format("truetype"); }

@font-face {
  font-family: "Noto Serif JP";
  font-weight: 500;
  src: local("Noto Serif JP Medium"), url("/media/font/NotoSerifJP-Medium.woff2?v=20260602") format("woff2"), url("/media/font/NotoSerifJP-Medium.woff?v=20260602") format("woff"), url("/media/font/NotoSerifJP-Medium.ttf?v=20260602") format("truetype"); }

@font-face {
  font-family: "Noto Serif JP";
  font-weight: 700;
  src: local("Noto Serif JP Bold"), url("/media/font/NotoSerifJP-Bold.woff2?v=20260602") format("woff2"), url("/media/font/NotoSerifJP-Bold.woff?v=20260602") format("woff"), url("/media/font/NotoSerifJP-Bold.ttf?v=20260602") format("truetype"); }

@font-face {
  font-family: "Dosis";
  font-style: normal;
  font-weight: 400;
  src: local("Dosis Regular"), local("Dosis-Regular"), url("/media/font/Dosis-Regular.woff2?v=20161211") format("woff2"), url("/media/font/Dosis-Regular.woff?v=20161211") format("woff"), url("/media/font/Dosis-Regular.otf?v=20161211") format("opentype"); }

@font-face {
  font-family: "Dosis";
  font-style: normal;
  font-weight: 500;
  src: local("Dosis Medium"), local("Dosis-Medium"), url("/media/font/Dosis-Medium.woff2?v=20161211") format("woff2"), url("/media/font/Dosis-Medium.woff?v=20161211") format("woff"), url("/media/font/Dosis-Medium.otf?v=20161211") format("opentype"); }

@font-face {
  font-family: "Dosis";
  font-style: normal;
  font-weight: 700;
  src: local("Dosis SemiBold"), local("Dosis-SemiBold"), url("/media/font/Dosis-SemiBold.woff2?v=20161211") format("woff2"), url("/media/font/Dosis-SemiBold.woff?v=20161211") format("woff"), url("/media/font/Dosis-SemiBold.otf?v=20161211") format("opentype"); }

@font-face {
  font-family: "iconfont";
  src: url("/media/font/iconfont.woff2?v=20161124") format("woff2"), url("/media/font/iconfont.woff?v=20161124") format("woff"), url("/media/font/iconfont.ttf?v=20161124") format("opentype"); }

/*
#overview
★ICON FONTS 一覧


アイコンフォント用に自動生成されるSCSS。
このファイルは、_common.scssのみで読み込まれる。
icon関連を@extend出来るのは、_common-font-icon.scssのみ。
個別ページ用のスタイルシートでも、iconを@extendするときは_common-font-icon.scssに記述する。
*/
.icon:before, .float-totop:before, .link-back > i:before, .link-question:before, .link-blank:before, .wedge-arrow[target="_blank"] > i:before, .wedge-menu > i:before, .wedge-download > i:before, .wedge-shop > i:before, .button-login:before, .button-line > i:before, label.control > input + span:before, .link-list-shop:before, .mod-modal-default .area-modal .modal-close:before,
.mod-modal-menu .area-modal .modal-close:before, .mod-modal-nav .area-modal .modal-close:before, .list-text-dashed > li a[target="_blank"]:before, .js-accordion-title:before, .control-arrow:before, .link-indtagram > i:before, .link-twitter > i:before, .btn-close:before, .icon-after:after, #nav-footer-info li a:after, .link-block:after, .float-attract:after, .link-text > i:after, .wedge-more-plus > i:after, .link-label:after, .button-search:after, .btn-text-close:after, .mod-modal-default .area-modal .modal-close:after,
.mod-modal-menu .area-modal .modal-close:after, .mod-modal-default .area-modal .modal-close-sign:after,
.mod-modal-menu .area-modal .modal-close-sign:after, .mod-modal-nav .area-modal .modal-close:after, .list-text-dashed > li a:after, .link-panel-brand a:after, .js-accordion-title:after, .js-modal-carousel_open:after, .tab-link-arrow > a > i:after, .link-indtagram:after, .link-twitter:after, .cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .title:after,
.area-articles-index .link-article.title[target="_blank"] > .title:after, .btn-close:after {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block; }

.icon.icon-arrow-link:before, #nav-footer-info li a.icon:before, #nav-footer-info li a.float-totop:before, #nav-footer-info li a.link-question:before, #nav-footer-info li a.link-blank:before, #nav-footer-info li a.button-login:before, #nav-footer-info li a.link-list-shop:before, #nav-footer-info li .mod-modal-default .area-modal a.modal-close:before, .mod-modal-default .area-modal #nav-footer-info li a.modal-close:before,
#nav-footer-info li .mod-modal-menu .area-modal a.modal-close:before, .mod-modal-menu .area-modal #nav-footer-info li a.modal-close:before, #nav-footer-info li .mod-modal-nav .area-modal a.modal-close:before, .mod-modal-nav .area-modal #nav-footer-info li a.modal-close:before, #nav-footer-info .list-text-dashed > li a[target="_blank"]:before, #nav-footer-info li a.js-accordion-title:before, #nav-footer-info li a.control-arrow:before, #nav-footer-info li a.btn-close:before, .icon.link-block:before, .link-block.float-totop:before, .link-back > i.link-block:before, .link-block.link-question:before, .link-block.link-blank:before, .wedge-arrow[target="_blank"] > i.link-block:before, .wedge-menu > i.link-block:before, .wedge-download > i.link-block:before, .wedge-shop > i.link-block:before, .link-block.button-login:before, .button-line > i.link-block:before, label.control > input + span.link-block:before, .link-block.link-list-shop:before, .mod-modal-default .area-modal .link-block.modal-close:before,
.mod-modal-menu .area-modal .link-block.modal-close:before, .mod-modal-nav .area-modal .link-block.modal-close:before, .list-text-dashed > li a.link-block[target="_blank"]:before, .link-block.js-accordion-title:before, .link-block.control-arrow:before, .link-indtagram > i.link-block:before, .link-twitter > i.link-block:before, .link-block.btn-close:before, .float-totop:before, .icon.float-attract:before, .float-attract.float-totop:before, .link-back > i.float-attract:before, .float-attract.link-question:before, .float-attract.link-blank:before, .wedge-arrow[target="_blank"] > i.float-attract:before, .wedge-menu > i.float-attract:before, .wedge-download > i.float-attract:before, .wedge-shop > i.float-attract:before, .float-attract.button-login:before, .button-line > i.float-attract:before, label.control > input + span.float-attract:before, .float-attract.link-list-shop:before, .mod-modal-default .area-modal .float-attract.modal-close:before,
.mod-modal-menu .area-modal .float-attract.modal-close:before, .mod-modal-nav .area-modal .float-attract.modal-close:before, .list-text-dashed > li a.float-attract[target="_blank"]:before, .float-attract.js-accordion-title:before, .float-attract.control-arrow:before, .link-indtagram > i.float-attract:before, .link-twitter > i.float-attract:before, .float-attract.btn-close:before, .link-text > i.icon:before, .link-text > i.float-totop:before, .link-back.link-text > i:before, .link-text > i.link-question:before, .link-text > i.link-blank:before, .wedge-arrow.link-text[target="_blank"] > i:before, .wedge-menu.link-text > i:before, .wedge-download.link-text > i:before, .wedge-shop.link-text > i:before, .link-text > i.button-login:before, .button-line.link-text > i:before, .link-text > i.link-list-shop:before, .mod-modal-default .area-modal .link-text > i.modal-close:before,
.mod-modal-menu .area-modal .link-text > i.modal-close:before, .mod-modal-nav .area-modal .link-text > i.modal-close:before, .link-text > i.js-accordion-title:before, .link-text > i.control-arrow:before, .link-indtagram.link-text > i:before, .link-twitter.link-text > i:before, .link-text > i.btn-close:before, .link-back > i.icon-arrow-link:before, .link-back > i.float-totop:before, .link-back > i.link-label:before, .link-back > i.link-list-shop:before, .link-back > i.link-indtagram:before, .link-back > i.link-twitter:before, .icon-arrow-link.link-question:before, .link-question.float-totop:before, .link-question.link-label:before, .link-question.link-list-shop:before, .list-text-dashed > li a.link-question:before, .link-question.link-indtagram:before, .link-question.link-twitter:before, .icon-arrow-link.link-blank:before, .link-blank.float-totop:before, .link-blank.link-label:before, .link-blank.link-list-shop:before, .list-text-dashed > li a.link-blank:before, .link-blank.link-indtagram:before, .link-blank.link-twitter:before, .wedge-arrow[target="_blank"] > i.icon-arrow-link:before, .wedge-arrow[target="_blank"] > i.float-totop:before, .wedge-arrow[target="_blank"] > i.link-label:before, .wedge-arrow[target="_blank"] > i.link-list-shop:before, .wedge-arrow[target="_blank"] > i.link-indtagram:before, .wedge-arrow[target="_blank"] > i.link-twitter:before, .wedge-menu > i.icon-arrow-link:before, .wedge-menu > i.float-totop:before, .wedge-menu > i.link-label:before, .wedge-menu > i.link-list-shop:before, .wedge-menu > i.link-indtagram:before, .wedge-menu > i.link-twitter:before, .wedge-download > i.icon-arrow-link:before, .wedge-download > i.float-totop:before, .wedge-download > i.link-label:before, .wedge-download > i.link-list-shop:before, .wedge-download > i.link-indtagram:before, .wedge-download > i.link-twitter:before, .wedge-shop > i.icon-arrow-link:before, .wedge-shop > i.float-totop:before, .wedge-shop > i.link-label:before, .wedge-shop > i.link-list-shop:before, .wedge-shop > i.link-indtagram:before, .wedge-shop > i.link-twitter:before, .icon.link-label:before, .link-label.float-totop:before, .link-label.button-login:before, .button-line > i.link-label:before, label.control > input + span.link-label:before, .link-label.link-list-shop:before, .mod-modal-default .area-modal .link-label.modal-close:before,
.mod-modal-menu .area-modal .link-label.modal-close:before, .mod-modal-nav .area-modal .link-label.modal-close:before, .list-text-dashed > li a.link-label[target="_blank"]:before, .link-label.js-accordion-title:before, .link-label.control-arrow:before, .link-indtagram > i.link-label:before, .link-twitter > i.link-label:before, .link-label.btn-close:before, .icon-arrow-link.button-login:before, .button-login.float-totop:before, .button-login.link-list-shop:before, .list-text-dashed > li a.button-login:before, .button-login.link-indtagram:before, .button-login.link-twitter:before, .button-line > i.icon-arrow-link:before, .button-line > i.float-totop:before, .button-line > i.link-list-shop:before, .button-line > i.link-indtagram:before, .button-line > i.link-twitter:before, label.control > input + span.icon-arrow-link:before, label.control > input + span.float-totop:before, label.control > input + span.link-list-shop:before, label.control > input + span.link-indtagram:before, label.control > input + span.link-twitter:before, .link-list-shop:before, .mod-modal-default .area-modal .icon-arrow-link.modal-close:before, .mod-modal-default .area-modal .modal-close.float-totop:before, .mod-modal-default .area-modal .modal-close.link-list-shop:before, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close:before, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close:before, .mod-modal-default .area-modal .modal-close.link-indtagram:before, .mod-modal-default .area-modal .modal-close.link-twitter:before,
.mod-modal-menu .area-modal .icon-arrow-link.modal-close:before, .mod-modal-menu .area-modal .modal-close.float-totop:before, .mod-modal-menu .area-modal .modal-close.link-list-shop:before, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close:before, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close:before, .mod-modal-menu .area-modal .modal-close.link-indtagram:before, .mod-modal-menu .area-modal .modal-close.link-twitter:before, .mod-modal-nav .area-modal .icon-arrow-link.modal-close:before, .mod-modal-nav .area-modal .modal-close.float-totop:before, .mod-modal-nav .area-modal .modal-close.link-list-shop:before, .mod-modal-nav .area-modal .list-text-dashed > li a.modal-close:before, .list-text-dashed > li .mod-modal-nav .area-modal a.modal-close:before, .mod-modal-nav .area-modal .modal-close.link-indtagram:before, .mod-modal-nav .area-modal .modal-close.link-twitter:before, .list-text-dashed > li a.icon:before, .list-text-dashed > li a.float-totop:before, .list-text-dashed > li a.link-list-shop:before, .list-text-dashed > li a[target="_blank"]:before, .list-text-dashed > li a.js-accordion-title:before, .list-text-dashed > li a.control-arrow:before, .list-text-dashed > li a.btn-close:before, .icon-arrow-link.js-accordion-title:before, .js-accordion-title.float-totop:before, .js-accordion-title.link-list-shop:before, .js-accordion-title.link-indtagram:before, .js-accordion-title.link-twitter:before, .icon-arrow-link.control-arrow:before, .control-arrow.float-totop:before, .control-arrow.link-list-shop:before, .control-arrow.link-indtagram:before, .control-arrow.link-twitter:before, .icon.link-indtagram:before, .link-indtagram.float-totop:before, .float-totop.link-twitter:before, .link-indtagram.link-list-shop:before, .link-list-shop.link-twitter:before, .list-text-dashed > li a.link-indtagram[target="_blank"]:before, .list-text-dashed > li a.link-twitter[target="_blank"]:before, .link-indtagram > i.link-indtagram:before, .link-twitter > i.link-indtagram:before, .link-indtagram > i.link-twitter:before, .link-twitter > i.link-twitter:before, .link-indtagram.btn-close:before, .btn-close.link-twitter:before, .icon.link-twitter:before, .link-indtagram > i.icon-arrow-link:before, .link-twitter > i.icon-arrow-link:before, .link-indtagram > i.float-totop:before, .link-twitter > i.float-totop:before, .link-indtagram > i.link-list-shop:before, .link-twitter > i.link-list-shop:before, .icon-arrow-link.btn-close:before, .btn-close.float-totop:before, .btn-close.link-list-shop:before {
  content: ""; }

.icon.icon-bag:before, .icon-bag.float-totop:before, .link-back > i.icon-bag:before, .icon-bag.link-question:before, .icon-bag.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-bag:before, .wedge-menu > i.icon-bag:before, .wedge-download > i.icon-bag:before, .wedge-shop > i.icon-bag:before, .icon-bag.button-login:before, .button-line > i.icon-bag:before, label.control > input + span.icon-bag:before, .icon-bag.link-list-shop:before, .mod-modal-default .area-modal .icon-bag.modal-close:before,
.mod-modal-menu .area-modal .icon-bag.modal-close:before, .mod-modal-nav .area-modal .icon-bag.modal-close:before, .list-text-dashed > li a.icon-bag[target="_blank"]:before, .icon-bag.js-accordion-title:before, .icon-bag.control-arrow:before, .link-indtagram > i.icon-bag:before, .link-twitter > i.icon-bag:before, .icon-bag.btn-close:before {
  content: ""; }

.icon.icon-blank:before, .icon-blank.float-totop:before, .float-totop.link-blank:before, .wedge-arrow[target="_blank"] > i.float-totop:before, .list-text-dashed > li a.float-totop[target="_blank"]:before, .float-totop.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title[target="_blank"] > .float-totop.title:before,
.area-articles-index .link-article.title[target="_blank"] > .float-totop.title:before, .link-back > i.icon-blank:before, .link-back > i.link-blank:before, .wedge-arrow.link-back[target="_blank"] > i:before, .link-back > i.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title.link-back[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.link-back[target="_blank"] > i.title:before, .icon-blank.link-question:before, .link-question.link-blank:before, .wedge-arrow[target="_blank"] > i.link-question:before, .list-text-dashed > li a.link-question[target="_blank"]:before, .link-question.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title[target="_blank"] > .link-question.title:before,
.area-articles-index .link-article.title[target="_blank"] > .link-question.title:before, .link-blank:before, .wedge-arrow[target="_blank"] > i:before, .wedge-menu > i.icon-blank:before, .wedge-menu > i.link-blank:before, .wedge-arrow.wedge-menu[target="_blank"] > i:before, .wedge-menu > i.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title.wedge-menu[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.wedge-menu[target="_blank"] > i.title:before, .wedge-download > i.icon-blank:before, .wedge-download > i.link-blank:before, .wedge-arrow.wedge-download[target="_blank"] > i:before, .wedge-download > i.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title.wedge-download[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.wedge-download[target="_blank"] > i.title:before, .wedge-shop > i.icon-blank:before, .wedge-shop > i.link-blank:before, .wedge-arrow.wedge-shop[target="_blank"] > i:before, .wedge-shop > i.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title.wedge-shop[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.wedge-shop[target="_blank"] > i.title:before, .icon-blank.button-login:before, .button-login.link-blank:before, .wedge-arrow[target="_blank"] > i.button-login:before, .list-text-dashed > li a.button-login[target="_blank"]:before, .button-login.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title[target="_blank"] > .button-login.title:before,
.area-articles-index .link-article.title[target="_blank"] > .button-login.title:before, .button-line > i.icon-blank:before, .button-line > i.link-blank:before, .wedge-arrow.button-line[target="_blank"] > i:before, .button-line > i.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title.button-line[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.button-line[target="_blank"] > i.title:before, label.control > input + span.icon-blank:before, label.control > input + span.link-blank:before, label.control > input + span.js-modal-carousel_open.-blank:before, .area-articles-main label.link-article.title.control[target="_blank"] > input + span.title:before,
.area-articles-index label.link-article.title.control[target="_blank"] > input + span.title:before, .icon-blank.link-list-shop:before, .link-list-shop.link-blank:before, .wedge-arrow[target="_blank"] > i.link-list-shop:before, .list-text-dashed > li a.link-list-shop[target="_blank"]:before, .link-list-shop.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title[target="_blank"] > .link-list-shop.title:before,
.area-articles-index .link-article.title[target="_blank"] > .link-list-shop.title:before, .mod-modal-default .area-modal .icon-blank.modal-close:before, .mod-modal-default .area-modal .modal-close.link-blank:before, .mod-modal-default .area-modal .wedge-arrow[target="_blank"] > i.modal-close:before, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close[target="_blank"]:before, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close[target="_blank"]:before, .mod-modal-default .area-modal .modal-close.js-modal-carousel_open.-blank:before, .mod-modal-default .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close.title:before, .area-articles-main .mod-modal-default .area-modal .link-article.title[target="_blank"] > .modal-close.title:before,
.mod-modal-default .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close.title:before, .area-articles-index .mod-modal-default .area-modal .link-article.title[target="_blank"] > .modal-close.title:before,
.mod-modal-menu .area-modal .icon-blank.modal-close:before, .mod-modal-menu .area-modal .modal-close.link-blank:before, .mod-modal-menu .area-modal .wedge-arrow[target="_blank"] > i.modal-close:before, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close[target="_blank"]:before, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close[target="_blank"]:before, .mod-modal-menu .area-modal .modal-close.js-modal-carousel_open.-blank:before, .mod-modal-menu .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close.title:before, .area-articles-main .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .modal-close.title:before,
.mod-modal-menu .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close.title:before, .area-articles-index .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .modal-close.title:before, .mod-modal-nav .area-modal .icon-blank.modal-close:before, .mod-modal-nav .area-modal .modal-close.link-blank:before, .mod-modal-nav .area-modal .wedge-arrow[target="_blank"] > i.modal-close:before, .mod-modal-nav .area-modal .list-text-dashed > li a.modal-close[target="_blank"]:before, .list-text-dashed > li .mod-modal-nav .area-modal a.modal-close[target="_blank"]:before, .mod-modal-nav .area-modal .modal-close.js-modal-carousel_open.-blank:before, .mod-modal-nav .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close.title:before, .area-articles-main .mod-modal-nav .area-modal .link-article.title[target="_blank"] > .modal-close.title:before,
.mod-modal-nav .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close.title:before, .area-articles-index .mod-modal-nav .area-modal .link-article.title[target="_blank"] > .modal-close.title:before, .list-text-dashed > li a[target="_blank"]:before, .icon-blank.js-accordion-title:before, .js-accordion-title.link-blank:before, .wedge-arrow[target="_blank"] > i.js-accordion-title:before, .list-text-dashed > li a.js-accordion-title[target="_blank"]:before, .js-accordion-title.js-modal-carousel_open.-blank:before, .area-articles-main .link-article.title[target="_blank"] > .js-accordion-title.title:before,
.area-articles-index .link-article.title[target="_blank"] > .js-accordion-title.title:before, .icon.js-modal-carousel_open.-blank:before, .js-modal-carousel_open.-blank.link-blank:before, .wedge-arrow[target="_blank"] > i.js-modal-carousel_open.-blank:before, .list-text-dashed > li a.js-modal-carousel_open.-blank[target="_blank"]:before, .js-modal-carousel_open.-blank.control-arrow:before, .link-indtagram > i.js-modal-carousel_open.-blank:before, .link-twitter > i.js-modal-carousel_open.-blank:before, .js-modal-carousel_open.-blank.btn-close:before, .icon-blank.control-arrow:before, .control-arrow.link-blank:before, .wedge-arrow[target="_blank"] > i.control-arrow:before, .list-text-dashed > li a.control-arrow[target="_blank"]:before, .area-articles-main .link-article.title[target="_blank"] > .control-arrow.title:before,
.area-articles-index .link-article.title[target="_blank"] > .control-arrow.title:before, .link-indtagram > i.icon-blank:before, .link-twitter > i.icon-blank:before, .link-indtagram > i.link-blank:before, .link-twitter > i.link-blank:before, .wedge-arrow.link-indtagram[target="_blank"] > i:before, .wedge-arrow.link-twitter[target="_blank"] > i:before, .area-articles-main .link-article.title.link-indtagram[target="_blank"] > i.title:before, .area-articles-main .link-article.title.link-twitter[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.link-indtagram[target="_blank"] > i.title:before,
.area-articles-index .link-article.title.link-twitter[target="_blank"] > i.title:before, .area-articles-main .link-article.title[target="_blank"] > .icon.title:before, .area-articles-main .link-article.title[target="_blank"] > .title.link-blank:before, .area-articles-main .wedge-arrow.link-article.title[target="_blank"] > i.title:before, .area-articles-main .list-text-dashed > li .link-article.title[target="_blank"] > a.title[target="_blank"]:before, .list-text-dashed > li .area-articles-main .link-article.title[target="_blank"] > a.title[target="_blank"]:before, .area-articles-main .link-article.title[target="_blank"] > .title.btn-close:before,
.area-articles-index .link-article.title[target="_blank"] > .icon.title:before, .area-articles-index .link-article.title[target="_blank"] > .title.link-blank:before, .area-articles-index .wedge-arrow.link-article.title[target="_blank"] > i.title:before, .area-articles-index .list-text-dashed > li .link-article.title[target="_blank"] > a.title[target="_blank"]:before, .list-text-dashed > li .area-articles-index .link-article.title[target="_blank"] > a.title[target="_blank"]:before, .area-articles-index .link-article.title[target="_blank"] > .title.btn-close:before, .icon-blank.btn-close:before, .btn-close.link-blank:before, .wedge-arrow[target="_blank"] > i.btn-close:before, .list-text-dashed > li a.btn-close[target="_blank"]:before {
  content: ""; }

.icon.icon-check:before, .icon-check.float-totop:before, .link-back > i.icon-check:before, .icon-check.link-question:before, .icon-check.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-check:before, .wedge-menu > i.icon-check:before, .wedge-download > i.icon-check:before, .wedge-shop > i.icon-check:before, .icon-check.button-login:before, .button-line > i.icon-check:before, label.control > input + span:before, .icon-check.link-list-shop:before, .mod-modal-default .area-modal .icon-check.modal-close:before, .mod-modal-default .area-modal label.control > input + span.modal-close:before,
.mod-modal-menu .area-modal .icon-check.modal-close:before, .mod-modal-menu .area-modal label.control > input + span.modal-close:before, .mod-modal-nav .area-modal .icon-check.modal-close:before, .mod-modal-nav .area-modal label.control > input + span.modal-close:before, .list-text-dashed > li a.icon-check[target="_blank"]:before, .icon-check.js-accordion-title:before, .icon-check.control-arrow:before, .link-indtagram > i.icon-check:before, .link-twitter > i.icon-check:before, .icon-check.btn-close:before {
  content: ""; }

.icon.icon-cross:before, .icon-cross.float-totop:before, .wedge-more-plus > i.float-totop:before, .float-totop.btn-text-close:before, .link-back > i.icon-cross:before, .wedge-more-plus.link-back > i:before, .link-back > i.btn-text-close:before, .icon-cross.link-question:before, .wedge-more-plus > i.link-question:before, .link-question.btn-text-close:before, .icon-cross.link-blank:before, .wedge-more-plus > i.link-blank:before, .link-blank.btn-text-close:before, .wedge-arrow[target="_blank"] > i.icon-cross:before, .wedge-more-plus.wedge-arrow[target="_blank"] > i:before, .wedge-arrow[target="_blank"] > i.btn-text-close:before, .wedge-more-plus > i.icon:before, .wedge-menu.wedge-more-plus > i:before, .wedge-download.wedge-more-plus > i:before, .wedge-shop.wedge-more-plus > i:before, .wedge-more-plus > i.button-login:before, .button-line.wedge-more-plus > i:before, .wedge-more-plus > i.link-list-shop:before, .mod-modal-default .area-modal .wedge-more-plus > i.modal-close:before,
.mod-modal-menu .area-modal .wedge-more-plus > i.modal-close:before, .mod-modal-nav .area-modal .wedge-more-plus > i.modal-close:before, .wedge-more-plus > i.js-accordion-title:before, .wedge-more-plus > i.control-arrow:before, .link-indtagram.wedge-more-plus > i:before, .link-twitter.wedge-more-plus > i:before, .wedge-more-plus > i.btn-close:before, .wedge-menu > i.icon-cross:before, .wedge-menu > i.btn-text-close:before, .wedge-download > i.icon-cross:before, .wedge-download > i.btn-text-close:before, .wedge-shop > i.icon-cross:before, .wedge-shop > i.btn-text-close:before, .icon-cross.button-login:before, .button-login.btn-text-close:before, .button-line > i.icon-cross:before, .button-line > i.btn-text-close:before, .icon.btn-text-close:before, label.control > input + span.btn-text-close:before, .btn-text-close.link-list-shop:before, .mod-modal-default .area-modal .btn-text-close.modal-close:before,
.mod-modal-menu .area-modal .btn-text-close.modal-close:before, .mod-modal-nav .area-modal .btn-text-close.modal-close:before, .list-text-dashed > li a.btn-text-close[target="_blank"]:before, .btn-text-close.js-accordion-title:before, .btn-text-close.control-arrow:before, .link-indtagram > i.btn-text-close:before, .link-twitter > i.btn-text-close:before, .btn-text-close.btn-close:before, label.control > input + span.icon-cross:before, .icon-cross.link-list-shop:before, .mod-modal-default .area-modal .icon-cross.modal-close:before,
.mod-modal-menu .area-modal .icon-cross.modal-close:before, .mod-modal-nav .area-modal .icon-cross.modal-close:before, .list-text-dashed > li a.icon-cross[target="_blank"]:before, .icon-cross.js-accordion-title:before, .icon-cross.control-arrow:before, .link-indtagram > i.icon-cross:before, .link-twitter > i.icon-cross:before, .icon-cross.btn-close:before {
  content: ""; }

.icon.icon-download:before, .icon-download.float-totop:before, .link-back > i.icon-download:before, .icon-download.link-question:before, .icon-download.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-download:before, .wedge-menu > i.icon-download:before, .wedge-download > i:before, .wedge-shop > i.icon-download:before, .icon-download.button-login:before, .button-line > i.icon-download:before, label.control > input + span.icon-download:before, .icon-download.link-list-shop:before, .mod-modal-default .area-modal .icon-download.modal-close:before, .mod-modal-default .area-modal .wedge-download > i.modal-close:before,
.mod-modal-menu .area-modal .icon-download.modal-close:before, .mod-modal-menu .area-modal .wedge-download > i.modal-close:before, .mod-modal-nav .area-modal .icon-download.modal-close:before, .mod-modal-nav .area-modal .wedge-download > i.modal-close:before, .list-text-dashed > li a.icon-download[target="_blank"]:before, .icon-download.js-accordion-title:before, .icon-download.control-arrow:before, .link-indtagram > i.icon-download:before, .link-twitter > i.icon-download:before, .icon-download.btn-close:before {
  content: ""; }

.icon.icon-facebook:before, .icon-facebook.float-totop:before, .link-back > i.icon-facebook:before, .icon-facebook.link-question:before, .icon-facebook.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-facebook:before, .wedge-menu > i.icon-facebook:before, .wedge-download > i.icon-facebook:before, .wedge-shop > i.icon-facebook:before, .icon-facebook.button-login:before, .button-line > i.icon-facebook:before, label.control > input + span.icon-facebook:before, .icon-facebook.link-list-shop:before, .mod-modal-default .area-modal .icon-facebook.modal-close:before,
.mod-modal-menu .area-modal .icon-facebook.modal-close:before, .mod-modal-nav .area-modal .icon-facebook.modal-close:before, .list-text-dashed > li a.icon-facebook[target="_blank"]:before, .icon-facebook.js-accordion-title:before, .icon-facebook.control-arrow:before, .link-indtagram > i.icon-facebook:before, .link-twitter > i.icon-facebook:before, .icon-facebook.btn-close:before {
  content: ""; }

.icon.icon-instagram:before, .icon-instagram.float-totop:before, .link-back > i.icon-instagram:before, .icon-instagram.link-question:before, .icon-instagram.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-instagram:before, .wedge-menu > i.icon-instagram:before, .wedge-download > i.icon-instagram:before, .wedge-shop > i.icon-instagram:before, .icon-instagram.button-login:before, .button-line > i.icon-instagram:before, label.control > input + span.icon-instagram:before, .icon-instagram.link-list-shop:before, .mod-modal-default .area-modal .icon-instagram.modal-close:before, .mod-modal-default .area-modal .link-indtagram > i.modal-close:before, .mod-modal-default .area-modal .link-twitter > i.modal-close:before,
.mod-modal-menu .area-modal .icon-instagram.modal-close:before, .mod-modal-menu .area-modal .link-indtagram > i.modal-close:before, .mod-modal-menu .area-modal .link-twitter > i.modal-close:before, .mod-modal-nav .area-modal .icon-instagram.modal-close:before, .mod-modal-nav .area-modal .link-indtagram > i.modal-close:before, .mod-modal-nav .area-modal .link-twitter > i.modal-close:before, .list-text-dashed > li a.icon-instagram[target="_blank"]:before, .icon-instagram.js-accordion-title:before, .icon-instagram.control-arrow:before, .link-indtagram > i:before, .link-twitter > i:before, .icon-instagram.btn-close:before {
  content: ""; }

.icon.icon-line:before, .icon-line.float-totop:before, .link-back > i.icon-line:before, .icon-line.link-question:before, .icon-line.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-line:before, .wedge-menu > i.icon-line:before, .wedge-download > i.icon-line:before, .wedge-shop > i.icon-line:before, .icon-line.button-login:before, .button-line > i:before, label.control > input + span.icon-line:before, .icon-line.link-list-shop:before, .mod-modal-default .area-modal .icon-line.modal-close:before, .mod-modal-default .area-modal .button-line > i.modal-close:before,
.mod-modal-menu .area-modal .icon-line.modal-close:before, .mod-modal-menu .area-modal .button-line > i.modal-close:before, .mod-modal-nav .area-modal .icon-line.modal-close:before, .mod-modal-nav .area-modal .button-line > i.modal-close:before, .list-text-dashed > li a.icon-line[target="_blank"]:before, .icon-line.js-accordion-title:before, .icon-line.control-arrow:before, .link-indtagram > i.icon-line:before, .link-twitter > i.icon-line:before, .icon-line.btn-close:before {
  content: ""; }

.icon.icon-lock:before, .icon-lock.float-totop:before, .link-back > i.icon-lock:before, .icon-lock.link-question:before, .icon-lock.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-lock:before, .wedge-arrow[target="_blank"] > i.button-login:before, .wedge-menu > i.icon-lock:before, .wedge-download > i.icon-lock:before, .wedge-shop > i.icon-lock:before, .button-login:before, .button-line > i.icon-lock:before, label.control > input + span.icon-lock:before, label.control > input + span.button-login:before, .icon-lock.link-list-shop:before, .mod-modal-default .area-modal .icon-lock.modal-close:before, .mod-modal-default .area-modal .modal-close.button-login:before,
.mod-modal-menu .area-modal .icon-lock.modal-close:before, .mod-modal-menu .area-modal .modal-close.button-login:before, .mod-modal-nav .area-modal .icon-lock.modal-close:before, .mod-modal-nav .area-modal .modal-close.button-login:before, .list-text-dashed > li a.icon-lock[target="_blank"]:before, .list-text-dashed > li a.button-login[target="_blank"]:before, .icon-lock.js-accordion-title:before, .icon-lock.control-arrow:before, .link-indtagram > i.icon-lock:before, .link-twitter > i.icon-lock:before, .icon-lock.btn-close:before {
  content: ""; }

.icon.icon-mail:before, .icon-mail.float-totop:before, .link-send_sms > i.float-totop:before, .link-back > i.icon-mail:before, .link-send_sms.link-back > i:before, .link-send_sms > i.icon:before, .link-send_sms > i.link-question:before, .link-send_sms > i.link-blank:before, .wedge-arrow.link-send_sms[target="_blank"] > i:before, .wedge-menu.link-send_sms > i:before, .wedge-download.link-send_sms > i:before, .wedge-shop.link-send_sms > i:before, .link-send_sms > i.button-login:before, .button-line.link-send_sms > i:before, .link-send_sms > i.link-list-shop:before, .mod-modal-default .area-modal .link-send_sms > i.modal-close:before,
.mod-modal-menu .area-modal .link-send_sms > i.modal-close:before, .mod-modal-nav .area-modal .link-send_sms > i.modal-close:before, .link-send_sms > i.js-accordion-title:before, .link-send_sms > i.control-arrow:before, .link-indtagram.link-send_sms > i:before, .link-twitter.link-send_sms > i:before, .link-send_sms > i.btn-close:before, .icon-mail.link-question:before, .icon-mail.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-mail:before, .wedge-menu > i.icon-mail:before, .wedge-download > i.icon-mail:before, .wedge-shop > i.icon-mail:before, .icon-mail.button-login:before, .button-line > i.icon-mail:before, label.control > input + span.icon-mail:before, .icon-mail.link-list-shop:before, .mod-modal-default .area-modal .icon-mail.modal-close:before,
.mod-modal-menu .area-modal .icon-mail.modal-close:before, .mod-modal-nav .area-modal .icon-mail.modal-close:before, .list-text-dashed > li a.icon-mail[target="_blank"]:before, .icon-mail.js-accordion-title:before, .icon-mail.control-arrow:before, .link-indtagram > i.icon-mail:before, .link-twitter > i.icon-mail:before, .icon-mail.btn-close:before {
  content: ""; }

.icon.icon-morse-l:before, .icon-morse-l.float-totop:before, .link-back > i.icon-morse-l:before, .icon-morse-l.link-question:before, .icon-morse-l.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-morse-l:before, .wedge-arrow[target="_blank"] > i.btn-close:before, .wedge-menu > i.icon-morse-l:before, .wedge-download > i.icon-morse-l:before, .wedge-shop > i.icon-morse-l:before, .icon-morse-l.button-login:before, .button-line > i.icon-morse-l:before, label.control > input + span.icon-morse-l:before, label.control > input + span.btn-close:before, .icon-morse-l.link-list-shop:before, .mod-modal-default .area-modal .modal-close:before,
.mod-modal-menu .area-modal .modal-close:before, .mod-modal-nav .area-modal .modal-close:before, .list-text-dashed > li a.icon-morse-l[target="_blank"]:before, .list-text-dashed > li a.btn-close[target="_blank"]:before, .icon-morse-l.js-accordion-title:before, .icon-morse-l.control-arrow:before, .link-indtagram > i.icon-morse-l:before, .link-twitter > i.icon-morse-l:before, .btn-close:before {
  content: ""; }

.icon.icon-morse:before, .icon-morse.float-totop:before, .link-back > i.icon-morse:before, .icon-morse.link-question:before, .icon-morse.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-morse:before, .wedge-arrow[target="_blank"] > i.js-accordion-title:before, .wedge-menu > i.icon-morse:before, .wedge-download > i.icon-morse:before, .wedge-shop > i.icon-morse:before, .icon-morse.button-login:before, .button-line > i.icon-morse:before, label.control > input + span.icon-morse:before, label.control > input + span.js-accordion-title:before, .icon-morse.link-list-shop:before, .mod-modal-default .area-modal .icon-morse.modal-close:before, .mod-modal-default .area-modal .modal-close.js-accordion-title:before,
.mod-modal-menu .area-modal .icon-morse.modal-close:before, .mod-modal-menu .area-modal .modal-close.js-accordion-title:before, .mod-modal-nav .area-modal .icon-morse.modal-close:before, .mod-modal-nav .area-modal .modal-close.js-accordion-title:before, .list-text-dashed > li a.icon-morse[target="_blank"]:before, .list-text-dashed > li a.js-accordion-title[target="_blank"]:before, .js-accordion-title:before, .icon-morse.control-arrow:before, .link-indtagram > i.icon-morse:before, .link-twitter > i.icon-morse:before, .icon-morse.btn-close:before {
  content: ""; }

.icon.icon-pdf:before, .icon-pdf.float-totop:before, .link-back > i.icon-pdf:before, .icon-pdf.link-question:before, .icon-pdf.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-pdf:before, .wedge-menu > i:before, .wedge-download > i.icon-pdf:before, .wedge-shop > i.icon-pdf:before, .icon-pdf.button-login:before, .button-line > i.icon-pdf:before, label.control > input + span.icon-pdf:before, .icon-pdf.link-list-shop:before, .mod-modal-default .area-modal .icon-pdf.modal-close:before, .mod-modal-default .area-modal .wedge-menu > i.modal-close:before,
.mod-modal-menu .area-modal .icon-pdf.modal-close:before, .mod-modal-menu .area-modal .wedge-menu > i.modal-close:before, .mod-modal-nav .area-modal .icon-pdf.modal-close:before, .mod-modal-nav .area-modal .wedge-menu > i.modal-close:before, .list-text-dashed > li a.icon-pdf[target="_blank"]:before, .icon-pdf.js-accordion-title:before, .icon-pdf.control-arrow:before, .link-indtagram > i.icon-pdf:before, .link-twitter > i.icon-pdf:before, .icon-pdf.btn-close:before {
  content: ""; }

.icon.icon-play:before, .icon-play.float-totop:before, .link-back > i.icon-play:before, .icon-play.link-question:before, .icon-play.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-play:before, .wedge-menu > i.icon-play:before, .wedge-download > i.icon-play:before, .wedge-shop > i.icon-play:before, .icon-play.button-login:before, .button-line > i.icon-play:before, label.control > input + span.icon-play:before, .icon-play.link-list-shop:before, .mod-modal-default .area-modal .icon-play.modal-close:before,
.mod-modal-menu .area-modal .icon-play.modal-close:before, .mod-modal-nav .area-modal .icon-play.modal-close:before, .list-text-dashed > li a.icon-play[target="_blank"]:before, .icon-play.js-accordion-title:before, .icon-play.control-arrow:before, .link-indtagram > i.icon-play:before, .link-twitter > i.icon-play:before, .icon-play.btn-close:before {
  content: ""; }

.icon.icon-question:before, .icon-question.float-totop:before, .link-back > i.icon-question:before, .link-question:before, .icon-question.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-question:before, .wedge-arrow[target="_blank"] > i.link-question:before, .wedge-menu > i.icon-question:before, .wedge-download > i.icon-question:before, .wedge-shop > i.icon-question:before, .icon-question.button-login:before, .button-line > i.icon-question:before, label.control > input + span.icon-question:before, label.control > input + span.link-question:before, .icon-question.link-list-shop:before, .mod-modal-default .area-modal .icon-question.modal-close:before, .mod-modal-default .area-modal .modal-close.link-question:before,
.mod-modal-menu .area-modal .icon-question.modal-close:before, .mod-modal-menu .area-modal .modal-close.link-question:before, .mod-modal-nav .area-modal .icon-question.modal-close:before, .mod-modal-nav .area-modal .modal-close.link-question:before, .list-text-dashed > li a.icon-question[target="_blank"]:before, .list-text-dashed > li a.link-question[target="_blank"]:before, .icon-question.js-accordion-title:before, .icon-question.control-arrow:before, .link-indtagram > i.icon-question:before, .link-twitter > i.icon-question:before, .icon-question.btn-close:before {
  content: ""; }

.icon.icon-search:before, .icon-search.float-totop:before, .float-totop.button-search:before, .link-back > i.icon-search:before, .link-back > i.button-search:before, .icon-search.link-question:before, .link-question.button-search:before, .icon-search.link-blank:before, .link-blank.button-search:before, .wedge-arrow[target="_blank"] > i.icon-search:before, .wedge-arrow[target="_blank"] > i.button-search:before, .wedge-menu > i.icon-search:before, .wedge-menu > i.button-search:before, .wedge-download > i.icon-search:before, .wedge-download > i.button-search:before, .wedge-shop > i.icon-search:before, .wedge-shop > i.button-search:before, .icon.button-search:before, .button-search.button-login:before, .button-line > i.button-search:before, label.control > input + span.button-search:before, .button-search.link-list-shop:before, .mod-modal-default .area-modal .button-search.modal-close:before,
.mod-modal-menu .area-modal .button-search.modal-close:before, .mod-modal-nav .area-modal .button-search.modal-close:before, .list-text-dashed > li a.button-search[target="_blank"]:before, .button-search.js-accordion-title:before, .button-search.control-arrow:before, .link-indtagram > i.button-search:before, .link-twitter > i.button-search:before, .button-search.btn-close:before, .icon-search.button-login:before, .button-line > i.icon-search:before, label.control > input + span.icon-search:before, .icon-search.link-list-shop:before, .mod-modal-default .area-modal .icon-search.modal-close:before,
.mod-modal-menu .area-modal .icon-search.modal-close:before, .mod-modal-nav .area-modal .icon-search.modal-close:before, .list-text-dashed > li a.icon-search[target="_blank"]:before, .icon-search.js-accordion-title:before, .icon-search.control-arrow:before, .link-indtagram > i.icon-search:before, .link-twitter > i.icon-search:before, .icon-search.btn-close:before {
  content: ""; }

.icon.icon-share:before, .icon-share.float-totop:before, .link-back > i.icon-share:before, .icon-share.link-question:before, .icon-share.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-share:before, .wedge-menu > i.icon-share:before, .wedge-download > i.icon-share:before, .wedge-shop > i.icon-share:before, .icon-share.button-login:before, .button-line > i.icon-share:before, label.control > input + span.icon-share:before, .icon-share.link-list-shop:before, .mod-modal-default .area-modal .icon-share.modal-close:before,
.mod-modal-menu .area-modal .icon-share.modal-close:before, .mod-modal-nav .area-modal .icon-share.modal-close:before, .list-text-dashed > li a.icon-share[target="_blank"]:before, .icon-share.js-accordion-title:before, .icon-share.control-arrow:before, .link-indtagram > i.icon-share:before, .link-twitter > i.icon-share:before, .icon-share.btn-close:before {
  content: ""; }

.icon.icon-shop:before, .icon-shop.float-totop:before, .link-back > i.icon-shop:before, .icon-shop.link-question:before, .icon-shop.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-shop:before, .wedge-menu > i.icon-shop:before, .wedge-download > i.icon-shop:before, .wedge-shop > i:before, .icon-shop.button-login:before, .button-line > i.icon-shop:before, label.control > input + span.icon-shop:before, .icon-shop.link-list-shop:before, .mod-modal-default .area-modal .icon-shop.modal-close:before, .mod-modal-default .area-modal .wedge-shop > i.modal-close:before,
.mod-modal-menu .area-modal .icon-shop.modal-close:before, .mod-modal-menu .area-modal .wedge-shop > i.modal-close:before, .mod-modal-nav .area-modal .icon-shop.modal-close:before, .mod-modal-nav .area-modal .wedge-shop > i.modal-close:before, .list-text-dashed > li a.icon-shop[target="_blank"]:before, .icon-shop.js-accordion-title:before, .icon-shop.control-arrow:before, .link-indtagram > i.icon-shop:before, .link-twitter > i.icon-shop:before, .icon-shop.btn-close:before {
  content: ""; }

.icon.icon-sight:before, .icon-sight.float-totop:before, .float-totop.js-modal-carousel_open:before, .link-back > i.icon-sight:before, .link-back > i.js-modal-carousel_open:before, .icon-sight.link-question:before, .link-question.js-modal-carousel_open:before, .icon-sight.link-blank:before, .link-blank.js-modal-carousel_open:before, .wedge-arrow[target="_blank"] > i.icon-sight:before, .wedge-arrow[target="_blank"] > i.js-modal-carousel_open:before, .wedge-menu > i.icon-sight:before, .wedge-menu > i.js-modal-carousel_open:before, .wedge-download > i.icon-sight:before, .wedge-download > i.js-modal-carousel_open:before, .wedge-shop > i.icon-sight:before, .wedge-shop > i.js-modal-carousel_open:before, .icon-sight.button-login:before, .button-login.js-modal-carousel_open:before, .button-line > i.icon-sight:before, .button-line > i.js-modal-carousel_open:before, label.control > input + span.icon-sight:before, label.control > input + span.js-modal-carousel_open:before, .icon-sight.link-list-shop:before, .link-list-shop.js-modal-carousel_open:before, .mod-modal-default .area-modal .icon-sight.modal-close:before, .mod-modal-default .area-modal .modal-close.js-modal-carousel_open:before,
.mod-modal-menu .area-modal .icon-sight.modal-close:before, .mod-modal-menu .area-modal .modal-close.js-modal-carousel_open:before, .mod-modal-nav .area-modal .icon-sight.modal-close:before, .mod-modal-nav .area-modal .modal-close.js-modal-carousel_open:before, .list-text-dashed > li a.icon-sight[target="_blank"]:before, .list-text-dashed > li a.js-modal-carousel_open[target="_blank"]:before, .icon-sight.js-accordion-title:before, .js-accordion-title.js-modal-carousel_open:before, .icon.js-modal-carousel_open:before, .js-modal-carousel_open.control-arrow:before, .link-indtagram > i.js-modal-carousel_open:before, .link-twitter > i.js-modal-carousel_open:before, .js-modal-carousel_open.btn-close:before, .icon-sight.control-arrow:before, .link-indtagram > i.icon-sight:before, .link-twitter > i.icon-sight:before, .icon-sight.btn-close:before {
  content: ""; }

.icon.icon-sign-arrow-top:before, .icon-sign-arrow-top.float-totop:before, .link-panel-brand a.float-totop.current:before, .link-back > i.icon-sign-arrow-top:before, .icon-sign-arrow-top.link-question:before, .link-panel-brand a.link-question.current:before, .icon-sign-arrow-top.link-blank:before, .link-panel-brand a.link-blank.current:before, .wedge-arrow[target="_blank"] > i.icon-sign-arrow-top:before, .wedge-menu > i.icon-sign-arrow-top:before, .wedge-download > i.icon-sign-arrow-top:before, .wedge-shop > i.icon-sign-arrow-top:before, .icon-sign-arrow-top.button-login:before, .link-panel-brand a.button-login.current:before, .button-line > i.icon-sign-arrow-top:before, label.control > input + span.icon-sign-arrow-top:before, .icon-sign-arrow-top.link-list-shop:before, .link-panel-brand a.link-list-shop.current:before, .mod-modal-default .area-modal .icon-sign-arrow-top.modal-close:before, .mod-modal-default .area-modal .link-panel-brand a.modal-close.current:before, .link-panel-brand .mod-modal-default .area-modal a.modal-close.current:before,
.mod-modal-menu .area-modal .icon-sign-arrow-top.modal-close:before, .mod-modal-menu .area-modal .link-panel-brand a.modal-close.current:before, .link-panel-brand .mod-modal-menu .area-modal a.modal-close.current:before, .mod-modal-nav .area-modal .icon-sign-arrow-top.modal-close:before, .mod-modal-nav .area-modal .link-panel-brand a.modal-close.current:before, .link-panel-brand .mod-modal-nav .area-modal a.modal-close.current:before, .list-text-dashed > li a.icon-sign-arrow-top[target="_blank"]:before, .list-text-dashed > li .link-panel-brand a.current[target="_blank"]:before, .link-panel-brand .list-text-dashed > li a.current[target="_blank"]:before, .link-panel-brand a.icon.current:before, .link-panel-brand a.current.js-accordion-title:before, .link-panel-brand a.current.control-arrow:before, .link-panel-brand a.current.btn-close:before, .icon-sign-arrow-top.js-accordion-title:before, .icon-sign-arrow-top.control-arrow:before, .link-indtagram > i.icon-sign-arrow-top:before, .link-twitter > i.icon-sign-arrow-top:before, .icon-sign-arrow-top.btn-close:before {
  content: ""; }

.icon.icon-sign-arrow:before, .icon-sign-arrow.float-totop:before, .link-panel-brand a.float-totop:before, .tab-link-arrow > a > i.float-totop:before, .link-back > i.icon-sign-arrow:before, .tab-link-arrow > a.link-back > i:before, .icon-sign-arrow.link-question:before, .link-panel-brand a.link-question:before, .tab-link-arrow > a > i.link-question:before, .icon-sign-arrow.link-blank:before, .link-panel-brand a.link-blank:before, .tab-link-arrow > a > i.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-sign-arrow:before, .wedge-arrow[target="_blank"] > i.control-arrow:before, .tab-link-arrow > a.wedge-arrow[target="_blank"] > i:before, .wedge-menu > i.icon-sign-arrow:before, .tab-link-arrow > a.wedge-menu > i:before, .wedge-download > i.icon-sign-arrow:before, .tab-link-arrow > a.wedge-download > i:before, .wedge-shop > i.icon-sign-arrow:before, .tab-link-arrow > a.wedge-shop > i:before, .icon-sign-arrow.button-login:before, .link-panel-brand a.button-login:before, .tab-link-arrow > a > i.button-login:before, .button-line > i.icon-sign-arrow:before, .tab-link-arrow > a.button-line > i:before, label.control > input + span.icon-sign-arrow:before, label.control > input + span.control-arrow:before, .icon-sign-arrow.link-list-shop:before, .link-panel-brand a.link-list-shop:before, .tab-link-arrow > a > i.link-list-shop:before, .mod-modal-default .area-modal .icon-sign-arrow.modal-close:before, .mod-modal-default .area-modal .link-panel-brand a.modal-close:before, .link-panel-brand .mod-modal-default .area-modal a.modal-close:before, .mod-modal-default .area-modal .modal-close.control-arrow:before, .mod-modal-default .area-modal .tab-link-arrow > a > i.modal-close:before,
.mod-modal-menu .area-modal .icon-sign-arrow.modal-close:before, .mod-modal-menu .area-modal .link-panel-brand a.modal-close:before, .link-panel-brand .mod-modal-menu .area-modal a.modal-close:before, .mod-modal-menu .area-modal .modal-close.control-arrow:before, .mod-modal-menu .area-modal .tab-link-arrow > a > i.modal-close:before, .mod-modal-nav .area-modal .icon-sign-arrow.modal-close:before, .mod-modal-nav .area-modal .link-panel-brand a.modal-close:before, .link-panel-brand .mod-modal-nav .area-modal a.modal-close:before, .mod-modal-nav .area-modal .modal-close.control-arrow:before, .mod-modal-nav .area-modal .tab-link-arrow > a > i.modal-close:before, .list-text-dashed > li a.icon-sign-arrow[target="_blank"]:before, .list-text-dashed > li .link-panel-brand a[target="_blank"]:before, .link-panel-brand .list-text-dashed > li a[target="_blank"]:before, .list-text-dashed > li a.control-arrow[target="_blank"]:before, .link-panel-brand a.icon:before, .link-panel-brand a.js-accordion-title:before, .link-panel-brand a.control-arrow:before, .link-panel-brand a.btn-close:before, .icon-sign-arrow.js-accordion-title:before, .tab-link-arrow > a > i.js-accordion-title:before, .control-arrow:before, .tab-link-arrow > a > i.icon:before, .tab-link-arrow > a > i.control-arrow:before, .tab-link-arrow > a.link-indtagram > i:before, .tab-link-arrow > a.link-twitter > i:before, .tab-link-arrow > a > i.btn-close:before, .link-indtagram > i.icon-sign-arrow:before, .link-twitter > i.icon-sign-arrow:before, .icon-sign-arrow.btn-close:before {
  content: ""; }

.icon.icon-sign-cross:before, .icon-sign-cross.float-totop:before, .mod-modal-default .area-modal .float-totop.modal-close-sign:before,
.mod-modal-menu .area-modal .float-totop.modal-close-sign:before, .link-back > i.icon-sign-cross:before, .mod-modal-default .area-modal .link-back > i.modal-close-sign:before,
.mod-modal-menu .area-modal .link-back > i.modal-close-sign:before, .icon-sign-cross.link-question:before, .mod-modal-default .area-modal .link-question.modal-close-sign:before,
.mod-modal-menu .area-modal .link-question.modal-close-sign:before, .icon-sign-cross.link-blank:before, .mod-modal-default .area-modal .link-blank.modal-close-sign:before,
.mod-modal-menu .area-modal .link-blank.modal-close-sign:before, .wedge-arrow[target="_blank"] > i.icon-sign-cross:before, .mod-modal-default .area-modal .wedge-arrow[target="_blank"] > i.modal-close-sign:before,
.mod-modal-menu .area-modal .wedge-arrow[target="_blank"] > i.modal-close-sign:before, .wedge-menu > i.icon-sign-cross:before, .mod-modal-default .area-modal .wedge-menu > i.modal-close-sign:before,
.mod-modal-menu .area-modal .wedge-menu > i.modal-close-sign:before, .wedge-download > i.icon-sign-cross:before, .mod-modal-default .area-modal .wedge-download > i.modal-close-sign:before,
.mod-modal-menu .area-modal .wedge-download > i.modal-close-sign:before, .wedge-shop > i.icon-sign-cross:before, .mod-modal-default .area-modal .wedge-shop > i.modal-close-sign:before,
.mod-modal-menu .area-modal .wedge-shop > i.modal-close-sign:before, .icon-sign-cross.button-login:before, .mod-modal-default .area-modal .button-login.modal-close-sign:before,
.mod-modal-menu .area-modal .button-login.modal-close-sign:before, .button-line > i.icon-sign-cross:before, .mod-modal-default .area-modal .button-line > i.modal-close-sign:before,
.mod-modal-menu .area-modal .button-line > i.modal-close-sign:before, label.control > input + span.icon-sign-cross:before, .mod-modal-default .area-modal label.control > input + span.modal-close-sign:before,
.mod-modal-menu .area-modal label.control > input + span.modal-close-sign:before, .icon-sign-cross.link-list-shop:before, .mod-modal-default .area-modal .link-list-shop.modal-close-sign:before,
.mod-modal-menu .area-modal .link-list-shop.modal-close-sign:before, .mod-modal-default .area-modal .icon-sign-cross.modal-close:before, .mod-modal-default .area-modal .modal-close.modal-close-sign:before,
.mod-modal-menu .area-modal .icon-sign-cross.modal-close:before,
.mod-modal-menu .area-modal .modal-close.modal-close-sign:before, .mod-modal-default .area-modal .icon.modal-close-sign:before, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close-sign[target="_blank"]:before, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close-sign[target="_blank"]:before, .mod-modal-default .area-modal .modal-close-sign.js-accordion-title:before, .mod-modal-default .area-modal .modal-close-sign.control-arrow:before, .mod-modal-default .area-modal .link-indtagram > i.modal-close-sign:before, .mod-modal-default .area-modal .link-twitter > i.modal-close-sign:before, .mod-modal-default .area-modal .modal-close-sign.btn-close:before,
.mod-modal-menu .area-modal .icon.modal-close-sign:before, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close-sign[target="_blank"]:before, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close-sign[target="_blank"]:before, .mod-modal-menu .area-modal .modal-close-sign.js-accordion-title:before, .mod-modal-menu .area-modal .modal-close-sign.control-arrow:before, .mod-modal-menu .area-modal .link-indtagram > i.modal-close-sign:before, .mod-modal-menu .area-modal .link-twitter > i.modal-close-sign:before, .mod-modal-menu .area-modal .modal-close-sign.btn-close:before, .mod-modal-nav .area-modal .icon-sign-cross.modal-close:before, .list-text-dashed > li a.icon-sign-cross[target="_blank"]:before, .icon-sign-cross.js-accordion-title:before, .icon-sign-cross.control-arrow:before, .link-indtagram > i.icon-sign-cross:before, .link-twitter > i.icon-sign-cross:before, .icon-sign-cross.btn-close:before {
  content: ""; }

.icon.icon-sms:before, .icon-sms.float-totop:before, .link-back > i.icon-sms:before, .icon-sms.link-question:before, .icon-sms.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-sms:before, .wedge-menu > i.icon-sms:before, .wedge-download > i.icon-sms:before, .wedge-shop > i.icon-sms:before, .icon-sms.button-login:before, .button-line > i.icon-sms:before, label.control > input + span.icon-sms:before, .icon-sms.link-list-shop:before, .mod-modal-default .area-modal .icon-sms.modal-close:before,
.mod-modal-menu .area-modal .icon-sms.modal-close:before, .mod-modal-nav .area-modal .icon-sms.modal-close:before, .list-text-dashed > li a.icon-sms[target="_blank"]:before, .icon-sms.js-accordion-title:before, .icon-sms.control-arrow:before, .link-indtagram > i.icon-sms:before, .link-twitter > i.icon-sms:before, .icon-sms.btn-close:before {
  content: ""; }

.icon.icon-twitter:before, .icon-twitter.float-totop:before, .link-back > i.icon-twitter:before, .icon-twitter.link-question:before, .icon-twitter.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-twitter:before, .wedge-menu > i.icon-twitter:before, .wedge-download > i.icon-twitter:before, .wedge-shop > i.icon-twitter:before, .icon-twitter.button-login:before, .button-line > i.icon-twitter:before, label.control > input + span.icon-twitter:before, .icon-twitter.link-list-shop:before, .mod-modal-default .area-modal .icon-twitter.modal-close:before, .mod-modal-default .area-modal .link-twitter > i.modal-close:before,
.mod-modal-menu .area-modal .icon-twitter.modal-close:before, .mod-modal-menu .area-modal .link-twitter > i.modal-close:before, .mod-modal-nav .area-modal .icon-twitter.modal-close:before, .mod-modal-nav .area-modal .link-twitter > i.modal-close:before, .list-text-dashed > li a.icon-twitter[target="_blank"]:before, .icon-twitter.js-accordion-title:before, .icon-twitter.control-arrow:before, .link-indtagram > i.icon-twitter:before, .link-twitter > i:before, .icon-twitter.btn-close:before {
  content: ""; }

.icon.icon-youtube:before, .icon-youtube.float-totop:before, .link-back > i.icon-youtube:before, .icon-youtube.link-question:before, .icon-youtube.link-blank:before, .wedge-arrow[target="_blank"] > i.icon-youtube:before, .wedge-menu > i.icon-youtube:before, .wedge-download > i.icon-youtube:before, .wedge-shop > i.icon-youtube:before, .icon-youtube.button-login:before, .button-line > i.icon-youtube:before, label.control > input + span.icon-youtube:before, .icon-youtube.link-list-shop:before, .mod-modal-default .area-modal .icon-youtube.modal-close:before,
.mod-modal-menu .area-modal .icon-youtube.modal-close:before, .mod-modal-nav .area-modal .icon-youtube.modal-close:before, .list-text-dashed > li a.icon-youtube[target="_blank"]:before, .icon-youtube.js-accordion-title:before, .icon-youtube.control-arrow:before, .link-indtagram > i.icon-youtube:before, .link-twitter > i.icon-youtube:before, .icon-youtube.btn-close:before {
  content: ""; }

.icon-after.icon-arrow-link:after, #nav-footer-info li a:after, .link-block:after, .icon-after.float-totop:after, #nav-footer-info li a.float-totop:after, .float-totop.link-block:after, .float-totop.float-attract:after, .link-text > i.float-totop:after, .wedge-more-plus > i.float-totop:after, .float-totop.link-label:after, .float-totop.button-search:after, .float-totop.btn-text-close:after, .mod-modal-default .area-modal .float-totop.modal-close:after,
.mod-modal-menu .area-modal .float-totop.modal-close:after, .mod-modal-default .area-modal .float-totop.modal-close-sign:after,
.mod-modal-menu .area-modal .float-totop.modal-close-sign:after, .mod-modal-nav .area-modal .float-totop.modal-close:after, .list-text-dashed > li a.float-totop:after, .link-panel-brand a.float-totop:after, .float-totop.js-accordion-title:after, .float-totop.js-modal-carousel_open:after, .tab-link-arrow > a > i.float-totop:after, .float-totop.link-indtagram:after, .float-totop.link-twitter:after, .float-totop.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .float-totop.title:after,
.area-articles-index .link-article.title[target="_blank"] > .float-totop.title:after, .float-totop.btn-close:after, .float-attract:after, .link-text > i:after, .wedge-more-plus > i.icon-arrow-link:after, .wedge-more-plus > i.link-block:after, .wedge-more-plus > i.float-attract:after, .link-text.wedge-more-plus > i:after, .wedge-more-plus > i.link-label:after, .wedge-more-plus > i.link-list-shop:after, .wedge-more-plus > i.link-indtagram:after, .wedge-more-plus > i.link-twitter:after, .link-label:after, .icon-arrow-link.button-search:after, #nav-footer-info li a.button-search:after, .button-search.link-block:after, .button-search.float-attract:after, .link-text > i.button-search:after, .button-search.link-label:after, .button-search.link-list-shop:after, .list-text-dashed > li a.button-search:after, .button-search.link-indtagram:after, .button-search.link-twitter:after, .icon-arrow-link.btn-text-close:after, #nav-footer-info li a.btn-text-close:after, .btn-text-close.link-block:after, .btn-text-close.float-attract:after, .link-text > i.btn-text-close:after, .btn-text-close.link-label:after, .btn-text-close.link-list-shop:after, .list-text-dashed > li a.btn-text-close:after, .btn-text-close.link-indtagram:after, .btn-text-close.link-twitter:after, .icon-after.link-list-shop:after, #nav-footer-info li a.link-list-shop:after, .link-list-shop.link-block:after, .link-list-shop.float-attract:after, .link-text > i.link-list-shop:after, .link-list-shop.link-label:after, .mod-modal-default .area-modal .link-list-shop.modal-close:after,
.mod-modal-menu .area-modal .link-list-shop.modal-close:after, .mod-modal-default .area-modal .link-list-shop.modal-close-sign:after,
.mod-modal-menu .area-modal .link-list-shop.modal-close-sign:after, .mod-modal-nav .area-modal .link-list-shop.modal-close:after, .list-text-dashed > li a.link-list-shop:after, .link-panel-brand a.link-list-shop:after, .link-list-shop.js-accordion-title:after, .link-list-shop.js-modal-carousel_open:after, .tab-link-arrow > a > i.link-list-shop:after, .link-list-shop.link-indtagram:after, .link-list-shop.link-twitter:after, .link-list-shop.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .link-list-shop.title:after,
.area-articles-index .link-article.title[target="_blank"] > .link-list-shop.title:after, .link-list-shop.btn-close:after, .mod-modal-default .area-modal .icon-arrow-link.modal-close:after, .mod-modal-default .area-modal #nav-footer-info li a.modal-close:after, #nav-footer-info li .mod-modal-default .area-modal a.modal-close:after, .mod-modal-default .area-modal .modal-close.link-block:after, .mod-modal-default .area-modal .modal-close.float-attract:after, .mod-modal-default .area-modal .link-text > i.modal-close:after, .mod-modal-default .area-modal .modal-close.link-label:after, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close:after, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close:after, .mod-modal-default .area-modal .modal-close.link-indtagram:after, .mod-modal-default .area-modal .modal-close.link-twitter:after,
.mod-modal-menu .area-modal .icon-arrow-link.modal-close:after, .mod-modal-menu .area-modal #nav-footer-info li a.modal-close:after, #nav-footer-info li .mod-modal-menu .area-modal a.modal-close:after, .mod-modal-menu .area-modal .modal-close.link-block:after, .mod-modal-menu .area-modal .modal-close.float-attract:after, .mod-modal-menu .area-modal .link-text > i.modal-close:after, .mod-modal-menu .area-modal .modal-close.link-label:after, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close:after, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close:after, .mod-modal-menu .area-modal .modal-close.link-indtagram:after, .mod-modal-menu .area-modal .modal-close.link-twitter:after, .mod-modal-default .area-modal .icon-arrow-link.modal-close-sign:after, .mod-modal-default .area-modal #nav-footer-info li a.modal-close-sign:after, #nav-footer-info li .mod-modal-default .area-modal a.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.link-block:after, .mod-modal-default .area-modal .modal-close-sign.float-attract:after, .mod-modal-default .area-modal .link-text > i.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.link-label:after, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close-sign:after, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.link-indtagram:after, .mod-modal-default .area-modal .modal-close-sign.link-twitter:after,
.mod-modal-menu .area-modal .icon-arrow-link.modal-close-sign:after, .mod-modal-menu .area-modal #nav-footer-info li a.modal-close-sign:after, #nav-footer-info li .mod-modal-menu .area-modal a.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.link-block:after, .mod-modal-menu .area-modal .modal-close-sign.float-attract:after, .mod-modal-menu .area-modal .link-text > i.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.link-label:after, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close-sign:after, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.link-indtagram:after, .mod-modal-menu .area-modal .modal-close-sign.link-twitter:after, .mod-modal-nav .area-modal .icon-arrow-link.modal-close:after, .mod-modal-nav .area-modal #nav-footer-info li a.modal-close:after, #nav-footer-info li .mod-modal-nav .area-modal a.modal-close:after, .mod-modal-nav .area-modal .modal-close.link-block:after, .mod-modal-nav .area-modal .modal-close.float-attract:after, .mod-modal-nav .area-modal .link-text > i.modal-close:after, .mod-modal-nav .area-modal .modal-close.link-label:after, .mod-modal-nav .area-modal .list-text-dashed > li a.modal-close:after, .list-text-dashed > li .mod-modal-nav .area-modal a.modal-close:after, .mod-modal-nav .area-modal .modal-close.link-indtagram:after, .mod-modal-nav .area-modal .modal-close.link-twitter:after, .list-text-dashed > li a:after, .link-panel-brand a.icon-arrow-link:after, .link-panel-brand #nav-footer-info li a:after, #nav-footer-info li .link-panel-brand a:after, .link-panel-brand a.link-block:after, .link-panel-brand a.float-attract:after, .link-panel-brand a.link-label:after, .link-panel-brand .list-text-dashed > li a:after, .list-text-dashed > li .link-panel-brand a:after, .link-panel-brand a.link-indtagram:after, .link-panel-brand a.link-twitter:after, .icon-arrow-link.js-accordion-title:after, #nav-footer-info li a.js-accordion-title:after, .js-accordion-title.link-block:after, .js-accordion-title.float-attract:after, .link-text > i.js-accordion-title:after, .js-accordion-title.link-label:after, .list-text-dashed > li a.js-accordion-title:after, .js-accordion-title.link-indtagram:after, .js-accordion-title.link-twitter:after, .icon-arrow-link.js-modal-carousel_open:after, #nav-footer-info li a.js-modal-carousel_open:after, .js-modal-carousel_open.link-block:after, .js-modal-carousel_open.float-attract:after, .link-text > i.js-modal-carousel_open:after, .js-modal-carousel_open.link-label:after, .list-text-dashed > li a.js-modal-carousel_open:after, .js-modal-carousel_open.link-indtagram:after, .js-modal-carousel_open.link-twitter:after, .tab-link-arrow > a > i.icon-arrow-link:after, .tab-link-arrow > a > i.link-block:after, .tab-link-arrow > a > i.float-attract:after, .tab-link-arrow > a.link-text > i:after, .tab-link-arrow > a > i.link-label:after, .tab-link-arrow > a > i.link-indtagram:after, .tab-link-arrow > a > i.link-twitter:after, .link-indtagram:after, .link-twitter:after, .icon-arrow-link.cover-movie:after, #nav-footer-info li a.cover-movie:after, .cover-movie.link-block:after, .cover-movie.float-attract:after, .link-text > i.cover-movie:after, .cover-movie.link-label:after, .list-text-dashed > li a.cover-movie:after, .cover-movie.link-indtagram:after, .cover-movie.link-twitter:after, .area-articles-main .link-article.title[target="_blank"] > .icon-arrow-link.title:after, .area-articles-main #nav-footer-info li .link-article.title[target="_blank"] > a.title:after, #nav-footer-info li .area-articles-main .link-article.title[target="_blank"] > a.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.link-block:after, .area-articles-main .link-article.title[target="_blank"] > .title.float-attract:after, .area-articles-main .link-text.link-article.title[target="_blank"] > i.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.link-label:after, .area-articles-main .list-text-dashed > li .link-article.title[target="_blank"] > a.title:after, .list-text-dashed > li .area-articles-main .link-article.title[target="_blank"] > a.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.link-indtagram:after, .area-articles-main .link-article.title[target="_blank"] > .title.link-twitter:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-arrow-link.title:after, .area-articles-index #nav-footer-info li .link-article.title[target="_blank"] > a.title:after, #nav-footer-info li .area-articles-index .link-article.title[target="_blank"] > a.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.link-block:after, .area-articles-index .link-article.title[target="_blank"] > .title.float-attract:after, .area-articles-index .link-text.link-article.title[target="_blank"] > i.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.link-label:after, .area-articles-index .list-text-dashed > li .link-article.title[target="_blank"] > a.title:after, .list-text-dashed > li .area-articles-index .link-article.title[target="_blank"] > a.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.link-indtagram:after, .area-articles-index .link-article.title[target="_blank"] > .title.link-twitter:after, .icon-arrow-link.btn-close:after, #nav-footer-info li a.btn-close:after, .btn-close.link-block:after, .btn-close.float-attract:after, .link-text > i.btn-close:after, .btn-close.link-label:after, .list-text-dashed > li a.btn-close:after, .btn-close.link-indtagram:after, .btn-close.link-twitter:after {
  content: ""; }

.icon-after.icon-bag:after, #nav-footer-info li a.icon-bag:after, .icon-bag.link-block:after, .icon-bag.float-attract:after, .link-text > i.icon-bag:after, .wedge-more-plus > i.icon-bag:after, .icon-bag.link-label:after, .icon-bag.button-search:after, .icon-bag.btn-text-close:after, .mod-modal-default .area-modal .icon-bag.modal-close:after,
.mod-modal-menu .area-modal .icon-bag.modal-close:after, .mod-modal-default .area-modal .icon-bag.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-bag.modal-close-sign:after, .mod-modal-nav .area-modal .icon-bag.modal-close:after, .list-text-dashed > li a.icon-bag:after, .link-panel-brand a.icon-bag:after, .icon-bag.js-accordion-title:after, .icon-bag.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-bag:after, .icon-bag.link-indtagram:after, .icon-bag.link-twitter:after, .icon-bag.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-bag.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-bag.title:after, .icon-bag.btn-close:after {
  content: ""; }

.icon-after.icon-blank:after, #nav-footer-info li a.icon-blank:after, #nav-footer-info li a.link-blank:after, #nav-footer-info .list-text-dashed > li a[target="_blank"]:after, #nav-footer-info li a.js-modal-carousel_open.-blank:after, #nav-footer-info li .area-articles-main .link-article.title[target="_blank"] > a.title:after, .area-articles-main #nav-footer-info li .link-article.title[target="_blank"] > a.title:after,
#nav-footer-info li .area-articles-index .link-article.title[target="_blank"] > a.title:after, .area-articles-index #nav-footer-info li .link-article.title[target="_blank"] > a.title:after, .icon-blank.link-block:after, .link-block.link-blank:after, .wedge-arrow[target="_blank"] > i.link-block:after, .list-text-dashed > li a.link-block[target="_blank"]:after, .link-block.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .link-block.title:after,
.area-articles-index .link-article.title[target="_blank"] > .link-block.title:after, .icon-blank.float-attract:after, .float-attract.link-blank:after, .wedge-arrow[target="_blank"] > i.float-attract:after, .list-text-dashed > li a.float-attract[target="_blank"]:after, .float-attract.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .float-attract.title:after,
.area-articles-index .link-article.title[target="_blank"] > .float-attract.title:after, .link-text > i.icon-blank:after, .link-text > i.link-blank:after, .wedge-arrow.link-text[target="_blank"] > i:after, .link-text > i.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title.link-text[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.link-text[target="_blank"] > i.title:after, .icon-after.link-blank:after, .wedge-more-plus > i.link-blank:after, .link-blank.link-label:after, .link-blank.button-search:after, .link-blank.btn-text-close:after, .mod-modal-default .area-modal .link-blank.modal-close:after,
.mod-modal-menu .area-modal .link-blank.modal-close:after, .mod-modal-default .area-modal .link-blank.modal-close-sign:after,
.mod-modal-menu .area-modal .link-blank.modal-close-sign:after, .mod-modal-nav .area-modal .link-blank.modal-close:after, .list-text-dashed > li a.link-blank:after, .link-panel-brand a.link-blank:after, .link-blank.js-accordion-title:after, .link-blank.js-modal-carousel_open:after, .tab-link-arrow > a > i.link-blank:after, .link-blank.link-indtagram:after, .link-blank.link-twitter:after, .link-blank.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .link-blank.title:after,
.area-articles-index .link-article.title[target="_blank"] > .link-blank.title:after, .link-blank.btn-close:after, .wedge-arrow[target="_blank"] > i.icon-after:after, .wedge-more-plus.wedge-arrow[target="_blank"] > i:after, .wedge-arrow[target="_blank"] > i.link-label:after, .wedge-arrow[target="_blank"] > i.button-search:after, .wedge-arrow[target="_blank"] > i.btn-text-close:after, .mod-modal-default .area-modal .wedge-arrow[target="_blank"] > i.modal-close:after,
.mod-modal-menu .area-modal .wedge-arrow[target="_blank"] > i.modal-close:after, .mod-modal-default .area-modal .wedge-arrow[target="_blank"] > i.modal-close-sign:after,
.mod-modal-menu .area-modal .wedge-arrow[target="_blank"] > i.modal-close-sign:after, .mod-modal-nav .area-modal .wedge-arrow[target="_blank"] > i.modal-close:after, .wedge-arrow[target="_blank"] > i.js-accordion-title:after, .wedge-arrow[target="_blank"] > i.js-modal-carousel_open:after, .tab-link-arrow > a.wedge-arrow[target="_blank"] > i:after, .wedge-arrow[target="_blank"] > i.link-indtagram:after, .wedge-arrow[target="_blank"] > i.link-twitter:after, .wedge-arrow[target="_blank"] > i.cover-movie:after, .area-articles-main .link-article.title.wedge-arrow[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.wedge-arrow[target="_blank"] > i.title:after, .wedge-arrow[target="_blank"] > i.btn-close:after, .wedge-more-plus > i.icon-blank:after, .wedge-more-plus > i.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title.wedge-more-plus[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.wedge-more-plus[target="_blank"] > i.title:after, .icon-blank.link-label:after, .list-text-dashed > li a.link-label[target="_blank"]:after, .link-label.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .link-label.title:after,
.area-articles-index .link-article.title[target="_blank"] > .link-label.title:after, .icon-blank.button-search:after, .list-text-dashed > li a.button-search[target="_blank"]:after, .button-search.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .button-search.title:after,
.area-articles-index .link-article.title[target="_blank"] > .button-search.title:after, .icon-blank.btn-text-close:after, .list-text-dashed > li a.btn-text-close[target="_blank"]:after, .btn-text-close.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .btn-text-close.title:after,
.area-articles-index .link-article.title[target="_blank"] > .btn-text-close.title:after, .mod-modal-default .area-modal .icon-blank.modal-close:after, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close[target="_blank"]:after, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close[target="_blank"]:after, .mod-modal-default .area-modal .modal-close.js-modal-carousel_open.-blank:after, .mod-modal-default .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close.title:after, .area-articles-main .mod-modal-default .area-modal .link-article.title[target="_blank"] > .modal-close.title:after,
.mod-modal-default .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close.title:after, .area-articles-index .mod-modal-default .area-modal .link-article.title[target="_blank"] > .modal-close.title:after,
.mod-modal-menu .area-modal .icon-blank.modal-close:after, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close[target="_blank"]:after, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close[target="_blank"]:after, .mod-modal-menu .area-modal .modal-close.js-modal-carousel_open.-blank:after, .mod-modal-menu .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close.title:after, .area-articles-main .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .modal-close.title:after,
.mod-modal-menu .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close.title:after, .area-articles-index .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .modal-close.title:after, .mod-modal-default .area-modal .icon-blank.modal-close-sign:after, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close-sign[target="_blank"]:after, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close-sign[target="_blank"]:after, .mod-modal-default .area-modal .modal-close-sign.js-modal-carousel_open.-blank:after, .mod-modal-default .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close-sign.title:after, .area-articles-main .mod-modal-default .area-modal .link-article.title[target="_blank"] > .modal-close-sign.title:after,
.mod-modal-default .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close-sign.title:after, .area-articles-index .mod-modal-default .area-modal .link-article.title[target="_blank"] > .modal-close-sign.title:after,
.mod-modal-menu .area-modal .icon-blank.modal-close-sign:after, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close-sign[target="_blank"]:after, .list-text-dashed > li .mod-modal-menu .area-modal a.modal-close-sign[target="_blank"]:after, .mod-modal-menu .area-modal .modal-close-sign.js-modal-carousel_open.-blank:after, .mod-modal-menu .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close-sign.title:after, .area-articles-main .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .modal-close-sign.title:after,
.mod-modal-menu .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close-sign.title:after, .area-articles-index .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .modal-close-sign.title:after, .mod-modal-nav .area-modal .icon-blank.modal-close:after, .mod-modal-nav .area-modal .list-text-dashed > li a.modal-close[target="_blank"]:after, .list-text-dashed > li .mod-modal-nav .area-modal a.modal-close[target="_blank"]:after, .mod-modal-nav .area-modal .modal-close.js-modal-carousel_open.-blank:after, .mod-modal-nav .area-modal .area-articles-main .link-article.title[target="_blank"] > .modal-close.title:after, .area-articles-main .mod-modal-nav .area-modal .link-article.title[target="_blank"] > .modal-close.title:after,
.mod-modal-nav .area-modal .area-articles-index .link-article.title[target="_blank"] > .modal-close.title:after, .area-articles-index .mod-modal-nav .area-modal .link-article.title[target="_blank"] > .modal-close.title:after, .list-text-dashed > li a.icon-blank:after, .list-text-dashed > li a[target="_blank"]:after, .list-text-dashed > li a.js-modal-carousel_open.-blank:after, .list-text-dashed > li .area-articles-main .link-article.title[target="_blank"] > a.title:after, .area-articles-main .list-text-dashed > li .link-article.title[target="_blank"] > a.title:after,
.list-text-dashed > li .area-articles-index .link-article.title[target="_blank"] > a.title:after, .area-articles-index .list-text-dashed > li .link-article.title[target="_blank"] > a.title:after, .link-panel-brand .list-text-dashed > li a[target="_blank"]:after, .list-text-dashed > li .area-articles-main .link-article.title[target="_blank"] > a.title[target="_blank"]:after, .area-articles-main .list-text-dashed > li .link-article.title[target="_blank"] > a.title[target="_blank"]:after,
.list-text-dashed > li .area-articles-index .link-article.title[target="_blank"] > a.title[target="_blank"]:after, .area-articles-index .list-text-dashed > li .link-article.title[target="_blank"] > a.title[target="_blank"]:after, .link-panel-brand a.icon-blank:after, .list-text-dashed > li .link-panel-brand a[target="_blank"]:after, .link-panel-brand a.js-modal-carousel_open.-blank:after, .link-panel-brand .area-articles-main .link-article.title[target="_blank"] > a.title:after, .area-articles-main .link-panel-brand .link-article.title[target="_blank"] > a.title:after,
.link-panel-brand .area-articles-index .link-article.title[target="_blank"] > a.title:after, .area-articles-index .link-panel-brand .link-article.title[target="_blank"] > a.title:after, .icon-blank.js-accordion-title:after, .list-text-dashed > li a.js-accordion-title[target="_blank"]:after, .js-accordion-title.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .js-accordion-title.title:after,
.area-articles-index .link-article.title[target="_blank"] > .js-accordion-title.title:after, .icon-blank.js-modal-carousel_open:after, .list-text-dashed > li a.js-modal-carousel_open[target="_blank"]:after, .js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .js-modal-carousel_open.title:after,
.area-articles-index .link-article.title[target="_blank"] > .js-modal-carousel_open.title:after, .area-articles-main .link-article.title[target="_blank"] > .js-modal-carousel_open.-blank.title:after,
.area-articles-index .link-article.title[target="_blank"] > .js-modal-carousel_open.-blank.title:after, .tab-link-arrow > a > i.icon-blank:after, .tab-link-arrow > a > i.js-modal-carousel_open.-blank:after, .area-articles-main .tab-link-arrow > a.link-article.title[target="_blank"] > i.title:after,
.area-articles-index .tab-link-arrow > a.link-article.title[target="_blank"] > i.title:after, .icon-blank.link-indtagram:after, .list-text-dashed > li a.link-indtagram[target="_blank"]:after, .list-text-dashed > li a.link-twitter[target="_blank"]:after, .link-indtagram.js-modal-carousel_open.-blank:after, .js-modal-carousel_open.-blank.link-twitter:after, .area-articles-main .link-article.title[target="_blank"] > .link-indtagram.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.link-twitter:after,
.area-articles-index .link-article.title[target="_blank"] > .link-indtagram.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.link-twitter:after, .icon-blank.link-twitter:after, .icon-blank.cover-movie:after, .list-text-dashed > li a.cover-movie[target="_blank"]:after, .cover-movie.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .cover-movie.title:after,
.area-articles-index .link-article.title[target="_blank"] > .cover-movie.title:after, .area-articles-main .link-article.title[target="_blank"] > .title:after,
.area-articles-index .link-article.title[target="_blank"] > .title:after, .icon-blank.btn-close:after, .list-text-dashed > li a.btn-close[target="_blank"]:after, .btn-close.js-modal-carousel_open.-blank:after, .area-articles-main .link-article.title[target="_blank"] > .btn-close.title:after,
.area-articles-index .link-article.title[target="_blank"] > .btn-close.title:after {
  content: ""; }

.icon-after.icon-check:after, #nav-footer-info li a.icon-check:after, .icon-check.link-block:after, label.control > input + span.link-block:after, .icon-check.float-attract:after, label.control > input + span.float-attract:after, .link-text > i.icon-check:after, .wedge-more-plus > i.icon-check:after, .icon-check.link-label:after, label.control > input + span.link-label:after, .icon-check.button-search:after, label.control > input + span.button-search:after, .icon-check.btn-text-close:after, label.control > input + span.btn-text-close:after, label.control > input + span.icon-after:after, .mod-modal-default .area-modal label.control > input + span.modal-close:after,
.mod-modal-menu .area-modal label.control > input + span.modal-close:after, .mod-modal-default .area-modal label.control > input + span.modal-close-sign:after,
.mod-modal-menu .area-modal label.control > input + span.modal-close-sign:after, .mod-modal-nav .area-modal label.control > input + span.modal-close:after, label.control > input + span.js-accordion-title:after, label.control > input + span.js-modal-carousel_open:after, label.control > input + span.link-indtagram:after, label.control > input + span.link-twitter:after, label.control > input + span.cover-movie:after, .area-articles-main label.link-article.title.control[target="_blank"] > input + span.title:after,
.area-articles-index label.link-article.title.control[target="_blank"] > input + span.title:after, label.control > input + span.btn-close:after, .mod-modal-default .area-modal .icon-check.modal-close:after,
.mod-modal-menu .area-modal .icon-check.modal-close:after, .mod-modal-default .area-modal .icon-check.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-check.modal-close-sign:after, .mod-modal-nav .area-modal .icon-check.modal-close:after, .list-text-dashed > li a.icon-check:after, .link-panel-brand a.icon-check:after, .icon-check.js-accordion-title:after, .icon-check.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-check:after, .icon-check.link-indtagram:after, .icon-check.link-twitter:after, .icon-check.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-check.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-check.title:after, .icon-check.btn-close:after {
  content: ""; }

.icon-after.icon-cross:after, #nav-footer-info li a.icon-cross:after, #nav-footer-info li a.btn-text-close:after, .icon-cross.link-block:after, .icon-cross.float-attract:after, .link-text > i.icon-cross:after, .link-text > i.btn-text-close:after, .wedge-more-plus > i:after, .icon-cross.link-label:after, .icon-cross.button-search:after, .btn-text-close:after, .mod-modal-default .area-modal .icon-cross.modal-close:after, .mod-modal-default .area-modal .wedge-more-plus > i.modal-close:after, .mod-modal-default .area-modal .modal-close.btn-text-close:after,
.mod-modal-menu .area-modal .icon-cross.modal-close:after, .mod-modal-menu .area-modal .wedge-more-plus > i.modal-close:after, .mod-modal-menu .area-modal .modal-close.btn-text-close:after, .mod-modal-default .area-modal .icon-cross.modal-close-sign:after, .mod-modal-default .area-modal .wedge-more-plus > i.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.btn-text-close:after,
.mod-modal-menu .area-modal .icon-cross.modal-close-sign:after, .mod-modal-menu .area-modal .wedge-more-plus > i.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.btn-text-close:after, .mod-modal-nav .area-modal .icon-cross.modal-close:after, .mod-modal-nav .area-modal .wedge-more-plus > i.modal-close:after, .mod-modal-nav .area-modal .modal-close.btn-text-close:after, .list-text-dashed > li a.icon-cross:after, .list-text-dashed > li a.btn-text-close:after, .link-panel-brand a.icon-cross:after, .link-panel-brand a.btn-text-close:after, .icon-cross.js-accordion-title:after, .icon-cross.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-cross:after, .tab-link-arrow > a.wedge-more-plus > i:after, .tab-link-arrow > a > i.btn-text-close:after, .icon-cross.link-indtagram:after, .icon-cross.link-twitter:after, .icon-cross.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-cross.title:after, .area-articles-main .wedge-more-plus.link-article.title[target="_blank"] > i.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.btn-text-close:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-cross.title:after, .area-articles-index .wedge-more-plus.link-article.title[target="_blank"] > i.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.btn-text-close:after, .icon-cross.btn-close:after {
  content: ""; }

.icon-after.icon-download:after, #nav-footer-info li a.icon-download:after, .icon-download.link-block:after, .wedge-download > i.link-block:after, .icon-download.float-attract:after, .wedge-download > i.float-attract:after, .link-text > i.icon-download:after, .wedge-download.link-text > i:after, .wedge-more-plus > i.icon-download:after, .wedge-download.wedge-more-plus > i:after, .wedge-download > i.icon-after:after, .wedge-download > i.link-label:after, .wedge-download > i.button-search:after, .wedge-download > i.btn-text-close:after, .mod-modal-default .area-modal .wedge-download > i.modal-close:after,
.mod-modal-menu .area-modal .wedge-download > i.modal-close:after, .mod-modal-default .area-modal .wedge-download > i.modal-close-sign:after,
.mod-modal-menu .area-modal .wedge-download > i.modal-close-sign:after, .mod-modal-nav .area-modal .wedge-download > i.modal-close:after, .wedge-download > i.js-accordion-title:after, .wedge-download > i.js-modal-carousel_open:after, .tab-link-arrow > a.wedge-download > i:after, .wedge-download > i.link-indtagram:after, .wedge-download > i.link-twitter:after, .wedge-download > i.cover-movie:after, .area-articles-main .link-article.title.wedge-download[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.wedge-download[target="_blank"] > i.title:after, .wedge-download > i.btn-close:after, .icon-download.link-label:after, .icon-download.button-search:after, .icon-download.btn-text-close:after, .mod-modal-default .area-modal .icon-download.modal-close:after,
.mod-modal-menu .area-modal .icon-download.modal-close:after, .mod-modal-default .area-modal .icon-download.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-download.modal-close-sign:after, .mod-modal-nav .area-modal .icon-download.modal-close:after, .list-text-dashed > li a.icon-download:after, .link-panel-brand a.icon-download:after, .icon-download.js-accordion-title:after, .icon-download.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-download:after, .icon-download.link-indtagram:after, .icon-download.link-twitter:after, .icon-download.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-download.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-download.title:after, .icon-download.btn-close:after {
  content: ""; }

.icon-after.icon-facebook:after, #nav-footer-info li a.icon-facebook:after, .icon-facebook.link-block:after, .icon-facebook.float-attract:after, .link-text > i.icon-facebook:after, .wedge-more-plus > i.icon-facebook:after, .icon-facebook.link-label:after, .icon-facebook.button-search:after, .icon-facebook.btn-text-close:after, .mod-modal-default .area-modal .icon-facebook.modal-close:after,
.mod-modal-menu .area-modal .icon-facebook.modal-close:after, .mod-modal-default .area-modal .icon-facebook.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-facebook.modal-close-sign:after, .mod-modal-nav .area-modal .icon-facebook.modal-close:after, .list-text-dashed > li a.icon-facebook:after, .link-panel-brand a.icon-facebook:after, .icon-facebook.js-accordion-title:after, .icon-facebook.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-facebook:after, .icon-facebook.link-indtagram:after, .icon-facebook.link-twitter:after, .icon-facebook.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-facebook.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-facebook.title:after, .icon-facebook.btn-close:after {
  content: ""; }

.icon-after.icon-instagram:after, #nav-footer-info li a.icon-instagram:after, .icon-instagram.link-block:after, .link-indtagram > i.link-block:after, .link-twitter > i.link-block:after, .icon-instagram.float-attract:after, .link-indtagram > i.float-attract:after, .link-twitter > i.float-attract:after, .link-text > i.icon-instagram:after, .link-indtagram.link-text > i:after, .link-twitter.link-text > i:after, .wedge-more-plus > i.icon-instagram:after, .link-indtagram.wedge-more-plus > i:after, .link-twitter.wedge-more-plus > i:after, .icon-instagram.link-label:after, .link-indtagram > i.link-label:after, .link-twitter > i.link-label:after, .icon-instagram.button-search:after, .link-indtagram > i.button-search:after, .link-twitter > i.button-search:after, .icon-instagram.btn-text-close:after, .link-indtagram > i.btn-text-close:after, .link-twitter > i.btn-text-close:after, .mod-modal-default .area-modal .icon-instagram.modal-close:after, .mod-modal-default .area-modal .link-indtagram > i.modal-close:after, .mod-modal-default .area-modal .link-twitter > i.modal-close:after,
.mod-modal-menu .area-modal .icon-instagram.modal-close:after, .mod-modal-menu .area-modal .link-indtagram > i.modal-close:after, .mod-modal-menu .area-modal .link-twitter > i.modal-close:after, .mod-modal-default .area-modal .icon-instagram.modal-close-sign:after, .mod-modal-default .area-modal .link-indtagram > i.modal-close-sign:after, .mod-modal-default .area-modal .link-twitter > i.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-instagram.modal-close-sign:after, .mod-modal-menu .area-modal .link-indtagram > i.modal-close-sign:after, .mod-modal-menu .area-modal .link-twitter > i.modal-close-sign:after, .mod-modal-nav .area-modal .icon-instagram.modal-close:after, .mod-modal-nav .area-modal .link-indtagram > i.modal-close:after, .mod-modal-nav .area-modal .link-twitter > i.modal-close:after, .list-text-dashed > li a.icon-instagram:after, .link-panel-brand a.icon-instagram:after, .icon-instagram.js-accordion-title:after, .link-indtagram > i.js-accordion-title:after, .link-twitter > i.js-accordion-title:after, .icon-instagram.js-modal-carousel_open:after, .link-indtagram > i.js-modal-carousel_open:after, .link-twitter > i.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-instagram:after, .tab-link-arrow > a.link-indtagram > i:after, .tab-link-arrow > a.link-twitter > i:after, .icon-instagram.link-indtagram:after, .link-indtagram > i.link-indtagram:after, .link-twitter > i.link-indtagram:after, .link-indtagram > i.link-twitter:after, .link-twitter > i.link-twitter:after, .icon-instagram.link-twitter:after, .link-indtagram > i.icon-after:after, .link-twitter > i.icon-after:after, .link-indtagram > i.cover-movie:after, .link-twitter > i.cover-movie:after, .area-articles-main .link-article.title.link-indtagram[target="_blank"] > i.title:after, .area-articles-main .link-article.title.link-twitter[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.link-indtagram[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.link-twitter[target="_blank"] > i.title:after, .link-indtagram > i.btn-close:after, .link-twitter > i.btn-close:after, .icon-instagram.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-instagram.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-instagram.title:after, .icon-instagram.btn-close:after {
  content: ""; }

.icon-after.icon-line:after, #nav-footer-info li a.icon-line:after, .icon-line.link-block:after, .button-line > i.link-block:after, .icon-line.float-attract:after, .button-line > i.float-attract:after, .link-text > i.icon-line:after, .button-line.link-text > i:after, .wedge-more-plus > i.icon-line:after, .button-line.wedge-more-plus > i:after, .icon-line.link-label:after, .button-line > i.link-label:after, .icon-line.button-search:after, .button-line > i.button-search:after, .button-line > i.icon-after:after, .button-line > i.btn-text-close:after, .mod-modal-default .area-modal .button-line > i.modal-close:after,
.mod-modal-menu .area-modal .button-line > i.modal-close:after, .mod-modal-default .area-modal .button-line > i.modal-close-sign:after,
.mod-modal-menu .area-modal .button-line > i.modal-close-sign:after, .mod-modal-nav .area-modal .button-line > i.modal-close:after, .button-line > i.js-accordion-title:after, .button-line > i.js-modal-carousel_open:after, .tab-link-arrow > a.button-line > i:after, .button-line > i.link-indtagram:after, .button-line > i.link-twitter:after, .button-line > i.cover-movie:after, .area-articles-main .link-article.title.button-line[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.button-line[target="_blank"] > i.title:after, .button-line > i.btn-close:after, .icon-line.btn-text-close:after, .mod-modal-default .area-modal .icon-line.modal-close:after,
.mod-modal-menu .area-modal .icon-line.modal-close:after, .mod-modal-default .area-modal .icon-line.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-line.modal-close-sign:after, .mod-modal-nav .area-modal .icon-line.modal-close:after, .list-text-dashed > li a.icon-line:after, .link-panel-brand a.icon-line:after, .icon-line.js-accordion-title:after, .icon-line.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-line:after, .icon-line.link-indtagram:after, .icon-line.link-twitter:after, .icon-line.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-line.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-line.title:after, .icon-line.btn-close:after {
  content: ""; }

.icon-after.icon-lock:after, #nav-footer-info li a.icon-lock:after, #nav-footer-info li a.button-login:after, .icon-lock.link-block:after, .link-block.button-login:after, .icon-lock.float-attract:after, .float-attract.button-login:after, .link-text > i.icon-lock:after, .link-text > i.button-login:after, .wedge-more-plus > i.icon-lock:after, .wedge-more-plus > i.button-login:after, .icon-lock.link-label:after, .link-label.button-login:after, .icon-lock.button-search:after, .button-search.button-login:after, .icon-after.button-login:after, .button-login.btn-text-close:after, .mod-modal-default .area-modal .button-login.modal-close:after,
.mod-modal-menu .area-modal .button-login.modal-close:after, .mod-modal-default .area-modal .button-login.modal-close-sign:after,
.mod-modal-menu .area-modal .button-login.modal-close-sign:after, .mod-modal-nav .area-modal .button-login.modal-close:after, .list-text-dashed > li a.button-login:after, .link-panel-brand a.button-login:after, .button-login.js-accordion-title:after, .button-login.js-modal-carousel_open:after, .tab-link-arrow > a > i.button-login:after, .button-login.link-indtagram:after, .button-login.link-twitter:after, .button-login.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .button-login.title:after,
.area-articles-index .link-article.title[target="_blank"] > .button-login.title:after, .button-login.btn-close:after, .icon-lock.btn-text-close:after, .mod-modal-default .area-modal .icon-lock.modal-close:after,
.mod-modal-menu .area-modal .icon-lock.modal-close:after, .mod-modal-default .area-modal .icon-lock.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-lock.modal-close-sign:after, .mod-modal-nav .area-modal .icon-lock.modal-close:after, .list-text-dashed > li a.icon-lock:after, .link-panel-brand a.icon-lock:after, .icon-lock.js-accordion-title:after, .icon-lock.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-lock:after, .icon-lock.link-indtagram:after, .icon-lock.link-twitter:after, .icon-lock.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-lock.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-lock.title:after, .icon-lock.btn-close:after {
  content: ""; }

.icon-after.icon-mail:after, #nav-footer-info li a.icon-mail:after, .icon-mail.link-block:after, .link-send_sms > i.link-block:after, .icon-mail.float-attract:after, .link-send_sms > i.float-attract:after, .link-text > i.icon-mail:after, .link-send_sms.link-text > i:after, .link-send_sms > i.icon-after:after, .wedge-more-plus.link-send_sms > i:after, .link-send_sms > i.link-label:after, .link-send_sms > i.button-search:after, .link-send_sms > i.btn-text-close:after, .mod-modal-default .area-modal .link-send_sms > i.modal-close:after,
.mod-modal-menu .area-modal .link-send_sms > i.modal-close:after, .mod-modal-default .area-modal .link-send_sms > i.modal-close-sign:after,
.mod-modal-menu .area-modal .link-send_sms > i.modal-close-sign:after, .mod-modal-nav .area-modal .link-send_sms > i.modal-close:after, .link-send_sms > i.js-accordion-title:after, .link-send_sms > i.js-modal-carousel_open:after, .tab-link-arrow > a.link-send_sms > i:after, .link-send_sms > i.link-indtagram:after, .link-send_sms > i.link-twitter:after, .link-send_sms > i.cover-movie:after, .area-articles-main .link-article.title.link-send_sms[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.link-send_sms[target="_blank"] > i.title:after, .link-send_sms > i.btn-close:after, .wedge-more-plus > i.icon-mail:after, .icon-mail.link-label:after, .icon-mail.button-search:after, .icon-mail.btn-text-close:after, .mod-modal-default .area-modal .icon-mail.modal-close:after,
.mod-modal-menu .area-modal .icon-mail.modal-close:after, .mod-modal-default .area-modal .icon-mail.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-mail.modal-close-sign:after, .mod-modal-nav .area-modal .icon-mail.modal-close:after, .list-text-dashed > li a.icon-mail:after, .link-panel-brand a.icon-mail:after, .icon-mail.js-accordion-title:after, .icon-mail.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-mail:after, .icon-mail.link-indtagram:after, .icon-mail.link-twitter:after, .icon-mail.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-mail.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-mail.title:after, .icon-mail.btn-close:after {
  content: ""; }

.icon-after.icon-morse-l:after, #nav-footer-info li a.icon-morse-l:after, #nav-footer-info li .mod-modal-default .area-modal a.modal-close:after, .mod-modal-default .area-modal #nav-footer-info li a.modal-close:after,
#nav-footer-info li .mod-modal-menu .area-modal a.modal-close:after, .mod-modal-menu .area-modal #nav-footer-info li a.modal-close:after, #nav-footer-info li .mod-modal-nav .area-modal a.modal-close:after, .mod-modal-nav .area-modal #nav-footer-info li a.modal-close:after, #nav-footer-info li a.btn-close:after, .icon-morse-l.link-block:after, .mod-modal-default .area-modal .link-block.modal-close:after,
.mod-modal-menu .area-modal .link-block.modal-close:after, .mod-modal-nav .area-modal .link-block.modal-close:after, .link-block.btn-close:after, .icon-morse-l.float-attract:after, .mod-modal-default .area-modal .float-attract.modal-close:after,
.mod-modal-menu .area-modal .float-attract.modal-close:after, .mod-modal-nav .area-modal .float-attract.modal-close:after, .float-attract.btn-close:after, .link-text > i.icon-morse-l:after, .mod-modal-default .area-modal .link-text > i.modal-close:after,
.mod-modal-menu .area-modal .link-text > i.modal-close:after, .mod-modal-nav .area-modal .link-text > i.modal-close:after, .link-text > i.btn-close:after, .wedge-more-plus > i.icon-morse-l:after, .mod-modal-default .area-modal .wedge-more-plus > i.modal-close:after,
.mod-modal-menu .area-modal .wedge-more-plus > i.modal-close:after, .mod-modal-nav .area-modal .wedge-more-plus > i.modal-close:after, .wedge-more-plus > i.btn-close:after, .icon-morse-l.link-label:after, .mod-modal-default .area-modal .link-label.modal-close:after,
.mod-modal-menu .area-modal .link-label.modal-close:after, .mod-modal-nav .area-modal .link-label.modal-close:after, .link-label.btn-close:after, .icon-morse-l.button-search:after, .mod-modal-default .area-modal .button-search.modal-close:after,
.mod-modal-menu .area-modal .button-search.modal-close:after, .mod-modal-nav .area-modal .button-search.modal-close:after, .button-search.btn-close:after, .icon-morse-l.btn-text-close:after, .mod-modal-default .area-modal .btn-text-close.modal-close:after,
.mod-modal-menu .area-modal .btn-text-close.modal-close:after, .mod-modal-nav .area-modal .btn-text-close.modal-close:after, .btn-text-close.btn-close:after, .mod-modal-default .area-modal .modal-close:after,
.mod-modal-menu .area-modal .modal-close:after, .mod-modal-default .area-modal .icon-morse-l.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.modal-close:after, .mod-modal-default .area-modal .modal-close-sign.btn-close:after,
.mod-modal-menu .area-modal .icon-morse-l.modal-close-sign:after,
.mod-modal-menu .area-modal .modal-close-sign.modal-close:after, .mod-modal-menu .area-modal .modal-close-sign.btn-close:after, .mod-modal-nav .area-modal .modal-close:after, .list-text-dashed > li a.icon-morse-l:after, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close:after, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close:after,
.list-text-dashed > li .mod-modal-menu .area-modal a.modal-close:after, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close:after, .list-text-dashed > li .mod-modal-nav .area-modal a.modal-close:after, .mod-modal-nav .area-modal .list-text-dashed > li a.modal-close:after, .list-text-dashed > li a.btn-close:after, .link-panel-brand a.icon-morse-l:after, .link-panel-brand .mod-modal-default .area-modal a.modal-close:after, .mod-modal-default .area-modal .link-panel-brand a.modal-close:after,
.link-panel-brand .mod-modal-menu .area-modal a.modal-close:after, .mod-modal-menu .area-modal .link-panel-brand a.modal-close:after, .link-panel-brand .mod-modal-nav .area-modal a.modal-close:after, .mod-modal-nav .area-modal .link-panel-brand a.modal-close:after, .link-panel-brand a.btn-close:after, .icon-morse-l.js-accordion-title:after, .mod-modal-default .area-modal .js-accordion-title.modal-close:after,
.mod-modal-menu .area-modal .js-accordion-title.modal-close:after, .mod-modal-nav .area-modal .js-accordion-title.modal-close:after, .js-accordion-title.btn-close:after, .icon-morse-l.js-modal-carousel_open:after, .mod-modal-default .area-modal .js-modal-carousel_open.modal-close:after,
.mod-modal-menu .area-modal .js-modal-carousel_open.modal-close:after, .mod-modal-nav .area-modal .js-modal-carousel_open.modal-close:after, .js-modal-carousel_open.btn-close:after, .tab-link-arrow > a > i.icon-morse-l:after, .mod-modal-default .area-modal .tab-link-arrow > a > i.modal-close:after,
.mod-modal-menu .area-modal .tab-link-arrow > a > i.modal-close:after, .mod-modal-nav .area-modal .tab-link-arrow > a > i.modal-close:after, .tab-link-arrow > a > i.btn-close:after, .icon-morse-l.link-indtagram:after, .mod-modal-default .area-modal .link-indtagram.modal-close:after, .mod-modal-default .area-modal .modal-close.link-twitter:after,
.mod-modal-menu .area-modal .link-indtagram.modal-close:after, .mod-modal-menu .area-modal .modal-close.link-twitter:after, .mod-modal-nav .area-modal .link-indtagram.modal-close:after, .mod-modal-nav .area-modal .modal-close.link-twitter:after, .link-indtagram.btn-close:after, .btn-close.link-twitter:after, .icon-morse-l.link-twitter:after, .icon-morse-l.cover-movie:after, .mod-modal-default .area-modal .cover-movie.modal-close:after,
.mod-modal-menu .area-modal .cover-movie.modal-close:after, .mod-modal-nav .area-modal .cover-movie.modal-close:after, .cover-movie.btn-close:after, .area-articles-main .link-article.title[target="_blank"] > .icon-morse-l.title:after, .area-articles-main .mod-modal-default .area-modal .link-article.title[target="_blank"] > .title.modal-close:after, .mod-modal-default .area-modal .area-articles-main .link-article.title[target="_blank"] > .title.modal-close:after,
.area-articles-main .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .title.modal-close:after, .mod-modal-menu .area-modal .area-articles-main .link-article.title[target="_blank"] > .title.modal-close:after, .area-articles-main .mod-modal-nav .area-modal .link-article.title[target="_blank"] > .title.modal-close:after, .mod-modal-nav .area-modal .area-articles-main .link-article.title[target="_blank"] > .title.modal-close:after, .area-articles-main .link-article.title[target="_blank"] > .title.btn-close:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-morse-l.title:after, .area-articles-index .mod-modal-default .area-modal .link-article.title[target="_blank"] > .title.modal-close:after, .mod-modal-default .area-modal .area-articles-index .link-article.title[target="_blank"] > .title.modal-close:after,
.area-articles-index .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .title.modal-close:after, .mod-modal-menu .area-modal .area-articles-index .link-article.title[target="_blank"] > .title.modal-close:after, .area-articles-index .mod-modal-nav .area-modal .link-article.title[target="_blank"] > .title.modal-close:after, .mod-modal-nav .area-modal .area-articles-index .link-article.title[target="_blank"] > .title.modal-close:after, .area-articles-index .link-article.title[target="_blank"] > .title.btn-close:after, .btn-close:after {
  content: ""; }

.icon-after.icon-morse:after, #nav-footer-info li a.icon-morse:after, #nav-footer-info li a.js-accordion-title:after, .icon-morse.link-block:after, .icon-morse.float-attract:after, .link-text > i.icon-morse:after, .link-text > i.js-accordion-title:after, .wedge-more-plus > i.icon-morse:after, .wedge-more-plus > i.js-accordion-title:after, .icon-morse.link-label:after, .icon-morse.button-search:after, .icon-morse.btn-text-close:after, .mod-modal-default .area-modal .icon-morse.modal-close:after, .mod-modal-default .area-modal .modal-close.js-accordion-title:after,
.mod-modal-menu .area-modal .icon-morse.modal-close:after, .mod-modal-menu .area-modal .modal-close.js-accordion-title:after, .mod-modal-default .area-modal .icon-morse.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.js-accordion-title:after,
.mod-modal-menu .area-modal .icon-morse.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.js-accordion-title:after, .mod-modal-nav .area-modal .icon-morse.modal-close:after, .mod-modal-nav .area-modal .modal-close.js-accordion-title:after, .list-text-dashed > li a.icon-morse:after, .list-text-dashed > li a.js-accordion-title:after, .link-panel-brand a.icon-morse:after, .link-panel-brand a.js-accordion-title:after, .js-accordion-title:after, .icon-morse.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-morse:after, .tab-link-arrow > a > i.js-accordion-title:after, .icon-morse.link-indtagram:after, .icon-morse.link-twitter:after, .icon-morse.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-morse.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.js-accordion-title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-morse.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.js-accordion-title:after, .icon-morse.btn-close:after {
  content: ""; }

.icon-after.icon-pdf:after, #nav-footer-info li a.icon-pdf:after, .icon-pdf.link-block:after, .wedge-menu > i.link-block:after, .icon-pdf.float-attract:after, .wedge-menu > i.float-attract:after, .link-text > i.icon-pdf:after, .wedge-menu.link-text > i:after, .wedge-more-plus > i.icon-pdf:after, .wedge-menu.wedge-more-plus > i:after, .wedge-menu > i.icon-after:after, .wedge-menu > i.link-label:after, .wedge-menu > i.button-search:after, .wedge-menu > i.btn-text-close:after, .mod-modal-default .area-modal .wedge-menu > i.modal-close:after,
.mod-modal-menu .area-modal .wedge-menu > i.modal-close:after, .mod-modal-default .area-modal .wedge-menu > i.modal-close-sign:after,
.mod-modal-menu .area-modal .wedge-menu > i.modal-close-sign:after, .mod-modal-nav .area-modal .wedge-menu > i.modal-close:after, .wedge-menu > i.js-accordion-title:after, .wedge-menu > i.js-modal-carousel_open:after, .tab-link-arrow > a.wedge-menu > i:after, .wedge-menu > i.link-indtagram:after, .wedge-menu > i.link-twitter:after, .wedge-menu > i.cover-movie:after, .area-articles-main .link-article.title.wedge-menu[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.wedge-menu[target="_blank"] > i.title:after, .wedge-menu > i.btn-close:after, .icon-pdf.link-label:after, .icon-pdf.button-search:after, .icon-pdf.btn-text-close:after, .mod-modal-default .area-modal .icon-pdf.modal-close:after,
.mod-modal-menu .area-modal .icon-pdf.modal-close:after, .mod-modal-default .area-modal .icon-pdf.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-pdf.modal-close-sign:after, .mod-modal-nav .area-modal .icon-pdf.modal-close:after, .list-text-dashed > li a.icon-pdf:after, .link-panel-brand a.icon-pdf:after, .icon-pdf.js-accordion-title:after, .icon-pdf.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-pdf:after, .icon-pdf.link-indtagram:after, .icon-pdf.link-twitter:after, .icon-pdf.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-pdf.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-pdf.title:after, .icon-pdf.btn-close:after {
  content: ""; }

.icon-after.icon-play:after, #nav-footer-info li a.icon-play:after, #nav-footer-info li a.cover-movie:after, .icon-play.link-block:after, .icon-play.float-attract:after, .link-text > i.icon-play:after, .link-text > i.cover-movie:after, .wedge-more-plus > i.icon-play:after, .wedge-more-plus > i.cover-movie:after, .icon-play.link-label:after, .icon-play.button-search:after, .icon-play.btn-text-close:after, .mod-modal-default .area-modal .icon-play.modal-close:after, .mod-modal-default .area-modal .modal-close.cover-movie:after,
.mod-modal-menu .area-modal .icon-play.modal-close:after, .mod-modal-menu .area-modal .modal-close.cover-movie:after, .mod-modal-default .area-modal .icon-play.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.cover-movie:after,
.mod-modal-menu .area-modal .icon-play.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.cover-movie:after, .mod-modal-nav .area-modal .icon-play.modal-close:after, .mod-modal-nav .area-modal .modal-close.cover-movie:after, .list-text-dashed > li a.icon-play:after, .list-text-dashed > li a.cover-movie:after, .link-panel-brand a.icon-play:after, .link-panel-brand a.cover-movie:after, .icon-play.js-accordion-title:after, .icon-play.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-play:after, .tab-link-arrow > a > i.cover-movie:after, .icon-play.link-indtagram:after, .icon-play.link-twitter:after, .cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-play.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.cover-movie:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-play.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.cover-movie:after, .icon-play.btn-close:after {
  content: ""; }

.icon-after.icon-question:after, #nav-footer-info li a.icon-question:after, #nav-footer-info li a.link-question:after, .icon-question.link-block:after, .link-block.link-question:after, .icon-question.float-attract:after, .float-attract.link-question:after, .link-text > i.icon-question:after, .link-text > i.link-question:after, .icon-after.link-question:after, .wedge-more-plus > i.link-question:after, .link-question.link-label:after, .link-question.button-search:after, .link-question.btn-text-close:after, .mod-modal-default .area-modal .link-question.modal-close:after,
.mod-modal-menu .area-modal .link-question.modal-close:after, .mod-modal-default .area-modal .link-question.modal-close-sign:after,
.mod-modal-menu .area-modal .link-question.modal-close-sign:after, .mod-modal-nav .area-modal .link-question.modal-close:after, .list-text-dashed > li a.link-question:after, .link-panel-brand a.link-question:after, .link-question.js-accordion-title:after, .link-question.js-modal-carousel_open:after, .tab-link-arrow > a > i.link-question:after, .link-question.link-indtagram:after, .link-question.link-twitter:after, .link-question.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .link-question.title:after,
.area-articles-index .link-article.title[target="_blank"] > .link-question.title:after, .link-question.btn-close:after, .wedge-more-plus > i.icon-question:after, .icon-question.link-label:after, .icon-question.button-search:after, .icon-question.btn-text-close:after, .mod-modal-default .area-modal .icon-question.modal-close:after,
.mod-modal-menu .area-modal .icon-question.modal-close:after, .mod-modal-default .area-modal .icon-question.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-question.modal-close-sign:after, .mod-modal-nav .area-modal .icon-question.modal-close:after, .list-text-dashed > li a.icon-question:after, .link-panel-brand a.icon-question:after, .icon-question.js-accordion-title:after, .icon-question.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-question:after, .icon-question.link-indtagram:after, .icon-question.link-twitter:after, .icon-question.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-question.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-question.title:after, .icon-question.btn-close:after {
  content: ""; }

.icon-after.icon-search:after, #nav-footer-info li a.icon-search:after, #nav-footer-info li a.button-search:after, .icon-search.link-block:after, .icon-search.float-attract:after, .link-text > i.icon-search:after, .link-text > i.button-search:after, .wedge-more-plus > i.icon-search:after, .wedge-more-plus > i.button-search:after, .icon-search.link-label:after, .button-search:after, .icon-search.btn-text-close:after, .mod-modal-default .area-modal .icon-search.modal-close:after, .mod-modal-default .area-modal .modal-close.button-search:after,
.mod-modal-menu .area-modal .icon-search.modal-close:after, .mod-modal-menu .area-modal .modal-close.button-search:after, .mod-modal-default .area-modal .icon-search.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.button-search:after,
.mod-modal-menu .area-modal .icon-search.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.button-search:after, .mod-modal-nav .area-modal .icon-search.modal-close:after, .mod-modal-nav .area-modal .modal-close.button-search:after, .list-text-dashed > li a.icon-search:after, .list-text-dashed > li a.button-search:after, .link-panel-brand a.icon-search:after, .link-panel-brand a.button-search:after, .icon-search.js-accordion-title:after, .icon-search.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-search:after, .tab-link-arrow > a > i.button-search:after, .icon-search.link-indtagram:after, .icon-search.link-twitter:after, .icon-search.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-search.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.button-search:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-search.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.button-search:after, .icon-search.btn-close:after {
  content: ""; }

.icon-after.icon-share:after, #nav-footer-info li a.icon-share:after, .icon-share.link-block:after, .icon-share.float-attract:after, .link-text > i.icon-share:after, .wedge-more-plus > i.icon-share:after, .icon-share.link-label:after, .icon-share.button-search:after, .icon-share.btn-text-close:after, .mod-modal-default .area-modal .icon-share.modal-close:after,
.mod-modal-menu .area-modal .icon-share.modal-close:after, .mod-modal-default .area-modal .icon-share.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-share.modal-close-sign:after, .mod-modal-nav .area-modal .icon-share.modal-close:after, .list-text-dashed > li a.icon-share:after, .link-panel-brand a.icon-share:after, .icon-share.js-accordion-title:after, .icon-share.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-share:after, .icon-share.link-indtagram:after, .icon-share.link-twitter:after, .icon-share.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-share.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-share.title:after, .icon-share.btn-close:after {
  content: ""; }

.icon-after.icon-shop:after, #nav-footer-info li a.icon-shop:after, .icon-shop.link-block:after, .wedge-shop > i.link-block:after, .icon-shop.float-attract:after, .wedge-shop > i.float-attract:after, .link-text > i.icon-shop:after, .wedge-shop.link-text > i:after, .wedge-more-plus > i.icon-shop:after, .wedge-shop.wedge-more-plus > i:after, .wedge-shop > i.icon-after:after, .wedge-shop > i.link-label:after, .wedge-shop > i.button-search:after, .wedge-shop > i.btn-text-close:after, .mod-modal-default .area-modal .wedge-shop > i.modal-close:after,
.mod-modal-menu .area-modal .wedge-shop > i.modal-close:after, .mod-modal-default .area-modal .wedge-shop > i.modal-close-sign:after,
.mod-modal-menu .area-modal .wedge-shop > i.modal-close-sign:after, .mod-modal-nav .area-modal .wedge-shop > i.modal-close:after, .wedge-shop > i.js-accordion-title:after, .wedge-shop > i.js-modal-carousel_open:after, .tab-link-arrow > a.wedge-shop > i:after, .wedge-shop > i.link-indtagram:after, .wedge-shop > i.link-twitter:after, .wedge-shop > i.cover-movie:after, .area-articles-main .link-article.title.wedge-shop[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.wedge-shop[target="_blank"] > i.title:after, .wedge-shop > i.btn-close:after, .icon-shop.link-label:after, .icon-shop.button-search:after, .icon-shop.btn-text-close:after, .mod-modal-default .area-modal .icon-shop.modal-close:after,
.mod-modal-menu .area-modal .icon-shop.modal-close:after, .mod-modal-default .area-modal .icon-shop.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-shop.modal-close-sign:after, .mod-modal-nav .area-modal .icon-shop.modal-close:after, .list-text-dashed > li a.icon-shop:after, .link-panel-brand a.icon-shop:after, .icon-shop.js-accordion-title:after, .icon-shop.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-shop:after, .icon-shop.link-indtagram:after, .icon-shop.link-twitter:after, .icon-shop.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-shop.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-shop.title:after, .icon-shop.btn-close:after {
  content: ""; }

.icon-after.icon-sight:after, #nav-footer-info li a.icon-sight:after, #nav-footer-info li a.js-modal-carousel_open:after, .icon-sight.link-block:after, .icon-sight.float-attract:after, .link-text > i.icon-sight:after, .link-text > i.js-modal-carousel_open:after, .wedge-more-plus > i.icon-sight:after, .wedge-more-plus > i.js-modal-carousel_open:after, .icon-sight.link-label:after, .icon-sight.button-search:after, .icon-sight.btn-text-close:after, .mod-modal-default .area-modal .icon-sight.modal-close:after, .mod-modal-default .area-modal .modal-close.js-modal-carousel_open:after,
.mod-modal-menu .area-modal .icon-sight.modal-close:after, .mod-modal-menu .area-modal .modal-close.js-modal-carousel_open:after, .mod-modal-default .area-modal .icon-sight.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.js-modal-carousel_open:after,
.mod-modal-menu .area-modal .icon-sight.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.js-modal-carousel_open:after, .mod-modal-nav .area-modal .icon-sight.modal-close:after, .mod-modal-nav .area-modal .modal-close.js-modal-carousel_open:after, .list-text-dashed > li a.icon-sight:after, .list-text-dashed > li a.js-modal-carousel_open:after, .link-panel-brand a.icon-sight:after, .link-panel-brand a.js-modal-carousel_open:after, .icon-sight.js-accordion-title:after, .js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-sight:after, .tab-link-arrow > a > i.js-modal-carousel_open:after, .icon-sight.link-indtagram:after, .icon-sight.link-twitter:after, .icon-sight.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-sight.title:after, .area-articles-main .link-article.title[target="_blank"] > .title.js-modal-carousel_open:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-sight.title:after, .area-articles-index .link-article.title[target="_blank"] > .title.js-modal-carousel_open:after, .icon-sight.btn-close:after {
  content: ""; }

.icon-after.icon-sign-arrow-top:after, #nav-footer-info li a.icon-sign-arrow-top:after, #nav-footer-info li .link-panel-brand a.current:after, .link-panel-brand #nav-footer-info li a.current:after, .icon-sign-arrow-top.link-block:after, .icon-sign-arrow-top.float-attract:after, .link-text > i.icon-sign-arrow-top:after, .wedge-more-plus > i.icon-sign-arrow-top:after, .icon-sign-arrow-top.link-label:after, .icon-sign-arrow-top.button-search:after, .icon-sign-arrow-top.btn-text-close:after, .mod-modal-default .area-modal .icon-sign-arrow-top.modal-close:after, .mod-modal-default .area-modal .link-panel-brand a.modal-close.current:after, .link-panel-brand .mod-modal-default .area-modal a.modal-close.current:after,
.mod-modal-menu .area-modal .icon-sign-arrow-top.modal-close:after, .mod-modal-menu .area-modal .link-panel-brand a.modal-close.current:after, .link-panel-brand .mod-modal-menu .area-modal a.modal-close.current:after, .mod-modal-default .area-modal .icon-sign-arrow-top.modal-close-sign:after, .mod-modal-default .area-modal .link-panel-brand a.modal-close-sign.current:after, .link-panel-brand .mod-modal-default .area-modal a.modal-close-sign.current:after,
.mod-modal-menu .area-modal .icon-sign-arrow-top.modal-close-sign:after, .mod-modal-menu .area-modal .link-panel-brand a.modal-close-sign.current:after, .link-panel-brand .mod-modal-menu .area-modal a.modal-close-sign.current:after, .mod-modal-nav .area-modal .icon-sign-arrow-top.modal-close:after, .mod-modal-nav .area-modal .link-panel-brand a.modal-close.current:after, .link-panel-brand .mod-modal-nav .area-modal a.modal-close.current:after, .list-text-dashed > li a.icon-sign-arrow-top:after, .list-text-dashed > li .link-panel-brand a.current:after, .link-panel-brand .list-text-dashed > li a.current:after, .link-panel-brand a.icon-sign-arrow-top:after, .link-panel-brand a.current:after, .link-panel-brand .area-articles-main .link-article.title[target="_blank"] > a.current.title:after, .area-articles-main .link-panel-brand .link-article.title[target="_blank"] > a.current.title:after,
.link-panel-brand .area-articles-index .link-article.title[target="_blank"] > a.current.title:after, .area-articles-index .link-panel-brand .link-article.title[target="_blank"] > a.current.title:after, .icon-sign-arrow-top.js-accordion-title:after, .icon-sign-arrow-top.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-sign-arrow-top:after, .icon-sign-arrow-top.link-indtagram:after, .icon-sign-arrow-top.link-twitter:after, .icon-sign-arrow-top.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-sign-arrow-top.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-sign-arrow-top.title:after, .icon-sign-arrow-top.btn-close:after {
  content: ""; }

.icon-after.icon-sign-arrow:after, #nav-footer-info li a.icon-sign-arrow:after, #nav-footer-info li .link-panel-brand a:after, .link-panel-brand #nav-footer-info li a:after, #nav-footer-info li a.control-arrow:after, .icon-sign-arrow.link-block:after, .link-block.control-arrow:after, .icon-sign-arrow.float-attract:after, .float-attract.control-arrow:after, .link-text > i.icon-sign-arrow:after, .link-text > i.control-arrow:after, .wedge-more-plus > i.icon-sign-arrow:after, .wedge-more-plus > i.control-arrow:after, .icon-sign-arrow.link-label:after, .link-label.control-arrow:after, .icon-sign-arrow.button-search:after, .button-search.control-arrow:after, .icon-sign-arrow.btn-text-close:after, .btn-text-close.control-arrow:after, .mod-modal-default .area-modal .icon-sign-arrow.modal-close:after, .mod-modal-default .area-modal .link-panel-brand a.modal-close:after, .link-panel-brand .mod-modal-default .area-modal a.modal-close:after, .mod-modal-default .area-modal .modal-close.control-arrow:after, .mod-modal-default .area-modal .tab-link-arrow > a > i.modal-close:after,
.mod-modal-menu .area-modal .icon-sign-arrow.modal-close:after, .mod-modal-menu .area-modal .link-panel-brand a.modal-close:after, .link-panel-brand .mod-modal-menu .area-modal a.modal-close:after, .mod-modal-menu .area-modal .modal-close.control-arrow:after, .mod-modal-menu .area-modal .tab-link-arrow > a > i.modal-close:after, .mod-modal-default .area-modal .icon-sign-arrow.modal-close-sign:after, .mod-modal-default .area-modal .link-panel-brand a.modal-close-sign:after, .link-panel-brand .mod-modal-default .area-modal a.modal-close-sign:after, .mod-modal-default .area-modal .modal-close-sign.control-arrow:after, .mod-modal-default .area-modal .tab-link-arrow > a > i.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-sign-arrow.modal-close-sign:after, .mod-modal-menu .area-modal .link-panel-brand a.modal-close-sign:after, .link-panel-brand .mod-modal-menu .area-modal a.modal-close-sign:after, .mod-modal-menu .area-modal .modal-close-sign.control-arrow:after, .mod-modal-menu .area-modal .tab-link-arrow > a > i.modal-close-sign:after, .mod-modal-nav .area-modal .icon-sign-arrow.modal-close:after, .mod-modal-nav .area-modal .link-panel-brand a.modal-close:after, .link-panel-brand .mod-modal-nav .area-modal a.modal-close:after, .mod-modal-nav .area-modal .modal-close.control-arrow:after, .mod-modal-nav .area-modal .tab-link-arrow > a > i.modal-close:after, .list-text-dashed > li a.icon-sign-arrow:after, .list-text-dashed > li a.control-arrow:after, .link-panel-brand a:after, .icon-sign-arrow.js-accordion-title:after, .js-accordion-title.control-arrow:after, .icon-sign-arrow.js-modal-carousel_open:after, .js-modal-carousel_open.control-arrow:after, .icon-after.control-arrow:after, .control-arrow.link-indtagram:after, .control-arrow.link-twitter:after, .control-arrow.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .control-arrow.title:after,
.area-articles-index .link-article.title[target="_blank"] > .control-arrow.title:after, .control-arrow.btn-close:after, .tab-link-arrow > a > i:after, .icon-sign-arrow.link-indtagram:after, .icon-sign-arrow.link-twitter:after, .icon-sign-arrow.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-sign-arrow.title:after, .area-articles-main .link-panel-brand .link-article.title[target="_blank"] > a.title:after, .link-panel-brand .area-articles-main .link-article.title[target="_blank"] > a.title:after, .area-articles-main .tab-link-arrow > a.link-article.title[target="_blank"] > i.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-sign-arrow.title:after, .area-articles-index .link-panel-brand .link-article.title[target="_blank"] > a.title:after, .link-panel-brand .area-articles-index .link-article.title[target="_blank"] > a.title:after, .area-articles-index .tab-link-arrow > a.link-article.title[target="_blank"] > i.title:after, .icon-sign-arrow.btn-close:after {
  content: ""; }

.icon-after.icon-sign-cross:after, #nav-footer-info li a.icon-sign-cross:after, #nav-footer-info li .mod-modal-default .area-modal a.modal-close-sign:after, .mod-modal-default .area-modal #nav-footer-info li a.modal-close-sign:after,
#nav-footer-info li .mod-modal-menu .area-modal a.modal-close-sign:after, .mod-modal-menu .area-modal #nav-footer-info li a.modal-close-sign:after, .icon-sign-cross.link-block:after, .icon-sign-cross.float-attract:after, .link-text > i.icon-sign-cross:after, .wedge-more-plus > i.icon-sign-cross:after, .icon-sign-cross.link-label:after, .icon-sign-cross.button-search:after, .icon-sign-cross.btn-text-close:after, .mod-modal-default .area-modal .icon-sign-cross.modal-close:after,
.mod-modal-menu .area-modal .icon-sign-cross.modal-close:after, .mod-modal-default .area-modal .modal-close-sign:after,
.mod-modal-menu .area-modal .modal-close-sign:after, .mod-modal-nav .area-modal .icon-sign-cross.modal-close:after, .list-text-dashed > li a.icon-sign-cross:after, .list-text-dashed > li .mod-modal-default .area-modal a.modal-close-sign:after, .mod-modal-default .area-modal .list-text-dashed > li a.modal-close-sign:after,
.list-text-dashed > li .mod-modal-menu .area-modal a.modal-close-sign:after, .mod-modal-menu .area-modal .list-text-dashed > li a.modal-close-sign:after, .link-panel-brand a.icon-sign-cross:after, .link-panel-brand .mod-modal-default .area-modal a.modal-close-sign:after, .mod-modal-default .area-modal .link-panel-brand a.modal-close-sign:after,
.link-panel-brand .mod-modal-menu .area-modal a.modal-close-sign:after, .mod-modal-menu .area-modal .link-panel-brand a.modal-close-sign:after, .icon-sign-cross.js-accordion-title:after, .icon-sign-cross.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-sign-cross:after, .icon-sign-cross.link-indtagram:after, .icon-sign-cross.link-twitter:after, .icon-sign-cross.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-sign-cross.title:after, .area-articles-main .mod-modal-default .area-modal .link-article.title[target="_blank"] > .title.modal-close-sign:after, .mod-modal-default .area-modal .area-articles-main .link-article.title[target="_blank"] > .title.modal-close-sign:after,
.area-articles-main .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .title.modal-close-sign:after, .mod-modal-menu .area-modal .area-articles-main .link-article.title[target="_blank"] > .title.modal-close-sign:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-sign-cross.title:after, .area-articles-index .mod-modal-default .area-modal .link-article.title[target="_blank"] > .title.modal-close-sign:after, .mod-modal-default .area-modal .area-articles-index .link-article.title[target="_blank"] > .title.modal-close-sign:after,
.area-articles-index .mod-modal-menu .area-modal .link-article.title[target="_blank"] > .title.modal-close-sign:after, .mod-modal-menu .area-modal .area-articles-index .link-article.title[target="_blank"] > .title.modal-close-sign:after, .icon-sign-cross.btn-close:after {
  content: ""; }

.icon-after.icon-sms:after, #nav-footer-info li a.icon-sms:after, .icon-sms.link-block:after, .icon-sms.float-attract:after, .link-text > i.icon-sms:after, .wedge-more-plus > i.icon-sms:after, .icon-sms.link-label:after, .icon-sms.button-search:after, .icon-sms.btn-text-close:after, .mod-modal-default .area-modal .icon-sms.modal-close:after,
.mod-modal-menu .area-modal .icon-sms.modal-close:after, .mod-modal-default .area-modal .icon-sms.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-sms.modal-close-sign:after, .mod-modal-nav .area-modal .icon-sms.modal-close:after, .list-text-dashed > li a.icon-sms:after, .link-panel-brand a.icon-sms:after, .icon-sms.js-accordion-title:after, .icon-sms.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-sms:after, .icon-sms.link-indtagram:after, .icon-sms.link-twitter:after, .icon-sms.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-sms.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-sms.title:after, .icon-sms.btn-close:after {
  content: ""; }

.icon-after.icon-twitter:after, #nav-footer-info li a.icon-twitter:after, .icon-twitter.link-block:after, .link-twitter > i.link-block:after, .icon-twitter.float-attract:after, .link-twitter > i.float-attract:after, .link-text > i.icon-twitter:after, .link-twitter.link-text > i:after, .wedge-more-plus > i.icon-twitter:after, .link-twitter.wedge-more-plus > i:after, .icon-twitter.link-label:after, .link-twitter > i.link-label:after, .icon-twitter.button-search:after, .link-twitter > i.button-search:after, .icon-twitter.btn-text-close:after, .link-twitter > i.btn-text-close:after, .mod-modal-default .area-modal .icon-twitter.modal-close:after, .mod-modal-default .area-modal .link-twitter > i.modal-close:after,
.mod-modal-menu .area-modal .icon-twitter.modal-close:after, .mod-modal-menu .area-modal .link-twitter > i.modal-close:after, .mod-modal-default .area-modal .icon-twitter.modal-close-sign:after, .mod-modal-default .area-modal .link-twitter > i.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-twitter.modal-close-sign:after, .mod-modal-menu .area-modal .link-twitter > i.modal-close-sign:after, .mod-modal-nav .area-modal .icon-twitter.modal-close:after, .mod-modal-nav .area-modal .link-twitter > i.modal-close:after, .list-text-dashed > li a.icon-twitter:after, .link-panel-brand a.icon-twitter:after, .icon-twitter.js-accordion-title:after, .link-twitter > i.js-accordion-title:after, .icon-twitter.js-modal-carousel_open:after, .link-twitter > i.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-twitter:after, .tab-link-arrow > a.link-twitter > i:after, .icon-twitter.link-indtagram:after, .link-twitter > i.link-indtagram:after, .link-twitter > i.link-twitter:after, .icon-twitter.link-twitter:after, .link-twitter > i.icon-after:after, .link-twitter > i.cover-movie:after, .area-articles-main .link-article.title.link-twitter[target="_blank"] > i.title:after,
.area-articles-index .link-article.title.link-twitter[target="_blank"] > i.title:after, .link-twitter > i.btn-close:after, .icon-twitter.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-twitter.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-twitter.title:after, .icon-twitter.btn-close:after {
  content: ""; }

.icon-after.icon-youtube:after, #nav-footer-info li a.icon-youtube:after, .icon-youtube.link-block:after, .icon-youtube.float-attract:after, .link-text > i.icon-youtube:after, .wedge-more-plus > i.icon-youtube:after, .icon-youtube.link-label:after, .icon-youtube.button-search:after, .icon-youtube.btn-text-close:after, .mod-modal-default .area-modal .icon-youtube.modal-close:after,
.mod-modal-menu .area-modal .icon-youtube.modal-close:after, .mod-modal-default .area-modal .icon-youtube.modal-close-sign:after,
.mod-modal-menu .area-modal .icon-youtube.modal-close-sign:after, .mod-modal-nav .area-modal .icon-youtube.modal-close:after, .list-text-dashed > li a.icon-youtube:after, .link-panel-brand a.icon-youtube:after, .icon-youtube.js-accordion-title:after, .icon-youtube.js-modal-carousel_open:after, .tab-link-arrow > a > i.icon-youtube:after, .icon-youtube.link-indtagram:after, .icon-youtube.link-twitter:after, .icon-youtube.cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .icon-youtube.title:after,
.area-articles-index .link-article.title[target="_blank"] > .icon-youtube.title:after, .icon-youtube.btn-close:after {
  content: ""; }

/*#styleguide
アイコンの色


独自の色を設定する場合は、icon要素の beforeまたはafterに設定
```
<span class="icon icon-shop icon-color-white"></span>
<span class="icon icon-shop icon-color-green"></span><!-- 未設定と同色 -->
<span class="icon icon-shop icon-color-pink"></span>
<span class="icon icon-shop icon-color-black"></span>
```
*/
/*#styleguide
icon-arrow-link
```
<span class="icon icon-arrow-link"></span>
<span class="icon-after icon-arrow-link"></span>

```
*/
/*#styleguide
icon-bag
```
<span class="icon icon-bag"></span>
<span class="icon-after icon-bag"></span>

```
*/
/*#styleguide
icon-blank
```
<span class="icon icon-blank"></span>
<span class="icon-after icon-blank"></span>

```
*/
/*#styleguide
icon-check
```
<span class="icon icon-check"></span>
<span class="icon-after icon-check"></span>

```
*/
/*#styleguide
icon-cross
```
<span class="icon icon-cross"></span>
<span class="icon-after icon-cross"></span>

```
*/
/*#styleguide
icon-download
```
<span class="icon icon-download"></span>
<span class="icon-after icon-download"></span>

```
*/
/*#styleguide
icon-facebook
```
<span class="icon icon-facebook"></span>
<span class="icon-after icon-facebook"></span>

```
*/
/*#styleguide
icon-instagram
```
<span class="icon icon-instagram"></span>
<span class="icon-after icon-instagram"></span>

```
*/
/*#styleguide
icon-line
```
<span class="icon icon-line"></span>
<span class="icon-after icon-line"></span>

```
*/
/*#styleguide
icon-lock
```
<span class="icon icon-lock"></span>
<span class="icon-after icon-lock"></span>

```
*/
/*#styleguide
icon-mail
```
<span class="icon icon-mail"></span>
<span class="icon-after icon-mail"></span>

```
*/
/*#styleguide
icon-morse-l
```
<span class="icon icon-morse-l"></span>
<span class="icon-after icon-morse-l"></span>

```
*/
/*#styleguide
icon-morse
```
<span class="icon icon-morse"></span>
<span class="icon-after icon-morse"></span>

```
*/
/*#styleguide
icon-pdf
```
<span class="icon icon-pdf"></span>
<span class="icon-after icon-pdf"></span>

```
*/
/*#styleguide
icon-play
```
<span class="icon icon-play"></span>
<span class="icon-after icon-play"></span>

```
*/
/*#styleguide
icon-question
```
<span class="icon icon-question"></span>
<span class="icon-after icon-question"></span>

```
*/
/*#styleguide
icon-search
```
<span class="icon icon-search"></span>
<span class="icon-after icon-search"></span>

```
*/
/*#styleguide
icon-share
```
<span class="icon icon-share"></span>
<span class="icon-after icon-share"></span>

```
*/
/*#styleguide
icon-shop
```
<span class="icon icon-shop"></span>
<span class="icon-after icon-shop"></span>

```
*/
/*#styleguide
icon-sight
```
<span class="icon icon-sight"></span>
<span class="icon-after icon-sight"></span>

```
*/
/*#styleguide
icon-sign-arrow-top
```
<span class="icon icon-sign-arrow-top"></span>
<span class="icon-after icon-sign-arrow-top"></span>

```
*/
/*#styleguide
icon-sign-arrow
```
<span class="icon icon-sign-arrow"></span>
<span class="icon-after icon-sign-arrow"></span>

```
*/
/*#styleguide
icon-sign-cross
```
<span class="icon icon-sign-cross"></span>
<span class="icon-after icon-sign-cross"></span>

```
*/
/*#styleguide
icon-sms
```
<span class="icon icon-sms"></span>
<span class="icon-after icon-sms"></span>

```
*/
/*#styleguide
icon-twitter
```
<span class="icon icon-twitter"></span>
<span class="icon-after icon-twitter"></span>

```
*/
/*#styleguide
icon-youtube
```
<span class="icon icon-youtube"></span>
<span class="icon-after icon-youtube"></span>

```
*/
/*
# ICON CLASS
*/
.icon:before, .float-totop:before, .link-back > i:before, .link-question:before, .link-blank:before, .wedge-arrow[target="_blank"] > i:before, .wedge-menu > i:before, .wedge-download > i:before, .wedge-shop > i:before, .button-login:before, .button-line > i:before, label.control > input + span:before, .link-list-shop:before, .mod-modal-default .area-modal .modal-close:before,
.mod-modal-menu .area-modal .modal-close:before, .mod-modal-nav .area-modal .modal-close:before, .list-text-dashed > li a[target="_blank"]:before, .js-accordion-title:before, .control-arrow:before, .link-indtagram > i:before, .link-twitter > i:before, .btn-close:before {
  color: #006450; }

.icon-after:after, #nav-footer-info li a:after, .link-block:after, .float-attract:after, .link-text > i:after, .wedge-more-plus > i:after, .link-label:after, .button-search:after, .btn-text-close:after, .mod-modal-default .area-modal .modal-close:after,
.mod-modal-menu .area-modal .modal-close:after, .mod-modal-default .area-modal .modal-close-sign:after,
.mod-modal-menu .area-modal .modal-close-sign:after, .mod-modal-nav .area-modal .modal-close:after, .list-text-dashed > li a:after, .link-panel-brand a:after, .js-accordion-title:after, .js-modal-carousel_open:after, .tab-link-arrow > a > i:after, .link-indtagram:after, .link-twitter:after, .cover-movie:after, .area-articles-main .link-article.title[target="_blank"] > .title:after,
.area-articles-index .link-article.title[target="_blank"] > .title:after, .btn-close:after {
  color: #006450; }

.icon-color-white:before, .mod-modal-default .area-modal .modal-close:before,
.mod-modal-menu .area-modal .modal-close:before {
  color: #fff; }

.icon-color-white:after, .mod-modal-default .area-modal .modal-close:after,
.mod-modal-menu .area-modal .modal-close:after {
  color: #fff; }

.icon-color-green:before {
  color: #006450; }

.icon-color-green:after {
  color: #006450; }

.icon-color-pink:before, label.control > input + span:before {
  color: #f5bbc7; }

.icon-color-pink:after, label.control > input + span:after {
  color: #f5bbc7; }

.icon-color-black:before {
  color: #555; }

.icon-color-black:after {
  color: #555; }

/*
# 各論
*/
.float-totop:before {
  transform: rotate(270deg); }

.link-back > i:after {
  content: ""; }

/*
.area-instagram {
  > .title {
    > .text {
      @extend .icon;
      @extend .icon-instagram;
    }
  }
}
*/
/* 
# RESET
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure,
figcaption,
header,
footer,
main,
nav,
aside,
article,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

p,
li,
th,
td,
dt,
dd,
span,
a {
  overflow-wrap: break-word; }

input {
  border-radius: 2px; }
  input[type="number"] {
    width: auto; }
  input[type="search"] {
    -webkit-appearance: textfield; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

main {
  display: block; }

pre {
  overflow: auto; }

textarea {
  overflow: auto; }

[unselectable] {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-width: 0; }

button,
select,
textarea {
  min-height: 1.6; }

code,
kbd,
pre,
samp {
  font-family: monospace; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    color: currentColor; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

textarea {
  resize: vertical; }

fieldset,
img {
  border: 0; }

li {
  list-style-type: none; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  max-height: 100%; }

label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

i {
  font-style: normal; }

b {
  font-weight: 400; }

strong {
  font-weight: 700; }

em {
  font-style: normal;
  font-weight: 700; }

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

small {
  font-size: inherit; }

address {
  display: inline;
  font-style: normal; }

iframe {
  border: none; }

/*
#overview
[C-XX] 基本クラス


*/
/*#styleguide
[C-DEVICE] SP/PC指定


設定自体はcommon-sp.scss、common-pc.scssにあり
```
<p class="sp">[C-DEVICE-SP] SPのみで表示</p>
<p class="pc">[C-DEVICE-PC]PCのみで表示</p>
<p>改行位置SPはコ<br class="sp">コで改行。PCはコ<br class="pc">コで改行</p>
```
*/
/* 
# レイアウト
*/
/*#styleguide
[C-L] レイアウト指定


importantは付けないので、他設定の打ち消しはできない。より下位の要素に設定することを想定。
sampleについている .l-inline-block はサンプル表示のためにつけているだけ。
```
<p class="l-hide">[C-L-HIDE] 非表示</p>
<p class="l-inline">[C-L-INLINE] インライン表示</p>
<p class="l-block">[C-L-BLOCK] ブロック表示</p>
<p class="l-inline-block">[C-L-INLINEBLOCK] インラインブロック表示</p>
<p class="l-inline-sp">[C-L-INLINE-SP] SPのみ インライン表示</p>
<p class="l-block-sp">[C-L-BLOCK-SP] SPのみ ブロック表示</p>
<p class="l-inline-block-sp">[C-L-INLINEBLOCK-SP] SPのみ インラインブロック表示</p>
<br>
<p class="l-flip-h l-inline-block">左右反転</p>
<p class="l-flip-v l-inline-block">上下反転</p>
<br><br>
<p class="l-rotate-45 l-inline-block">45度</p>
<p class="l-rotate-90 l-inline-block">90度</p>
<p class="l-rotate-180 l-inline-block">180度</p>
<p class="l-rotate-270 l-inline-block">270度</p>
<p class="l-rotate-315 l-inline-block">315度</p>
```
*/
.l-wrap {
  max-width: 1366px; }

.l-hide {
  display: none; }

.l-block {
  display: block; }

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

.l-inline {
  display: inline; }

.l-flip-h {
  transform: scale(-1, 1); }

.l-flip-v {
  transform: scale(1, -1); }

.l-rotate-45 {
  transform: rotate(45deg); }

.l-rotate-90 {
  transform: rotate(90deg); }

.l-rotate-180 {
  transform: rotate(180deg); }

.l-rotate-270 {
  transform: rotate(270deg); }

.l-rotate-315 {
  transform: rotate(315deg); }

/* 
# COMMON SET
*/
/*#styleguide
[C-FONT] フォントの設定


・和文 Noto Sans CJK JP [400(regular), 500(medium), 700(bold)]
・英文 Dosis（和文内の英文は除く） [400(regular), 500(medium), 700(600, semibold)]

　※Dosisの太字は600（semibold）を使用しているが、統一させるためにCSS上では700とする。
```
<p class="regular">和文「あのイーハトーヴォのすきとおった風ABCDEF01234」 font-weight:400</p>
<br><br>
<p class="medium">和文「あのイーハトーヴォのすきとおった風ABCDEF01234」 font-weight:500</p>
<br><br>
<p class="bold">和文「あのイーハトーヴォのすきとおった風ABCDEF01234」 font-siweightze:700</p>
<br><br>
<p class="en regular">[C-FONT-EN] 2016.11.23 ABCDEF01234 いろは font-weight:400</p>
<br><br>
<p class="en medium">[C-FONT-EN] 2016.11.23 ABCDEF01234 いろは font-weight:500</p>
<br><br>
<p class="en bold">[C-FONT-EN] 2016.11.23 ABCDEF01234 いろは font-weight:700</p>
<br><br>
<p>特殊文字FONT ©　<span class="font-symbol">®</span>　™　℃　℉　µ　ℓ　Å　‰　@　$　€　£　¢　<span class="font-symbol">∞</span>　④　❹</p>
```
*/
/*#styleguide
[C-FONT] フォントウェイト設定


```
<p>通常（設定無し）</p>
<p class="regular">[C-FONT-REGULAR] いろは AB01 通常（設定あり） 400</p>
<p class="medium">[C-FONT-MEDIUM] いろは AB01 太い 500</p>
<p class="bold">[C-FONT-BOLD] いろは AB01 極太 700</p>

<p class="en regular">AB01 400</p>
<p class="en medium">AB01 500</p>
<p class="en bold">AB01 700</p>
```
*/
.en {
  font-family: "Dosis"; }

.regular {
  font-weight: 400 !important; }

.medium {
  font-weight: 500 !important; }

.bold {
  font-weight: 700 !important; }

.font-symbol {
  font-family: Verdana, Roboto, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/*#styleguide
[C-SIZE] font-size


* 現状の基本サイズは16px
* 数字は基本サイズに掛ける数
* 括弧内は基本サイズが16pxの場合の目安px数
* 「.font-normal」で「PCはfont-size: .875rem; SPは1.2rem」
* それぞれサフィックス「-sp」をつけることで、SPのみに適用される。EX: .font-06-sp　※「.box-font-basic」を除く
* 「.box-font-basic」は子孫の「p, li, dl, h2, h3, h4, h5」要素がPC: 14px、SP: 12pxになる。
```
<p class="font-normal">サイズサイズサイズサイズ</p>
<br><br>
<p class="font-06">0.6（10px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-07">0.7（11px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-08">0.8（13px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-09">0.9（14px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-10">1.0（16px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-11">1.1（18px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-12">1.2（19px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-13">1.3（21px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-14">1.4（22px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-15">1.5（24px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-16">1.6（26px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-18">1.8（29px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-20">2.0（32px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<br><br>
<p class="font-xs">[C-SIZE-XS] 極小（10px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-s">[C-SIZE-S] 小（12px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-m">[C-SIZE-M] 通常（14px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-l">[C-SIZE-L] 大（16px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-xl">[C-SIZE-XL] 大（18px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<p class="font-xxl">[C-SIZE-XXL] 大（20px） あのイーハトーヴォのすきとおった風 01234 ABCD efgh</p>
<br><br>
<p class="line-heght-10">line-heght 1.0 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br>
<p class="line-heght-12">line-heght 1.2 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br>
<p class="line-heght-14">line-heght 1.4 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br>
<p class="line-heght-16">line-heght 1.6 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br>
<p class="line-heght-17">line-heght 1.7 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br>
<p class="line-heght-18">line-heght 1.8 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br>
<p class="line-heght-20">line-heght 2.0 あのイーハトーヴォの<br>すきとおった風 01234 ABCD efgh</p>
<br><br>
<div class="box-font-basic">
  <p>Pタグ「.box-font-basic」子孫の「p, li, dl, h2, h3, h4, h5」はPC: 14px、SP: 12px</p>
  <dl>
    <dt>DTタグ</dt>
    <dd>DDタグ</dd>
  </dl>
  <ul>
    <li>liタグ</li>
  </ul>
  <h3>
    h3タイトル
  </h3>
</div>
```
*/
.line-heght-10 {
  line-height: 1 !important; }

.line-heght-12 {
  line-height: 1.2 !important; }

.line-heght-14 {
  line-height: 1.4 !important; }

.line-heght-16 {
  line-height: 1.6 !important; }

.line-heght-17 {
  line-height: 1.7 !important; }

.line-heght-18 {
  line-height: 1.8 !important; }

.line-heght-20 {
  line-height: 2 !important; }

/*#styleguide
[C-ALIGN] テキスト横位置指定


```
<p class="left">[C-ALIGN-LEFT] 左寄せ</p>
<p class="center">[C-ALIGN-CENTER] 中央</p>
<p class="right">[C-ALIGN-RIGHT] 右寄せ</p>
<p class="left-sp">[C-ALIGN-LEFT-SP] SPのみ 左寄せ</p>
<p class="center-sp">[C-ALIGN-CENTER-SP] SPのみ 中央</p>
<p class="right-sp">[C-ALIGN-RIGHT-SP] SPのみ 右寄せ</p>
```
*/
.left {
  text-align: left !important; }

.right {
  text-align: right !important; }

.center {
  text-align: center !important; }

/*#styleguide
[C-VALIGN] フレージング・コンテンツ縦位置指定


```
<p class="valign-top">[C-VALIGN-TOP] vertical-align: top</p>
<p class="valign-middle">[C-VALIGN-MIDDLE] vertical-align: middle</p>
<p class="valign-bottom">[C-VALIGN-BOTTOM] vertical-align: bottom</p>
<p class="valign-0">[C-VALIGN-0] vertical-align: 0</p>
```
*/
.valign-top {
  vertical-align: top; }

.valign-middle {
  vertical-align: middle; }

.valign-bottom {
  vertical-align: bottom; }

.valign-0 {
  vertical-align: 0; }

/*#styleguide
[C-COLOR] 文字色設定


```
<p>通常（設定無し）</p>
<p class="gray">[C-COLOR-GRAY] いろは 灰色</p>
<p class="black">[C-COLOR-BLACK] いろは 黒色</p>
<p class="white">[C-COLOR-WHITE] いろは 白色</p>
<p class="green">[C-COLOR-GREEN] いろは 緑色</p>
<p class="red">[C-COLOR-RED] いろは 赤色</p>
<p class="notice">
<a href="">いろは 重要</a>
</p>
<p class="attract">
<a href="">いろは 注目 「色＋weight: middle（500）」</a>
</p>
```
*/
.white {
  color: #fff !important; }

.green {
  color: #006450 !important; }

.pink {
  color: #f5bbc7 !important; }

.gray {
  color: #f5f5f5 !important; }

.black {
  color: #555 !important; }
  .black > i:after {
    color: #555 !important; }

.red,
.notice {
  color: #c9002b !important; }
  .red a,
  .notice a {
    color: #c9002b !important; }
    .red a:hover,
    .notice a:hover {
      color: #c9002b !important;
      opacity: 0.7 !important; }

.attract {
  font-weight: 500;
  color: #006450; }
  .attract a {
    color: #006450 !important; }
    .attract a:hover {
      color: #4c9284 !important; }

/*#styleguide
背景色


```
<div class="bgcolor-gray">
<br><br>グレー<br><br>
</div>
<br><br>
<div class="bgcolor-beige">
<br><br>ベージュ<br><br>
</div>

```
*/
.bgcolor-gray {
  background-color: #ededed !important; }

.bgcolor-beige {
  background-color: #f4f3ed !important; }

.bgcolor-green {
  background-color: #ecfbf8 !important; }

/*#styleguide
[C-M] 余白


余白は基本値である 6px を元に、倍数値を指定する。
例えば、[.m-t-4] は4倍なので24pxとなる。
SPはこれに0.75を掛ける。
[.m-t-4]はSPでは18pxとなる。
margin,paddingともに、倍数 0〜15 まで用意してある。
末尾に「-sp」をつけると、スマホのみに適用される。この場合、classの記述はスマホ用を最後にする。
例：「m-t-10 mt-5-sp」
```

<p class="m-trbl-auto">[C-M-AUTO] 余白 margin 上下左右 auto</p>
<p class="m-trbl-0">[C-M-0] 余白 margin 上下左右 0</p>
<p class="m-t-1 m-r-1 m-b-1 m-l-1">余白 margin 上下左右 × 1</p>
<p class="m-t-2 m-r-2 m-b-2 m-l-2">余白 margin 上下左右 × 2</p>
・・・
<p class="m-t-15 m-r-15 m-b-15 m-l-15">余白 margin 上下左右 × 15</p>
<hr>
<p class="p-t-1 p-r-1 p-b-1 p-l-1">余白 padding 上下左右 × 1</p>
<p class="p-t-2 p-r-2 p-b-2 p-l-2">余白 padding 上下左右 × 2</p>
・・・
<p class="p-trbl-15">[C-P-15]余白 padding 上下左右 × 15</p>
<p class="p-trbl-10">[C-P-10]余白 padding 上下左右 × 10</p>
<p class="p-trbl-0">[C-P-0]余白 padding 上下左右 0</p>
<p class="p-rl-10">[C-P-RL-10]余白 padding 左右 × 10</p>
<hr>
<p class="m-lr-15-sp">[C-M-LP-15-sp] スマホのみ margin左右 15px</p>
<p class="m-lr-0-sp">スマホのみ margin左右 0px</p>
<p class="m-lr-auto-sp">スマホのみ margin左右 auto</p>
<p class="p-lr-15-sp">スマホのみ padding左右 15px</p>
<p class="p-lr-0-sp">スマホのみ padding左右 0px</p>
```
*/
.m-trbl-auto {
  margin-top: auto !important;
  margin-right: auto !important;
  margin-bottom: auto !important;
  margin-left: auto !important; }

.m-trbl-0 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important; }

.p-trbl-0 {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important; }

.p-trbl-15 {
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 15px !important; }

.p-trbl-10 {
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important; }

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

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-t-auto {
  margin-top: auto !important; }

.m-r-auto {
  margin-right: auto !important; }

.m-b-auto {
  margin-bottom: auto !important; }

.m-l-auto {
  margin-left: auto !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

/*
#overview
[L-XX] [T-XX] 基本レイアウト

タブ、ボックス、タイトルなど
*/
/*
# BASE
*/
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  color: #555;
  min-width: 320px;
  line-height: 1.5; }

/*
# HEADER
*/
#header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 1; }

#header-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

#logo-main .link-top {
  display: block;
  cursor: pointer; }

#logo-main .svg-logo-afternoontea {
  fill: #006450; }

#nav-main {
  font-size: 0; }
  #nav-main .link-search {
    display: inline-block;
    cursor: pointer; }
    #nav-main .link-search svg {
      fill: #006450; }
  #nav-main .link-onlinecart {
    display: inline-block;
    cursor: pointer; }
    #nav-main .link-onlinecart svg {
      fill: #006450; }

.menu-berger {
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer; }
  .menu-berger:before, .menu-berger:after,
  .menu-berger .menu-berger-piece {
    display: inline-block;
    background: #006450;
    margin: auto;
    width: 100%;
    border-radius: 1px;
    position: absolute; }
  .menu-berger .menu-berger-piece {
    top: 0;
    bottom: 0; }
  .menu-berger:before, .menu-berger:after {
    content: ""; }
  .menu-berger:before {
    top: 0; }
  .menu-berger:after {
    bottom: 0; }

.float-attract {
  position: fixed;
  z-index: 1;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -ms-flex-align: center;
      align-items: center;
  background: #006450;
  cursor: pointer;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  font-weight: 500;
  box-sizing: border-box;
  color: #fff; }
  .float-attract .text {
    display: table-cell;
    vertical-align: middle; }
  .float-attract:after {
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    margin: auto; }

/*
# 下部バナー
*/
.area-banner {
  text-align: center; }

/*
# 重要なお知らせ
*/
#notices-important {
  position: relative;
  background-color: #fff; }
  #notices-important .title {
    color: #006450;
    text-align: center;
    letter-spacing: .085em; }

.list-notice {
  border-bottom: 1px dotted #c7c7c7; }
  .list-notice > li {
    border-top: 1px dotted #c7c7c7; }
    .list-notice > li time {
      font-weight: 500; }
    .list-notice > li a {
      display: block;
      color: #555; }

/*
# FOOTER
*/
#footer {
  position: relative;
  background-color: #fff; }
  #footer.en {
    font-family: "Dosis"; }

#copyright {
  font-family: "Dosis";
  text-align: center;
  border-top: 1px solid #c7c7c7; }

/*
# GLOBAL MENU
*/
.area-globalmenu .content,
.area-globalmenu .box-sns {
  background: #fff; }

.area-globalmenu .box-menu-online {
  text-align: center;
  background: #fff; }
  .area-globalmenu .box-menu-online a {
    display: block;
    color: #555;
    font-weight: 500; }
    .area-globalmenu .box-menu-online a .icon::before, .area-globalmenu .box-menu-online a .float-totop::before, .area-globalmenu .box-menu-online a .link-back > i::before, .area-globalmenu .box-menu-online a .link-question::before, .area-globalmenu .box-menu-online a .link-blank::before, .area-globalmenu .box-menu-online a .wedge-arrow[target="_blank"] > i::before, .area-globalmenu .box-menu-online a .wedge-menu > i::before, .area-globalmenu .box-menu-online a .wedge-download > i::before, .area-globalmenu .box-menu-online a .wedge-shop > i::before, .area-globalmenu .box-menu-online a .button-login::before, .area-globalmenu .box-menu-online a .button-line > i::before, .area-globalmenu .box-menu-online a label.control > input + span::before, .area-globalmenu .box-menu-online a .link-list-shop::before, .area-globalmenu .box-menu-online a .mod-modal-default .area-modal .modal-close::before, .mod-modal-default .area-modal .area-globalmenu .box-menu-online a .modal-close::before,
    .area-globalmenu .box-menu-online a .mod-modal-menu .area-modal .modal-close::before, .mod-modal-menu .area-modal .area-globalmenu .box-menu-online a .modal-close::before, .area-globalmenu .box-menu-online a .mod-modal-nav .area-modal .modal-close::before, .mod-modal-nav .area-modal .area-globalmenu .box-menu-online a .modal-close::before, .area-globalmenu .box-menu-online a .list-text-dashed > li a[target="_blank"]::before, .list-text-dashed > li .area-globalmenu .box-menu-online a a[target="_blank"]::before, .area-globalmenu .box-menu-online a .js-accordion-title::before, .area-globalmenu .box-menu-online a .control-arrow::before, .area-globalmenu .box-menu-online a .link-indtagram > i::before, .area-globalmenu .box-menu-online a .link-twitter > i::before, .area-globalmenu .box-menu-online a .btn-close::before {
      color: inherit; }

.area-globalmenu .content-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  overflow: hidden; }
  .area-globalmenu .content-nav > nav {
    width: 50%;
    text-align: center;
    border-bottom: 2px solid #ededed; }
  .area-globalmenu .content-nav .title,
  .area-globalmenu .content-nav .list-nav-main {
    font-family: "Dosis";
    background: #ededed; }
    .area-globalmenu .content-nav .title a,
    .area-globalmenu .content-nav .list-nav-main a {
      color: #006450;
      display: block; }
  .area-globalmenu .content-nav .title {
    font-weight: 700; }
  .area-globalmenu .content-nav .list-nav-main {
    font-weight: 500;
    position: relative;
    display: block; }
    .area-globalmenu .content-nav .list-nav-main a {
      border-top: 1px solid #fff; }
    .area-globalmenu .content-nav .list-nav-main:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 17px 8px 0;
      border-color: #ededed transparent transparent;
      margin: auto;
      left: 0;
      right: 0;
      bottom: -16px; }
  .area-globalmenu .content-nav .nav-living .title,
  .area-globalmenu .content-nav .nav-living .list-nav-main {
    border-right: 1px solid #fff; }
  .area-globalmenu .content-nav .nav-living .list-nav-sub {
    border-right: 1px solid #ededed; }
  .area-globalmenu .content-nav .nav-tearoom .title,
  .area-globalmenu .content-nav .nav-tearoom .list-nav-main {
    border-left: 1px solid #fff; }
  .area-globalmenu .content-nav .nav-tearoom .list-nav-sub {
    border-left: 1px solid #ededed; }
  .area-globalmenu .content-nav .list-nav-sub {
    height: 100%; }
    .area-globalmenu .content-nav .list-nav-sub a {
      display: block;
      color: #555;
      font-weight: 500; }
    .area-globalmenu .content-nav .list-nav-sub .icon:before, .area-globalmenu .content-nav .list-nav-sub .float-totop:before, .area-globalmenu .content-nav .list-nav-sub .link-back > i:before, .area-globalmenu .content-nav .list-nav-sub .link-question:before, .area-globalmenu .content-nav .list-nav-sub .link-blank:before, .area-globalmenu .content-nav .list-nav-sub .wedge-arrow[target="_blank"] > i:before, .area-globalmenu .content-nav .list-nav-sub .wedge-menu > i:before, .area-globalmenu .content-nav .list-nav-sub .wedge-download > i:before, .area-globalmenu .content-nav .list-nav-sub .wedge-shop > i:before, .area-globalmenu .content-nav .list-nav-sub .button-login:before, .area-globalmenu .content-nav .list-nav-sub .button-line > i:before, .area-globalmenu .content-nav .list-nav-sub label.control > input + span:before, .area-globalmenu .content-nav .list-nav-sub .link-list-shop:before, .area-globalmenu .content-nav .list-nav-sub .mod-modal-default .area-modal .modal-close:before, .mod-modal-default .area-modal .area-globalmenu .content-nav .list-nav-sub .modal-close:before,
    .area-globalmenu .content-nav .list-nav-sub .mod-modal-menu .area-modal .modal-close:before, .mod-modal-menu .area-modal .area-globalmenu .content-nav .list-nav-sub .modal-close:before, .area-globalmenu .content-nav .list-nav-sub .mod-modal-nav .area-modal .modal-close:before, .mod-modal-nav .area-modal .area-globalmenu .content-nav .list-nav-sub .modal-close:before, .area-globalmenu .content-nav .list-nav-sub .list-text-dashed > li a[target="_blank"]:before, .list-text-dashed > li .area-globalmenu .content-nav .list-nav-sub a[target="_blank"]:before, .area-globalmenu .content-nav .list-nav-sub .js-accordion-title:before, .area-globalmenu .content-nav .list-nav-sub .control-arrow:before, .area-globalmenu .content-nav .list-nav-sub .link-indtagram > i:before, .area-globalmenu .content-nav .list-nav-sub .link-twitter > i:before, .area-globalmenu .content-nav .list-nav-sub .btn-close:before {
      color: inherit; }

.area-globalmenu .content-nav-sub {
  display: table;
  width: 100%; }
  .area-globalmenu .content-nav-sub a {
    display: table-cell;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    color: #555;
    font-weight: 500;
    vertical-align: middle; }
    .area-globalmenu .content-nav-sub a:first-child {
      border-right: 1px solid #ededed; }
    .area-globalmenu .content-nav-sub a:nth-child(2) {
      border-left: 1px solid #ededed; }

/*#styleguide
全体
html.bk-solid


* HTML要素に「.bk-solid」追加で、「重要なお知らせ」より上のエリアをべた塗りできる（べた塗りする要素にPC: padding-bottom:90pxをつける）
*/
/*#styleguide
フッター部分の余白


通常は、

# PC
「#notices-important margin-top: 90px;」
「#footer margin-top: 48px;」
　
# SP
「#notices-important margin-top: 45px;」
「#footer margin-top: 45px;」
　
[html.noFootPadding]　することで、上記margin-top: 0pxとなる。
[html.footInnerPadding]　とすると、body内部の「.wrap-content」にPC:90px、SP:45pxのpaddingｰbottomが入る。

*/
/*
# TAB MENU
*/
/*#styleguide
グローバルタブメニュー


HTML要素に.livingがあればliving、.trearoomがあればtearoomがカレント表示になる。
サンプルはどちらもカレントではない場合。
```
<nav id="tab-global" class="tab-link">
  <a class="living" href="/living/"><i>LIVING</i></a>
  <a class="tearoom" href="/tearoom/"><i>TEAROOM</i></a>
</nav>
```
*/
.tab-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .tab-link .living,
  .tab-link .tearoom {
    display: block;
    position: relative;
    background-color: #387163;
    color: #fff;
    -ms-flex: 1;
        flex: 1;
    text-align: center; }
    .tab-link .living > i,
    .tab-link .tearoom > i {
      display: inline-block;
      font-weight: 500;
      position: relative; }
    .tab-link .living:after,
    .tab-link .tearoom:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 17px 8px 0;
      border-color: #006450 transparent transparent;
      margin: auto;
      left: 0;
      right: 0;
      display: none; }
    .tab-link .living:hover,
    .tab-link .tearoom:hover {
      background-color: #4c9284; }
  .tab-link .living {
    border-right: 1px solid #fff; }
  .tab-link .tearoom {
    border-left: 1px solid #fff; }

html.os-lt-supported .tab-link {
  display: -webkit-box;
  display: box;
  width: 100%; }
  html.os-lt-supported .tab-link > a {
    display: block;
    width: 50%; }

html.os-lt-supported #header-main {
  display: -webkit-box;
  display: box;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  html.os-lt-supported #header-main > div {
    width: 50%; }
  html.os-lt-supported #header-main .menu-berger {
    text-align: left; }

html.os-lt-supported #nav-main {
  text-align: right; }

html.os-lt-supported .content-nav {
  display: -webkit-box;
  display: box; }

html.os-lt-supported #wrap {
  width: 100%;
  overflow: hidden; }

#tab-global {
  font-family: "Dosis"; }

html.living .tab-link .living {
  background-color: #006450; }
  html.living .tab-link .living:after {
    display: block; }

html.living .tab-link .tearoom {
  border-color: #387163; }
  html.living .tab-link .tearoom:hover {
    background-color: #5a8982; }

html.living .tab-link .living {
  border-color: #006450; }

html.tearoom .tab-link .tearoom {
  background-color: #006450; }
  html.tearoom .tab-link .tearoom:after {
    display: block; }

html.tearoom .tab-link .tearoom {
  border-color: #006450; }

html.tearoom .tab-link .living {
  border-color: #387163; }
  html.tearoom .tab-link .living:hover {
    background-color: #5a8982; }

.tab-subtitle {
  display: table;
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .tab-subtitle > .content {
    display: table-cell;
    width: 50%;
    border-bottom: 2px solid transparent; }
    .tab-subtitle > .content > a {
      display: block;
      width: 100%;
      text-align: center;
      font-weight: 500;
      color: #c7c7c7; }
      .tab-subtitle > .content > a:hover {
        color: #006450; }
    .tab-subtitle > .content.current {
      border-bottom-color: #006450; }
      .tab-subtitle > .content.current > a {
        color: #006450; }

.tab-subtitle-ceil {
  border-top: 1px solid #7fb1a7; }

/*#styleguide
ページ内タブ型リンクメニュー


```
<nav class="tab-link-arrow">
  <a class="living" href="/living/"><i>LIVING</i></a>
  <a class="tearoom" href="/tearoom/"><i>TEAROOM</i></a>
</nav>
```
*/
.tab-link-arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .tab-link-arrow .living,
  .tab-link-arrow .tearoom {
    display: block;
    position: relative;
    background-color: #006450;
    color: #fff;
    -ms-flex: 1;
        flex: 1;
    text-align: center; }
    .tab-link-arrow .living > i,
    .tab-link-arrow .tearoom > i {
      font-family: "Dosis";
      display: inline-block;
      font-weight: 500; }
      .tab-link-arrow .living > i:after,
      .tab-link-arrow .tearoom > i:after {
        vertical-align: 0;
        color: #fff; }
  .tab-link-arrow .living {
    border-right: 1px solid #fff; }
  .tab-link-arrow .tearoom {
    border-left: 1px solid #fff; }

/*#styleguide
タイトル


```
<h1 class="title title-simple">タイトル</h1>
<br><br>
<h1 class="title title-tag"><sapn class="tag tag-l"><i>タイトル</i></sapn></h1>
<br><br>
<h1 class="title title-column">タイトル</h1>
<br><br>
<h1 class="title title-band">タイトル</h1>
<br><br>
<h1 class="title title-mesh">タイトル</h1>
<br><br>
<div class="area-mesh">
  <h1 class="title title-mesh">タイトル</h1>
  <div class="l-wrap">
    TEXT
  </div>
</div>
<br><br>
<div class="area-mesh">
  <h1 class="title title-mesh title-mesh-wide">タイトル　中</h1>
  <div class="l-wrap">
    TEXT
  </div>
</div>
<br><br>
<div class="area-mesh">
  <h1 class="title title-mesh title-mesh-font-m">タイトル　文字中</h1>
  <div class="l-wrap">
    TEXT
  </div>
</div>
<br><br>
<div class="area-mesh">
  <h1 class="title title-mesh title-mesh-font-m en">ENGLISH</h1>
  <div class="l-wrap">
    TEXT
  </div>
</div>
<br><br>
<h1 class="title title-band-arrow">タイトル</h1>
<br><br>
<h1 class="title title-band-arrow color-gray">タイトル</h1>
<br><br>
```
*/
.title-simple {
  color: #006450;
  font-weight: 500; }

.title-tag {
  padding-top: 30px;
  text-align: center;
  font-size: 0; }

.title-band {
  background: #006450;
  text-align: center;
  color: #fff;
  font-weight: 500; }

.title-mesh {
  text-align: center;
  color: #006450;
  font-weight: 500;
  background: transparent url("/media/images/parts/bg-mesh-pc.png") repeat 0 0; }
  .title-mesh + .l-content {
    text-align: left; }
  .title-mesh.-pink {
    background-image: url("/media/images/parts/bg-mesh-pink-pc.png");
    color: #c9002b; }

.date-mesh {
  text-align: center;
  color: #006450;
  font-weight: 500;
  background: transparent url("/media/images/parts/bg-mesh-pc.png") repeat 0 0; }

.title-band-arrow {
  font-weight: 500;
  text-align: center;
  background: #006450;
  color: #fff;
  position: relative; }
  .title-band-arrow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 8px 0;
    border-color: #006450 transparent transparent;
    margin: auto;
    left: 0;
    right: 0; }
  .title-band-arrow.color-gray {
    background-color: #afafaf; }
    .title-band-arrow.color-gray:after {
      border-color: #afafaf transparent transparent; }

/*
# 各モジュール　メッシュタイトル
*/
.area-mesh {
  text-align: center; }

/*#styleguide
タブ ブランド別


```
<div class="js-tab tab-brand" data-tab-init="0">
  <div class="buttons">
    <div class="button js-tab_button living">LIVING</div>
    <div class="button js-tab_button tearoom">TEAROOM</div>
  </div>
  <div class="js-tab_container">
    <div class="js-tab_content">
      タブ1のコンテンツ
    </div>
    <div class="js-tab_content">
      初期タブ位置=1を指定
    </div>
  </div>
  <div class="buttons buttons-reverse">
    <div class="button js-tab_button living">LIVING</div>
    <div class="button js-tab_button tearoom">TEAROOM</div>
  </div>
</div>
<br><br>
<div class="js-tab tab-brand" data-tab-init="1">
  <div class="js-tab_container">
    <div class="js-tab_content" style="background: #fff;">
      タブ1のコンテンツ
    </div>
    <div class="js-tab_content" style="background: yellow;">
      初期タブ位置=1を指定
    </div>
  </div>
  <div class="buttons buttons-reverse">
    <div class="button js-tab_button living">LIVING</div>
    <div class="button js-tab_button tearoom">TEAROOM</div>
  </div>
</div>

```
*/
.tab-brand .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .tab-brand .buttons .button {
    width: 50%;
    text-align: center;
    border-bottom: 3px solid #fff;
    color: #afafaf;
    background-color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-family: "Dosis"; }
    .tab-brand .buttons .button.js-tab_active {
      border-bottom-color: #006450;
      border-top-color: #006450;
      color: #006450; }
    .tab-brand .buttons .button:hover {
      color: #006450; }
  .tab-brand .buttons.buttons-reverse .button {
    border-bottom-width: 0; }

.tab-brand .buttons-reverse {
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1); }
  .tab-brand .buttons-reverse .button {
    border-top: 3px solid #fff; }
    .tab-brand .buttons-reverse .button.js-tab_active {
      color: #006450; }

/*#styleguide
[L-WIDE] レイアウト　横幅 PC

* 下記サンプルのstyleは確認用
```
<div class="l-wide-1366" style="background: yellow">[L-WIDE-1366] l-wide-1366 max-width: 1366px</div>
<div class="l-wide-1020" style="background: skyblue">[L-WIDE-1020] l-wide-1020 max-width: 1020px</div>
<div class="l-wide-980" style="background: #5cf888">[L-WIDE-980] l-wide-980 max-width: 980px</div>
<div class="l-wide-960" style="background: #17b143">[L-WIDE-960] l-wide-960 max-width: 960px</div>
<div class="l-wide-640" style="background: red">[L-WIDE-640] l-wide-640 max-width: 640px</div>
<div class="l-wide-480" style="background: pink">[L-WIDE-480] l-wide-480  max-width: 480px</div>
<div class="l-wide-1000" style="background: blue; color: white">[L-WIDE-1000] l-wide-480  max-width: 1000px</div>
<div class="l-wide-750" style="background: blue; color: white">[L-WIDE-750] l-wide-750  max-width: 750px</div>
```
*/
/*#styleguide
[L-W] width


```
<div class="w-1366" style="background: yellow">横幅1366px</div>
<br><br>
<div class="w-1020" style="background: yellow">横幅1020px</div>
<br><br>
<div class="w-980 " style="background: yellow">[L-W-980] 横幅980px</div>
<br><br>
<div class="w-960 " style="background: yellow">[L-W-960] 横幅960px</div>
<br><br>
<div class="w-768" style="background: yellow">横幅768px</div>
<br><br>
<div class="w-640" style="background: yellow">[L-W-640] 横幅640px</div>
<br><br>
<div class="w-480" style="background: yellow">[L-W-480] 横幅480px</div>
<br><br>
<div class="w-320" style="background: yellow">[L-W-320] 横幅320px</div>
<br><br>
<div class="w-290" style="background: yellow">横幅290px</div>
<br><br>
<div class="w-260" style="background: yellow">横幅260px</div>
<br><br>
<div class="w-100v " style="background: yellow">[L-W-100V] 横幅100%</div>
<br><br>
<div class="w-50v" style="background: yellow">横幅50%</div>
<br><br>
<div class="w-30v" style="background: yellow">横幅33.3%</div>
<br><br>
<div class="w-320-sp" style="background: yellow">[L-W-320-SP] SPのみ 横幅320px</div>
<br><br>
<div class="w-290-sp" style="background: yellow">[L-W-290-SP] SPのみ 横幅290px</div>
<br><br>
<div class="w-260-sp" style="background: yellow">SPのみ 横幅260px</div>
<br><br>
<div class="w-100v-sp" style="background: yellow">[L-W-100V-SP]SPのみ 横幅100%</div>
<br><br>
<div class="w-50v-sp" style="background: yellow">SPのみ 横幅50%</div>
<br><br>
<div class="w-30v-sp" style="background: yellow">SPのみ 横幅33.3%</div>
```
*/
.w-1366 {
  width: 1366px; }

.w-1020 {
  width: 1020px; }

.w-980 {
  width: 980px; }

.w-960 {
  width: 960px; }

.w-768 {
  width: 768px; }

.w-640 {
  width: 640px; }

.w-480 {
  width: 480px; }

.w-320 {
  width: 320px; }

.w-290 {
  width: 290px; }

.w-260 {
  width: 260px; }

.w-100v {
  width: 100%; }

.w-50v {
  width: 50%; }

.w-30v {
  width: 33.3%; }

/*#styleguide
窪んだような横長エリア


```
<div class="area-pit">
 コンテンツ
</div>
<br><br>
<div class="area-pit-green">
 コンテンツ
</div>
```
*/
.area-pit {
  background-color: #ededed; }

.area-pit-green {
  background-color: #ecfbf8; }

/*#styleguide
子要素ありボックス

* 子要素が横幅に収まるときには、センター寄せ
* 溢れた時には折り返しては左寄せ
* .column-N は1行に入るコンテンツの数。親要素の幅を指定してちょうど収まる数にする必要あり。
* 下記サンプルのstyleは確認用
```
<div class="l-cluster">
  <div class="l-wrap">
    <span class="l-cluster-sub" style="width:110px; height: 100px; background:red;">カラム指定なし</span>
    <span class="l-cluster-sub" style="width:110px; height: 100px; background:red;">TEST</span>
  </div>
</div>
<div class="l-cluster column-2">
  <div class="l-wrap">
    <span class="l-cluster-sub" style="width:110px; height: 100px; background:blue;">2カラム</span>
    <span class="l-cluster-sub" style="width:110px; height: 100px; background:blue;">TEST</span>
    <span class="l-cluster-sub" style="width:110px; height: 100px; background:blue;">TEST</span>
    <span class="l-cluster-sub" style="width:110px; height: 100px; background:blue;">TEST</span>
  </div>
</div>
<div class="l-cluster column-3">
  <div class="l-wrap">
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:yellow;">3カラム</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:yellow;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:yellow;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:yellow;">TEST</span>
  </div>
</div>
<div class="l-cluster column-4">
  <div class="l-wrap">
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">4カラム</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
  </div>
</div>
<div class="l-cluster column-4 column-sp-2">
  <div class="l-wrap">
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">PC4カラム、SP2カラム</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
    <span class="l-cluster-sub" style="width:70px; height: 100px; background:green;">TEST</span>
  </div>
</div>
```
*/
.l-cluster {
  text-align: center; }
  .l-cluster > .l-wrap {
    display: inline-block;
    margin-right: auto;
    margin-left: auto; }
    .l-cluster > .l-wrap:after {
      content: "";
      display: table;
      clear: both; }

.l-cluster-sub {
  display: block;
  float: left;
  text-align: left; }
  .l-cluster-sub:only-child:last-of-type {
    float: none;
    margin-right: auto;
    margin-left: auto; }

/*#styleguide
2カラムボックス

* 子要素が2以上の場合の奇数余りは左寄せ。偶数行は両端揃え。
* 子要素が1の場合は中央寄せ
* 下記サンプルのstyleは確認用
```
<div class="l-column-2" style="background: red">
  <div class="l-column-sub" style="background: green">
    LEFT
  </div>
  <div class="l-column-sub" style="background: pink">
    RIGHT
  </div>
  <div class="l-column-sub" style="background: skyblue">
    3ed
  </div>
</div>
<br><br>
<div class="l-column-2 l-column-pc" style="background: red">
  <div class="l-column-sub" style="background: green">
    PCのみカラムレイアウト
  </div>
  <div class="l-column-sub" style="background: pink">
    RIGHT
  </div>
  <div class="l-column-sub" style="background: skyblue">
    3ed
  </div>
</div>
<br><br>
<div class="l-column-2" style="background: red">
  <div class="l-column-sub" style="background: green">
    LEFT
  </div>
  <div class="l-column-sub" style="background: pink">
    RIGHT
  </div>
</div>
<br><br>
<div class="l-column-2" style="background: red">
  <div class="l-column-sub" style="background: green">
    ONLY
  </div>
</div>
```
*/
.l-column-2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .l-column-2 > .l-column-sub:only-child {
    margin-right: auto;
    margin-left: auto; }

/*#styleguide
新カラムボックス

* 子要素にmarginなし。余白を入れる場合は子要素のpaddingを指定。
* 下記サンプルのstyleは確認用
```
<div class="l-column-box -column-2" style="background: gray">
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
</div>
<br><br>
中央寄せ
<div class="l-column-box -column-2 -column-center" style="background: gray">
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
</div>
<br><br>
3カラム
<div class="l-column-box -column-3" style="background: gray">
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
</div>
<br><br>
PC4カラム、スマホ2カラム
<div class="l-column-box -column-4 -column-2-sp" style="background: gray">
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
  <div>
    <img class="w-100v" src="/media/images/member/eyecatch-kabegami.jpg" width="116" alt="">
  </div>
</div>
```
*/
.l-column-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .l-column-box > div {
    width: 100%; }
  .l-column-box.-column-2 > div {
    width: 50%; }
  .l-column-box.-column-3 > div {
    width: 33.33%; }
  .l-column-box.-column-4 > div {
    width: 25%; }
  .l-column-box.-column-center {
    -ms-flex-pack: center;
        justify-content: center; }

/*#styleguide
画像ーテキストボックス [SNIPPET-IMG-BOX]



```
<div class="l-imgbox">
  <figure class="img-eyecatch">
    <img src="/media/images/member/eyecatch-kabegami.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <p class="text">
      テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
    </p>
  </div>
</div>
<br><br>
<div class="l-imgbox l-imgbox-pc">
  <figure class="img-eyecatch">
    <img src="/media/images/member/eyecatch-kabegami.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <p class="text">
      PCのみカラムレイアウト
    </p>
  </div>
</div>
<br><br>
<div class="l-imgbox l-imgbox-middle">
  <figure class="img-eyecatch">
    <img src="/media/images/member/eyecatch-kabegami.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <p class="text">
      テキスト
    </p>
  </div>
</div>
<br><br>
<div class="l-imgbox">
  <figure class="img-eyecatch border-green">
    <img src="/media/images/member/eyecatch-kabegami.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <p class="text">
      テキスト
    </p>
  </div>
</div>
<br><br>
<div class="l-imgbox">
  <div class="l-content">
    <p class="text">
      テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
    </p>
  </div>
  <figure class="img-eyecatch">
    <img src="/media/images/member/eyecatch-kabegami.jpg" width="116" height="116" alt="">
  </figure>
</div>
<br><br>
<div class="l-imgbox">
  <figure class="img-eyecatch">
    <img class="img-size-m" src="/media/images/member/eyecatch-kabegami.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <p class="text">
      テキスト
    </p>
  </div>
</div>
<br><br>
<a class="l-imgbox l-imgbox-article" href="#">
  <figure class="img-eyecatch border-green">
    <img class="img-size-m" src="/media/images/_TEMP/article/article-test-02.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <div class="box-info">
      <div class="pod-date">
        <time datetime="2016-11-17">2017.11.17</time>
      </div>
     </div>
    <h3 class="title">一般的な記事導線</h3>
    <p class="text">
      イギリスのファブリックブランド「ブロンテ」のファッションアイテムが新登場
    </p>
  </div>
</a>
<br><br>
<a class="l-imgbox l-imgbox-service" href="#">
  <figure class="img-eyecatch border-green">
    <img class="img-size-m" src="/media/images/_TEMP/article/article-test-01.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <h3 class="title en">GIFT WRAPPING</h3>
    <p class="text">
      各種サービス部分の導線
    </p>
  </div>
</a>
<br><br>
<a class="link-article l-imgbox l-imgbox-pickup" href="#">
  <figure class="img-eyecatch border-green">
    <img class="img-size-m" src="/media/images/_TEMP/article/article-test-01.jpg" width="116" height="116" alt="">
  </figure>
  <div class="l-content">
    <div class="pod-date">
      <time datetime="2016-11-17">2017.11.17</time>
    </div>
    <p class="text">
      オンラインショップピックアップ
    </p>
  </div>
</a>
<br><br>
<article class="box-block-line">
  <a class="link-article" href="#">
    <figure class="img-eyecatch">
      <img src="/media/images/event/notice/20161224-londonbus.jpg" width="120" height="120" alt="">
    </figure>
    <div class="l-content">
      <p class="date-mesh">12月24日まで</p>
      <h2 class="title">
        <b class="hash">#ロンドンバス見つけた</b>
        ら、写真を撮ってリビング店舗へGO！写真を撮ってリビング店舗へGO！写真を撮ってリビング店舗へGO！
      </h2>
    </div>
  </a>
</article>
<br><br>
<div class="l-imgbox">
  <figure class="img-eyecatch">
    <img class="img-size-m" src="/media/images/_TEMP/article-template/t03-sub.png" width="200" height="200" alt="">
  </figure>
  <div class="l-content">
    <dl class="attract">
      <dt>撮影テーマ</dt>
      <dd>
        ネコの舌出し「ペロリ顔」<br>
        （ネコがペロリと舌を出している時の顔）
      </dd>
    </dl>
  </div>
</div>
```
*/
.l-imgbox {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .l-imgbox > .img-eyecatch {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
    font-size: 0;
    float: none; }
    .l-imgbox > .img-eyecatch > img {
      box-sizing: border-box; }
    .l-imgbox > .img-eyecatch.border-green > img {
      border: 2px solid #006450; }
  .l-imgbox > .l-content {
    text-align: left; }
  .l-imgbox.l-imgbox-middle {
    -ms-flex-align: center;
        align-items: center; }

a.l-imgbox > .l-content {
  color: #006450; }

a.l-imgbox:hover > .l-content {
  color: #4c9284; }

a.l-imgbox:hover > .img-eyecatch > img {
  opacity: 0.7; }

.box-block-line {
  overflow: hidden; }
  .box-block-line:after {
    content: "";
    display: table;
    clear: both; }
  .box-block-line .img-eyecatch {
    font-size: 0;
    float: left; }
  .box-block-line .title {
    font-weight: 400;
    color: #555; }
    .box-block-line .title .hash {
      color: #006450; }
  .box-block-line .link-article:hover {
    opacity: 0.7; }
    .box-block-line .link-article:hover .img-eyecatch {
      opacity: 1; }

/*#styleguide
動画ーテキストボックス



```
<figure class="area-movie-embed movie-640">
  <figcaption class="title">『週末のスタートは、ゆったりとしたブランチから。』篇</figcaption>
  <div class="area-movie js-movie">
    <iframe class="js-movie_youtube" width="640" height="360" src="https://www.youtube.com/embed/zGqcms01Qhc?showinfo=0&amp;modestbranding=0&amp;fs=0&amp;color=white&amp;enablejsapi=1&amp;iv_load_policy=1&amp;rel=0" allowfullscreen=""></iframe>
    <a class="cover-movie js-movie_play pc"><img src="/media/images/living/happy-choice/youtube-cover-01.jpg" alt="" width="640" height="360"></a>
  </div>
  <p class="pod-date right">
    <time class="entry-time" datetime="2017-01-26T16:26:40+09:00">2017.01.26</time>
  </p>
</figure>
<br><br>
<div class="l-cluster column-4">
  <div class="l-wrap">
    <div class="l-cluster-sub">
      <figure class="area-movie-embed movie-225">
        <div class="area-movie js-movie">
          <iframe class="js-movie_youtube" width="225" height="126" src="https://www.youtube.com/embed/Vom9Q1SSOh4?showinfo=0&amp;modestbranding=0&amp;fs=0&amp;color=white&amp;enablejsapi=1&amp;iv_load_policy=1&amp;rel=0" allowfullscreen=""></iframe>
        </div>
        <figcaption class="title">アフタヌーンティー・リビングの2017年のテーマは「花で彩る毎日の暮らし」。</figcaption>
        <p class="pod-date right">
          <time class="entry-time" datetime="2017-01-27T15:10:19+09:00">2017.01.27</time>
        </p>
      </figure>
    </div>
    <div class="l-cluster-sub">
      <figure class="area-movie-embed movie-225">
        <div class="area-movie js-movie">
          <iframe class="js-movie_youtube" width="225" height="126" src="https://www.youtube.com/embed/HQMXcnBAyVo?showinfo=0&amp;modestbranding=0&amp;fs=0&amp;color=white&amp;enablejsapi=1&amp;iv_load_policy=1&amp;rel=0" allowfullscreen=""></iframe>
        </div>
        <figcaption class="title">アーティストのルビー・テイラーさんが描いた楽しいイラストや、ユニオンジャックやタータンチェック柄など、イギリスのカルチャーを感じさせるアイテムが登場。</figcaption>
        <p class="pod-date right">
          <time class="entry-time" datetime="2017-01-27T15:12:46+09:00">2017.01.27</time>
        </p>
      </figure>
    </div>
    <div class="l-cluster-sub">
      <figure class="area-movie-embed movie-225">
        <div class="area-movie js-movie">
          <iframe class="js-movie_youtube" width="225" height="126" src="https://www.youtube.com/embed/cIiOp6aMZ0?showinfo=0&amp;modestbranding=0&amp;fs=0&amp;color=white&amp;enablejsapi=1&amp;iv_load_policy=1&amp;rel=0" allowfullscreen=""></iframe>
        </div>
        <figcaption class="title">ネコ好きクリエイターとともにネコへの”偏愛”を発信する「Cat's ISSUE」とAfternoon Teaのコラボレーションライン『Cat’s Nap Time』</figcaption>
        <p class="pod-date right">
          <time class="entry-time" datetime="2017-01-27T15:14:17+09:00">2017.01.27</time>
        </p>
      </figure>
    </div>
    <div class="l-cluster-sub">
      <figure class="area-movie-embed movie-225">
        <div class="area-movie js-movie">
          <iframe class="js-movie_youtube" width="225" height="126" src="https://www.youtube.com/embed/zGqcms01Qhc?showinfo=0&amp;modestbranding=0&amp;fs=0&amp;color=white&amp;enablejsapi=1&amp;iv_load_policy=1&amp;rel=0" allowfullscreen=""></iframe>
          <a class="cover-movie js-movie_play pc"><img src="/media/images/living/happy-choice/youtube-cover-01.jpg" alt="" width="225" height="126"></a>
        </div>
        <figcaption class="title">『週末のスタートは、ゆったりとしたブランチから。』篇</figcaption>
        <p class="pod-date right">
          <time class="entry-time" datetime="2017-01-26T16:26:40+09:00">2017.01.26</time>
        </p>
      </figure>
    </div>
  </div>
</div>
```
*/
/*#styleguide
アコーディオン 基本 [SNIPPET-ACCORDION]


```
<ul class="list-zebra">
  <li>
    <dl class="js-accordion accordion-standard" data-device="both">
      <dt class="js-accordion-title js-accordion_toggle">LIVING</dt>
      <dd class="js-accordion_content">
        <div class="js-accordion_inner">
          <ul class="list-sub">
            <li>LIVING TOP</li>
            <li><a class="link-block" href="#">LIVING HOME&LIVING</a></li>
            <li><a href="#">GIFT&LIVING</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </li>
  <li>
    <dl class="js-accordion accordion-standard" data-device="both">
      <dt class="js-accordion-title js-accordion_toggle">TEAROOM</dt>
      <dd class="js-accordion_content">
        <div class="js-accordion_inner">
          アコーディオン中身
        </div>
      </dd>
    </dl>
  </li>
</ul>
<br><br>
<ul class="list-zebra only-sp">
  <li>
    <dl class="js-accordion accordion-standard" data-device="both">
      <dt class="js-accordion-title js-accordion_toggle">SPのみアコーディオン</dt>
      <dd class="js-accordion_content">
        <div class="js-accordion_inner">
          <ul class="list-sub">
            <li>LIVING TOP<br>TEXTTEXT</li>
            <li>LIVING HOME&LIVING</li>
            <li><a href="#">GIFT&LIVING</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </li>
  <li>
    <dl class="js-accordion accordion-standard" data-device="both">
      <dt class="js-accordion-title js-accordion_toggle">TEAROOM</dt>
      <dd class="js-accordion_content">
        <div class="js-accordion_inner">
          <ul class="list-sub">
            <li><a href="#">TEAROOM TOP</a></li>
            <li><a href="#">TEASTAND</a></li>
            <li><a href="#">BAKERY</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </li>
</ul>
<br><br>
<ul class="list-zebra">
  <li>
      <dl class="js-accordion accordion-standard js-accordion_opened" data-device="both" data-accordion-init="open">
        <dt class="js-accordion-title js-accordion_toggle">最初から開いてる</dt>
        <dd class="js-accordion_content" style="height: auto;">
          <div class="js-accordion_inner accordion-body">
            <p>
              .accordion-body の設定で中身のpaddingを初期設定<br>
              ※上部の隙間は最初のコンテンツの上marginによる
            </p>
          </div>
        </dd>
      </dl>
    </li>
    <li>
      <dl class="js-accordion accordion-standard" data-device="both">
        <dt class="js-accordion-title js-accordion_toggle">キャンペーンについての注意事項</dt>
        <dd class="js-accordion_content">
          <div class="js-accordion_inner">
            アコーディオン中身
          </div>
        </dd>
      </dl>
    </li>
  </ul>
```
*/
.link-block {
  position: relative;
  color: #555;
  display: block; }
  .link-block:after {
    color: #999;
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    line-height: 1; }

/*#styleguide
サブコンテンツ


```
<div class="box-content-small">
  <h1 class="title">展開店舗</h1>
  <p class="content">
    アフタヌーンティー・ティールーム 大丸札幌店、郡山うすい、仙台藤崎、エスパルII仙台、ルミネ有楽町、アトレ上野、メトロエム後楽園、東京スカイツリータウン・ソラマチ、渋谷マークシティ、フレル・ウィズ自由が丘、玉川高島屋S・C、新宿小田急サザンタワー、ルミネ荻窪、東武百貨店池袋店、東急百貨店吉祥寺店、セレオ八王子、ラゾーナ 川崎プラザ、横浜ジョイナス、ルミネ横浜 、マークイズみなとみらい、ららぽーと横浜、たまプラーザ テラス、伊勢丹相模原店、横須賀モアーズシティ、ららぽーとTOKYO-BAY、高島屋柏店、東武百貨店宇都宮店、伊勢丹浦和店、ルミネ大宮、西武春日部、丸広百貨店川越店、静岡伊勢丹、遠鉄百貨店、名古屋栄三越、星ヶ丘三越、新潟三越、西武大津店、ホワイティうめだ、グランフロント大阪、 阪急うめだ本店、天王寺ミオ、くずはモール、高島屋大阪店、近鉄百貨店橿原店、近鉄百貨店和歌山店、大丸神戸店、阪神百貨店西宮店、天満屋岡山店、天満屋福山店、紙屋町シャレオ、福屋広島駅前、松山三越、福岡三越、アミュプラザ博多、アミュプラザ長崎、熊本鶴屋、大分トキハ、鹿児島山形屋
  </p>
</div>
```
*/
.box-content-small {
  color: #006450;
  background: #d4ece7; }
  .box-content-small > .title {
    border-bottom: 1px solid #006450; }

#onetrust-consent-sdk #onetrust-button-group {
  width: 100% !important; }

#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler {
  min-width: 30% !important; }

/*
#overview
[M-XX] [T-XX] 基本モジュール

タグ、ラベル、リンクなど
*/
/*#styleguide
リード文

```
<p class="lead-page">リード文リード文リード文リード文リード文リード文リード文</p>
```
*/
/*#styleguide
リンク

@リンク
文中のリンクはアイコンなし、下線のみ。
```
<a class="link" href="">[M-LINK-LINE] 下線付きリンク</a>
<br><br>
<a class="link-text"><i>[M-LINK-TEXT] テキストリンク</i></a>
<br><br>
<a class="link-text link-text-gray"><i>[M-LINK-TEXT-GRAY] テキストリンク グレー</i></a>
<br><br>
<a class="link-text link-inpage-down" data-scroll-to="#XXX"><i>[M-LINK-DOWN] テキストリンク</i></a>
<br><br>
<a class="link-text link-inpage-up" data-scroll-to="#XXX"><i>[M-LINK-UP] テキストリンク</i></a>
<br><br>
<a class="link-text link-blank"><i>[M-LINK-BLANK] 別窓アイコン付き</i></a>
<br><br>
<a class="link-text link-question"><i>はてなマーク付き</i></a>
<br><br>
<a class="link-text link-back"><i>ショップ検索トップに戻る</i></a>
<br><br>
<a class="link-text link-app-googlemap" href="https://www.google.com/maps?q=アフタヌーンティーティールーム荻窪" target="_blank"><i>地図アプリで見る</i></a>
<br><br>
<a class="link-text link-send_sms"><i>友だちに送る</i></a>
<br><br>
<a class="link-img"><img src="/media/images/member/eyecatch-kabegami.jpg" alt=""></a>
<br><br><br>## 以下SPのみ<br><br>
<a class="button-line" href="http://line.me/ti/p/%40＜紹介コード＞" target="_blank"><i>友だち追加</i></a>
<br><br>
<a class="link-sns-share icon icon-line" href="http://line.me/R/msg/text/?＜TITLE＞%0D%0A＜URL＞" target="_blank"><span class="l-hide">LINEに送る</span></a>
<br><br>
<a class="link-sns-share icon icon-sms" href="sms:?body=＜TITLE＞%20https://test.com/" target="_blank"><span class="l-hide">SMS送信</span></a>
<br><br>
<a class="link-sns-share icon icon-mail" href="mailto:XXX@XXX.com?subject=＜TITLE＞&body=＜URL＞" target="_blank"><span class="l-hide">E-mail送信</span></a>
<br><br>
<a class="link-sns-share icon icon-facebook" href="http://www.facebook.com/share.php?u=＜URL＞" target="_blank"><span class="l-hide">E-mail送信</span></a>
<br><br>
<a class="link-sns-share icon icon-twitter" href="http://twitter.com/share?url=＜URL＞&text=＜TITLE＞" target="_blank"><span class="l-hide">E-mail送信</span></a>
<br><br>
```
*/
.link {
  text-decoration: underline;
  color: #555; }
  .link:hover {
    text-decoration: none;
    color: #888; }

.link-text {
  color: #006450; }
  .link-text:before {
    vertical-align: middle; }
  .link-text > i:after {
    transition-duration: 0.2s; }
  .link-text > i:before, .link-text > i:after {
    vertical-align: middle;
    margin-top: -.1em; }
  .link-text:hover {
    color: #4c9284; }
    .link-text:hover > i:after {
      opacity: 0.7;
      transform: translateX(4px); }
    .link-text:hover > i:before {
      opacity: 0.7; }
    .link-text:hover:after, .link-text:hover:before {
      opacity: 0.7; }
  .link-text.link-text-gray {
    color: #555; }
    .link-text.link-text-gray > i:before, .link-text.link-text-gray > i:after {
      color: #555; }
    .link-text.link-text-gray:before, .link-text.link-text-gray:after {
      color: #555; }
    .link-text.link-text-gray:hover {
      color: #888; }
      .link-text.link-text-gray:hover:before, .link-text.link-text-gray:hover:after {
        color: #555; }
      .link-text.link-text-gray:hover > i:before, .link-text.link-text-gray:hover > i:after {
        color: #888; }

.link-blank > i:after {
  display: none;
  content: ""; }

.link-question:before {
  font-size: 1.6em; }

.link-inpage-down > i:after {
  transform: rotate(90deg); }

.link-inpage-down:hover > i:after {
  transform: translateY(4px) rotate(90deg); }

.link-inpage-up > i:after {
  transform: rotate(270deg); }

.link-inpage-up:hover > i:after {
  transform: translateY(-4px) rotate(270deg); }

.link-back {
  font-weight: 500; }
  .link-back > i:before {
    transform: scale(-1, 1);
    vertical-align: middle; }
  .link-back:hover > i:before {
    opacity: 0.7;
    transform: translateX(-4px) scale(-1, 1); }

.link-app-googlemap > i {
  color: #555; }
  .link-app-googlemap > i:after {
    color: #555; }

.link-send_sms > i {
  color: #555; }
  .link-send_sms > i:after {
    font-size: 2em;
    margin-left: .4em;
    vertical-align: middle; }

.link-send_sms:hover > i {
  color: #888; }
  .link-send_sms:hover > i:after {
    opacity: 0.7;
    transform: translateX(0); }

.link-sns-share:hover:before {
  color: #4c9284; }

.link-img:hover img {
  opacity: 0.7; }

.link-like-control {
  cursor: pointer; }
  .link-like-control > i {
    color: #555;
    position: relative;
    display: inline-block; }
    .link-like-control > i:after {
      position: absolute;
      left: 0;
      color: #555; }

a[data-scroll-to] {
  cursor: pointer; }

/*#styleguide
[M-WEDGE] くさび形リンク


@リンクラベル
アロータイプ

```
<a class="wedge wedge-arrow" href="#"><i>[M-WEDGE] 通常のリンク</i></a>
<br><br>
<a class="wedge wedge-arrow en" href="#"><i>[M-WEDGE-EN] ENGLISH</i></a>
<br><br>
<a class="wedge wedge-arrow wedge-arrow-pygmy" href="#"><i>[M-WEDGE-SMALL] 通常のリンク （PCのみ小サイズ）</i></a>
<br><br>
<a class="wedge wedge-arrow" href="#" target="_blank"><i>[M-WEDGE-BLANK] 別窓のリンク</i></a>
<br><br>
<a class="wedge wedge-download" href="#" target="_blank"><i>[M-WEDGE-DOWNLOAD] ダウンロードのリンク</i></a>
<br><br>
<a class="wedge wedge-download wedge-download-subtext" href="#" target="_blank"><i>ダウンロード<br><span class="text-sub">（マイページログイン）</span></i></a>
<br><br>
<a class="wedge wedge-more" href="#"><i>MORE</i></a>
<br><br>
<a class="wedge wedge-more-plus"><i>MORE</i></a>
<br><br>
<a class="wedge wedge-menu" href="#"><i>MENU</i></a>
<br><br>
<a class="wedge wedge-menu wedge-sp-lined" href="#"><i>ルミネ新宿<br>ランチ＆ティータイムMENU</i></a>
<br><br>
<a class="wedge wedge-shop" href="#"><i>[M-WEDGE-SHOP] 店舗検索へのリンク</i></a>
<br><br>
```
*/
.wedge {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: #006450;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  border-bottom: 2px solid #006450;
  border-radius: 0 0 1px 2px; }
  .wedge:before {
    content: "";
    height: 100%;
    width: 2px;
    display: block;
    background: #006450;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 1px 1px 0 0; }
  .wedge:after {
    content: "";
    display: block;
    background: #006450;
    position: absolute;
    border-radius: 1px;
    box-sizing: border-box;
    height: 2px;
    width: 14px;
    right: 0;
    bottom: -2px; }
  .wedge > i {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    background-size: cover; }

.wedge-menu > i:after,
.wedge-arrow > i:after,
.wedge-more > i:after,
.wedge-download > i:after,
.wedge-shop > i:after {
  content: "";
  display: block;
  background: #006450;
  position: absolute;
  border-radius: 1px;
  box-sizing: border-box;
  transform: rotate(135deg); }

.wedge-more-plus > i,
.wedge-more > i {
  font-family: "Dosis";
  letter-spacing: .13em; }

.wedge-more-plus > i:after {
  transform: rotate(45deg);
  position: absolute;
  line-height: 1; }

.wedge-menu > i {
  vertical-align: bottom; }
  .wedge-menu > i:before {
    position: absolute; }

.wedge-download-subtext .text-sub {
  position: absolute;
  width: 100%;
  left: 0; }

/*#styleguide
タグ（CMS上はカテゴリ）

@タグ
```
<sapn class="tag tag-fence"><i>四角いタグ</i></sapn>
<br><br>
<sapn class="tag tag-s"><i>小さいタグ</i></sapn>
<br><br>
<a class="tag tag-s tag-faint" href="#"><i>SPのみ薄い色のタグ</i></a>
<br><br>
<a class="tag tag-s tag-white" href="#"><i>白い色のタグ</i></a>
<br><br>
<a class="tag tag-s tag-short" href="#"><i>短いタグ</i></a>
<br><br>
<sapn class="tag tag-m"><i>中くらいのタグ</i></sapn>
<br><br>
<sapn class="tag tag-l"><i>大きいタグ（SPは中くらい）</i></sapn>
<br><br>
<p class="circle-sign"><a class="link-to-small" href="#">※1</a>店舗共通<br>メンバーズ<br>ポイント</p>
```
*/
.tag {
  display: inline-block;
  position: relative;
  font-size: 0;
  box-sizing: border-box;
  color: #006450;
  white-space: nowrap; }
  .tag:before, .tag:after {
    content: "";
    background-color: #006450;
    border-radius: 1px;
    display: block;
    position: absolute; }
  .tag > i {
    font-size: 1rem;
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 2px solid #006450;
    border-radius: 1px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500; }
    .tag > i:before, .tag > i:after {
      content: "";
      background-color: #006450;
      border-radius: 1px;
      display: block;
      position: absolute; }
    .tag > i:before {
      width: 100%;
      height: 2px;
      left: 0;
      top: 0; }
    .tag > i:after {
      width: 2px;
      height: 100%;
      left: 0;
      top: 8px; }
  .tag:before, .tag:after {
    height: 68%;
    width: 2px;
    position: absolute;
    right: -6px;
    border-radius: 1px; }
  .tag:before {
    transform: rotate(45deg);
    bottom: -4px; }
  .tag:after {
    transform: rotate(135deg);
    top: -4px; }
  .tag.tag-fence > i {
    padding: 5px; }
  .tag.tag-fence:before {
    display: none; }
  .tag.tag-fence:after {
    transform: rotate(0);
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0; }
  .tag.tag-white:before, .tag.tag-white:after {
    background-color: #fff; }
  .tag.tag-white > i {
    color: #fff;
    border-bottom-color: #fff; }
    .tag.tag-white > i:before, .tag.tag-white > i:after {
      background-color: #fff; }

a.tag:hover {
  opacity: 0.7; }
  a.tag:hover > i:before {
    opacity: .99; }

.circle-sign {
  background: url("/media/images/parts/circle.svg") no-repeat 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #006450;
  font-weight: 700;
  position: relative;
  text-align: center; }
  .circle-sign .link-to-small {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #555;
    font-weight: 400;
    display: inline-block; }
    .circle-sign .link-to-small:hover {
      color: #888; }

/*#styleguide
ラベル


@ラベル
サービス内容
```
テキストテキスト<span class="label-simple"><i>期間限定</i></span>テキストテキスト
<br><br>
テキストテキスト<span class="label-simple--red"><i>セット限定</i></span>テキストテキスト
<br><br>
テキストテキスト<span class="label-simple--gray"><i>グレーラベル</i></span>テキストテキスト
<br>
<span class="label-info"><i>店舗改装中</i></span>
<span class="label-info label-notice"><i>店舗改装中</i></span>
<span class="label-info label-service"><i>ギフトラッピング対応可能</i></span>
<span class="label-brand label-brand-living">LIVING</span>
<span class="label-brand label-brand-tearoom">TEAROOM</span>

```
*/
.label-simple, .label-simple--red, .label-simple--gray {
  color: #fff;
  background-color: #006450;
  font-size: .75em;
  padding: 0 .6em;
  line-height: 1.6;
  margin: .1em .5em;
  white-space: nowrap;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: 1px; }
  .label-simple > i, .label-simple--red > i, .label-simple--gray > i {
    font-weight: 700;
    display: inline-block; }

.label-simple--red {
  background-color: #c9002b; }

.label-simple--gray {
  background-color: #afafaf; }

.label-info {
  color: #fff;
  background-color: #afafaf;
  display: inline-block; }

.label-notice {
  border-radius: 3px 0 0; }
  .label-notice > i {
    font-weight: 700; }

.label-brand {
  display: inline-block;
  font-family: "Dosis";
  font-weight: 700;
  color: #fff;
  text-align: center; }

.label-brand-living {
  background-color: #aadbd7; }

.label-brand-tearoom {
  background-color: #f4c3cb; }

/*#styleguide
ラベル状リンク



```
<a class="link-label link-label-inpage link-label-pink" href="#">ブランドリスト</a>
```
*/
.link-label {
  display: block;
  font-size: 1.2rem;
  font-weight: 500; }
  .link-label:after {
    color: #fff;
    vertical-align: middle;
    display: inline-block; }

.link-label-pink {
  background: #f5bbc7;
  color: #fff; }

/*#styleguide
ボタン



```
<button class="button-standard">ボタン</button>
<br><br>
<a class="button-standard button-m">ボタン　ちょっと大きい</a>
<br><br>
<button class="button-white">ボタン</button>
<br><br>
<a class="button-search">検索</a>
<br><br>
<a class="button-login">ログイン</a>
<br><br>
<a class="btn-text-close">CLOSE</a>
<br><br>
<a class="btn-lined">線囲みボタン</a>
<br><br>
<a class="btn-lined btn-lined-normal" href="#">アレルギー・<br>エネルギー情報</a>
<br><br>
<a class="btn-lined btn-lined-long" href="#">アレルギー・エネルギー情報</a>
```
*/
[class^=button-] {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-weight: 700;
  box-sizing: border-box; }
  [class^=button-]:before {
    vertical-align: middle; }
  [class^=button-]:hover {
    opacity: 0.7; }

.button-white,
.button-search {
  color: #006450;
  background: #fff; }

.button-standard,
.button-login {
  color: #fff;
  background: #006450; }

.button-login:before {
  color: #fff; }

.btn-text-close {
  font-family: "Dosis";
  color: #006450;
  font-weight: 700;
  cursor: pointer; }

.btn-lined {
  color: #006450;
  border: 2px solid #006450;
  font-weight: 700;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .btn-lined:hover {
    color: #4c9284;
    border-color: #4c9284; }

/*#styleguide
リスト [SNIPPET-LIST]

```
<!--
 * styleは確認用
 * HTML上で<li>に改行を入れると、微妙な隙間が生じて面位置が合わなくなるので注意
 -->
 <ul class="list-normal">
  <li>普通のリスト</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
</ul>
<br><br>
<ul class="list-dot">
 <li>中黒リスト</li>
 <li><small>国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</small></li>
</ul>
<br><br>
<ul class="list-dot list-dot-l">
 <li> [SNIPPET-LIST-DOT-L]中黒リスト 文字大</li>
 <li><small>国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</small></li>
</ul>
<br><br>
<ul class="list-small">
  <li> [SNIPPET-LIST-SMALL] 注意書き注意書き注意書き注意書き注意書き注意書き注意書き注意書き注意書き注意書き</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
</ul>
<br><br>
<ul class="list-small list-small-l">
  <li> [SNIPPET-LIST-SMALL-L] 文字大　注意書き注意書き注意書き注意書き注意書き注意書き注意書き注意書き注意書き注意書き</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
</ul>
<br><br>
<ol class="list-small-count">
  <li> [SNIPPET-LIST-COUNT-SMALL] 米印と連番　連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li>連番リスト</li>
</ol>
<br><br>
<ol class="list-count">
  <li> [SNIPPET-LIST-COUNT]米印なし　連番　連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li>連番リスト</li>
</ol>
<br><br>
<ol class="list-count list-count-digits-2">
  <li>米印なし　連番2桁　連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li>連番リスト</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
</ol>
<br><br>
<ol class="list-small-count list-small-count-digits-2">
  <li>米印と連番2桁　連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li>連番リスト</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
</ol>
<br><br>
<ol class="list-count list-count-brackets">
  <li>米印なし　連番　括弧あり　連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li>連番リスト</li>
</ol>
<br><br>
<ol class="list-count list-count-brackets list-count-digits-2">
  <li>米印と連番2桁　括弧有り　連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連連</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li>連番リスト</li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
  <li><small>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</small></li>
</ol>
<br><br>
<ul class="list-zebra">
  <li>しましまリストリスト</i>
  <li>しましまリストリスト</i>
  <li>しましまリストリスト</i>
</ul>
<br><br>
<ul class="list-zebra list-zebra-reverse">
  <li>逆しましまリストリスト</i>
  <li>逆しましまリストリスト</i>
  <li>逆しましまリストリスト</i>
</ul>
<br><br>
<ul class="list-text-dashed list-text-dashed-plain">
  <li>
    テキストテキスト
  </li>
  <li>
    テキストテキスト
  </li>
  <li>
    テキストテキスト
  </li>
  <li>
    テキストテキスト
  </li>
</ul>
```
*/
.list-dot {
  text-align: left;
  max-height: 100%; }
  .list-dot > li {
    letter-spacing: 0;
    text-indent: -1.25em;
    margin-left: 1.25em; }
    .list-dot > li:before {
      content: "・";
      margin-right: .25em; }

.list-small {
  text-align: left;
  max-height: 100%; }
  .list-small > li {
    letter-spacing: 0;
    text-indent: -1.25em;
    margin-left: 1.25em; }
    .list-small > li:before {
      content: "※";
      margin-right: .25em; }

.list-count,
.list-small-count {
  text-align: left; }
  .list-count > li,
  .list-small-count > li {
    counter-increment: digits; }
    .list-count > li:before,
    .list-small-count > li:before {
      margin-right: .25em;
      white-space: pre; }

.list-count > li {
  text-indent: -.89em;
  margin-left: .89em; }
  .list-count > li:before {
    content: counter(digits); }

.list-small-count > li {
  text-indent: -1.99em;
  margin-left: 1.99em; }
  .list-small-count > li:before {
    content: "※" counter(digits); }

.list-count-digits-2 > li,
.list-small-count-digits-2 > li {
  counter-increment: digits; }
  .list-count-digits-2 > li:before,
  .list-small-count-digits-2 > li:before {
    margin-right: .25em;
    white-space: pre; }

.list-count-digits-2 > li {
  text-indent: -1.5em;
  margin-left: 1.5em; }
  .list-count-digits-2 > li:before {
    content: "0" counter(digits); }
  .list-count-digits-2 > li:nth-child(n+10):before {
    content: counter(digits); }

.list-small-count-digits-2 > li {
  text-indent: -2.63em;
  margin-left: 2.63em; }
  .list-small-count-digits-2 > li:before {
    content: "※0" counter(digits); }
  .list-small-count-digits-2 > li:nth-child(n+10):before {
    content: "※" counter(digits); }

.list-count-brackets > li {
  counter-increment: cnt;
  text-indent: -3.08em;
  margin-left: 3.08em; }
  .list-count-brackets > li:before {
    display: marker;
    content: "（" counter(cnt) "）"; }

.list-count-brackets.list-count-digits-2 > li {
  text-indent: -3.74em;
  margin-left: 3.74em; }
  .list-count-brackets.list-count-digits-2 > li:before {
    display: marker;
    content: "（0" counter(cnt) "）"; }
  .list-count-brackets.list-count-digits-2 > li:nth-child(n+10):before {
    content: "（" counter(cnt) "）"; }

.list-text-dashed {
  border-bottom: 1px dotted #c7c7c7; }
  .list-text-dashed > li {
    border-top: 1px dotted #c7c7c7; }
    .list-text-dashed > li time {
      font-weight: 500; }
    .list-text-dashed > li a {
      display: block;
      position: relative;
      color: #555; }
      .list-text-dashed > li a:after {
        color: #999; }
      .list-text-dashed > li a:before {
        vertical-align: middle; }

/*#styleguide
チェックボックス

```
<div class="pod-control">
  <label class="control">
    <input type="checkbox" name="typ" value="l" checked="checked">
    <span>LIVING</span>
  </label>
  <label class="control">
    <input type="checkbox" name="cat" value="h" checked="checked">
    <span>HOME&LIVING</span>
  </label>
  <label class="control">
    <input type="checkbox" name="cat" value="g" checked="checked">
    <span>GIFT&LIVING</span>
  </label>
</div>
```
*/
label.control > input + span:before {
  display: none;
  position: absolute;
  left: 0; }

/*#styleguide
ショップリスト

```
<ul class="list-shop list-shop-addition">
  <li class="box-shop t">
    <a class="shop-heading link-list-shop" href="/">
      <aside class="marker">
        <span class="img"></span>
        <span class="text">200<span class="unit">m</span></span>
      </aside>
      <div class="body">
        <p class="name">
          1アフタヌーンティー・ティールーム
        </p>
        <p class="info">
          ルミネ有楽町　東京都千代田区
        </p>
      </div>
      <span class="label-info label-notice"><i>店舗改装中</i></span>
    </a>
  </li>
  <li class="box-shop l">
    <a class="shop-heading link-list-shop" href="/">
      <aside class="marker">
        <span class="img"></span>
        <span class="text">3<span class="unit">km</span></span>
      </aside>
      <div class="body">
        <p class="name">
          アフタヌーンティー・ホーム&amp;リビング
        </p>
        <p class="info">
          アトレ上野　東京都台東区
        </p>
      </div>
    </a>
  </li>
  <li class="box-shop l">
    <a class="shop-heading link-list-shop" href="/">
      <aside class="marker">
        <span class="img"></span>
        <span class="text"><span class="unit">- - -</span></span>
      </aside>
      <div class="body">
        <p class="name">
          3アフタヌーンティー・ティールームアフタヌーンティー・ティールームアフタヌーンティー
        </p>
        <p class="info">
          ルミネ有楽町　東京都千代田区東京都千代田区東京都千代田区東京都千代田区東京都千代田区
        </p>
      </div>
    </a>
  </li>
  <li class="box-shop l">
    <a class="shop-heading link-list-shop" href="/">
      <aside class="marker">
        <span class="img"></span>
        <span class="text">200<span class="unit">m</span></span>
      </aside>
      <div class="body">
        <p class="name">
          4アフタヌーンティー・ティールーム
        </p>
        <p class="info">
          ルミネ有楽町　東京都千代田区
        </p>
      </div>
    </a>
  </li>
</ul>
```
*/
.box-shop {
  position: relative; }
  .box-shop .marker .img {
    background-image: url("/media/images/marker/t.svg"); }

.list-shop .box-shop {
  margin-block: 0 4px; }
  .list-shop .box-shop.l, .list-shop .box-shop.h, .list-shop .box-shop.g, .list-shop .box-shop.o {
    background-color: #D2E8E7; }
  .list-shop .box-shop.t, .list-shop .box-shop.b {
    background-color: #E9F5F5; }
  .list-shop .box-shop.v {
    background-color: #FFEFF2; }

.shop-heading {
  display: block;
  color: #555;
  padding-right: 40px; }
  .shop-heading .marker {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    line-height: 0; }
    .shop-heading .marker .img {
      display: block;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .shop-heading .marker .text {
      position: relative;
      top: .6rem;
      text-align: center;
      display: block;
      font-weight: 500; }
  .shop-heading .label-notice {
    position: absolute;
    right: 0;
    bottom: 0; }

.link-list-shop:before {
  font-size: 1.3rem;
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  line-height: 1;
  height: 1em;
  color: #006450; }

.title .shop-heading .body {
  color: #006450; }

/*#styleguide
ページャー


```
<div class="area-paging">
  <nav class="paging-article">
    <a class="paging prev">PREV</a>
    <ul class="paging-num">
      <li><a class="paging current">1</a></li>
      <li><a href="#" class="paging">2</a></li>
      <li><a href="#" class="paging">3</a></li>
      <li><a href="#" class="paging">4</a></li>
    </ul>
    <a href="#" class="paging next">NEXT</a>
  </nav>
</div>
<div class="area-paging">
  <nav class="paging-article">
    <a class="paging prev">PREV</a>
    <ul class="paging-num">
      <li><a href="#" class="paging">1</a></li>
      <li><a class="paging current">2</a></li>
      <li><a class="paging">･･･</a></li>
      <li><a href="#" class="paging">8</a></li>
    </ul>
    <a href="#" class="paging next">NEXT</a>
  </nav>
</div>
<div class="area-paging">
  <nav class="paging-article">
    <a class="paging prev">PREV</a>
    <ul class="paging-num">
      <li><a href="#" class="paging">1</a></li>
      <li><a class="paging">･･･</a></li>
      <li><a href="#" class="paging">2</a></li>
      <li><a class="paging current">8</a></li>
    </ul>
    <a href="#" class="paging next">NEXT</a>
  </nav>
</div>
<div class="area-paging">
  <nav class="paging-article">
    <a href="#" class="paging prev">PREV</a>
    <ul class="paging-num">
      <li><a href="#" class="paging">1</a></li>
      <li><a href="#" class="paging">2</a></li>
      <li><a class="paging current">3</a></li>
    </ul>
    <a class="paging next">NEXT</a>
  </nav>
</div>
<div class="area-paging">
  <nav class="paging-article">
    <a class="paging prev">PREV</a>
    <ul class="paging-num">
      <li><a class="paging current">1</a></li>
      <li><a href="#" class="paging">2</a></li>
    </ul>
    <a href="#" class="paging next">NEXT</a>
  </nav>
</div>
<div class="area-paging">
  <nav class="paging-article">
    <a class="paging prev">PREV</a>
    <ul class="paging-num">
      <li><a class="paging current">1</a></li>
    </ul>
    <a class="paging next">NEXT</a>
  </nav>
</div>
```
*/
/*
# ページング
*/
.area-paging {
  background: #ededed; }
  .area-paging .paging-article {
    display: table;
    table-layout: fixed; }
  .area-paging .paging-num {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: relative;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    overflow: hidden; }
    .area-paging .paging-num .paging {
      text-align: center;
      -ms-flex-positive: 1;
          flex-grow: 1; }
    .area-paging .paging-num > li {
      width: 100%; }
  .area-paging .paging {
    color: #c7c7c7;
    display: block; }
    .area-paging .paging[href] {
      color: #006450; }
    .area-paging .paging.prev, .area-paging .paging.next {
      font-family: "Dosis";
      display: table-cell;
      vertical-align: middle;
      position: relative; }
      .area-paging .paging.prev:after, .area-paging .paging.next:after {
        content: "";
        position: absolute;
        display: block;
        background: #006450;
        top: 0; }
    .area-paging .paging.prev {
      text-align: left; }
    .area-paging .paging.next {
      text-align: right; }
    .area-paging .paging:hover[href] {
      color: #4c9284; }

/*#styleguide
バナー

```
<a class="link-banner" href="#">
  <img src="/media/images/banner/common/app-download.png" width="290" height="120" alt="">
</a>
```
*/
.link-banner:hover {
  opacity: 0.7; }

/*#styleguide
ブランドパネル


* ブランドごとのロゴの大きさには法則性がない。個別にひとつひとつ、サイズごとに指定する必要あり。
```
<a class="brand-panel" href="#">
  <img src="/media/images/logo/living.svg" width="116" height="28" alt="">
</a>
<br><br>
<span class="brand-panel brand-panel-l living">
  <img src="/media/images/logo/living.svg" width="116" height="28" alt="">
</span>
<br><br>
<span class="brand-panel brand-panel-s">
  <img src="/media/images/logo/living.svg" width="116" height="28" alt="">
</span>


```
*/
.brand-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f5f5f5; }

a.brand-panel {
  cursor: pointer; }
  a.brand-panel:hover img {
    opacity: 0.7; }

/*#styleguide
画像



```
<div class="box-img-main">
  <img class="img-main" src="/media/images/_TEMP/shop/shop-image-02.jpg" width="480" height="320" alt="">
</div>
<div>
  // PC150px、スマホ120px<br>
  <img class="img-size-m" src="/media/images/_TEMP/article-template/t03-sub.png" width="480" height="320" alt="">
</div>
<div>
  // スマホのみ120px、PC未指定<br>
  <img class="img-size-m-sp" src="/media/images/_TEMP/article-template/t03-sub.png" width="200" height="200" alt="">
</div>
```
*/
/*
# ブランドパネル
*/
.brand-panel > img {
  height: auto; }

.brand-panel-l.brand--living > img {
  width: 54%; }

.brand-panel-s {
  width: 140px;
  height: 93px; }
  .brand-panel-s > img {
    width: 100%; }
  .brand-panel-s.brand--sazabyleague > img {
    width: 85%; }
  .brand-panel-s.brand--agate > img {
    width: 51%; }
  .brand-panel-s.brand--akomeya > img {
    width: 44%; }
  .brand-panel-s.brand--allureville > img {
    width: 72%; }
  .brand-panel-s.brand--american-rag-cie > img {
    width: 84%; }
  .brand-panel-s.brand--anayi > img {
    width: 68%; }
  .brand-panel-s.brand--bellesiora > img {
    width: 84%; }
  .brand-panel-s.brand--camper > img {
    width: 51%; }
  .brand-panel-s.brand--cocoonist > img {
    width: 72%; }
  .brand-panel-s.brand--david-otto-juice > img {
    width: 60%; }

/*
# 各モジュール　インスタグラム
*/
/*
.area-instagram {
  background: $COLOR-BG-01;
  > .title {
    margin: 0 auto;
    > .text {
      @include fontEn;
      &:before {
        position: relative;
        line-height: 0;
      }
    }
  }
}
*/
/*
#colors



@テキスト #555
@テキストマウスオン #888
@メイン #006450
@メイン マウスオン #4c9284
@メイン 50％ #7fb1a7
@メイン 薄 #ecfbf8
@メイン 薄 #ddf0ec
@メイン 薄 #5a8982
@メイン 濃 #d4ece7
@サブ #387163
@LIVING #aadbd7
@TEAROOM #f4c3cb
@アクセント #f5bbc7
@アクセント #c9002b
@黒 #000
@白 #fff
@水平線 #c7c7c7
@薄い背景 #f4f3ed
@グレー #f5f5f5
@グレー #e1e1e1
@グレー #ededed
@グレー #f2f2f2
@グレー #999
@グレー #afafaf
@グレー #777
@グレー #c7c7c7
@LINE #57d414
*/
/*
# モーダル
*/
.mod-modal {
  display: none;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto; }
  .mod-modal .area-modal > .box-close {
    text-align: center; }

.mod-modal-default,
.mod-modal-menu {
  background: rgba(0, 0, 0, 0.8); }
  .mod-modal-default .area-modal,
  .mod-modal-menu .area-modal {
    background: #ededed;
    position: relative; }
    .mod-modal-default .area-modal .modal-close,
    .mod-modal-menu .area-modal .modal-close {
      position: absolute;
      display: block;
      cursor: pointer;
      text-align: right; }
      .mod-modal-default .area-modal .modal-close:before, .mod-modal-default .area-modal .modal-close:after,
      .mod-modal-menu .area-modal .modal-close:before,
      .mod-modal-menu .area-modal .modal-close:after {
        top: 0;
        right: 0; }
      .mod-modal-default .area-modal .modal-close:before,
      .mod-modal-menu .area-modal .modal-close:before {
        position: relative;
        transform: rotate(45deg); }
      .mod-modal-default .area-modal .modal-close:after,
      .mod-modal-menu .area-modal .modal-close:after {
        position: absolute;
        transform: rotate(315deg); }

.mod-modal-nav {
  background: rgba(225, 225, 225, 0.96); }
  .mod-modal-nav .area-modal {
    position: relative; }
    .mod-modal-nav .area-modal .modal-close {
      z-index: 1;
      position: absolute;
      display: block;
      cursor: pointer;
      text-align: right; }
      .mod-modal-nav .area-modal .modal-close:before, .mod-modal-nav .area-modal .modal-close:after {
        top: 0;
        right: 0; }
      .mod-modal-nav .area-modal .modal-close:before {
        position: relative;
        transform: rotate(45deg); }
      .mod-modal-nav .area-modal .modal-close:after {
        position: absolute;
        transform: rotate(315deg); }

/*
# JS関係　仮設定
*/
.js-accordion-title {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }
  .js-accordion-title:before, .js-accordion-title:after {
    color: #999;
    top: 0;
    bottom: 0;
    margin: auto 0;
    line-height: 1;
    position: absolute; }
  .js-accordion-title:after {
    transform: rotate(90deg); }

.list-menu > li img {
  width: 100%;
  height: auto; }

.area-menu {
  position: relative; }
  .area-menu .list-menu > li {
    float: left;
    position: relative;
    text-align: center;
    line-height: 1; }

.js-modal-carousel_open {
  position: relative;
  display: block; }
  .js-modal-carousel_open:after {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
    line-height: 1;
    display: block;
    text-align: center;
    font-size: 0;
    position: absolute;
    color: #fff; }

s .menu-catalog {
  position: relative; }

.menu-catalog-content {
  text-align: center; }
  .menu-catalog-content.js-carousel_content {
    overflow-x: hidden; }

/*
# JSモジュール　カルーセル
*/
.control-arrow {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  line-height: 1;
  display: block;
  font-size: 0;
  text-align: center;
  position: absolute; }
  .control-arrow:before {
    color: #fff; }

.control-arrow-prev {
  transform: scale(-1, 1); }

.indicator {
  text-align: center;
  margin: 0 auto;
  font-size: 0;
  line-height: 0; }

.indicator-disc {
  box-sizing: border-box;
  display: inline-block;
  border: 2px solid #006450;
  cursor: pointer; }
  .indicator-disc:hover, .indicator-disc.js-indicator_active {
    background-color: #006450; }
  .indicator-disc.js-indicator_active {
    cursor: default; }

#header.js-bannar-band.up {
  position: absolute !important;
  top: 36px; }

.header-important-banner {
  background: #eee;
  text-align: right;
  position: relative;
  height: 36px;
  line-height: 34px;
  width: 100%;
  overflow: hidden;
  top: 0;
  padding-right: 10px; }
  .header-important-banner .link-text {
    color: #c9002b;
    cursor: pointer; }
    .header-important-banner .link-text:hover {
      color: #c9002b; }
    .header-important-banner .link-text i:after {
      color: #c9002b; }

.header-app-banner {
  background: #ededed;
  width: 100%;
  overflow: hidden; }
  .header-app-banner .btn-close {
    width: 17px;
    height: 17px;
    line-height: 17px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 6px;
    position: absolute; }
    .header-app-banner .btn-close:before, .header-app-banner .btn-close:after {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 17px;
      color: #fff; }
    .header-app-banner .btn-close:before {
      transform: rotate(45deg); }
    .header-app-banner .btn-close:after {
      transform: rotate(315deg); }
  .header-app-banner .link {
    box-sizing: border-box;
    padding: 11px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    height: 68px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-decoration: none; }
  .header-app-banner .img {
    margin-left: -2px; }
  .header-app-banner .text {
    -ms-flex: 1;
        flex: 1;
    font-size: 10px;
    margin-left: 30px;
    letter-spacing: 0; }
    .header-app-banner .text br.sp-5 {
      display: none; }
  .header-app-banner .btn {
    font-family: "Dosis";
    background: #006450;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    display: inline-block;
    padding: 0 8px; }
  .header-app-banner + #wrap #header.js-bannar-band.up {
    top: 68px; }
  .header-app-banner .js-close {
    display: block;
    width: 30px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 0; }
  .header-app-banner.xmas19-atr {
    background: #f0cc5b url("/media/images/lp/afternoontealiving_christmas2019/banner/banner-xmas19-atr-bg.png") repeat-x center top;
    background-size: auto 100%; }
  .header-app-banner.xmas19-atl {
    background: #ba0c2f; }
  .header-app-banner .header-app-banner-column {
    display: -ms-flexbox;
    display: flex; }
  .header-app-banner.xmas19-common {
    background: transparent; }
    .header-app-banner.xmas19-common .header-app-banner-column .link.-atr {
      background: #f0cc5b url("/media/images/lp/afternoontealiving_christmas2019/banner/banner-xmas19-atr-bg.png") repeat-x center top;
      background-size: auto 100%; }
      .header-app-banner.xmas19-common .header-app-banner-column .link.-atr .img {
        margin-top: 2px; }
    .header-app-banner.xmas19-common .header-app-banner-column .link.-atl {
      background: #ba0c2f; }

.js-carousel_container {
  overflow: hidden; }
  .js-carousel_container:after {
    content: "";
    display: table;
    clear: both; }

.js-carousel_item {
  display: block; }

.js-accordion_content {
  overflow: hidden;
  height: 0; }

.js-shop-search_no-gps {
  display: none; }

.js-shop-search_no-result {
  display: none; }

/*
# SP 共通ファイル

SP用 767pxまでのスタイル
*/
/*
#
基本レイアウト

タブ、ボックス、タイトルなど
*/
/*
# BASE
*/
html {
  font-size: 10px;
  letter-spacing: 0.05rem;
  -webkit-text-size-adjust: 100%; }
  html.tab main {
    margin-top: 106px; }
  html.english .header-app-banner {
    display: none; }

body {
  min-width: 320px; }

main {
  margin-top: 56px; }

a[href^=tel] {
  color: #555;
  border-bottom: 1px solid #555; }

time {
  letter-spacing: 0.04rem; }

.font-normal {
  font-size: 1.2rem; }

.pc {
  display: none; }

/*
# HEADER
*/
#header-main {
  height: 56px;
  position: relative;
  padding: 17px 0 0 13px; }

.en #logo-main {
  width: 100%; }
  .en #logo-main .link-top {
    margin: 0 auto; }

.logo-aft {
  width: 140px;
  height: 20px; }
  .logo-aft img {
    width: 100%;
    height: auto; }

#nav-main {
  padding-right: 15px; }
  #nav-main .link-search {
    display: inline-block;
    top: -1px;
    position: relative; }
    #nav-main .link-search svg {
      position: relative;
      width: 64px;
      height: 24px;
      line-height: 1; }
  #nav-main .link-onlinecart {
    margin-right: 35px;
    position: relative;
    top: -1px; }
    #nav-main .link-onlinecart svg {
      width: 80px;
      height: 24px; }
    #nav-main .link-onlinecart::before, #nav-main .link-onlinecart::after {
      content: "";
      display: inline-block;
      width: 2px;
      height: 24px;
      background: #006450;
      position: absolute;
      top: 0; }
    #nav-main .link-onlinecart::before {
      left: -13px; }
    #nav-main .link-onlinecart::after {
      right: -15px; }

.menu-berger {
  top: 2px;
  height: 18px;
  width: 22px;
  margin-left: 11px; }
  .menu-berger:before, .menu-berger:after,
  .menu-berger .menu-berger-piece {
    height: .2rem; }

/*
# 下部バナー
*/
.area-banner {
  margin-top: 30px; }
  .area-banner .link-banner {
    display: block;
    margin-top: 16px;
    font-size: 0; }
    .area-banner .link-banner:first-of-type {
      margin-top: 0; }

/*
# 重要なお知らせ
*/
.bk-solid #notices-important {
  margin-top: 0; }

#notices-important {
  margin: 45px 15px 0;
  padding-top: 45px;
  border-top: 1px solid #c7c7c7; }
  #notices-important > .l-content + .pod-link-info {
    margin-top: 32px; }
  #notices-important .pod-link-info {
    text-align: center; }

.list-notice {
  padding-top: 13px;
  line-height: 1.4; }
  .list-notice > li time {
    display: block;
    font-size: 1rem; }
  .list-notice > li a {
    padding: 9px 0; }

/*
# FOOTER
*/
html.noFootPadding #notices-important {
  margin-top: 0; }

html.noFootPadding.english #footer {
  padding-top: 0; }

html.footInnerPadding .wrap-content {
  padding-bottom: 45px; }

#footer {
  padding-top: 45px; }
  #footer a {
    color: #555; }
  #footer li {
    letter-spacing: 0.17rem;
    font-size: 1.2rem;
    font-weight: 400; }
  #footer.en .area-footer-links li {
    font-size: 1.3rem;
    font-weight: 500; }
    #footer.en .area-footer-links li a {
      display: block; }
  #footer.en .area-footer-info li {
    font-size: 1.2rem;
    font-weight: 500; }

#nav-footer-info {
  margin: 0 15px;
  padding: 18px 0 22px; }
  #nav-footer-info li a {
    display: block;
    padding: 5px 0; }
    #nav-footer-info li a:after {
      color: #999;
      margin-left: 8px;
      font-size: 1.3rem;
      top: 2px;
      position: relative; }
  #nav-footer-info li.en {
    font-weight: 500; }

#copyright {
  margin: 0 15px;
  font-size: .9rem;
  line-height: 40px;
  height: 40px;
  letter-spacing: .08rem; }

.float-totop {
  position: absolute;
  bottom: 80px;
  right: 15px;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #006450;
  cursor: pointer;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); }
  .float-totop:before {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1; }

.float-attract {
  bottom: 0;
  width: 143px;
  height: 54px;
  border-radius: 12px 0 0;
  padding: 10px 0 10px 20px;
  font-size: 1.2rem;
  line-height: 1.4; }
  .float-attract:after {
    right: 10px;
    width: 14px;
    height: 14px;
    font-size: 1.4rem;
    line-height: 1; }
  .float-attract.new:before {
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    background: url("/media/images/parts/float-new-sp.png");
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0; }
  .float-attract.image {
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    font-size: 0;
    line-height: 1;
    background: transparent;
    box-shadow: none; }
    .float-attract.image:after {
      display: none; }
    .float-attract.image img {
      max-width: 150px;
      height: auto; }
  .float-attract.float-attract-date {
    height: 61px;
    border-radius: 6px 0 0;
    padding-top: 31px;
    padding-left: 10px;
    box-shadow: none; }
    .float-attract.float-attract-date:before {
      width: 45px;
      height: 20px;
      display: block;
      background: url("/media/images/parts/float-new-label-sp.png") no-repeat 0 0;
      background-size: 45px auto;
      top: 4px;
      left: -6px; }
    .float-attract.float-attract-date:after {
      top: auto;
      bottom: 13px;
      right: 6px;
      font-size: 20px;
      width: 18px;
      height: 18px; }
    .float-attract.float-attract-date .date {
      color: #fed2dc;
      font-size: 11px;
      position: absolute;
      left: 43px;
      top: 6px; }
    .float-attract.float-attract-date .text {
      font-size: 10px;
      margin-right: 20px;
      display: -webkit-box;
      max-height: 3.5em;
      -webkit-line-clamp: 2;
      overflow: hidden; }

/*
# GLOBAL MENU
*/
.area-globalmenu .box-menu-online a {
  display: block;
  padding: 18px 0;
  font-size: 1.5rem; }

.area-globalmenu .box-menu-online .icon, .area-globalmenu .box-menu-online .float-totop, .area-globalmenu .box-menu-online .link-back > i, .area-globalmenu .box-menu-online .link-question, .area-globalmenu .box-menu-online .link-blank, .area-globalmenu .box-menu-online .wedge-arrow[target="_blank"] > i, .area-globalmenu .box-menu-online .wedge-menu > i, .area-globalmenu .box-menu-online .wedge-download > i, .area-globalmenu .box-menu-online .wedge-shop > i, .area-globalmenu .box-menu-online .button-login, .area-globalmenu .box-menu-online .button-line > i, .area-globalmenu .box-menu-online label.control > input + span, .area-globalmenu .box-menu-online .link-list-shop, .area-globalmenu .box-menu-online .mod-modal-default .area-modal .modal-close, .mod-modal-default .area-modal .area-globalmenu .box-menu-online .modal-close,
.area-globalmenu .box-menu-online .mod-modal-menu .area-modal .modal-close, .mod-modal-menu .area-modal .area-globalmenu .box-menu-online .modal-close, .area-globalmenu .box-menu-online .mod-modal-nav .area-modal .modal-close, .mod-modal-nav .area-modal .area-globalmenu .box-menu-online .modal-close, .area-globalmenu .box-menu-online .list-text-dashed > li a[target="_blank"], .list-text-dashed > li .area-globalmenu .box-menu-online a[target="_blank"], .area-globalmenu .box-menu-online .js-accordion-title, .area-globalmenu .box-menu-online .control-arrow, .area-globalmenu .box-menu-online .link-indtagram > i, .area-globalmenu .box-menu-online .link-twitter > i, .area-globalmenu .box-menu-online .btn-close {
  top: 2px;
  position: relative;
  right: 7px; }

.area-globalmenu .content-nav .title,
.area-globalmenu .content-nav .list-nav-main {
  line-height: 0; }
  .area-globalmenu .content-nav .title a,
  .area-globalmenu .content-nav .list-nav-main a {
    line-height: 1.8;
    font-size: 1.8rem;
    margin: 0 10px;
    letter-spacing: .11em; }

.area-globalmenu .content-nav .title a {
  padding: 20px 0 19px; }

.area-globalmenu .content-nav .list-nav-main a {
  padding: 18px 0 19px; }

.area-globalmenu .content-nav .list-nav-sub {
  padding: 28px 0 26px; }
  .area-globalmenu .content-nav .list-nav-sub a {
    display: block;
    padding-top: 17px;
    font-size: 1.2rem; }
  .area-globalmenu .content-nav .list-nav-sub .icon, .area-globalmenu .content-nav .list-nav-sub .float-totop, .area-globalmenu .content-nav .list-nav-sub .link-back > i, .area-globalmenu .content-nav .list-nav-sub .link-question, .area-globalmenu .content-nav .list-nav-sub .link-blank, .area-globalmenu .content-nav .list-nav-sub .wedge-arrow[target="_blank"] > i, .area-globalmenu .content-nav .list-nav-sub .wedge-menu > i, .area-globalmenu .content-nav .list-nav-sub .wedge-download > i, .area-globalmenu .content-nav .list-nav-sub .wedge-shop > i, .area-globalmenu .content-nav .list-nav-sub .button-login, .area-globalmenu .content-nav .list-nav-sub .button-line > i, .area-globalmenu .content-nav .list-nav-sub label.control > input + span, .area-globalmenu .content-nav .list-nav-sub .link-list-shop, .area-globalmenu .content-nav .list-nav-sub .mod-modal-default .area-modal .modal-close, .mod-modal-default .area-modal .area-globalmenu .content-nav .list-nav-sub .modal-close,
  .area-globalmenu .content-nav .list-nav-sub .mod-modal-menu .area-modal .modal-close, .mod-modal-menu .area-modal .area-globalmenu .content-nav .list-nav-sub .modal-close, .area-globalmenu .content-nav .list-nav-sub .mod-modal-nav .area-modal .modal-close, .mod-modal-nav .area-modal .area-globalmenu .content-nav .list-nav-sub .modal-close, .area-globalmenu .content-nav .list-nav-sub .list-text-dashed > li a[target="_blank"], .list-text-dashed > li .area-globalmenu .content-nav .list-nav-sub a[target="_blank"], .area-globalmenu .content-nav .list-nav-sub .js-accordion-title, .area-globalmenu .content-nav .list-nav-sub .control-arrow, .area-globalmenu .content-nav .list-nav-sub .link-indtagram > i, .area-globalmenu .content-nav .list-nav-sub .link-twitter > i, .area-globalmenu .content-nav .list-nav-sub .btn-close {
    top: 2px;
    position: relative;
    right: 7px; }
  .area-globalmenu .content-nav .list-nav-sub li:first-child a {
    padding-top: 0; }

.area-globalmenu .content-nav-sub a {
  padding: 17px 0;
  font-size: 1.2rem; }

.area-globalmenu .nav-global-links {
  font-size: 1.2rem; }

.area-globalmenu .box-sns {
  padding: 7px 0 4px 7px; }
  .area-globalmenu .box-sns a {
    font-size: 29px;
    margin-right: 14px; }
    .area-globalmenu .box-sns a.icon-twitter {
      margin-right: 17px; }
    .area-globalmenu .box-sns a.icon-instagram {
      margin-right: 20px; }

/*
# TAB MENU
*/
.tab-link .living,
.tab-link .tearoom {
  font-size: 20px;
  line-height: 50px; }
  .tab-link .living > i,
  .tab-link .tearoom > i {
    letter-spacing: .24rem;
    left: 1px;
    top: -1px; }
  .tab-link .living:after,
  .tab-link .tearoom:after {
    bottom: -16px; }

.tab-link-arrow .living,
.tab-link-arrow .tearoom {
  font-size: 2.1rem;
  line-height: 60px;
  height: 60px;
  position: relative;
  text-align: left; }
  .tab-link-arrow .living > i,
  .tab-link-arrow .tearoom > i {
    letter-spacing: .25rem;
    width: 100%;
    text-align: center;
    box-sizing: border-box; }
    .tab-link-arrow .living > i:after,
    .tab-link-arrow .tearoom > i:after {
      font-size: .75em;
      position: absolute;
      right: 13px;
      margin-top: -1px; }

.tab-link-arrow .living > i {
  padding-right: 25px; }

.tab-link-arrow .tearoom > i {
  padding-right: 20px; }

.tab-brand .buttons .button {
  font-size: 2rem;
  border-width: 2px;
  height: 50px;
  line-height: 50px; }

/*
# width
*/
.w-320-sp {
  width: 320px; }

.w-290-sp {
  width: 290px; }

.w-260-sp {
  width: 260px; }

.w-100v-sp {
  width: 100%; }

.w-50v-sp {
  width: 50%; }

.w-30v-sp {
  width: 33.3%; }

/*
# 窪んだような横長エリア
*/
.area-pit,
.area-pit-green {
  padding-top: 30px;
  padding-bottom: 30px; }

/*
# 子要素ありボックス
*/
.l-cluster {
  margin-right: auto;
  margin-left: auto; }

.l-cluster-sub {
  margin-right: 10px;
  margin-bottom: 10px; }
  .l-cluster-sub:last-of-type {
    margin-right: 0; }

.column-2 .l-cluster-sub:nth-of-type(2n) {
  margin-right: 0; }

.column-3 .l-cluster-sub:nth-of-type(3n) {
  margin-right: 0; }

.column-4 .l-cluster-sub:nth-of-type(4n) {
  margin-right: 0; }

.column-4.column-sp-2 .l-cluster-sub:nth-of-type(2n) {
  margin-right: 0; }

/*
# 2カラムボックス
*/
.l-column-2 .l-column-sub {
  width: 47.9%; }
  .l-column-2 .l-column-sub:nth-child(n+3) {
    margin-top: 10px; }

.l-column-2.l-column-pc {
  display: block;
  width: 100%; }
  .l-column-2.l-column-pc .l-column-sub {
    width: auto;
    max-width: 100%; }
    .l-column-2.l-column-pc .l-column-sub:nth-child(n+1) {
      margin-top: 10px; }

/*
# 新カラムボックス
*/
.l-column-box.-column-1-sp > div {
  width: 100%; }

.l-column-box.-column-2-sp > div {
  width: 50%; }

.l-column-box.-column-3-sp > div {
  width: 33.33%; }

.l-column-box.-column-4-sp > div {
  width: 25%; }

.area-note {
  margin-right: 15px;
  margin-left: 15px; }

/*
# 画像ーテキストボックス
*/
.l-imgbox > .img-eyecatch + .l-content {
  margin-left: 16px; }

.l-imgbox > .l-content + .img-eyecatch {
  margin-left: 16px; }

.l-imgbox.l-imgbox-pc {
  display: block; }
  .l-imgbox.l-imgbox-pc > .img-eyecatch + .l-content {
    margin-left: auto;
    margin-top: 10px; }
  .l-imgbox.l-imgbox-pc > .l-content + .img-eyecatch {
    margin-left: auto;
    margin-top: 10px; }

.img-size-m,
.img-size-m-sp {
  width: 120px;
  height: auto; }

/*
# 記事導線
*/
.l-imgbox-article .l-content {
  font-size: 1.2rem; }
  .l-imgbox-article .l-content time {
    font-weight: 700;
    font-size: 1rem; }
  .l-imgbox-article .l-content > .title {
    margin-top: 8px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.6;
    display: -webkit-box;
    max-height: 3em;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .l-imgbox-article .l-content > .text {
    margin-top: 7px;
    line-height: 1.6;
    display: -webkit-box;
    max-height: 3.5em;
    -webkit-line-clamp: 2;
    overflow: hidden; }

.l-imgbox-pickup .text {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 6px;
  display: -webkit-box;
  max-height: 8em;
  -webkit-line-clamp: 5;
  overflow: hidden; }

.l-imgbox-pickup time {
  font-size: 1rem;
  font-weight: 700; }

.l-imgbox-pickup .pod-date {
  margin-top: 5px; }

.l-imgbox-service .l-content > .title {
  position: relative;
  top: 3px;
  margin-bottom: 6px;
  letter-spacing: .03em; }

.l-imgbox-service .l-content > .text {
  letter-spacing: .03em;
  line-height: 1.75; }

.area-service .l-content > .title {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Dosis"; }

.area-service .l-content > .text {
  font-size: 1.2rem;
  display: -webkit-box;
  max-height: 7.5em;
  -webkit-line-clamp: 4;
  overflow: hidden; }

.box-block-line {
  height: 120px; }
  .box-block-line .img-eyecatch {
    width: 120px; }
  .box-block-line .l-content {
    padding: 10px 15px;
    margin-left: 120px;
    letter-spacing: .03em; }
  .box-block-line .title {
    font-size: 1.1rem;
    margin-top: 6px;
    display: -webkit-box;
    max-height: 6em;
    -webkit-line-clamp: 4;
    overflow: hidden; }

.date-mesh {
  font-size: 1.2rem;
  padding: 2px 10px 4px; }

/*
# 各ページタイトル
*/
.title-band {
  font-size: 1.7rem;
  min-height: 50px;
  padding-top: 12px;
  padding-bottom: 12px; }

.tab-subtitle > .content > a {
  line-height: 48px;
  font-size: 1.4rem;
  letter-spacing: .008em; }

.title-upper-tab {
  padding: 21px 0;
  font-size: 1.4rem;
  text-align: center; }

.title-mesh,
.date-mesh {
  background-image: url("/media/images/parts/bg-mesh-sp.png"); }
  .title-mesh.-pink,
  .date-mesh.-pink {
    background-image: url("/media/images/parts/bg-mesh-pink-sp.png"); }

.title-column {
  font-size: 1.7rem;
  font-weight: 500;
  color: #006450;
  padding: 18px 15px; }

.area-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%; }

.title-simple {
  font-size: 1.7rem; }
  .title-simple.en {
    font-size: 1.8rem;
    color: #006450;
    font-weight: 500; }

.title-tag > .tag {
  margin-left: -10px; }

.title-band-arrow {
  font-size: 1.4rem;
  padding: 6px 0 8px; }
  .title-band-arrow:after {
    bottom: -14px; }

/*
# 各モジュール　メッシュタイトル
*/
.area-mesh {
  margin-right: auto;
  margin-left: auto;
  width: 100%; }
  .area-mesh > .l-wrap {
    margin-top: 30px;
    padding-right: 15px;
    padding-left: 15px; }

.title-mesh {
  padding: 13px 15px 14px;
  display: inline-block;
  min-width: 200px;
  margin: 0 auto;
  font-size: 1.9rem;
  font-weight: 500;
  min-height: 50px;
  letter-spacing: .12em; }
  .title-mesh.en {
    padding: 7px 15px 10px;
    font-size: 2.2rem; }
  .title-mesh.title-include-sub {
    line-height: 1;
    padding: 8px 0 0; }
    .title-mesh.title-include-sub .sub {
      font-weight: 700;
      font-size: 1.1rem;
      transform: scale(0.75);
      display: block;
      padding-bottom: 3px; }
      .title-mesh.title-include-sub .sub.en {
        font-size: 1rem;
        transform: scale(1);
        letter-spacing: .1em; }
    .title-mesh.title-include-sub .main.en {
      font-size: 2.2rem;
      top: -3px;
      position: relative; }
  .title-mesh.title-mesh-font-m {
    min-width: 245px;
    padding: 12px 14px 11px;
    letter-spacing: .06em;
    font-size: 1.9rem;
    min-height: 45px; }
    .title-mesh.title-mesh-font-m.en {
      font-size: 2.2rem;
      padding: 8px 14px 9px; }
  .title-mesh.title-mesh-wide {
    min-width: 200px;
    width: auto;
    padding-right: 20px;
    padding-left: 20px; }

.area-articles-tag {
  margin-top: 45px; }

.box-content-small > .title {
  padding: 11px 15px;
  font-size: 1.2rem; }

.box-content-small > .text {
  font-size: 1rem;
  padding: 12px 15px;
  line-height: 1.5;
  letter-spacing: 0; }

html.os-win main, html.os-mac main {
  margin-top: 0;
  padding-top: 56px; }

html.os-win.tab main, html.os-mac.tab main {
  padding-top: 106px; }

html.os-win #header.js-bannar-band, html.os-mac #header.js-bannar-band {
  top: 0; }

/*
#
汎用クラス SP


*/
/*
# レイアウト指定
*/
.l-inline-sp {
  display: inline !important; }

.l-block-sp {
  display: block !important; }

.l-inline-block-sp {
  display: inline-block !important; }

/*
# テキスト横位置指定
*/
.left-sp {
  text-align: left !important; }

.right-sp {
  text-align: right !important; }

.center-sp {
  text-align: center !important; }

/*
# FONT_SIZE
*/
.font-06 {
  font-size: .6rem !important; }

.font-07 {
  font-size: .7rem !important; }

.font-08 {
  font-size: .8rem !important; }

.font-09 {
  font-size: .9rem !important; }

.font-10 {
  font-size: 1rem !important; }

.font-11 {
  font-size: 1.1rem !important; }

.font-12 {
  font-size: 1.2rem !important; }

.font-13 {
  font-size: 1.3rem !important; }

.font-14 {
  font-size: 1.4rem !important; }

.font-15 {
  font-size: 1.5rem !important; }

.font-16 {
  font-size: 1.6rem !important; }

.font-18 {
  font-size: 1.8rem !important; }

.font-20 {
  font-size: 2rem !important; }

.font-xs {
  font-size: .8rem !important; }

.font-s {
  font-size: .9rem !important; }

.font-m {
  font-size: 1rem !important; }

.font-l {
  font-size: 1.2rem !important; }

.font-xl {
  font-size: 1.4rem !important; }

.font-xxl {
  font-size: 1.6rem !important; }

.font-06-sp {
  font-size: .6rem !important; }

.font-07-sp {
  font-size: .7rem !important; }

.font-08-sp {
  font-size: .8rem !important; }

.font-09-sp {
  font-size: .9rem !important; }

.font-10-sp {
  font-size: 1rem !important; }

.font-11-sp {
  font-size: 1.1rem !important; }

.font-12-sp {
  font-size: 1.2rem !important; }

.font-13-sp {
  font-size: 1.3rem !important; }

.font-14-sp {
  font-size: 1.4rem !important; }

.font-15-sp {
  font-size: 1.5rem !important; }

.font-16-sp {
  font-size: 1.6rem !important; }

.font-18-sp {
  font-size: 1.8rem !important; }

.font-20-sp {
  font-size: 2rem !important; }

.font-xs-sp {
  font-size: .8rem !important; }

.font-s-sp {
  font-size: .9rem !important; }

.font-m-sp {
  font-size: 1rem !important; }

.font-l-sp {
  font-size: 1.2rem !important; }

.font-xl-sp {
  font-size: 1.4rem !important; }

.font-xxl-sp {
  font-size: 1.6rem !important; }

.box-font-basic {
  font-size: 1rem; }
  .box-font-basic p,
  .box-font-basic dl,
  .box-font-basic li,
  .box-font-basic h2:not([class*="title-"]),
  .box-font-basic h3:not([class*="title-"]),
  .box-font-basic h4:not([class*="title-"]),
  .box-font-basic h5:not([class*="title-"]) {
    font-size: 1.2rem; }

/*
# 余白
*/
.m-t-1 {
  margin-top: 4.5px !important; }

.m-t-2 {
  margin-top: 9px !important; }

.m-t-3 {
  margin-top: 13.5px !important; }

.m-t-4 {
  margin-top: 18px !important; }

.m-t-5 {
  margin-top: 22.5px !important; }

.m-t-6 {
  margin-top: 27px !important; }

.m-t-7 {
  margin-top: 31.5px !important; }

.m-t-8 {
  margin-top: 36px !important; }

.m-t-9 {
  margin-top: 40.5px !important; }

.m-t-10 {
  margin-top: 45px !important; }

.m-t-11 {
  margin-top: 49.5px !important; }

.m-t-12 {
  margin-top: 54px !important; }

.m-t-13 {
  margin-top: 58.5px !important; }

.m-t-14 {
  margin-top: 63px !important; }

.m-t-15 {
  margin-top: 67.5px !important; }

.m-r-1 {
  margin-right: 4.5px !important; }

.m-r-2 {
  margin-right: 9px !important; }

.m-r-3 {
  margin-right: 13.5px !important; }

.m-r-4 {
  margin-right: 18px !important; }

.m-r-5 {
  margin-right: 22.5px !important; }

.m-r-6 {
  margin-right: 27px !important; }

.m-r-7 {
  margin-right: 31.5px !important; }

.m-r-8 {
  margin-right: 36px !important; }

.m-r-9 {
  margin-right: 40.5px !important; }

.m-r-10 {
  margin-right: 45px !important; }

.m-r-11 {
  margin-right: 49.5px !important; }

.m-r-12 {
  margin-right: 54px !important; }

.m-r-13 {
  margin-right: 58.5px !important; }

.m-r-14 {
  margin-right: 63px !important; }

.m-r-15 {
  margin-right: 67.5px !important; }

.m-b-1 {
  margin-bottom: 4.5px !important; }

.m-b-2 {
  margin-bottom: 9px !important; }

.m-b-3 {
  margin-bottom: 13.5px !important; }

.m-b-4 {
  margin-bottom: 18px !important; }

.m-b-5 {
  margin-bottom: 22.5px !important; }

.m-b-6 {
  margin-bottom: 27px !important; }

.m-b-7 {
  margin-bottom: 31.5px !important; }

.m-b-8 {
  margin-bottom: 36px !important; }

.m-b-9 {
  margin-bottom: 40.5px !important; }

.m-b-10 {
  margin-bottom: 45px !important; }

.m-b-11 {
  margin-bottom: 49.5px !important; }

.m-b-12 {
  margin-bottom: 54px !important; }

.m-b-13 {
  margin-bottom: 58.5px !important; }

.m-b-14 {
  margin-bottom: 63px !important; }

.m-b-15 {
  margin-bottom: 67.5px !important; }

.m-l-1 {
  margin-left: 4.5px !important; }

.m-l-2 {
  margin-left: 9px !important; }

.m-l-3 {
  margin-left: 13.5px !important; }

.m-l-4 {
  margin-left: 18px !important; }

.m-l-5 {
  margin-left: 22.5px !important; }

.m-l-6 {
  margin-left: 27px !important; }

.m-l-7 {
  margin-left: 31.5px !important; }

.m-l-8 {
  margin-left: 36px !important; }

.m-l-9 {
  margin-left: 40.5px !important; }

.m-l-10 {
  margin-left: 45px !important; }

.m-l-11 {
  margin-left: 49.5px !important; }

.m-l-12 {
  margin-left: 54px !important; }

.m-l-13 {
  margin-left: 58.5px !important; }

.m-l-14 {
  margin-left: 63px !important; }

.m-l-15 {
  margin-left: 67.5px !important; }

.m-t-1-sp {
  margin-top: 4.5px !important; }

.m-t-2-sp {
  margin-top: 9px !important; }

.m-t-3-sp {
  margin-top: 13.5px !important; }

.m-t-4-sp {
  margin-top: 18px !important; }

.m-t-5-sp {
  margin-top: 22.5px !important; }

.m-t-6-sp {
  margin-top: 27px !important; }

.m-t-7-sp {
  margin-top: 31.5px !important; }

.m-t-8-sp {
  margin-top: 36px !important; }

.m-t-9-sp {
  margin-top: 40.5px !important; }

.m-t-10-sp {
  margin-top: 45px !important; }

.m-t-11-sp {
  margin-top: 49.5px !important; }

.m-t-12-sp {
  margin-top: 54px !important; }

.m-t-13-sp {
  margin-top: 58.5px !important; }

.m-t-14-sp {
  margin-top: 63px !important; }

.m-t-15-sp {
  margin-top: 67.5px !important; }

.m-r-1-sp {
  margin-right: 4.5px !important; }

.m-r-2-sp {
  margin-right: 9px !important; }

.m-r-3-sp {
  margin-right: 13.5px !important; }

.m-r-4-sp {
  margin-right: 18px !important; }

.m-r-5-sp {
  margin-right: 22.5px !important; }

.m-r-6-sp {
  margin-right: 27px !important; }

.m-r-7-sp {
  margin-right: 31.5px !important; }

.m-r-8-sp {
  margin-right: 36px !important; }

.m-r-9-sp {
  margin-right: 40.5px !important; }

.m-r-10-sp {
  margin-right: 45px !important; }

.m-r-11-sp {
  margin-right: 49.5px !important; }

.m-r-12-sp {
  margin-right: 54px !important; }

.m-r-13-sp {
  margin-right: 58.5px !important; }

.m-r-14-sp {
  margin-right: 63px !important; }

.m-r-15-sp {
  margin-right: 67.5px !important; }

.m-b-1-sp {
  margin-bottom: 4.5px !important; }

.m-b-2-sp {
  margin-bottom: 9px !important; }

.m-b-3-sp {
  margin-bottom: 13.5px !important; }

.m-b-4-sp {
  margin-bottom: 18px !important; }

.m-b-5-sp {
  margin-bottom: 22.5px !important; }

.m-b-6-sp {
  margin-bottom: 27px !important; }

.m-b-7-sp {
  margin-bottom: 31.5px !important; }

.m-b-8-sp {
  margin-bottom: 36px !important; }

.m-b-9-sp {
  margin-bottom: 40.5px !important; }

.m-b-10-sp {
  margin-bottom: 45px !important; }

.m-b-11-sp {
  margin-bottom: 49.5px !important; }

.m-b-12-sp {
  margin-bottom: 54px !important; }

.m-b-13-sp {
  margin-bottom: 58.5px !important; }

.m-b-14-sp {
  margin-bottom: 63px !important; }

.m-b-15-sp {
  margin-bottom: 67.5px !important; }

.m-l-1-sp {
  margin-left: 4.5px !important; }

.m-l-2-sp {
  margin-left: 9px !important; }

.m-l-3-sp {
  margin-left: 13.5px !important; }

.m-l-4-sp {
  margin-left: 18px !important; }

.m-l-5-sp {
  margin-left: 22.5px !important; }

.m-l-6-sp {
  margin-left: 27px !important; }

.m-l-7-sp {
  margin-left: 31.5px !important; }

.m-l-8-sp {
  margin-left: 36px !important; }

.m-l-9-sp {
  margin-left: 40.5px !important; }

.m-l-10-sp {
  margin-left: 45px !important; }

.m-l-11-sp {
  margin-left: 49.5px !important; }

.m-l-12-sp {
  margin-left: 54px !important; }

.m-l-13-sp {
  margin-left: 58.5px !important; }

.m-l-14-sp {
  margin-left: 63px !important; }

.m-l-15-sp {
  margin-left: 67.5px !important; }

.p-t-1 {
  padding-top: 4.5px !important; }

.p-t-2 {
  padding-top: 9px !important; }

.p-t-3 {
  padding-top: 13.5px !important; }

.p-t-4 {
  padding-top: 18px !important; }

.p-t-5 {
  padding-top: 22.5px !important; }

.p-t-6 {
  padding-top: 27px !important; }

.p-t-7 {
  padding-top: 31.5px !important; }

.p-t-8 {
  padding-top: 36px !important; }

.p-t-9 {
  padding-top: 40.5px !important; }

.p-t-10 {
  padding-top: 45px !important; }

.p-t-11 {
  padding-top: 49.5px !important; }

.p-t-12 {
  padding-top: 54px !important; }

.p-t-13 {
  padding-top: 58.5px !important; }

.p-t-14 {
  padding-top: 63px !important; }

.p-t-15 {
  padding-top: 67.5px !important; }

.p-r-1 {
  padding-right: 4.5px !important; }

.p-r-2 {
  padding-right: 9px !important; }

.p-r-3 {
  padding-right: 13.5px !important; }

.p-r-4 {
  padding-right: 18px !important; }

.p-r-5 {
  padding-right: 22.5px !important; }

.p-r-6 {
  padding-right: 27px !important; }

.p-r-7 {
  padding-right: 31.5px !important; }

.p-r-8 {
  padding-right: 36px !important; }

.p-r-9 {
  padding-right: 40.5px !important; }

.p-r-10 {
  padding-right: 45px !important; }

.p-r-11 {
  padding-right: 49.5px !important; }

.p-r-12 {
  padding-right: 54px !important; }

.p-r-13 {
  padding-right: 58.5px !important; }

.p-r-14 {
  padding-right: 63px !important; }

.p-r-15 {
  padding-right: 67.5px !important; }

.p-b-1 {
  padding-bottom: 4.5px !important; }

.p-b-2 {
  padding-bottom: 9px !important; }

.p-b-3 {
  padding-bottom: 13.5px !important; }

.p-b-4 {
  padding-bottom: 18px !important; }

.p-b-5 {
  padding-bottom: 22.5px !important; }

.p-b-6 {
  padding-bottom: 27px !important; }

.p-b-7 {
  padding-bottom: 31.5px !important; }

.p-b-8 {
  padding-bottom: 36px !important; }

.p-b-9 {
  padding-bottom: 40.5px !important; }

.p-b-10 {
  padding-bottom: 45px !important; }

.p-b-11 {
  padding-bottom: 49.5px !important; }

.p-b-12 {
  padding-bottom: 54px !important; }

.p-b-13 {
  padding-bottom: 58.5px !important; }

.p-b-14 {
  padding-bottom: 63px !important; }

.p-b-15 {
  padding-bottom: 67.5px !important; }

.p-l-1 {
  padding-left: 4.5px !important; }

.p-l-2 {
  padding-left: 9px !important; }

.p-l-3 {
  padding-left: 13.5px !important; }

.p-l-4 {
  padding-left: 18px !important; }

.p-l-5 {
  padding-left: 22.5px !important; }

.p-l-6 {
  padding-left: 27px !important; }

.p-l-7 {
  padding-left: 31.5px !important; }

.p-l-8 {
  padding-left: 36px !important; }

.p-l-9 {
  padding-left: 40.5px !important; }

.p-l-10 {
  padding-left: 45px !important; }

.p-l-11 {
  padding-left: 49.5px !important; }

.p-l-12 {
  padding-left: 54px !important; }

.p-l-13 {
  padding-left: 58.5px !important; }

.p-l-14 {
  padding-left: 63px !important; }

.p-l-15 {
  padding-left: 67.5px !important; }

.p-t-1-sp {
  padding-top: 4.5px !important; }

.p-t-2-sp {
  padding-top: 9px !important; }

.p-t-3-sp {
  padding-top: 13.5px !important; }

.p-t-4-sp {
  padding-top: 18px !important; }

.p-t-5-sp {
  padding-top: 22.5px !important; }

.p-t-6-sp {
  padding-top: 27px !important; }

.p-t-7-sp {
  padding-top: 31.5px !important; }

.p-t-8-sp {
  padding-top: 36px !important; }

.p-t-9-sp {
  padding-top: 40.5px !important; }

.p-t-10-sp {
  padding-top: 45px !important; }

.p-t-11-sp {
  padding-top: 49.5px !important; }

.p-t-12-sp {
  padding-top: 54px !important; }

.p-t-13-sp {
  padding-top: 58.5px !important; }

.p-t-14-sp {
  padding-top: 63px !important; }

.p-t-15-sp {
  padding-top: 67.5px !important; }

.p-r-1-sp {
  padding-right: 4.5px !important; }

.p-r-2-sp {
  padding-right: 9px !important; }

.p-r-3-sp {
  padding-right: 13.5px !important; }

.p-r-4-sp {
  padding-right: 18px !important; }

.p-r-5-sp {
  padding-right: 22.5px !important; }

.p-r-6-sp {
  padding-right: 27px !important; }

.p-r-7-sp {
  padding-right: 31.5px !important; }

.p-r-8-sp {
  padding-right: 36px !important; }

.p-r-9-sp {
  padding-right: 40.5px !important; }

.p-r-10-sp {
  padding-right: 45px !important; }

.p-r-11-sp {
  padding-right: 49.5px !important; }

.p-r-12-sp {
  padding-right: 54px !important; }

.p-r-13-sp {
  padding-right: 58.5px !important; }

.p-r-14-sp {
  padding-right: 63px !important; }

.p-r-15-sp {
  padding-right: 67.5px !important; }

.p-b-1-sp {
  padding-bottom: 4.5px !important; }

.p-b-2-sp {
  padding-bottom: 9px !important; }

.p-b-3-sp {
  padding-bottom: 13.5px !important; }

.p-b-4-sp {
  padding-bottom: 18px !important; }

.p-b-5-sp {
  padding-bottom: 22.5px !important; }

.p-b-6-sp {
  padding-bottom: 27px !important; }

.p-b-7-sp {
  padding-bottom: 31.5px !important; }

.p-b-8-sp {
  padding-bottom: 36px !important; }

.p-b-9-sp {
  padding-bottom: 40.5px !important; }

.p-b-10-sp {
  padding-bottom: 45px !important; }

.p-b-11-sp {
  padding-bottom: 49.5px !important; }

.p-b-12-sp {
  padding-bottom: 54px !important; }

.p-b-13-sp {
  padding-bottom: 58.5px !important; }

.p-b-14-sp {
  padding-bottom: 63px !important; }

.p-b-15-sp {
  padding-bottom: 67.5px !important; }

.p-l-1-sp {
  padding-left: 4.5px !important; }

.p-l-2-sp {
  padding-left: 9px !important; }

.p-l-3-sp {
  padding-left: 13.5px !important; }

.p-l-4-sp {
  padding-left: 18px !important; }

.p-l-5-sp {
  padding-left: 22.5px !important; }

.p-l-6-sp {
  padding-left: 27px !important; }

.p-l-7-sp {
  padding-left: 31.5px !important; }

.p-l-8-sp {
  padding-left: 36px !important; }

.p-l-9-sp {
  padding-left: 40.5px !important; }

.p-l-10-sp {
  padding-left: 45px !important; }

.p-l-11-sp {
  padding-left: 49.5px !important; }

.p-l-12-sp {
  padding-left: 54px !important; }

.p-l-13-sp {
  padding-left: 58.5px !important; }

.p-l-14-sp {
  padding-left: 63px !important; }

.p-l-15-sp {
  padding-left: 67.5px !important; }

.m-t-0-sp {
  margin-top: 0 !important; }

.m-r-0-sp {
  margin-right: 0 !important; }

.m-b-0-sp {
  margin-bottom: 0 !important; }

.m-l-0-sp {
  margin-left: 0 !important; }

.p-t-0-sp {
  padding-top: 0 !important; }

.p-r-0-sp {
  padding-right: 0 !important; }

.p-b-0-sp {
  padding-bottom: 0 !important; }

.p-l-0-sp {
  padding-left: 0 !important; }

.m-lr-15-sp {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.m-lr-0-sp {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-lr-auto-sp {
  margin-right: auto !important;
  margin-left: auto !important; }

.p-lr-15-sp {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.p-lr-0-sp {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/*
#
基本モジュール SP

タグ、ラベル、リンクなど
*/
.lead-page {
  font-size: 1.2rem; }

/*
# リンク
*/
.link-text {
  letter-spacing: 0; }
  .link-text:before {
    margin-right: .5em;
    font-size: 1.3em; }
  .link-text > i:after {
    font-size: 1.5em;
    margin-left: .3em; }

.link-blank:before {
  font-size: 1.1em; }

.link-app-googlemap {
  width: auto; }
  .link-app-googlemap > i {
    letter-spacing: 0;
    font-size: 1rem; }
    .link-app-googlemap > i:after {
      font-size: 1.2rem;
      margin-left: 9px; }
    .link-app-googlemap > i:before {
      margin-right: 10px;
      position: relative;
      top: -2px; }

.area-link-index {
  text-align: center;
  margin-top: 45px; }

.link-back > i:before {
  font-size: 1.4rem;
  margin-right: 3px; }

/*
# タグ
*/
.tag.tag-faint:before, .tag.tag-faint:after {
  background-color: #7fb1a7; }

.tag.tag-faint > i {
  border-bottom-color: #7fb1a7; }
  .tag.tag-faint > i:before, .tag.tag-faint > i:after {
    background-color: #7fb1a7; }

.tag.tag-s {
  height: 22px;
  width: 123px; }
  .tag.tag-s > i {
    font-size: 1rem;
    height: 22px;
    width: 123px;
    line-height: 22px;
    padding: 0 0 0 7px;
    border-bottom-width: 1px; }
    .tag.tag-s > i:before {
      height: 1px; }
    .tag.tag-s > i:after {
      width: 1px;
      top: 5px; }
    .os-android .tag.tag-s > i {
      padding-top: 1px; }
  .tag.tag-s:before, .tag.tag-s:after {
    height: 70%;
    right: -5px;
    width: 1px; }
  .tag.tag-s:before {
    bottom: -2px; }
  .tag.tag-s:after {
    top: -2px; }

.tag.tag-short {
  width: 65px; }
  .tag.tag-short > i {
    width: 65px;
    letter-spacing: 0; }

.tag.tag-m, .tag.tag-l {
  width: 165px;
  height: 35px; }
  .tag.tag-m > i, .tag.tag-l > i {
    font-size: 1.4rem;
    width: 165px;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 7px; }
    .tag.tag-m > i:after, .tag.tag-l > i:after {
      top: 8px; }
  .tag.tag-m:before, .tag.tag-m:after, .tag.tag-l:before, .tag.tag-l:after {
    height: 70.5%;
    right: -9px; }
  .tag.tag-m:before, .tag.tag-l:before {
    bottom: -3px; }
  .tag.tag-m:after, .tag.tag-l:after {
    top: -3px; }

.circle-sign {
  width: 90px;
  height: 90px;
  font-size: 1.1rem;
  line-height: 1.3; }
  .circle-sign .link-to-small {
    bottom: 8px;
    font-size: 1rem; }

/*
 * くさび形リンク
 */
.wedge:after {
  display: none; }

.wedge.wedge-arrow > i, .wedge.wedge-download > i, .wedge.wedge-shop > i {
  font-size: 1.3rem;
  padding: 0  25px 0 14px;
  min-height: 21px; }

.wedge.wedge-arrow[target="_blank"] > i:before, .wedge.wedge-download[target="_blank"] > i:before, .wedge.wedge-shop[target="_blank"] > i:before {
  font-size: 10.5px;
  position: relative;
  margin-right: 4px; }

.wedge.wedge-menu > i:after, .wedge.wedge-arrow > i:after, .wedge.wedge-more > i:after, .wedge.wedge-download > i:after, .wedge.wedge-shop > i:after {
  height: 12px;
  width: 2px;
  right: 3px;
  bottom: -3px; }

.wedge.en > i, .wedge.wedge-menu > i, .wedge.wedge-more > i, .wedge.wedge-more-plus > i {
  font-size: 1.8rem;
  padding: 0  22px 0 16px;
  min-height: 25px; }

.wedge.wedge-more-plus > i {
  padding-right: 3px; }
  .wedge.wedge-more-plus > i:after {
    font-size: 12px;
    right: -20px;
    bottom: -7px; }

.wedge.wedge-menu {
  margin-left: 22px; }
  .wedge.wedge-menu > i {
    font-size: 1.4rem; }
    .wedge.wedge-menu > i:before {
      font-size: 26px;
      left: -28px; }

.wedge.wedge-sp-lined i {
  line-height: 1.5;
  padding-bottom: 3px; }

.wedge.wedge-shop > i:before {
  font-size: 1.4rem;
  position: relative;
  margin-right: 4px;
  vertical-align: -1px;
  top: 1px; }

.wedge-download-subtext {
  margin-bottom: 24px; }
  .wedge-download-subtext .text-sub {
    bottom: -18px;
    font-size: 1em;
    transform: scale(0.7); }

/*
 * ラベル
 */
.label-info {
  margin-right: 3px;
  margin-bottom: 3px; }
  .label-info > i {
    font-weight: 500; }
  .label-info.label-notice {
    margin-right: 0;
    margin-bottom: 0; }

.label-notice {
  font-size: 1rem;
  padding: 0 .7em .1em; }

.label-service {
  font-size: 1rem;
  padding: .1em .7em .3em;
  border-radius: 2px;
  font-weight: 500; }

.label-brand {
  height: 15px;
  line-height: 15px;
  width: 57px;
  letter-spacing: .1em; }
  .label-brand.label-brand-living + .label-brand-tearoom {
    left: 58px; }

/*
# ラベル状リンク
*/
.link-label {
  padding: 5px 10px 5px 20px;
  border-radius: 15px 0 0 15px;
  font-size: 1.2rem; }
  .link-label:after {
    margin-left: 15px; }

/*
# ボタン
*/
[class^=button-] {
  font-size: 1.5rem;
  width: 100%;
  height: 36px;
  line-height: 36px; }

.button-search {
  font-size: 1.3rem;
  line-height: 30px;
  padding-left: 18px; }
  .button-search:after {
    margin-left: 12px;
    position: relative;
    top: 2px; }

.btn-text-close:after {
  font-size: 1rem;
  margin-left: .7em;
  display: inline-block; }

.button-m {
  font-size: 1.5rem;
  padding: 20px 15px 39px;
  line-height: 1;
  letter-spacing: .18em;
  max-width: 100%;
  width: 290px; }

.button-login:before {
  font-size: 21px;
  margin-right: 18px;
  margin-left: -18px; }

.button-line {
  width: 100%; }

.button-line {
  background: #57d414;
  color: #fff;
  display: inline-block;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-size: 1.2rem;
  letter-spacing: .01em; }
  .button-line > i {
    margin-left: -13px; }
    .button-line > i:before {
      font-size: 1.8em;
      color: #fff;
      vertical-align: middle;
      margin-right: 6px; }

.box-btn-share {
  margin-top: 16px;
  background: #fff;
  text-align: center;
  padding: 7px 15px; }
  .box-btn-share .link-sns-share {
    margin-left: 23px; }
    .box-btn-share .link-sns-share:first-of-type {
      margin-left: 0; }

.link-sns-share:before {
  font-size: 30px; }

/*
# リスト
*/
.list-dot li,
.list-small li,
.list-small-count li,
.list-count li,
.list-normal li {
  font-size: 1rem;
  line-height: 1.75; }

.list-dot.list-dot-l li, .list-dot.list-small-l li,
.list-small.list-dot-l li,
.list-small.list-small-l li,
.list-small-count.list-dot-l li,
.list-small-count.list-small-l li,
.list-count.list-dot-l li,
.list-count.list-small-l li,
.list-normal.list-dot-l li,
.list-normal.list-small-l li {
  font-size: 1.2rem; }

.list-text-dashed a {
  padding: 10px 0;
  font-size: 1.2rem;
  line-height: 1.6;
  padding-right: 24px;
  text-align: left; }
  .list-text-dashed a:after {
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 1.4em; }

.list-text-dashed > li > a[target="_blank"]:before {
  display: none; }

.list-text-dashed.list-text-dashed-plain > li {
  padding: 10px 0; }

/*
# ページャー
*/
.area-paging {
  padding: 15px 0;
  margin-top: 30px;
  text-align: center; }
  .area-paging .paging-article {
    padding: 0 15px;
    margin-right: auto;
    margin-left: auto; }
  .area-paging .paging-num {
    width: 160px;
    margin-left: auto;
    margin-right: auto; }
    .area-paging .paging-num .paging {
      min-width: 40px; }
  .area-paging .paging {
    font-size: 1.5rem;
    height: 30px;
    line-height: 30px; }
    .area-paging .paging.prev, .area-paging .paging.next {
      width: 61px;
      letter-spacing: .1em; }
      .area-paging .paging.prev:after, .area-paging .paging.next:after {
        width: 2px;
        height: 30px;
        border-radius: 1px; }
    .area-paging .paging.prev:after {
      right: 9px; }
    .area-paging .paging.next:after {
      left: 9px; }

/*
# 画像
*/
.box-img-main {
  width: 100%; }
  .box-img-main img {
    width: 100%;
    height: auto; }

/*
# ブランドパネル
*/
.brand-panel-l {
  width: 320px;
  height: 100px;
  margin-left: auto;
  margin-right: auto; }

.brand-panel-s {
  width: 140px;
  height: 93px; }

/*
# PCワイドモジュール
*/
.pc-wide--column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: top;
      align-items: top;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .pc-wide--column .pc-wide--left,
  .pc-wide--column .pc-wide--right {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .pc-wide--column.-reverse-sp {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }

/*
#
JS関連モジュール PC


*/
.menu-catalog .list-menu {
  overflow: hidden; }

.js-carousel {
  position: relative; }
  .js-carousel .control-arrow {
    top: 0;
    bottom: 0;
    margin: auto 0; }
    .js-carousel .control-arrow:before {
      color: #fff; }
  .js-carousel .control-arrow-prev {
    transform: translateY(-12px) scale(-1, 1); }
  .js-carousel .control-arrow-next {
    transform: translateY(-12px); }

.js-modal-carousel_open {
  display: block; }
  .js-modal-carousel_open:after {
    box-sizing: border-box;
    width: 33px;
    height: 33px;
    font-size: 27px;
    border-radius: 6.5px;
    bottom: 13px;
    right: 13px;
    line-height: 1.25;
    letter-spacing: 0; }

.grid-catalog-list-sp2 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .grid-catalog-list-sp2 > li {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 28px; }
    .grid-catalog-list-sp2 > li:nth-child(-n+2) {
      margin-top: 0; }
    .grid-catalog-list-sp2 > li img {
      width: 100%;
      height: auto;
      min-height: 124px; }

/*
# JSモジュール　アコーディオン
*/
.js-accordion-title {
  font-size: 1.2rem; }
  .js-accordion-title:before, .js-accordion-title:after {
    right: 15px;
    height: 1.2rem;
    width: 1.2rem;
    font-size: 1.2rem; }

.link-block {
  padding: 14px 15px; }
  .link-block:after {
    right: 9px;
    height: 1.3rem;
    font-size: 1.2rem; }

.list-zebra > li:nth-child(2n) {
  background-color: #f5f5f5; }

.list-zebra > li:nth-child(2n + 1) {
  background-color: #ededed; }

.list-zebra.list-zebra-reverse > li:nth-child(2n) {
  background-color: #ededed; }

.list-zebra.list-zebra-reverse > li:nth-child(2n + 1) {
  background-color: #f5f5f5; }

.accordion-standard > dt {
  padding: 14px 15px 13px; }
  .accordion-standard > dt:after {
    transition-duration: 0.2s; }

.accordion-standard > .title {
  padding: 14px 15px 13px;
  padding-right: 0; }
  .accordion-standard > .title > .link-block {
    padding: 0; }

.accordion-standard > .title-shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }

.accordion-standard .list-sub > li {
  padding-left: 10px; }
  .accordion-standard .list-sub > li a {
    padding-top: 9px;
    padding-bottom: 9px; }

.accordion-standard.js-accordion_opened > .js-accordion-title {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .accordion-standard.js-accordion_opened > .js-accordion-title:before {
    display: none; }
  .accordion-standard.js-accordion_opened > .js-accordion-title:after {
    transform: rotate(180deg); }

.accordion-standard .list-sub > li {
  border-bottom: 1px solid #fff; }
  .accordion-standard .list-sub > li:last-child {
    border-bottom-width: 0;
    box-shadow: 0 -3px 2px -2px rgba(0, 0, 0, 0.1) inset; }

.accordion-standard .list-sub.list-no-shadow > li:last-child {
  box-shadow: none; }

.accordion-body {
  padding: 0 15px 18px; }

.only-sp .accordion-standard.odd {
  background-color: #ededed; }

.only-sp .accordion-standard.even {
  background-color: #f5f5f5; }

/*
# JSモジュール　カルーセル
*/
.list-menu > li img {
  width: 100%;
  height: auto; }

.indicator {
  margin-top: 11px; }

.control-arrow {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  letter-spacing: 0; }
  .control-arrow:before {
    font-size: 27px;
    line-height: 1;
    letter-spacing: -.05px;
    transform: translate(0.1px, 2.5px); }

.control-arrow-next {
  right: 12px; }

.control-arrow-prev {
  left: 12px; }

.indicator-disc {
  width: 10px;
  height: 10px;
  border-width: 2px;
  border-radius: 12px;
  margin-right: 11px;
  margin-bottom: 11px; }
  .indicator-disc:last-of-type {
    margin-right: 0; }

/*
# モーダル
*/
.mod-modal-default .area-modal .modal-close-sign,
.mod-modal-menu .area-modal .modal-close-sign {
  position: absolute;
  z-index: 1;
  width: 27px;
  height: 27px;
  top: 8px;
  right: 15px; }
  .mod-modal-default .area-modal .modal-close-sign:before, .mod-modal-default .area-modal .modal-close-sign:after,
  .mod-modal-menu .area-modal .modal-close-sign:before,
  .mod-modal-menu .area-modal .modal-close-sign:after {
    font-size: 27px; }

.mod-modal-default .area-modal .modal-close.pc,
.mod-modal-menu .area-modal .modal-close.pc {
  display: none; }

.mod-modal-default .area-modal > .box-close,
.mod-modal-menu .area-modal > .box-close {
  padding: 40px 0 42px; }
  .mod-modal-default .area-modal > .box-close .btn-text-close,
  .mod-modal-menu .area-modal > .box-close .btn-text-close {
    font-size: 1.5rem; }

.mod-modal-nav .area-modal .modal-close {
  width: 28px;
  height: 28px;
  top: 7px;
  right: 11px; }
  .mod-modal-nav .area-modal .modal-close:before, .mod-modal-nav .area-modal .modal-close:after {
    font-size: 28px; }

.mod-modal-nav .area-modal > .box-close {
  padding: 30px 0 17px; }
  .mod-modal-nav .area-modal > .box-close .btn-text-close {
    font-size: 1.5rem; }

.mod-modal-menu .area-menu-detail {
  background-color: #ecfbf8; }

.mod-modal-menu .js-modal-carousel_indicator {
  text-align: center;
  margin-top: 30px; }

/*
# 各モジュール　インスタグラム
*/
/*
.area-instagram {
  padding: 27px $MARGIN-SP-CONTENTS-LR 18px;
  > .title {
    width: 277px;
    height: 37px;
    line-height: 37px;
    font-size: 2.1rem;
    font-weight: 700;
    > .text {
      &:before {
        top: 3px;
        font-size: 2.1rem;
        margin-right: 5px;
      }
    }
  }
}
.list-instagram {
  @include clearfix;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  font-size: 0;
  min-width: 290px;
  max-width: 520px;
  > li {
    min-width: 96px;
    min-height: 96px;
    width: 33.1%;
    height: auto;
    img {
      width: 100%;
      height: auto;
    }
    &:nth-child(1) {
      float: left;
      margin-right: 1px;
      min-width: 193px;
      min-height: 193px;
      width: 66.5%;
      height: auto;
    }
    &:nth-child(2) {
      float: right;
    }
    &:nth-child(3) {
      margin-top: 1px;
      float: right;
    }
    &:nth-child(4) {
      margin-top: 1px;
      clear: both;
      float: left;
    }
    &:nth-child(5) {
      margin-top: 1px;
      margin-left: 1px;
      float: left;
    }
    &:nth-child(6) {
      margin-top: 1px;
      margin-left: 1px;
      float: left;
    }
    &:nth-child(7) {
      margin-top: 1px;
      float: left;
    }
    &:nth-child(8) {
      margin-top: 1px;
      margin-left: 1px;
      float: right;
      min-width: 193px;
      min-height: 193px;
      width: 66.5%;
      height: auto;
    }
    &:nth-child(9) {
      margin-top: 1px;
      float: left;
    }
    &:nth-child(10),
    &:nth-child(11),
    &:nth-child(12) {
      display: none;
    }
  }
}
*/
/*
#
メニューページ 共通


*/
.area-menu > .title-mesh {
  font-weight: 500; }

.area-menu > .lead {
  color: #006450;
  /*
    &.-pink {
      color: $COLOR-ACCENT-02;
      + .menu-catalog .list-menu>li .title .main {
        color: $COLOR-ACCENT-02;
      }
    }
    */ }

.area-menu.-is-single .list-menu.grid-catalog-list > li {
  float: none;
  margin: auto; }

.area-link-onlineshop {
  text-align: center; }
  .area-link-onlineshop .title {
    text-align: left; }
    .area-link-onlineshop .title img {
      float: left; }
    .area-link-onlineshop .title .text {
      font-weight: 700; }
  .area-link-onlineshop .list-small {
    margin-top: 30px; }

/*
# モーダル
*/
.area-menu-detail {
  background-color: #ecfbf8; }

.menu-article .title-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #006450;
  font-weight: 700; }
  .menu-article .title-menu > .main {
    display: block; }
  .menu-article .title-menu > .sub {
    display: block;
    font-weight: 500; }

.menu-detail .content {
  text-align: left; }
  .menu-detail .content .wedge {
    margin: 20px auto;
    display: inline-block; }

.menu-article-set > .title {
  background: #ddf0ec;
  text-align: center;
  color: #006450; }

.menu-article-set-list > dt {
  font-weight: 700; }

.list-menu-accordion > li .menu-link-accordion > dt p {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  -webkit-font-smoothing: antialiased; }

/*
#
メニューページ SP

スマホ用 767pxまでのスタイル
*/
/*
# メニューページ　タイトル
*/
.area-menu > .title-mesh {
  min-width: 200px;
  width: auto;
  height: 50px;
  line-height: 50px;
  font-size: 1.9rem;
  margin: 30px auto 12px;
  padding: 0 15px;
  display: table; }
  .area-menu > .title-mesh.en {
    font-size: 2.1rem; }

.area-menu > .lead {
  margin: 0 15px 13px;
  font-size: 1.1rem;
  letter-spacing: .01em; }

.wrap-content .area-menu .main {
  color: #006450;
  margin: 6px 0 6px;
  font-size: 1.1rem;
  letter-spacing: .01em;
  display: block;
  text-align: left;
  font-weight: 700;
  line-height: 1.5; }

.wrap-content .area-menu .sub {
  text-align: left;
  display: block;
  font-size: 1.1rem;
  letter-spacing: .01em; }

.area-link-onlineshop {
  margin: 45px 15px 0; }
  .area-link-onlineshop .title {
    width: 225px;
    margin: 18px auto 0;
    font-size: 1.4rem;
    font-family: "Dosis";
    position: relative;
    left: 17px; }
    .area-link-onlineshop .title img {
      margin-right: 9px;
      width: 59px;
      height: auto; }
    .area-link-onlineshop .title .text {
      display: inline-block;
      position: relative;
      top: 3px; }

.menu-catalog .list-menu > li > a img {
  min-width: 320px;
  min-height: 320px; }

.menu-catalog .list-menu.grid-catalog-list-sp2 > li {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px; }
  .menu-catalog .list-menu.grid-catalog-list-sp2 > li:nth-child(2n) {
    padding-left: 7.5px; }
  .menu-catalog .list-menu.grid-catalog-list-sp2 > li:nth-child(2n+1) {
    padding-right: 7.5px; }
  .menu-catalog .list-menu.grid-catalog-list-sp2 > li:nth-child(-n+2) {
    margin-top: 0; }
  .menu-catalog .list-menu.grid-catalog-list-sp2 > li > a img {
    min-width: auto;
    min-height: auto; }

.menu-catalog .list-menu.grid-catalog-list-sp2 .js-modal-carousel_open:after {
  right: 6px;
  bottom: 7.5px;
  width: 27px;
  height: 27px;
  font-size: 23px;
  border-radius: 5px; }

.menu-catalog .list-menu.grid-catalog-list-sp2 .js-modal-carousel_open.-blank:after {
  box-sizing: border-box;
  font-size: 20px;
  padding-top: 2px; }

.list-menu-accordion > li .menu-link-accordion > dt .title {
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  letter-spacing: .06em; }

.list-menu-accordion > li:first-of-type .menu-link-accordion .btn {
  padding-top: 6px; }

.menu-link-accordion > dt {
  text-align: left;
  padding: 20px 15px 14px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #006450;
  font-family: "Dosis"; }

.menu-link-accordion .list-menu > li {
  width: 100%;
  border-bottom-width: 0; }
  .menu-link-accordion .list-menu > li > a {
    text-align: left;
    display: block;
    padding: 13px 0 12px;
    margin: 0 15px;
    border-bottom: 1px dotted #c7c7c7;
    color: #555;
    font-size: 1.2rem;
    font-weight: 500;
    position: relative;
    line-height: 1.4; }
    .menu-link-accordion .list-menu > li > a:after {
      background: #7fb1a7;
      width: 21px;
      height: 21px;
      color: #fff;
      font-size: 17px;
      line-height: 21px;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      border-radius: 4px; }
  .menu-link-accordion .list-menu > li .text,
  .menu-link-accordion .list-menu > li .en {
    display: block;
    margin-right: 65px; }
  .menu-link-accordion .list-menu > li .en {
    font-weight: 700;
    padding-top: 2px; }
  .menu-link-accordion .list-menu > li .price {
    position: absolute;
    bottom: 16px;
    right: 35px; }

.area-note {
  margin-top: 40px; }

.box-menu-info {
  margin: 28px 15px 0; }

.btn-lined {
  width: 140px;
  height: 48px;
  font-size: 1.2rem;
  line-height: 1.4; }

.btn-lined-long {
  width: 100%; }

/*
# モーダル
*/
.area-menu-detail {
  padding-top: 60px; }
  .area-menu-detail .control-arrow {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto 0; }
  .area-menu-detail .indicator {
    position: absolute;
    top: 320px;
    width: 100%;
    padding: 14px 0;
    margin-top: 0; }
    .area-menu-detail .indicator.indicator-position-top {
      top: -48px !important; }
    .area-menu-detail .indicator.indicator-position-bottom {
      top: auto !important;
      bottom: -42px; }
  .area-menu-detail .menu-article .title-menu {
    margin-top: 50px;
    display: block;
    text-align: left; }
    .area-menu-detail .menu-article .title-menu.pc {
      display: none; }
    .area-menu-detail .menu-article .title-menu .sub {
      text-align: right; }
  .area-menu-detail .menu-article figure + .content {
    margin-top: 36px; }

.menu-detail {
  position: relative; }
  .menu-detail .menu-article .title-menu {
    font-size: 1.7rem;
    padding: 0 15px 20px;
    line-height: 1.7; }
    .menu-detail .menu-article .title-menu .en {
      display: block;
      padding-top: 7px;
      line-height: 1.5; }
    .menu-detail .menu-article .title-menu .sub {
      margin-top: 5px; }
  .menu-detail .menu-article .title-simple {
    font-size: 1.2rem;
    color: #006450;
    margin-top: 50px;
    margin-bottom: 6px; }
  .menu-detail .menu-article .box-content-small {
    margin-top: 30px; }
  .menu-detail .content {
    padding: 0 15px;
    font-size: 1.1rem;
    line-height: 1.6; }
  .menu-detail .pod-link-detail {
    text-align: center;
    margin-top: 20px; }
  .menu-detail .pod-link-btn {
    text-align: center;
    margin-top: 28px; }
    .menu-detail .pod-link-btn .btn-lined {
      margin-right: auto;
      margin-left: auto; }

.menu-article-set {
  margin-top: 12px; }
  .menu-article-set > .title {
    padding: 6px 0; }

.menu-article-set-list {
  font-size: 1.1rem; }
  .menu-article-set-list > dt {
    margin-top: 20px; }

.menu-catalog .list-menu--drink {
  padding-bottom: 15px; }
  .menu-catalog .list-menu--drink.grid-catalog-list-sp2 > li {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px; }
    .menu-catalog .list-menu--drink.grid-catalog-list-sp2 > li:nth-child(2n) {
      padding-left: 7.5px; }
    .menu-catalog .list-menu--drink.grid-catalog-list-sp2 > li:nth-child(2n + 1) {
      padding-right: 7.5px; }
  .menu-catalog .list-menu--drink.grid-catalog-list-sp2 .js-modal-carousel_open:after {
    right: 6px;
    bottom: 7.5px;
    width: 27px;
    height: 27px;
    font-size: 23px;
    border-radius: 5px; }

.title-menu-child {
  text-align: center;
  color: #006450;
  margin: 40px auto 25px;
  letter-spacing: .06em;
  font-weight: 700;
  font-size: 1.6rem; }

/*
#
一覧ページ用ファイル

記事一覧ページなどで使用 L_01, R_-1
*/
/*
# 各モジュール　記事リスト
*/
.panel-article .link-article {
  display: block; }

.box-block-line {
  border: 1px solid #006450; }

.area-article-tags {
  background: #f4f3ed; }
  .area-article-tags > .box-articles:after {
    content: "";
    display: table;
    clear: both; }

.box-tagpanel {
  margin: 0 auto;
  text-align: center; }
  .box-tagpanel .link-tag-panel {
    position: relative;
    display: block; }
    .box-tagpanel .link-tag-panel:last-child {
      margin-bottom: 0; }
    .box-tagpanel .link-tag-panel:after {
      content: "";
      display: block;
      position: absolute;
      top: 0; }
    .box-tagpanel .link-tag-panel .text,
    .box-tagpanel .link-tag-panel .tag {
      position: absolute;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1; }
    .box-tagpanel .link-tag-panel .text {
      display: inline-block;
      height: 1em;
      color: #fff;
      font-weight: 700; }

.panel-article-minimum {
  float: left; }
  .panel-article-minimum:nth-of-type(3n+1) {
    margin-left: 0;
    clear: both; }
  .panel-article-minimum .link-article {
    display: block; }
    .panel-article-minimum .link-article img {
      width: 100%; }
  .panel-article-minimum .title {
    font-weight: 400;
    display: -webkit-box;
    max-height: 4.5em;
    -webkit-line-clamp: 3;
    overflow: hidden; }

.area-brand {
  text-align: center;
  margin-right: auto;
  margin-left: auto; }
  .area-brand.area-brand-reverse {
    background: #f4f3ed; }

.link-brand:hover {
  opacity: 0.7; }

.area-article-panel:after {
  content: "";
  display: table;
  clear: both; }

.area-article-panel .l-content {
  text-align: left; }

.area-pickup {
  background: #f4f3ed;
  text-align: center; }
  .area-pickup.area-pickup-reverse {
    background: transparent; }

.area-list-text {
  text-align: center; }

/*
# 記事リスト
*/
.list-articles:after {
  content: "";
  display: table;
  clear: both; }

.list-articles .img-eyecatch img {
  border: 2px solid #006450; }

.link-article {
  color: #006450; }
  .link-article:hover {
    color: #4c9284; }
    .link-article:hover .img-eyecatch {
      opacity: 0.7; }

html.tearoom .area-teaforpeace {
  background: #f4f3ed; }

html.tearoom .area-article-tags {
  background: transparent; }

html.tearoom .area-brand {
  background: #f4f3ed; }

html.tearoom .area-pickup {
  background: transparent; }

/*
#
一覧ページ用ファイル

記事一覧ページなどで使用
*/
/*
# 各モジュール　記事リスト
*/
.area-articles {
  margin-top: 30px; }

.area-articles-main .panel-article,
.area-articles-index .panel-article {
  position: relative; }

.area-articles-main .link-article.title[target="_blank"] > .title,
.area-articles-index .link-article.title[target="_blank"] > .title {
  text-indent: 1.4em;
  position: relative; }
  .area-articles-main .link-article.title[target="_blank"] > .title:after,
  .area-articles-index .link-article.title[target="_blank"] > .title:after {
    font-size: 1em;
    line-height: 1;
    width: 1em;
    height: 1em;
    position: absolute;
    top: .33em;
    left: -1.4em; }

.panel-article {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start; }
  .panel-article:first-child {
    margin-top: 0; }
  .panel-article .link-article {
    width: 100%; }
    .panel-article .link-article.img {
      -ms-flex-order: 1;
          order: 1; }
    .panel-article .link-article.title {
      -ms-flex-order: 3;
          order: 3;
      padding: 10px 15px 0; }
      .panel-article .link-article.title .title {
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 1.5;
        display: -webkit-box;
        max-height: 3.2em;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .panel-article .link-article.title .text {
        margin-top: 8px;
        letter-spacing: .115em;
        line-height: 1.6;
        display: -webkit-box;
        max-height: 3.5em;
        -webkit-line-clamp: 2;
        overflow: hidden; }
  .panel-article .l-content {
    width: 100%;
    -ms-flex-order: 2;
        order: 2;
    padding: 9px 15px 0; }
  .panel-article .img-eyecatch {
    font-size: 0;
    line-height: 0; }
    .panel-article .img-eyecatch img {
      width: 100%;
      height: auto; }
  .panel-article .box-info:after {
    content: "";
    display: table;
    clear: both; }
  .panel-article .pod-date {
    margin-top: 8px;
    float: right; }
  .panel-article .pod-tag {
    min-height: 22px;
    font-size: 0; }
  .panel-article .tag {
    margin-top: 6px;
    margin-right: 6px; }
  .panel-article time {
    font-weight: 700;
    color: #006450; }

.box-articles-small {
  margin-top: 20px; }

.panel-article-small,
.link-article-small {
  margin: 0 auto;
  position: relative;
  background-color: #f5f5f5; }
  .panel-article-small:after,
  .link-article-small:after {
    content: "";
    display: table;
    clear: both; }
  .panel-article-small:nth-child(2n+1) .link-article.img,
  .link-article-small:nth-child(2n+1) .link-article.img {
    float: left; }
  .panel-article-small:nth-child(2n+1) .link-article.title,
  .link-article-small:nth-child(2n+1) .link-article.title {
    float: right; }
  .panel-article-small:nth-child(2n+1) .l-content,
  .link-article-small:nth-child(2n+1) .l-content {
    float: right; }
  .panel-article-small:nth-child(2n) .link-article.img,
  .link-article-small:nth-child(2n) .link-article.img {
    float: right; }
  .panel-article-small:nth-child(2n) .link-article.title,
  .link-article-small:nth-child(2n) .link-article.title {
    float: left; }
  .panel-article-small:nth-child(2n) .l-content,
  .link-article-small:nth-child(2n) .l-content {
    float: left; }
  .panel-article-small .link-article,
  .link-article-small .link-article {
    width: 50%;
    display: block; }
    .panel-article-small .link-article.img,
    .link-article-small .link-article.img {
      font-size: 0; }
      .panel-article-small .link-article.img img,
      .link-article-small .link-article.img img {
        width: 100%;
        height: auto; }
    .panel-article-small .link-article .title,
    .link-article-small .link-article .title {
      margin: 50px 15px 0;
      font-weight: 500;
      font-size: 1.4rem;
      display: -webkit-box;
      max-height: 4.5em;
      -webkit-line-clamp: 3;
      overflow: hidden; }
  .panel-article-small .l-content,
  .link-article-small .l-content {
    position: static;
    width: 50%; }
  .panel-article-small .tag-m,
  .link-article-small .tag-m {
    width: 133px;
    padding-right: 0;
    padding-left: 0; }
  .panel-article-small .pod-tag,
  .link-article-small .pod-tag {
    position: absolute;
    top: 20px;
    margin-left: 15px; }
  .panel-article-small .pod-date,
  .link-article-small .pod-date {
    display: block;
    width: 50%;
    text-align: right;
    position: absolute;
    bottom: 12px;
    padding-right: 15px;
    font-weight: 700;
    color: #006450; }

.area-articles-reccomend-404 {
  background: white;
  padding-top: 30px;
  padding-bottom: 45px;
  margin-top: 10px;
  margin-bottom: 30px; }
  .area-articles-reccomend-404 > .title {
    font-size: 1.4rem;
    font-weight: 500; }
  .area-articles-reccomend-404 > .area-articles-main {
    margin-top: 30px;
    padding: 0 10px; }
    .area-articles-reccomend-404 > .area-articles-main .box-articles .panel-article-small {
      text-align: left; }
      .area-articles-reccomend-404 > .area-articles-main .box-articles .panel-article-small .pod-tag {
        margin-left: 10px; }

.area-link-more {
  text-align: center;
  margin-top: 30px; }
  .area-link-more .wedge i {
    padding-left: 16px; }

.area-article-tags {
  margin-top: 30px;
  padding: 30px 15px 0; }
  .area-article-tags .box-articles {
    margin-bottom: 8px;
    width: 290px;
    margin: 0 auto; }
    .area-article-tags .box-articles:after {
      content: "";
      display: table;
      clear: both; }
    .area-article-tags .box-articles > .title {
      font-size: 1.4rem;
      text-align: center;
      margin-bottom: 19px;
      margin-left: -10px; }

.box-category-panel {
  text-align: center;
  margin-top: 42px; }

.box-tagpanel {
  padding-bottom: 15px;
  width: 290px; }
  .box-tagpanel .link-tag-panel {
    width: 290px;
    height: 145px;
    margin: 0 auto 15px; }
    .box-tagpanel .link-tag-panel img {
      width: 100%;
      height: auto; }
    .box-tagpanel .link-tag-panel:after {
      background: rgba(0, 100, 80, 0.2) url("/media/images/parts/bg-mesh-sp.png") repeat 0 0;
      width: 290px;
      height: 145px; }
    .box-tagpanel .link-tag-panel .text {
      font-size: 1.5rem; }

.panel-article-minimum {
  margin-left: 10px;
  margin-bottom: 28px;
  min-width: 90px;
  width: 31%; }
  .panel-article-minimum .img-eyecatch {
    margin-bottom: 3px; }
  .panel-article-minimum .title {
    font-size: 1.1rem;
    letter-spacing: .01rem; }

.area-brand {
  margin-top: 45px;
  width: 320px; }
  .area-brand > .title {
    width: 150px; }
  .area-brand > .l-wrap.-second .list-link-brand {
    margin-bottom: 0; }
  .area-brand.area-brand-reverse {
    margin-top: 0;
    padding: 30px 15px 45px;
    width: 100%; }

.list-link-brand {
  margin-bottom: 22px; }
  .list-link-brand a {
    display: inline-block;
    margin-top: 12px; }
    .list-link-brand a:first-of-type {
      display: inline-block;
      margin-top: 0; }

.area-pickup {
  margin: 30px 0 0;
  padding: 30px 15px 45px; }
  .area-pickup .area-article-panel {
    margin-top: 10px; }
    .area-pickup .area-article-panel:first-of-type {
      margin-top: 0; }
  .area-pickup > .l-wrap {
    padding-right: 0;
    padding-left: 0; }
  .area-pickup .wedge {
    margin-top: 30px; }
  .area-pickup.area-pickup-reverse {
    margin-top: 0;
    padding-bottom: 0; }

.area-service {
  margin-top: 45px; }
  .area-service > .title-mesh {
    width: 200px; }
  .area-service .area-article-panel {
    margin-top: 15px; }
    .area-service .area-article-panel:first-child {
      margin-top: 0; }

.area-list-text {
  margin-top: 40px;
  padding: 0 15px; }
  .area-list-text > .title {
    margin-bottom: 10px; }

.area-event-notice {
  margin-top: 30px;
  padding: 0 15px; }
  .area-event-notice .box-block-line {
    margin-top: 16px; }

/*
# インデックスページ
*/
.area-articles-index .panel-article-empty.pc {
  display: none; }

.panel-article-tags .tag-short {
  margin-right: 20px; }

.area-list-articles > .l-box {
  margin-top: 20px;
  text-align: left; }
  .area-list-articles > .l-box:first-of-type {
    margin-top: 30px; }

.area-list-articles > .l-column-2 {
  display: block; }

.panel-article.link-article-large > .l-content {
  margin-left: 0; }

.link-article-large {
  text-align: left; }

.area-list-articles .link-article-small {
  width: 100%;
  max-width: 100%;
  display: block; }
  .area-list-articles .link-article-small.l-column-sub {
    margin-top: 0; }
  .area-list-articles .link-article-small > .link-article {
    padding: 0; }
    .area-list-articles .link-article-small > .link-article.title {
      padding: 0; }
      .area-list-articles .link-article-small > .link-article.title .title {
        margin-top: 33px;
        font-size: 1.4rem;
        display: -webkit-box;
        max-height: 4.5em;
        -webkit-line-clamp: 3;
        overflow: hidden; }
  .area-list-articles .link-article-small > .pod-tag {
    position: relative;
    margin-left: 0; }
    .area-list-articles .link-article-small > .pod-tag .tag {
      margin-left: 15px; }

html.tearoom .area-teaforpeace {
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px; }
  html.tearoom .area-teaforpeace > .l-wrap {
    padding-bottom: 30px; }

html.tearoom .area-article-tags {
  margin-top: 0; }

html.tearoom .area-brand {
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px; }

html.tearoom .area-pickup {
  margin-top: 0;
  padding-bottom: 0; }

/*
#
ブランド関連ページ L_XX R_XX
 
scssでPC/SP双方でインクルードするファイル
*/
/* 
# ブランドトップ
*/
.area-lead-brand .l-content {
  text-align: center; }
  .area-lead-brand .l-content > .text {
    text-align: left; }

/* 
# ブランド パネルリンク
*/
.link-panel-brand {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .link-panel-brand a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center;
    vertical-align: middle;
    background: #f5f5f5;
    position: relative; }
    .link-panel-brand a:after {
      position: absolute;
      color: #afafaf; }
    .link-panel-brand a:hover img, .link-panel-brand a:hover:after {
      opacity: 0.7; }
    .link-panel-brand a.current {
      background: #e1e1e1;
      box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1) inset; }
      .link-panel-brand a.current:hover:after {
        transform: translateY(-4px); }

/* 
# 各ページ Gift&LIVING
*/
.badge {
  background: #ddf0ec;
  text-align: left;
  display: block; }
  .badge:after {
    content: "";
    display: table;
    clear: both; }
  .badge .title {
    font-weight: 500;
    color: #006450;
    letter-spacing: .05em; }
    .badge .title.en {
      font-family: "Dosis";
      color: #006450; }
  .badge .text {
    color: #555; }
  .badge img {
    height: auto;
    float: right; }
  .badge:hover {
    opacity: 0.7; }

.area-link-menu {
  background-color: #ededed;
  text-align: center; }

/* 
# GIFT L_04
*/
.box-text-img {
  text-align: left; }
  .box-text-img:after {
    content: "";
    display: table;
    clear: both; }
  .box-text-img > .img-symbol {
    float: right; }

/*
#
SP ブランド関連ページ L_XX R_XX

スマホ用 767pxまでのスタイル
*/
/*
# ブランドトップ
*/
.area-lead-brand .l-content {
  margin-top: 28px; }
  .area-lead-brand .l-content > .text {
    margin: 0 15px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: .118rem; }

.area-lead-brand .wedge {
  margin-top: 26px; }

.area-article-movie {
  margin: 30px auto 0;
  text-align: center; }
  .area-article-movie > .l-wrap {
    margin-top: 30px; }
  .area-article-movie .anniversary-movie {
    width: 290px;
    margin: 0 auto 15px; }

/*
# イベント＆キャンペーン
*/
.area-articles-tag > .title-mesh {
  width: 200px; }
  .area-articles-tag > .title-mesh.title-mesh-wide {
    width: auto; }

.area-articles-tag .area-article {
  margin-top: 18px; }
  .area-articles-tag .area-article:first-of-type {
    margin-top: 32px; }

.area-articles-tag .l-content {
  margin-left: 136px; }

.area-link-more {
  text-align: center; }

/*
# ブランド パネルリンク
*/
.link-panel-brand {
  margin-top: 60px;
  background: #f5f5f5; }
  .link-panel-brand a {
    width: 50%;
    height: 120px; }
    .link-panel-brand a:nth-child(1), .link-panel-brand a:nth-child(4), .link-panel-brand a:nth-child(5) {
      background: #ededed; }
    .link-panel-brand a:after {
      bottom: 14px;
      font-size: 14px;
      margin-right: auto;
      margin-left: auto;
      right: 0;
      left: 0; }
    .link-panel-brand a img {
      margin-top: -4px; }
    .link-panel-brand a.teastand img {
      margin-top: -13px; }

/*
# 各ページ Home&LIVING
*/
.home_living .area-lead-brand .l-content > .title img {
  width: 164px;
  height: auto; }

.home_living .area-lead-brand .l-content > .text {
  margin-top: 18px; }

/*
# 各ページ Gift&LIVING
*/
.gift_living .area-lead-brand .l-content > .title img {
  width: 192px;
  height: auto;
  margin-top: -1px; }

.gift_living .area-lead-brand .l-content > .text {
  margin-top: 10px; }

.badge {
  margin: 25px 15px 0;
  padding: 10px 15px 15px; }
  .badge > .title {
    font-size: 1.9rem;
    margin-top: 10px; }
    .badge > .title.en {
      font-size: 2.1rem; }
  .badge > .text {
    font-size: 1.2rem;
    margin-top: 4px;
    line-height: 1.6;
    letter-spacing: 0; }
  .badge > img {
    width: 70px;
    margin-left: 10px;
    margin-top: 4px; }

/*
# 各ページ bakery
*/
.bakery .area-lead-brand .l-content > .title img {
  width: 164px;
  height: auto; }

.bakery .area-lead-brand .l-content > .text {
  margin-top: 18px; }

/*
# 各ページ TEASTAND
*/
.teastand .area-lead-brand .l-content > .title img {
  margin-top: -2px;
  width: 146px;
  height: auto; }

.teastand .area-lead-brand .l-content > .text {
  margin-top: 18px; }

/*
# 各ページ LOVE&TABLE
*/
.love_table .area-lead-brand .l-content > .title img {
  width: 185px;
  height: auto; }

.love_table .area-lead-brand .l-content > .text {
  margin-top: 10px; }

.area-follow-insta {
  background: #f4f3ed;
  padding: 5px 15px 23px;
  color: #2e6451;
  font-size: 14px;
  overflow: hidden;
  position: relative; }
  .area-follow-insta > .title {
    font-size: 23px;
    font-family: "Dosis";
    font-weight: 700;
    letter-spacing: 0; }
    .area-follow-insta > .title .icon-instagram, .area-follow-insta > .title .link-indtagram > i, .area-follow-insta > .title .link-twitter > i {
      margin-left: -20px;
      margin-right: 5px; }
      .area-follow-insta > .title .icon-instagram:before, .area-follow-insta > .title .link-indtagram > i:before, .area-follow-insta > .title .link-twitter > i:before {
        font-size: 42px;
        vertical-align: -13px; }
  .area-follow-insta .img {
    float: right;
    width: 84px;
    height: auto;
    margin-top: 10px; }
  .area-follow-insta .text {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0;
    margin-top: 0;
    line-height: 1.7;
    font-weight: 500; }
  .area-follow-insta .link-text {
    color: #2e6451;
    margin-top: 10px;
    display: inline-block; }
  .area-follow-insta .sp-5-none {
    display: none; }

.area-link-menu {
  margin-top: 24px;
  padding: 30px 0; }
  .area-link-menu > .wedge-menu {
    margin-right: 10px;
    margin-bottom: 30px; }
    .area-link-menu > .wedge-menu:last-child {
      margin-bottom: 0; }

/*
# GIFT L_04
*/
.area-lead-simple {
  padding-top: 20px;
  padding-right: 15px;
  padding-left: 15px; }
  .area-lead-simple > .lead {
    margin-top: 16px;
    line-height: 1.9; }

.box-text-img {
  padding-top: 0; }
  .box-text-img > .text {
    letter-spacing: 0;
    line-height: 1.6;
    font-size: 1.2rem; }
  .box-text-img.box-text-middle {
    margin: 0 auto; }
    .box-text-img.box-text-middle .img-symbol {
      width: 95px;
      height: auto; }

.area-lead-gift {
  padding-top: 36px;
  padding-left: 15px;
  padding-right: 0; }
  .area-lead-gift > .title {
    font-size: 1.9rem;
    letter-spacing: 0; }
  .area-lead-gift .box-text-img.box-text-middle > .text {
    padding-top: 20px; }
  .area-lead-gift .box-text-img.box-text-middle .img-symbol {
    margin: -2px 15px 0 10px; }
  .area-lead-gift + .area-articles-tag {
    margin-top: 26px; }

.area-info-brand {
  text-align: center;
  margin: 28px 15px 0; }
  .area-info-brand .title img {
    width: 215px;
    height: auto;
    margin-left: -18px; }
  .area-info-brand .text {
    text-align: left;
    margin-top: 12px;
    font-size: 1.2rem;
    line-height: 1.65;
    letter-spacing: .05rem; }
  .area-info-brand + .area-shoplist {
    margin-top: 26px; }

/*
#
扉ページ 共通
scssでPC/SP双方でインクルードするファイル
*/
.shop-header-map {
  background-color: #ededed;
  color: #006450; }
  .shop-header-map .shop-header_inner {
    text-align: center; }

.shop-header {
  background: #006450;
  color: #fff;
  text-align: center; }

.shop-header_title {
  font-weight: 500;
  letter-spacing: 0; }

.shop-header_inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .shop-header_inner .shop-header_place {
    width: 122px; }
  .shop-header_inner .shop-header_icon {
    width: 122px; }

.shop-section_header {
  text-align: center;
  color: #006450; }

.shop-section_title {
  position: relative;
  letter-spacing: 0; }
  .shop-section_title::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0; }
  .shop-section_title .-text {
    background: #fff;
    display: block;
    width: fit-content;
    margin: auto;
    position: relative;
    padding: 0 24px; }

.shop-btn-map {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  background: #006450;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0; }
  .shop-btn-map .shop-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 1em;
    line-height: 1; }
    .shop-btn-map .shop-icon:before {
      transition-duration: 0.2s;
      color: white; }
  .shop-btn-map:hover {
    opacity: 0.7; }
    .shop-btn-map:hover .shop-icon:before {
      transform: translateX(4px); }

.shop-btn-search {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  border: #006450 2px solid;
  box-sizing: border-box; }
  .shop-btn-search .shop-icon {
    background: #006450;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .shop-btn-search .shop-icon::before {
      color: #fff; }
  .shop-btn-search .shop-btn-search_input {
    font-weight: 500;
    width: 100%;
    height: 100%;
    outline: 0;
    background-color: #fff; }
    .shop-btn-search .shop-btn-search_input:-ms-input-placeholder {
      color: #b2b2b2; }
    .shop-btn-search .shop-btn-search_input::placeholder {
      color: #b2b2b2; }

.box-link-pref {
  margin-inline: auto; }
  .box-link-pref .link-text {
    letter-spacing: 0;
    font-weight: 500;
    display: inline-block; }

.shop-subsection {
  margin-inline: auto; }

.shop-subtitle {
  font-weight: 500;
  text-align: center;
  color: #006450;
  background: #ededed;
  letter-spacing: 0; }

.card-brand {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #f5f5f5; }

.card-brand_logo {
  position: relative;
  text-align: center; }
  .card-brand_logo .shop-icon {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: 1em;
    line-height: 1; }

.card-brand_text {
  font-weight: 500;
  color: #555;
  letter-spacing: 0; }

/*
#
店舗検索ページ 共通

scssでPC/SP双方でインクルードするファイル
*/
/*
# 各モジュール　ショップ検索
*/
.shop-narrow .shop-narrow_title,
.shop-narrow .pod-control {
  background-color: #f5f5f5; }

.shop-search-header {
  background-color: #ededed;
  border-bottom: #006450 1px solid;
  color: #006450; }
  .shop-search-header .shop-header_main {
    text-align: center; }

.shop-narrow_title {
  text-align: center;
  font-weight: 500;
  text-align: center;
  color: #006450;
  letter-spacing: 0; }

.shop-list-pref .pod-control .control {
  font-weight: 500; }

.shop-list-map > .area-column > .title {
  background-color: #ededed;
  border-bottom: #006450 1px solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.shop-narrow_hits {
  text-align: center;
  font-weight: 500;
  color: #006450;
  letter-spacing: 0; }

.shop-heading .body .name-main {
  display: inline-block; }

.shop-heading .body .name-sub {
  display: inline-block; }

label.control {
  position: relative;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0; }
  label.control > span {
    display: inline-block;
    vertical-align: top; }
  label.control > input {
    visibility: hidden; }
    label.control > input:checked + span:before {
      display: block; }
  label.control:before {
    content: "";
    display: inline-block;
    border-radius: 2px;
    background: #fff; }

.pod-control label.control {
  color: #006450; }
  .pod-control label.control:before {
    background: #fff; }

.box-search_hits {
  background-color: #006450;
  color: #fff;
  font-weight: 500; }

/*
# 各モジュール　地図
*/
.box-map {
  position: relative; }
  .box-map iframe {
    z-index: -1; }
  .box-map .mod-map {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5) inset;
    position: relative; }

/*
# 各モジュール　ショップ詳細検索
*/
.area-map .area-result {
  background-color: #f4f3ed;
  margin: 0;
  padding: 0;
  position: relative; }
  .area-map .area-result > .title {
    position: relative;
    background: #006450;
    color: #fff;
    text-align: center; }

.area-map .box-close {
  text-align: center; }

.area-map .area-control {
  background-color: #f5f5f5; }

.area-map .area-map-shoplist {
  background-color: #fff; }

.list-result:after {
  content: "";
  display: table;
  clear: both; }

.list-result > dt {
  font-family: "Dosis";
  font-weight: 700;
  color: #006450;
  float: left; }

/*
#ショップ詳細ページ
*/
.shop-detail .pod-link {
  background-color: #ededed; }

.area-shop_detail .box-shop_detail {
  background-color: #ededed; }

/*
# リスト
*/
.js-shops-lists .box-shop.-hide {
  display: none !important; }

.js-shops-lists.-hide {
  display: none !important; }

.js-shops-empty.-hide {
  display: none !important; }

.area-list > .title {
  color: #006450;
  text-align: center; }

.area-list .link-back {
  font-size: 1.1rem; }

.list-detail > dt {
  color: #006450;
  font-weight: 700;
  float: left; }

.list-shop_info {
  display: table;
  width: 100%; }
  .list-shop_info > dt {
    display: table-cell;
    background: #afafaf;
    vertical-align: middle;
    color: #fff;
    font-weight: 700; }
  .list-shop_info > dd {
    display: table-cell;
    background-color: #fff; }

/*
#
SP 店舗共通
スマホ用 767pxまでのスタイル
*/
.shop-header {
  padding: 46px 0 30px; }

.shop-header_title {
  font-size: 1.7rem; }

.shop-header_inner .shop-header_place {
  width: 65px; }

.shop-header_inner .shop-header_icon {
  width: 65px;
  margin-top: -11px;
  padding-left: 10px; }
  .shop-header_inner .shop-header_icon img {
    width: 64.15px;
    height: 39.03px; }
    .shop-list-map .shop-header_inner .shop-header_icon img {
      margin-left: 17px; }

.shop-header_inner + .shop-small {
  margin-top: 6px;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.47; }

.shop-list-map > .area-column {
  width: 100%;
  display: block; }
  .shop-list-map > .area-column > .title {
    height: 109px; }

.shop-section {
  margin-top: 30.7px; }

.shop-section_title {
  font-size: 1.7rem; }
  .shop-section_title::before {
    transform: translateY(3px); }
  .shop-section_title .-text {
    padding: 0 9px; }

.shop-section_body {
  padding: 16px 15px 0; }

.shop-btnarea {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.shop-btn-map {
  font-size: 1.2rem;
  padding: 11px 0; }
  .shop-btn-map .shop-marker {
    width: 22px;
    height: 26px;
    margin-right: 8px;
    margin-left: -1px; }
  .shop-btn-map .shop-icon {
    right: 9px;
    font-size: 20px; }
  .shop-btn-map + .shop-btn-search {
    margin-top: 16px; }

.shop-btn-search {
  height: 42px;
  border-width: 1px; }
  .shop-btn-search .shop-icon {
    cursor: pointer;
    width: 48px;
    font-size: 16px; }
    .shop-btn-search .shop-icon::before {
      margin-left: 3px; }
  .shop-btn-search .shop-btn-search_input {
    padding: 0 14px;
    font-size: 1.2rem; }

.shop-map .shop-section_icon {
  width: 40.84px;
  height: 30px; }

.shop-pref .shop-section_header .shop-section_icon {
  width: 39.94px;
  height: 33.15px; }

.shop-pref .shop-subsection {
  margin-top: 9px; }
  .shop-pref .shop-subsection .shop-subtitle {
    font-size: 1.5rem;
    padding: 10px 0; }

.box-link-pref {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 15px; }
  .box-link-pref .link-text {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-block: 0 15px; }
    .box-link-pref .link-text > i::after {
      margin-left: 0.1em;
      margin-top: -0.18em; }
    .box-link-pref .link-text:nth-child(3n+1) {
      width: 38.2%; }
    .box-link-pref .link-text:nth-child(3n+2) {
      width: 33.8%; }
    .box-link-pref .link-text:nth-child(3n) {
      width: 28%; }

.box-link-inpage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 31px;
  margin-inline: 16px; }
  .box-link-inpage .link-text {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-block: 0 12px; }
    .box-link-inpage .link-text > i::after {
      margin-left: 0.1em;
      margin-top: -0.18em; }
    .box-link-inpage .link-text:nth-child(3n+1) {
      width: 38.2%; }
    .box-link-inpage .link-text:nth-child(3n+2) {
      width: 33.8%; }
    .box-link-inpage .link-text:nth-child(3n) {
      width: 28%; }
    .box-link-inpage .link-text.link-like-control {
      margin-right: 0; }
      .box-link-inpage .link-text.link-like-control > i {
        padding: 0 0 0 19px; }
        .box-link-inpage .link-text.link-like-control > i::after {
          top: 0;
          bottom: 0;
          margin: auto 0; }

.shop-narrow {
  margin-top: 18px;
  margin-bottom: 25px; }
  .shop-narrow .pod-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px 14px 8px; }
    .shop-narrow .pod-control .control {
      margin-top: 0;
      margin-bottom: 8px;
      font-size: 1.1rem; }
      .shop-narrow .pod-control .control::before {
        margin-right: -1px;
        width: 18px;
        height: 18px;
        top: 1px;
        position: relative; }
      .shop-narrow .pod-control .control > input + span:before {
        font-size: 10px;
        margin-left: 4px;
        margin-top: 0; }
      .shop-narrow .pod-control .control:nth-child(3n+1) {
        width: 30.5%; }
      .shop-narrow .pod-control .control:nth-child(3n+2) {
        width: 38%; }
      .shop-narrow .pod-control .control:nth-child(3n) {
        width: 31.5%; }

.shop-narrow_title {
  font-size: 1.2rem;
  padding-top: 18px; }

.shop-narrow_hits {
  font-size: 1rem;
  margin-top: 12px; }

.area-shop-area {
  margin-top: 43px; }
  .area-shop-area ~ .area-shop-area {
    margin-top: 55px; }
  .area-shop-area > .list-shop-addition {
    margin-top: 25px; }
  .area-shop-area .title-mesh {
    font-size: 1.4rem;
    padding: 7px 10px;
    min-height: 35px; }

.list-shop-addition {
  text-align: left; }

.shoplist-empty {
  font-weight: 500;
  font-size: 1.1rem;
  text-align: center;
  color: #006450;
  margin-top: 24px; }

.links-card-brand {
  margin-top: 4px; }

.card-brand {
  padding: 15px 24px 16px;
  margin-bottom: 4px; }
  .card-brand.card-brand-line {
    margin-top: 0;
    padding-top: 36px; }
    .card-brand.card-brand-line .card-brand_logo .shop-icon {
      transform: translateY(-3px); }
    .card-brand.card-brand-line .card-brand_logo + .card-brand_body {
      margin-top: 19px; }

.card-brand_img {
  width: 136.03px; }

.card-brand_logo .shop-icon {
  font-size: 18px;
  right: -7px;
  transform: translateY(-1px); }

.card-brand_logo + .card-brand_body {
  margin-top: 6px; }

.card-brand_text {
  font-size: 1.2rem;
  line-height: 18px;
  margin-top: 6px; }

/*
#
SP 店舗検索ページ
 
スマホ用 767pxまでのスタイル
*/
.shop-search-header {
  padding-bottom: 29px; }
  .shop-search-header .area-link-back {
    padding: 11px 0 0 11px; }
    .shop-search-header .area-link-back .link-text {
      font-weight: 500;
      font-size: 1rem; }
  .shop-search-header .shop-header_inner {
    margin-top: 17px; }
    .shop-search-header .shop-header_inner .shop-header_icon {
      margin-top: -15px;
      padding-left: 7px; }
      .shop-search-header .shop-header_inner .shop-header_icon .shop-section_icon {
        width: 67px;
        height: 41px; }
  .shop-search-header .shop-small {
    margin-top: 8px;
    text-align: center; }

html.english .shop-search-header {
  padding-top: 25px;
  padding-bottom: 34px; }

html.english .shop-list-map .shop-header_icon img {
  margin-left: 17px;
  margin-top: 3px; }

/* 
# 各モジュール　ショップ検索
*/
label.control {
  height: 21px;
  line-height: 21px;
  display: block;
  margin-top: 17px;
  font-size: 1.2rem;
  white-space: nowrap; }
  label.control:first-child {
    margin-top: 13px; }
  label.control > input {
    margin-right: 2px;
    width: 1px; }
    label.control > input + span:before {
      font-size: 12px;
      margin-left: 4px;
      margin-top: 1px; }
  label.control:before {
    background: #fff;
    width: 21px;
    height: 21px; }

.area-control {
  position: relative; }

.area-map .area-control {
  position: relative;
  z-index: 1; }
  .area-map .area-control:after {
    content: "";
    display: table;
    clear: both; }
  .area-map .area-control .shop-btn-search {
    height: 42px;
    width: 100%;
    border-width: 1px; }
    .area-map .area-control .shop-btn-search .shop-btn-search_input {
      font-size: 1.3rem;
      padding: 0 13px; }
    .area-map .area-control .shop-btn-search .shop-icon {
      width: 48px; }
      .area-map .area-control .shop-btn-search .shop-icon::before {
        font-size: 15px; }
  .area-map .area-control .control-title img {
    width: 20px;
    height: auto; }
  .area-map .area-control .control-living {
    width: 50%;
    float: left;
    padding: 17px 0 0 15px; }
  .area-map .area-control .box-control {
    padding: 15px 15px 0; }
  .area-map .area-control .box-close {
    text-align: right;
    margin-right: 14px;
    margin-top: 2px;
    padding-bottom: 15px; }
    .area-map .area-control .box-close .btn-text-close {
      color: #555;
      font-size: 11px; }
      .area-map .area-control .box-close .btn-text-close::after {
        color: #555;
        font-size: 9px;
        margin-left: 5px; }

.area-map .pod-control {
  margin-top: 14px; }
  .area-map .pod-control .control {
    display: inline-block;
    margin: 0 0 8px 0;
    font-size: 1.1rem; }
    .area-map .pod-control .control span {
      margin-left: -6px; }
    .area-map .pod-control .control:nth-child(3n+1) {
      min-width: 29.5%; }
    .area-map .pod-control .control:nth-child(3n+2) {
      min-width: 35.5%; }
    .area-map .pod-control .control:nth-child(3n) {
      min-width: 31%; }
    .area-map .pod-control .control.-long {
      width: 42%;
      max-width: 162px; }
      html.english .area-map .pod-control .control.-long {
        min-width: 29.5%;
        width: 29.5%; }

.area-map .box-map:after {
  content: "";
  display: block;
  height: 1px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: absolute;
  top: -1px;
  left: 1px; }

.area-map .box-map + .area-map-shoplist {
  margin-top: 8px; }

.box-search_hits {
  font-size: 1rem;
  padding: 7px 0;
  letter-spacing: 0;
  text-align: center; }

/* 
# ショップ検索
*/
.shop-heading {
  padding: 15px 25px 15px 14px; }
  .shop-heading:after {
    content: "";
    display: table;
    clear: both; }

.list-shop {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); }
  .list-shop .shop-heading::before {
    font-size: 20px;
    right: 4px; }
  .list-shop .shop-heading .marker {
    height: 44px; }
    .list-shop .shop-heading .marker .img {
      width: 22px;
      height: 28px; }
    .list-shop .shop-heading .marker .text {
      margin-top: 2px;
      font-size: .9rem; }
    .list-shop .shop-heading .marker .unit {
      font-size: .7rem; }
  .list-shop .shop-heading .body {
    margin-left: 40px;
    padding: 0; }
    .list-shop .shop-heading .body .name {
      font-size: 1.2rem;
      font-weight: 500;
      letter-spacing: 0; }
    .list-shop .shop-heading .body .info + .name {
      margin-top: 6px; }
    .list-shop .shop-heading .body .label-simple, .list-shop .shop-heading .body .label-simple--red, .list-shop .shop-heading .body .label-simple--gray {
      margin: 0 9px 0 0;
      font-size: .9rem;
      padding: 4px 6px;
      line-height: 1; }
      .list-shop .shop-heading .body .label-simple > i, .list-shop .shop-heading .body .label-simple--red > i, .list-shop .shop-heading .body .label-simple--gray > i {
        letter-spacing: 0;
        font-weight: 500; }
    .list-shop .shop-heading .body .address {
      font-size: 1rem;
      letter-spacing: 0; }
  .list-shop .box-shop {
    margin-block: 4px 0; }
    .list-shop .box-shop:first-child {
      margin-block: 0 0; }
  .list-shop .box-label {
    margin-top: 2px; }
    .list-shop .box-label .label-notice {
      position: relative;
      color: #006450;
      background-color: transparent;
      font-size: 1rem;
      padding: 0;
      letter-spacing: 0; }

.title .shop-heading {
  padding: 13px 25px 13px 14px;
  border-bottom: 1px solid #006450; }
  .title .shop-heading .marker {
    margin-top: 21px; }
    .title .shop-heading .marker .img {
      width: 22px;
      height: 30px; }
    .title .shop-heading .marker .text {
      font-size: .9rem; }
    .title .shop-heading .marker .unit {
      font-size: .7rem; }
  .title .shop-heading .body {
    margin-left: 40px; }
    .title .shop-heading .body .name {
      font-size: 1.2rem;
      letter-spacing: 0;
      color: #006450; }
    .title .shop-heading .body .address {
      font-size: 1rem;
      letter-spacing: 0; }
    .title .shop-heading .body .info {
      font-size: 1.2rem;
      letter-spacing: 0; }
      .title .shop-heading .body .info + .name {
        margin-top: 6px; }
    .title .shop-heading .body .label-simple, .title .shop-heading .body .label-simple--red, .title .shop-heading .body .label-simple--gray {
      margin: 0 9px 0 0;
      line-height: 1;
      padding: 4px 5.5px; }

.shop-search .area-list > .list-shop {
  overflow-y: auto;
  max-height: 290px;
  -webkit-overflow-scrolling: touch; }

.area-map-shoplist {
  background: #fff; }

.area-shoplist {
  margin-top: 12px; }
  .area-shoplist ~ .area-shoplist {
    margin-top: 30px; }
  .area-shoplist .area-link-back {
    text-align: center;
    padding-top: 18px; }
    .area-shoplist .area-link-back .link-back {
      font-size: 1.2rem; }

.area-list > .title {
  padding: 30px 0 20px;
  font-size: 1.5rem;
  background: #fff; }

.area-list .area-link {
  padding: 0 15px; }

.area-list .link-back {
  font-size: 1.1rem; }

.area-list .area-link-back {
  margin-top: 0;
  padding-top: 20px;
  padding-left: 10px;
  background: #fff; }

/* 
# 各モジュール　地図
*/
.box-map > .pod-link {
  text-align: right;
  padding: 10px 10px 0;
  font-size: 0;
  line-height: 0; }
  .box-map > .pod-link .link-text {
    font-size: 1rem;
    line-height: 1.5; }

.mod-map {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden; }
  .mod-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* 
# 各モジュール　ショップ詳細検索
*/
.area-map .area-result {
  position: relative;
  z-index: 1; }
  .area-map .area-result > .title {
    height: 33px;
    line-height: 33px; }

.area-map .box-close {
  padding: 4px 0 16px; }

.area-map .btn-text-close {
  font-size: 1.4rem; }

.area-map label.control::before {
  margin-right: 4px;
  width: 18px;
  height: 18px;
  top: 1px;
  position: relative; }

.area-map label.control > input + span:before {
  font-size: 10px;
  margin-left: 4px;
  margin-top: 0; }

.js-shop-search_clear.-disable {
  opacity: .6; }

.list-result {
  margin: 17px 15px 0;
  font-size: 1.1rem; }
  .list-result > dt {
    letter-spacing: .2em; }
  .list-result > dd {
    margin-left: 75px;
    margin-bottom: 10px; }

/* 
# 各モジュール
*/
.box-shop.title {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #006450;
  background-color: #ededed; }

.area-shop_detail .list-detail {
  padding: 0 15px; }
  .area-shop_detail .list-detail > dd {
    margin-left: 90px;
    margin-bottom: 14px; }

.area-shop_detail .box-map:after {
  content: "";
  display: block;
  height: 0;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: absolute;
  top: 0;
  left: 1px; }

.box-detail {
  padding-bottom: 15px; }

.box-shop_detail {
  padding-top: 11px; }

.list-detail {
  font-size: 1.2rem; }

.list-shop_info {
  padding: 0 15px; }
  .list-shop_info > dt {
    width: 75px;
    padding: 5px 10px;
    font-size: 1.2rem;
    border-radius: 4px 0 0 4px; }
  .list-shop_info > dd {
    border-radius: 0 4px 4px 0;
    padding: 10px 15px;
    font-size: 1.2rem; }

.content-image img {
  width: 100%;
  height: auto; }

.content-line {
  margin-top: 12px;
  padding: 0 15px; }

.indicator-no-gps {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  width: 80%;
  font-size: 1.3rem;
  color: #fff;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.box-text-noresult {
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  color: #555;
  background: #ededed;
  line-height: 1.8;
  margin-top: 8px;
  font-size: 1rem; }

.shop-list-all-title .box-link {
  padding-right: 10px; }

.mod-map-detail {
  z-index: 1; }

.mod-map-iframe {
  border-width: 0;
  overflow-y: hidden; }

/*
#
定型ページ、ほかメンバーページ等 共通
 

*/
.accordion-qanda {
  text-align: left; }

.symbol {
  font-family: "Dosis";
  font-weight: 500; }

/* 
# オンラインショップ
*/
.link-box-onlineshop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  position: relative; }
  .link-box-onlineshop .label-brand {
    position: absolute;
    top: 0;
    left: 0; }

/* 
# メンバーページ
*/
.link-app {
  display: inline-block;
  font-size: 0; }
  .link-app img {
    width: 100%;
    height: auto; }
  .link-app:hover {
    opacity: 0.7; }

/* 
# 総合トップ
*/
.banner-main {
  position: relative;
  overflow: hidden; }
  .banner-main .banner-main-bullet img {
    width: 100%;
    height: auto;
    float: left; }
  .banner-main .banner-main-link[href]:hover {
    opacity: 0.7; }

.title-app {
  font-size: 0; }
  .title-app img {
    width: 100%;
    height: auto; }
  .title-app a:hover {
    opacity: 0.7; }

/* 
# オンラインショップ
*/
.link-box-onlineshop:hover img {
  opacity: 0.7; }

.link-box-onlineshop:hover .label-brand {
  opacity: 0.7; }

/*
# 固定ページ
*/
#area-links-pdf {
  max-height: 100%; }
  #area-links-pdf .link-text > i {
    max-height: 100%; }

/*
#
定型ページ、ほかメンバーページ等 共通

スマホ用 767pxまでのスタイル
*/
.banner-main .js-carousel_container {
  height: 320px; }

.banner-main .banner-main-bullet {
  width: 100%; }
  .banner-main .banner-main-bullet .banner-main-link img {
    min-height: 320px; }

.banner-main .banner-main-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%; }

.banner-main .banner-main-cover-layer {
  position: absolute;
  top: 100%;
  height: 100%; }

.banner-main .banner-main-cover-layer-prev {
  left: 0; }
  .banner-main .banner-main-cover-layer-prev .control-arrow-prev {
    right: -45px;
    left: auto;
    transform: scale(-1, 1); }

.banner-main .banner-main-cover-layer-next {
  right: 0; }
  .banner-main .banner-main-cover-layer-next .control-arrow-next {
    left: -45px;
    right: auto;
    transform: translateY(0); }

.banner-main .control-arrow {
  top: 0; }

.banner-main + .carousel-buttons {
  padding-top: 2px; }

.tab-link-arrow {
  margin-top: 12px; }

.top-menu-online {
  margin: 15px auto 0; }

.top-menu-online-link {
  display: block;
  margin: 0 auto;
  border: 2px solid #006450;
  width: 290px;
  color: #006450;
  text-align: center;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 1.5rem; }
  .top-menu-online-link .icon, .top-menu-online-link .float-totop, .top-menu-online-link .link-back > i, .top-menu-online-link .link-question, .top-menu-online-link .link-blank, .top-menu-online-link .wedge-arrow[target="_blank"] > i, .top-menu-online-link .wedge-menu > i, .top-menu-online-link .wedge-download > i, .top-menu-online-link .wedge-shop > i, .top-menu-online-link .button-login, .top-menu-online-link .button-line > i, .top-menu-online-link label.control > input + span, .top-menu-online-link .link-list-shop, .top-menu-online-link .mod-modal-default .area-modal .modal-close, .mod-modal-default .area-modal .top-menu-online-link .modal-close,
  .top-menu-online-link .mod-modal-menu .area-modal .modal-close, .mod-modal-menu .area-modal .top-menu-online-link .modal-close, .top-menu-online-link .mod-modal-nav .area-modal .modal-close, .mod-modal-nav .area-modal .top-menu-online-link .modal-close, .top-menu-online-link .list-text-dashed > li a[target="_blank"], .list-text-dashed > li .top-menu-online-link a[target="_blank"], .top-menu-online-link .js-accordion-title, .top-menu-online-link .control-arrow, .top-menu-online-link .link-indtagram > i, .top-menu-online-link .link-twitter > i, .top-menu-online-link .btn-close {
    vertical-align: -3px;
    margin-right: 10px; }

/*
# メンバーページ
*/
.area-app-parent {
  margin: 30px auto; }

.lead-page {
  margin: 0 15px; }

.area-app-pr {
  margin: 0 15px 46px;
  border: 2px solid #006450; }

.area-login {
  background: #ededed; }
  .area-login .l-content {
    text-align: center; }
  .area-login .link-text {
    font-size: 0.875rem; }

.box-app-btn {
  text-align: center;
  padding: 15px 0 0; }

.link-app {
  width: 120px;
  height: 48px;
  margin: 0 5px; }

.box-login .l-content {
  padding: 30px 0 12px; }

.pod-password {
  display: inline-block;
  margin-right: 12px; }

.pod-pointcard {
  margin-top: 12px;
  display: inline-block; }

.box-entry .l-content {
  padding: 30px 0 12px; }

.pod-qanda {
  display: inline-block;
  margin-right: 18px; }

.pod-shoplist {
  margin-top: 12px;
  display: inline-block; }

.l-wide-640 > .l-content {
  text-align: center;
  margin-right: 15px;
  margin-left: 15px;
  font-size: 1.2rem; }

.l-wide-640 .lead {
  margin-top: 24px;
  text-align: left;
  line-height: 1.7; }

.area-members {
  margin-top: 44px; }
  .area-members .pod-image {
    display: inline-block;
    margin-top: 10px; }
    .area-members .pod-image img {
      width: 270px;
      height: auto; }
  .area-members .pod-strong {
    margin-top: 15px; }
  .area-members .text {
    margin-top: 12px;
    font-weight: 700;
    font-size: 1.2rem;
    color: #006450; }
    .area-members .text .link-text {
      display: inline-block;
      margin-top: 22px; }
      .area-members .text .link-text > i {
        font-weight: 700;
        font-size: 1.2rem; }

.area-mailmagazine {
  margin-top: 40px; }
  .area-mailmagazine .pod-sign {
    margin-top: 11px;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto; }
  .area-mailmagazine .sign {
    margin: 0 9px; }
    .area-mailmagazine .sign img {
      width: 75px;
      height: auto; }
  .area-mailmagazine .list-small {
    margin-top: 11px; }

.area-members-download {
  margin-top: 40px; }
  .area-members-download > .l-content {
    margin-top: 29px;
    text-align: left; }
  .area-members-download .wedge-download {
    margin-top: 26px; }

.area-cardid {
  margin-top: 20px;
  text-align: center;
  padding: 24px 15px 28px; }
  .area-cardid > .title {
    color: #006450; }
  .area-cardid > .l-wide-640 {
    margin-top: 14px; }
    .area-cardid > .l-wide-640 .title {
      font-size: 1.4rem;
      font-weight: 700;
      text-align: center; }
    .area-cardid > .l-wide-640 .text {
      font-size: 1.2rem;
      text-align: left;
      margin-top: 3px;
      line-height: 1.6; }
    .area-cardid > .l-wide-640 .list-small {
      margin-top: 8px; }
      .area-cardid > .l-wide-640 .list-small > li {
        text-align: center; }
  .area-cardid .img-eyecatch {
    width: 260px;
    margin: auto; }
    .area-cardid .img-eyecatch img {
      width: 100%;
      height: auto; }

.area-info-ssl {
  margin: 11px 15px 0; }

/*
# アプリページ
*/
.area-app-about {
  line-height: 1.65; }
  .area-app-about .box-app-btn {
    margin-top: 10px; }
  .area-app-about .img-eyecatch {
    padding-top: 17px;
    text-align: center; }
    .area-app-about .img-eyecatch img {
      margin-left: 10px;
      width: 254px;
      height: auto; }
  .area-app-about .box-app-btn {
    padding-top: 20px;
    text-align: center; }
  .area-app-about .link-app {
    display: inline-block;
    width: 165px;
    height: auto;
    margin-top: 10px; }

.area-app-members-point {
  margin-top: 38px; }

.area-app-e_gift {
  margin-top: 38px; }

.area-app-news {
  margin-top: 38px; }

.area-app-shoplist {
  margin-top: 38px; }

.area-app-onlineshop {
  margin-top: 38px; }

.area-app-applink {
  margin-top: 42px;
  padding: 15px 0 17px;
  background-color: #ededed; }
  .area-app-applink .link-app {
    margin: 0 13px; }

.area-app-qandalink {
  text-align: center;
  margin-top: 46px; }
  .area-app-qandalink .pod-members-qanda {
    margin-top: 44px; }

/*
# Q&A
*/
.accordion-qanda:not(.only-sp) .accordion-standard .qanda-q {
  padding: 14px 37px 14px 36px; }

.accordion-qanda:not(.only-sp) .accordion-standard .qanda-a {
  padding: 17px 15px 12px 50px; }

.qanda-q {
  line-height: 1.7;
  letter-spacing: 0;
  min-height: 48px;
  font-size: 1.2rem; }
  .qanda-q .symbol {
    position: absolute;
    top: 9px;
    left: 14px; }

.qanda-a {
  position: relative;
  line-height: 1.7;
  min-height: 60px;
  font-size: 1.2rem; }
  .qanda-a .symbol {
    position: absolute;
    top: 13px;
    left: 30px; }
  .qanda-a .link-text {
    margin-top: 5px;
    display: inline-block; }
  .qanda-a p,
  .qanda-a ul {
    margin-top: 5px;
    font-size: inherit; }
    .qanda-a p:first-child,
    .qanda-a ul:first-child {
      margin-top: 0; }

.symbol {
  font-size: 1.8rem; }

.area-qanda-qandalink {
  margin-top: 24px; }
  .area-qanda-qandalink .pod-backlink {
    font-size: 1.1rem;
    padding-left: 11px; }
  .area-qanda-qandalink .pod-app-qanda {
    text-align: center;
    margin-top: 40px; }

.area-qanda-accordion {
  margin-top: 30px; }
  .area-qanda-accordion > .title + .l-wrap {
    margin-top: 15px; }
  .area-qanda-accordion > .l-wrap {
    padding-right: 0;
    padding-left: 0; }
  .area-qanda-accordion:first-of-type {
    margin-top: 16px; }

.area-column + .area-qanda-accordion {
  margin-top: 0; }
  .area-column + .area-qanda-accordion > .l-wrap {
    margin-top: 0; }
  .area-column + .area-qanda-accordion > .title + .l-wrap {
    margin-top: 15px; }

.area-qanda-small {
  margin: 12px 15px 0; }

/*
# Download
*/
.area-wallpaper {
  background: #ededed;
  padding: 12px 15px 28px; }

.area-wallpaper-month {
  margin-top: 27px; }
  .area-wallpaper-month > .title {
    text-align: center;
    color: #006450;
    font-size: 1.4rem; }
  .area-wallpaper-month:first-of-type {
    margin-top: 0; }

.box-wallpaper-wrap {
  font-size: 0;
  text-align: center;
  margin-top: 13px; }
  .box-wallpaper-wrap.l-column-sub {
    min-width: 137px;
    max-width: 100%; }

.box-wallpaper {
  position: relative; }

.img-wallpaper {
  min-width: 137px;
  min-height: 245px;
  width: 100%;
  height: auto; }

.img-wallpaper-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block; }

.box-wallpaper-link {
  display: none; }

.area-download-small {
  max-width: 960px;
  margin: 26px auto 0; }
  .area-download-small .pod-download-link {
    text-align: center; }
  .area-download-small .list-small {
    margin-top: 0; }
  .area-download-small .pod-back-link {
    text-align: left;
    margin-top: 24px;
    font-size: 1.1rem; }

.area-wallper-detail {
  text-align: center; }
  .area-wallper-detail > .l-wrap > .title {
    font-size: 1.2rem;
    font-weight: 400; }
  .area-wallper-detail > .l-wrap .icon, .area-wallper-detail > .l-wrap .float-totop, .area-wallper-detail > .l-wrap .link-back > i, .area-wallper-detail > .l-wrap .link-question, .area-wallper-detail > .l-wrap .link-blank, .area-wallper-detail > .l-wrap .wedge-arrow[target="_blank"] > i, .area-wallper-detail > .l-wrap .wedge-menu > i, .area-wallper-detail > .l-wrap .wedge-download > i, .area-wallper-detail > .l-wrap .wedge-shop > i, .area-wallper-detail > .l-wrap .button-login, .area-wallper-detail > .l-wrap .button-line > i, .area-wallper-detail > .l-wrap label.control > input + span, .area-wallper-detail > .l-wrap .link-list-shop, .area-wallper-detail > .l-wrap .mod-modal-default .area-modal .modal-close, .mod-modal-default .area-modal .area-wallper-detail > .l-wrap .modal-close,
  .area-wallper-detail > .l-wrap .mod-modal-menu .area-modal .modal-close, .mod-modal-menu .area-modal .area-wallper-detail > .l-wrap .modal-close, .area-wallper-detail > .l-wrap .mod-modal-nav .area-modal .modal-close, .mod-modal-nav .area-modal .area-wallper-detail > .l-wrap .modal-close, .area-wallper-detail > .l-wrap .list-text-dashed > li a[target="_blank"], .list-text-dashed > li .area-wallper-detail > .l-wrap a[target="_blank"], .area-wallper-detail > .l-wrap .js-accordion-title, .area-wallper-detail > .l-wrap .control-arrow, .area-wallper-detail > .l-wrap .link-indtagram > i, .area-wallper-detail > .l-wrap .link-twitter > i, .area-wallper-detail > .l-wrap .btn-close {
    font-size: 1.5em;
    margin-right: 10px;
    vertical-align: middle; }
  .area-wallper-detail .pod-wallpaper-detail {
    margin-top: 7px;
    margin-right: -15px;
    margin-left: -15px; }
    .area-wallper-detail .pod-wallpaper-detail > .img-wallpaper {
      max-width: 414px; }

/*
# オンラインショップ
*/
.area-onlineshop-link-single .link-box-onlineshop {
  width: 290px;
  height: 100px; }

.area-onlineshop-link-double {
  margin-top: 13px; }
  .area-onlineshop-link-double .link-box-onlineshop {
    width: 144px;
    height: 90px;
    margin-top: 2px; }
  .area-onlineshop-link-double .l-column-sub {
    width: 144px;
    max-width: 100%; }

.area-onlineshop-panel {
  width: 100%;
  background: #ededed;
  padding: 15px 0; }
  .area-onlineshop-panel > .l-wrap {
    width: 320px;
    padding: 0 15px;
    margin: 0 auto; }
  .area-onlineshop-panel .link-onlineshop > img {
    width: 182px;
    height: auto; }
  .area-onlineshop-panel .area-onlineshop-link-double .link-onlineshop > img {
    width: 108px;
    height: auto; }
  .area-onlineshop-panel .link-zozotown > img {
    width: 98px;
    height: auto; }
  .area-onlineshop-panel .link-magaseek > img {
    width: 127px;
    height: auto; }
  .area-onlineshop-panel .link-rakuten-avenue > img {
    width: 92px;
    height: auto; }
  .area-onlineshop-panel .link-rakuten > img {
    width: 58px;
    height: auto; }
  .area-onlineshop-panel .link-amazon > img {
    width: 110px;
    height: auto; }

.brand-aft-onlineshop .logo-brand {
  width: 182px;
  height: auto; }

.area-onlineshop-tab-content {
  padding-bottom: 30px; }
  .area-onlineshop-tab-content > .l-wrap {
    margin: 0 auto;
    padding: 37px 0 0;
    text-align: center; }
  .area-onlineshop-tab-content .pod-link-onlineshop {
    margin-top: 6px; }
  .area-onlineshop-tab-content .area-afternoontea-onlineshop-sign {
    margin-top: 18px; }
    .area-onlineshop-tab-content .area-afternoontea-onlineshop-sign .l-cluster-sub {
      margin-right: 10px;
      margin-bottom: 0; }
      .area-onlineshop-tab-content .area-afternoontea-onlineshop-sign .l-cluster-sub:last-child {
        margin-right: 0; }
  .area-onlineshop-tab-content .list-normal,
  .area-onlineshop-tab-content .list-small,
  .area-onlineshop-tab-content .list-small-count {
    margin: 12px 15px 0; }
  .area-onlineshop-tab-content .area-brand-detail {
    margin-top: 40px; }
    .area-onlineshop-tab-content .area-brand-detail:first-child {
      margin-top: 0; }
    .area-onlineshop-tab-content .area-brand-detail .text {
      padding: 0 15px;
      margin-top: 12px;
      text-align: left;
      line-height: 1.5;
      font-size: 1rem; }
  .area-onlineshop-tab-content .brand-zozotown .logo-brand {
    width: 168px;
    height: auto; }
  .area-onlineshop-tab-content .brand-magaseek .logo-brand {
    width: 186px;
    height: auto; }
  .area-onlineshop-tab-content .brand-rakuten-avenue .logo-brand {
    width: 258px;
    height: auto; }
  .area-onlineshop-tab-content .brand-rakuten .logo-brand {
    width: 84px;
    height: auto; }
  .area-onlineshop-tab-content .brand-amazon .logo-brand {
    width: 168px;
    height: auto; }
  .area-onlineshop-tab-content .list-brand-small {
    margin-top: 22px; }
  .area-onlineshop-tab-content .area-onlineshop-panel {
    margin-top: 15px;
    padding-top: 13px;
    padding-bottom: 15px; }
  .area-onlineshop-tab-content .area-onlineshop-link-double {
    margin-top: 0; }

/*
# 404
*/
.area-404 {
  background: #ecfbf8;
  padding: 40px 0 36px;
  text-align: center;
  color: #006450; }
  .area-404 > .title {
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.28; }
    .area-404 > .title > .sub {
      display: inline-block;
      font-size: 2rem;
      font-weight: 500;
      letter-spacing: 0.12em;
      margin-left: 8px; }
  .area-404 > .text {
    font-size: 1.1rem;
    padding: 20px 0 30px; }

html.page-404 #notices-important {
  margin-top: 0; }

.area-articles-reccomend-404 {
  padding-bottom: 30px; }

.area-articles-main.area-articles-main--large .pod-tag {
  text-align: left; }

#area-404-a {
  padding-top: 0;
  margin-top: 0; }
  #area-404-a .area-articles-main {
    padding: 0;
    margin-top: 0; }
  #area-404-a .box-articles {
    padding-bottom: 20px; }

#area-404-b .area-articles-main {
  margin-top: 0; }

#area-404-a,
#area-404-b {
  display: none; }

/*
# Happy CHOICE
*/
.box-img-main .logo-happy_choice {
  width: 178px; }

/*
#
記事ページ T_XX

scssでPC/SP双方でインクルードするファイル
*/
/*
#overview
記事内部の設定



* サンプル内の「<div class="article-section">」は、記事内部の再現のために記述。記事本文はこの要素の配下となるため、コピペ不要。
*/
.article-lead time {
  color: #006450;
  font-weight: 700; }

.article-lead > .title {
  color: #006450;
  font-weight: 500; }

.article-pager {
  max-width: 960px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-top: 2px solid #006450;
  border-bottom: 2px solid #006450;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  position: relative; }
  .article-pager .article-pager-prev,
  .article-pager .article-pager-next {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 700; }
  .article-pager > a:first-child {
    border-right: 2px solid #006450;
    margin-right: -1px;
    text-align: left; }
    .article-pager > a:first-child > i:before {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 1em;
      line-height: 1; }
    .article-pager > a:first-child + a {
      text-align: right;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .article-pager > a:first-child + a > i:after {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1em;
        line-height: 1; }

html.bw-firefox.os-mac .article-pager > a:first-child > i:before {
  margin-top: auto; }

html.bw-firefox.os-mac .article-pager > a:first-child + a > i:after {
  margin-top: auto; }

/*#styleguide
基本



* ブロックごとに section で分ける
* section内にはHxタグを入れることが推奨されているが、本案件ではわかりやすさを優先しHxがなくてもsectionでくくることとする。
* .article-section内の　p、ul、ol、l-inner、PCは左右に10pxの空き。SPは左右に15pxの空き。
```
<section class="article-section">
  <h2 class="title">タイトル [SELECT-TITLE]</h2>
</section>
<br><br>
<section class="article-section">
  <h2 class="title title-large">タイトル [SELECT-TITLE-LARGE]</h2>
</section>
<br><br>
<section class="article-section">
  <h2 class="title title-middle">タイトル [SELECT-TITLE-MIDDLE]</h2>
</section>
<br><br>
<section class="article-section">
  <h2 class="title title-little">タイトル [SELECT-TITLE-LITTLE]</h2>
</section>
<br><br>
<section class="article-section">
  <p>段落テキスト</p>
</section>
<br><br>
<section class="article-section">
  <ul>
    <li>リストリストリスト</li>
  </ul>
</section>
<br><br>
<section class="article-section">
  <div class="l-inner">p、ul、ol 以外の要素で同じ扱いをするとき。</div>
</section>
```
*/
/*#styleguide
基本 マージン


* 記事内部のコンテンツは基本マージンを設定済み。変更する場合は、「汎用クラス」等のクラスを当てる。
```
<div class="article-body">
  <section style="background: yellow">
   * 直下のsection上マージン　PC:42px、SP:28px
  </section>
  <br><br>
  <section style="background: yellow">
    <figure style="background: #fee">
      <img class="img-size-m" src="/media/images/_TEMP/article-template/t03-sub.png" width="200" height="200" alt="">
    </figure>
    <p style="background: pink">
      直下のsectionの直下のfigure の次の要素が「div, p, ul, ol」は上マージン PC:12px、SP:12px
    </p>
  </section>
  <ul>
    <li>ul, ol の上マージン PC: 18px、SP: 18px</li>
  </ul>
  <p>
    p の上マージン PC: 18px、SP: 16px
  </p>
  <a class="wedge wedge-arrow" href="#"><i>この形のリンクは上マージン PC:32px、SP:30px</i></a>
  <a class="link-indtagram" href="" target="_blank"><i>#Instagramリンクは上マージン PC:18px、SP:12px</i></a>
  <a class="link-indtagram" href="" target="_blank"><i>#Instagramリンクが連続なら上マージン PC:2px、SP:2px</i></a>
  <br><br>
  <a class="link-twitter" href="" target="_blank"><i>#Twitter</i></a>
<br><br>
  <figure style="background: #fee">
    <img class="img-size-m" src="/media/images/_TEMP/article-template/t03-sub.png" width="200" height="200" alt="">
    <figcaption>figcaptionの上マージン PC:12px、SP:12px、左マージン PC:10px、SP:15px</figcaption>
  </figure>
  <div class="area-pit">
    背景ありエリアの上マージン PC:52px、SP:28px
  </div>
</div>
```
*/
/*#styleguide
基本 フォント関連


* 記事内部のコンテンツは基本フォントサイズ、ウェイトを設定済み。変更する場合は、「汎用クラス」等のクラスを当てる。
```
<div class="article-body">
  <p>
    PC:<br>
    line-height: 1.7;<br>
    font-size: 14px;
  </p>
  <figure style="background: #fee">
    <img class="img-size-m" src="/media/images/_TEMP/article-template/t03-sub.png" width="200" height="200" alt="">
    <figcaption class="attract">figcaption.attract PC: font-size: 12px、SP:10px</figcaption>
  </figure>
  <figure style="background: #fee">
    <img class="img-size-m" src="/media/images/_TEMP/article-template/t03-sub.png" width="200" height="200" alt="">
    <figcaption class="simple">figcaption.simple PC: font-size:14px、SP:10px</figcaption>
  </figure>
  <div class="area-pit-green">
    <div class="l-wide-480">
      <h3 class="title">背景有りエリアの直下タイトル bold、PC:14px、 SP:12px</h3>
      <p>本文 12px</p>
    </div>
  </div>
  <dl class="attract">
    <dt>DLタイトル bold（700）、PC:14px、SP:12px</dt>
    <dd>DL本文 medium（500）、PC:14px、SP:12px</dd>
  </dl>
</div>
```
*/
/*#styleguide
Instagram タグリンク


```
<a class="link-indtagram" href="" target="_blank"><i>#クリスマスデコレーション [LINK-INSTAGRAM]</i></a>
```
*/
.link-indtagram, .link-twitter {
  display: block;
  position: relative;
  line-height: 1; }
  .link-indtagram > i, .link-twitter > i {
    color: #006450; }
    .link-indtagram > i:before, .link-twitter > i:before {
      vertical-align: middle;
      position: relative; }
  .link-indtagram:after, .link-twitter:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    transition-duration: 0.2s; }
  .link-indtagram:hover > i, .link-twitter:hover > i {
    color: #4c9284; }
    .link-indtagram:hover > i:before, .link-twitter:hover > i:before {
      color: #4c9284; }
  .link-indtagram:hover:after, .link-twitter:hover:after {
    color: #4c9284;
    transform: translateX(4px); }

/*
# 本文内
*/
.article-body figure img {
  display: block; }

/*#styleguide
画像 キャプション付き [SNIPPET-IMG-CAPTION]


```
<div class="article-body">
<figure>
  <img src="/media/images/_TEMP/article-template/img-02.png" alt="">
  <figcaption>
    （キャプションのclass指定なし）
  </figcaption>
</figure>
<br><br>
<figure>
  <img src="/media/images/_TEMP/article-template/img-02.png" alt="">
  <figcaption class="attract">
    4種チーズと蜂蜜のピッツァ　各￥303　（.attract 指定）
  </figcaption>
</figure>
<br><br>
<figure>
  <img src="/media/images/_TEMP/article-template/img-01.png" alt="">
  <figcaption class="simple">
    Price<br>
    フラワークロック ¥9,720、ジュエリースタンド ¥4,860<br>
    (各400個限定)　（.simple 指定）
  </figcaption>
</figure>
</div>
```
*/
/*#styleguide
Youtube [SNIPPET-YOUTUBE]


```
# 埋め込みYoutube<br>
パラメータ：<br><br>
?showinfo=0&modestbranding=0&fs=0&color=white&enablejsapi=1&iv_load_policy=1&rel=0
<br><br>
<section class="area-movie-wrap">
  <figure class="area-movie">
    <iframe width="640" height="360" src="https://www.youtube.com/embed/iDw2jCd2e3Q?showinfo=0&modestbranding=0&fs=0&color=white&enablejsapi=1&iv_load_policy=1&rel=0" allowfullscreen></iframe>
    <a class="cover-movie js-start-movie pc"><img src="/media/images/_TEMP/article-template/movie.png" alt=""></a>
  </figure>
</section>
```
*/
/*#styleguide
他


```
<p class="text-lined-attract">
  開催日時：12月3日　12:00〜17:00 [SELECT-BOX-ATTRACT]
</p>
<br><br>
<div style="width: 320px">
<p class="text-lined-attract">
  開催日時：12月3日　12:00〜17:00、12月4日　09:00〜18:00、12月5日　18:00〜20:00
</p>
</div>
```
*/
/*#styleguide
PCワイドモジュール

HTML要素にclass'pc-wide'をつけると、[article-author、記者紹介欄]と[grid-catalog-list、4カラムグリッドカタログ]がワイド対応となります。

---
```
# PC: pc-wide--mainpic
メインビジュアル部分<br>
CMS側なので運用対応はない。<br>
<figure class="article-img-main pc-wide--mainpic">
  <picture>
    <source media="(min-width:768px)" srcset="https://placeimg.com/1000/480/animals/sepia">
    <img src="/media/images/_TEMP/article-template/t02-main.png" alt="">
  </picture>
</figure>
```
*/
/*#styleguide
PCワイド2カラム [PC-WIDE-COLUMN-2]

'.pc-wide--column'
'-reverse' をつけると、PCで左右の位置が入れ変わる。
'-reverse-sp' をつけると、SPで上下の位置が入れ変わる。
```
<!-- PC: pc-wide--wrap -->
<section class="article-section pc-wide--wrap">
  <h2 class="title title-middle">Cat’s Nap Time</h2>
  <div class="pc-wide--column">
    <div class="pc-wide--left">
      <figure>
        <img src="/media/images/_TEMP/article-template/t03-main.png" alt="">
      </figure>
    </div>
    <div class="pc-wide--right">
      <p>
        2月の「Cat's Nap Time」商品発売に向けて、12/3の12:00～17:00の時間限定でインスタグラムキャンペーンを実施。
      </p>
    </div>
  </div>
  <!-- PC: -reverse -->
  <div class="pc-wide--column -reverse -reverse-sp m-t-10 m-t-4-sp">
    <div class="pc-wide--left m-t-4-sp">
      <figure>
        <img src="/media/images/_TEMP/article-template/t03-main.png" alt="">
      </figure>
    </div>
    <div class="pc-wide--right">
      <p>
        2月の「Cat's Nap Time」商品発売に向けて、12/3の12:00～17:00の時間限定でインスタグラムキャンペーンを実施。テーマに合わせて撮影したネコの写真を、指定のハッシュタグ付きでインスタグラムに投稿していただくと、坂本美雨さんをはじめ
      </p>
    </div>
  </div>
</section>
```
*/
/*#styleguide
Youtube挿入（PC-WIDE） [SNIPPET-YOUTUBE--PC-WIDE]

'.pc-wide--video'
```
<!-- PC: pc-wide--video -->
<figure class="area-movie js-movie pc-wide--video">
  <iframe class="js-movie_youtube" width="640" height="360" src="https://www.youtube.com/embed/iDw2jCd2e3Q?showinfo=0&modestbranding=0&fs=0&color=white&enablejsapi=1&iv_load_policy=1&rel=0" allowfullscreen></iframe>
  <a class="cover-movie js-movie_play pc"><img src="/media/images/_TEMP/article-template/movie.png" alt=""></a>
</figure>
```
*/
/*#styleguide
 '.l-wide-1000'

```
<!-- PC: l-wide-1000 -->
<ul class="list-small l-wide-1000">
  <li><small>展開店舗はアフタヌーンティー・ティールーム全店舗（東京スカイツリータウン・ソラマチ、ルミネ新宿、グランフロント大阪、アミュプラザ博多を除く）、アフタヌーンティー・ベイカリー全店舗です。</small></li>
  <li><small>Afternoon Tea TEAROOM Web Storeでも販売中です。</small></li>
  <li><small>2014年4月1日より消費税率が変更されました。価格はすべて税（8％）込みです。</small></li>
</ul>
```
*/
/*#styleguide
'.l-wide-750'

```
<!-- PC: l-wide-750 -->
<section class="article-section l-wide-750">
  <p>
    当選者の発表：「Cat's Nap Time」商品を紹介する特集ページにて公開します。（1月up予定）<br>
    Cat's Nap Time<br>
    【写真についての注意事項】<br>
    ネコ一匹につき、1回の投稿をお願いいたします。
  </p>
</section>
```
*/
/*#styleguide
カルーセル（SPのみモーダル）

※PCとSPを別々に作るしかない。同じコンテンツを2回書くことになる。
```
<!-- PC: pc-wide--wrap -->
<div class="pc pc-wide--wrap js-carousel article-carousel m-t-10" data-carousel-name="menu2">
  <div class="area-menu-detail js-modal_box">
    <div class="area-menus">
      <div class="area-menu">
        <!-- PC: pc-wide--menu -->
        <div class="menu-detail pc-wide--menu">
          <div class="menu-catalog-content js-carousel_content">
            <ul class="list-menu js-carousel_container">
              <li class="js-carousel_item">
                <!-- PC: -reverse -->
                <article class="menu-article -reverse">
                  <figure>
                    <img class="js-modal-carousel_visual" src="/media/images/tearoom/dummy-menu-tearoom.png" alt="">
                  </figure>
                  <div class="content">
                    <p class="lead">キラキラと輝くLEDライトのオブジェで、静かな夜を楽しげに演出。</p>
                    <p class="font-s m-t-4 attract">（左から）LEDツリー¥3,024、フラッシングライト（キャンドル）¥1,728、マグネット（スノーマン）¥864、スノーバディ（スノーマン）¥1,836、ミニバディ（ツリー）¥950、フラッシングライトS（サンタ）¥1,512、ガーランド（スモールスター）¥1,080、アップルマグカップ（BOX入り）¥1,728、フラッシングライトS（スノーマン）¥1,512</p>
                  </div>
                </article>
              </li>
              <li class="js-carousel_item">
                <!-- PC: -reverse -->
                <article class="menu-article -reverse">
                  <figure>
                    <img class="js-modal-carousel_visual" src="/media/images/tearoom/dummy-menu-tearoom.png" alt="">
                  </figure>
                  <div class="content">
                    <p class="lead">
                      <span class="bold">ナッツ＆フルーツ メープルシナモン（左）</span><br>
                      ナッツとドライフルーツをシナモンとメープルシロップでコーティングして、自然な甘みに仕上げました。
                      <br>
                      <span class="bold">ナッツ＆フルーツ ジンジャーハニー（右）</span><br>
                      ナッツとドライフルーツをジンジャーハニーシュガーでコーティングして、自然な甘みに仕上げました。
                      <br>
                      <br>
                      ＜内容量＞<br>
                      各60g<br>
                    </p>
                    <div class="menu-artilce-subcontent">
                      <ul class="list-small m-t-2">
                        <li><small>展開店舗は商品により異なります。</small></li>
                        <li><small>プライスは税（8％）込です。</small></li>
                      </ul>
                    </div>
                    <p class="pod-link-detail">
                      <a class="wedge wedge-arrow wedge-small" href="https://item.rakuten.co.jp/afternoon-tea-tearoom/c/0000000104/" target="_blank"><i>Web Storeへ</i></a>
                    </p>
                  </div>
                </article>
              </li>
              <li class="js-carousel_item">
                <article class="menu-article">
                  <figure>
                    <img class="js-modal-carousel_visual" src="/media/images/_TEMP/menu/menu-1-01.jpg" alt="">
                  </figure>
                  <div class="content">
                    <h3 class="title title-simple">プチユイット</h3>
                    <p class="lead">
                      <strong>Price</strong><br>
                      タンブラー 各 ¥2,808、ステンレスボト(200ml)¥3,024、ステンレスボトル(360ml)¥3,456<br>
                    </p>
                    <ul class="list-small">
                      <li><small>ステンレスボトルは11月17日より発売予定</small></li>
                    </ul>
                  </div>
                </article>
              </li>
              <li class="js-carousel_item">
                <article class="menu-article">
                  <h3 class="title title-menu pc">
                    <span class="main">アイスティー<span class="en">Iced Earl Grey Tea</span></span><span class="sub">¥ 790</span>
                  </h3>
                  <figure>
                    <img class="js-modal-carousel_visual" src="/media/images/tearoom/dummy-menu-tearoom.png" alt="">
                  </figure>
                  <h3 class="title title-menu sp">
                    <span class="main">アイスティー<span class="en">Iced Earl Grey Tea</span></span><span class="sub">¥ 790</span>
                  </h3>
                  <div class="content">
                    <p class="lead">ベルガモットのフルーティーで爽やかな香りが広がるアイスティー。レモンまたはミルクで｡<br>タンニンを多く含む良質な茶葉を使用しているためクリームダウンする（濁る）ことがあります｡</p>
                    <p class="pod-link-detail">
                      <a class="wedge wedge-arrow" href="#" target="_blank"><i>MORE</i></a>
                    </p>
                    <p class="pod-link-btn">
                      <a class="btn-lined btn-lined-normal" href="#">アレルギー・<br>エネルギー情報</a>
                    </p>
                  </div>
                </article>
              </li>
            </ul>
          </div>
          <div class="indicator js-indicator" data-indicator-target="menu2">
            <span class="indicator-disc js-indicator_item"></span>
            <span class="indicator-disc js-indicator_item"></span>
            <span class="indicator-disc js-indicator_item"></span>
            <span class="indicator-disc js-indicator_item"></span>
          </div>
          <a class="control-arrow control-arrow-prev js-carousel_prev"></a>
          <a class="control-arrow control-arrow-next js-carousel_next"></a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="sp js-carousel article-carousel l-wide-480" data-carousel-name="menu1" data-carousel-sync="modal1">
  <div class="menu-catalog-content js-carousel_content">
    <ul class="list-menu js-carousel_container">
      <li class="js-carousel_item">
        <a class="js-modal-carousel_open" data-modal-carousel-target="modal1" data-modal-carousel-index="0">
          <img src="/media/images/tearoom/dummy-menu-tearoom.png" width="225" height="225" alt="">
        </a>
      </li>
      <li class="js-carousel_item">
        <a class="js-modal-carousel_open" data-modal-carousel-target="modal1" data-modal-carousel-index="1">
          <img src="/media/images/tearoom/dummy-menu-tearoom.png" width="225" height="225" alt="">
        </a>
      </li>
      <li class="js-carousel_item">
        <a class="js-modal-carousel_open" data-modal-carousel-target="modal1" data-modal-carousel-index="2">
          <img src="/media/images/_TEMP/menu/menu-1-01.jpg" width="225" height="225" alt="">
        </a>
      </li>
      <li class="js-carousel_item">
        <a class="js-modal-carousel_open" data-modal-carousel-target="modal1" data-modal-carousel-index="3">
          <img src="/media/images/tearoom/dummy-menu-tearoom.png" width="225" height="225" alt="">
        </a>
      </li>
    </ul>
  </div>
  <div class="indicator js-indicator" data-indicator-target="menu1">
    <span class="indicator-disc js-indicator_item"></span>
    <span class="indicator-disc js-indicator_item"></span>
    <span class="indicator-disc js-indicator_item"></span>
    <span class="indicator-disc js-indicator_item"></span>
  </div>
  <a class="control-arrow control-arrow-prev js-carousel_prev"></a>
  <a class="control-arrow control-arrow-next js-carousel_next"></a>
</div>
```
*/
.grid-catalog-list.green > .box-item > .box-item-wrap > .title {
  color: #006450; }

/*
#
SP 記事ページ T_XX

スマホ用 767pxまでのスタイル
*/
.article-img-main img {
  width: 100%;
  height: auto; }

.article-lead {
  padding-top: 30px; }
  .article-lead .pod-date {
    line-height: 1; }
  .article-lead time {
    font-size: 1rem;
    margin-right: 15px;
    margin-left: 15px; }
  .article-lead .pod-tag {
    margin-right: 15px;
    margin-left: 15px; }
  .article-lead > .title {
    margin-top: 18px;
    font-size: 1.6rem;
    margin-right: 15px;
    margin-left: 15px; }

.artile-lead-info {
  margin-top: 22px; }
  .artile-lead-info > .pod-tag > .tag {
    margin-top: 3px;
    margin-right: 15px; }

.article-description {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 1.2rem;
  margin-right: 15px;
  margin-left: 15px;
  letter-spacing: 0; }

.area-movie {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  .area-movie > iframe {
    width: 320px;
    height: 180px;
    display: block;
    margin-right: auto;
    margin-left: auto; }

.area-movie-embed.movie-640 > .title {
  font-size: 1.6rem;
  margin-right: 15px;
  margin-left: 15px;
  font-weight: 500;
  color: #006450;
  margin-bottom: 12px; }

.area-movie-embed.movie-640 .pod-date {
  margin-top: 12px;
  padding-right: 6px; }

.area-movie-embed.movie-640 .entry-time {
  margin-top: 18px; }

.area-movie-embed .entry-time {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #006450; }

.area-movie-archives {
  margin-top: 45px; }
  .area-movie-archives .l-cluster {
    margin-top: 30px; }
    .area-movie-archives .l-cluster.column-4 .l-cluster-sub:nth-child(4n+1) {
      clear: both; }
  .area-movie-archives .l-cluster-sub {
    width: 100%;
    margin-bottom: 15px; }
    .area-movie-archives .l-cluster-sub:last-child {
      margin-bottom: 0; }
  .area-movie-archives .movie-225 {
    margin-right: 15px;
    margin-left: 15px; }
    .area-movie-archives .movie-225:after {
      content: "";
      display: table;
      clear: both; }
    .area-movie-archives .movie-225 .js-movie_youtube {
      width: 140px;
      height: 80px; }
    .area-movie-archives .movie-225 > .title {
      font-size: 1.2rem;
      display: -webkit-box;
      max-height: 4.5em;
      -webkit-line-clamp: 3;
      overflow: hidden;
      font-weight: 500;
      color: #006450;
      padding-left: 10px; }
    .area-movie-archives .movie-225 .pod-date {
      margin-top: 8px; }
    .area-movie-archives .movie-225 .area-movie {
      width: 140px;
      min-height: 80px;
      float: left; }
      .area-movie-archives .movie-225 .area-movie .cover-movie:after {
        width: 53px;
        height: 53px;
        font-size: 53px; }

.article-share {
  position: relative; }

.article-share-bottom .article-share-content {
  margin-top: 30px; }

.article-share-content > .btn {
  position: absolute;
  top: -26px;
  right: 14px; }

.article-share-content .icon-share {
  font-size: 19px; }

.article-share-content.js-accordion_opened .icon-share:before {
  color: #afafaf; }

.article-share-content.js-accordion_opened .l-content:before {
  opacity: 1; }

.article-share-content .js-accordion_inner {
  padding-top: 12px; }

.article-share-content .l-content {
  padding: 15px;
  background-color: #ededed; }
  .article-share-content .l-content:before {
    transition-duration: .2s;
    opacity: 0;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 8px 0;
    border-color: #ededed transparent transparent;
    margin: auto;
    left: 0;
    right: 0;
    transform: scale(-1, -1); }

.article-share-content .l-content:before {
  right: 15px;
  left: auto;
  bottom: auto;
  top: 0; }

.article-share-content .box-btn-share {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0; }
  .article-share-content .box-btn-share .link-sns-share {
    margin-left: 26px; }
    .article-share-content .box-btn-share .link-sns-share:first-child {
      margin-left: 0; }

.article-author {
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 30px;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 21px 0; }
  .article-author > .text {
    margin-top: 13px;
    font-size: 1rem;
    line-height: 1.5; }

.article-author-prof:after {
  content: "";
  display: table;
  clear: both; }

.article-author-prof > .img {
  float: left;
  width: 75px;
  height: 75px; }

.article-author-prof > .title {
  padding-top: 6px;
  margin-left: 90px;
  letter-spacing: .1em; }
  .article-author-prof > .title > span {
    display: block; }
  .article-author-prof > .title .en {
    font-size: 1.2rem;
    font-weight: 500; }
  .article-author-prof > .title .ja {
    font-size: 1.4rem;
    font-weight: 500; }
  .article-author-prof > .title .job {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 7px; }

.article-pager {
  margin-top: 30px; }
  .article-pager > a:first-child > i {
    padding-right: 10px;
    padding-left: 34px; }
    .article-pager > a:first-child > i:before {
      font-size: 14px;
      left: 10px; }
  .article-pager > a:first-child + a > i {
    padding-right: 34px;
    padding-left: 10px; }
    .article-pager > a:first-child + a > i:after {
      font-size: 14px;
      position: absolute;
      right: 10px; }

.article-pager-prev,
.article-pager-next {
  font-size: 1.1rem;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 7px;
  padding-bottom: 7px; }
  .article-pager-prev > i,
  .article-pager-next > i {
    width: 100%; }

.article-link-index {
  text-align: center;
  margin-top: 30px; }

.link-indtagram, .link-twitter {
  background: linear-gradient(225deg, transparent 6px, #f4f3ed 6px);
  background-position: top right;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 5px 5px 4px 7px; }
  .link-indtagram > i, .link-twitter > i {
    color: #006450;
    font-size: 1rem; }
    .link-indtagram > i:before, .link-twitter > i:before {
      font-size: 21px;
      margin-right: 5px;
      top: -1px; }
  .link-indtagram:after, .link-twitter:after {
    right: 4px;
    font-size: 14px; }

/*
# 本文内
*/
.article-section > .title {
  color: #006450; }

.article-section .title {
  font-weight: 500;
  font-size: 1.4rem;
  margin-right: 15px;
  margin-left: 15px; }

.article-section .title-large {
  font-size: 1.7rem;
  color: #006450;
  font-weight: 500; }

.article-section .title-middle {
  color: #006450;
  margin-bottom: 10px;
  font-size: 1.6rem; }

.article-section .title-little {
  color: #006450;
  margin-bottom: 6px; }

.article-section > p,
.article-section > ul,
.article-section > ol,
.article-section .l-inner {
  padding-left: 15px;
  padding-right: 15px; }

.pc-wide--column .pc-wide--left > p,
.pc-wide--column .pc-wide--left > ul,
.pc-wide--column .pc-wide--left > ol,
.pc-wide--column .pc-wide--left .l-inner,
.pc-wide--column .pc-wide--right > p,
.pc-wide--column .pc-wide--right > ul,
.pc-wide--column .pc-wide--right > ol,
.pc-wide--column .pc-wide--right .l-inner {
  padding-left: 15px;
  padding-right: 15px; }
  .pc-wide--column .pc-wide--left > p:first-child,
  .pc-wide--column .pc-wide--left > ul:first-child,
  .pc-wide--column .pc-wide--left > ol:first-child,
  .pc-wide--column .pc-wide--left .l-inner:first-child,
  .pc-wide--column .pc-wide--right > p:first-child,
  .pc-wide--column .pc-wide--right > ul:first-child,
  .pc-wide--column .pc-wide--right > ol:first-child,
  .pc-wide--column .pc-wide--right .l-inner:first-child {
    margin-top: 12px; }

.pc-wide--column figure.pc-wide--left + .pc-wide--right {
  margin-top: 12px; }

.pc-wide--column figure.pc-wide--right + .pc-wide--left {
  margin-top: 12px; }

.area-movie-wrap > .title {
  color: #006450;
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 6px;
  margin-right: 15px;
  margin-left: 15px; }

.article-body img {
  max-width: 100%;
  height: auto; }

.article-body > section {
  margin-top: 28px; }
  .article-body > section > figure + p,
  .article-body > section > figure + div,
  .article-body > section > figure + ul,
  .article-body > section > figure + ol {
    margin-top: 12px; }

.article-body ul,
.article-body ol {
  margin-top: 18px; }

.article-body p {
  margin-top: 16px;
  line-height: 1.6;
  font-size: 1.2rem; }

.article-body .wedge {
  margin-top: 30px; }

.article-body .link-indtagram, .article-body .link-twitter {
  margin-top: 12px; }
  .article-body .link-indtagram ~ .link-indtagram, .article-body .link-twitter ~ .link-indtagram, .article-body .link-indtagram ~ .link-twitter, .article-body .link-twitter ~ .link-twitter {
    margin-top: 2px; }

.article-body .attract {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 12px; }

.article-body figcaption {
  text-align: left;
  line-height: 1.7;
  margin: 12px 0 0 15px; }
  .article-body figcaption.simple {
    font-size: 1rem; }

.article-body .area-pit,
.article-body .area-pit-green {
  margin-top: 28px; }
  .article-body .area-pit > [class^="l-wide"] > .title,
  .article-body .area-pit-green > [class^="l-wide"] > .title {
    font-weight: 700;
    font-size: 1.2rem; }

.article-body dl.attract {
  font-size: 1.2rem;
  margin-top: 4px; }
  .article-body dl.attract > dt {
    font-weight: 700; }
  .article-body dl.attract > dd {
    font-weight: 500;
    margin-top: 10px; }

.area-pit-green {
  padding-left: 15px;
  padding-right: 15px; }
  .area-pit-green p {
    font-size: 1rem; }

.attract {
  font-size: 1rem; }

.article-img-main:first-child + .article-lead {
  padding-top: 18px; }

.article-carousel {
  position: relative; }
  .article-carousel .js-carousel_container {
    margin-top: 0; }
  .article-carousel.l-wide-480 .js-carousel_container {
    height: 320px; }

.box-item {
  font-size: 1rem; }
  .box-item > a:hover {
    color: #888; }
    .box-item > a:hover img {
      opacity: 0.7; }
  .box-item > .box-item-wrap {
    color: #555;
    display: block; }
    .box-item > .box-item-wrap > .title {
      font-size: 1rem;
      font-weight: 700;
      margin-top: 12px;
      margin-bottom: 4px; }
  .box-item ul,
  .box-item ol {
    margin-top: 2px; }
  .box-item p {
    font-size: 1rem;
    margin-top: 7px; }

.box-item-text {
  margin-top: 7px;
  line-height: 1.6; }
  .box-item-text > dt {
    font-weight: 700; }

p.text-lined-attract {
  color: #006450;
  font-weight: 500;
  text-align: center;
  border-top: 2px solid #006450;
  border-bottom: 2px solid #006450;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.5rem;
  margin-top: 14px;
  padding: 10px 0; }

.map-info a {
  padding: 25px 0 10px;
  display: block; }

.map-info_title {
  font-size: 11px;
  color: #006450;
  font-weight: bold; }

.map-info_name {
  font-size: 10px;
  color: #555;
  margin: 5px 0 0; }

.mod-clickable-inner {
  position: relative;
  margin: 0 auto;
  background: #fff; }

.mod-clickable-pin {
  position: absolute;
  display: inline-block; }

.mod-clickable-title {
  display: inline-block;
  position: absolute; }

.mod-clickable-baloon {
  position: absolute;
  max-width: 100%;
  background: #fff;
  display: inline-block;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4));
  cursor: default;
  transition-property: opacity, visibility;
  transition-duration: .2s; }
  .mod-clickable-baloon .triangle {
    content: "";
    position: absolute;
    margin: 0 auto;
    width: 0;
    height: 0;
    left: 0;
    border-style: solid;
    border-color: #fff transparent transparent; }
  .mod-clickable-baloon.show {
    visibility: visible;
    opacity: 1; }

.bw-ie .mod-clickable-baloon {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  .bw-ie .mod-clickable-baloon .triangle {
    width: 27px;
    height: 24px;
    border-width: 0;
    background: url("/media/images/parts/baloon-arrow.png") no-repeat 0 0;
    bottom: -24px; }

.js-baloon-trigger {
  cursor: pointer; }
  .js-baloon-trigger:hover {
    z-index: 1; }
    .js-baloon-trigger:hover .js-baloon-img {
      transform: scale(1.2, 1.2); }
  .js-baloon-trigger .js-baloon-img {
    transition-duration: 0.2s; }
  @media (max-width: 374px){
  .header-app-banner .text br.sp-5{
    display: inline; }
  #nav-main .link-search{
    top: 0; }
  #nav-main .link-search .icon-head{
    display: block;
    width: 28px;
    overflow: hidden; }
  #nav-main .link-search .icon-head .icon-head_text{
    display: none; }
  #nav-main .link-onlinecart{
    margin-right: 29px; }
  #nav-main .link-onlinecart::after{
    right: -13px; }
  #nav-main .link-onlinecart .icon-head{
    display: block;
    width: 30px;
    overflow: hidden; }
  #nav-main .link-onlinecart .icon-head .icon-head_text{
    display: none; }
  br.sp-5-none{
    display: none !important; }
  .area-follow-insta .sp-5-none{
    display: none !important; }
  .area-map .pod-control .control.-long{
    width: 46%; } }
  @media (max-width: 413px){
  .header-app-banner .text{
    margin-left: 7px; }
  #nav-main .link-search svg{
    width: 60px;
    height: 22px; }
  #nav-main .link-onlinecart{
    margin-right: 25px; }
  #nav-main .link-onlinecart svg{
    width: 73px;
    height: 22px; }
  #nav-main .link-onlinecart::before{
    display: none; } }
  @media screen and (orientation: landscape){
  .header-app-banner.christmas .link{
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .box-img-main{
    text-align: center; }
  .box-img-main img{
    max-width: 320px; }
  .menu-catalog.js-carousel{
    width: 320px;
    margin: 0 auto; }
  .js-modal-carousel_carousel{
    width: 320px;
    margin: 0 auto; }
  .js-carousel_item{
    width: 320px; }
  .panel-article,
  .panel-article-small{
    width: 320px;
    margin-right: auto;
    margin-left: auto; }
  .area-list-articles .link-article-small{
    width: 320px; }
  .banner-main{
    width: 320px;
    margin: 0 auto; }
  .banner-main .banner-main-bullet{
    width: 320px; }
  .l-column-2.l-column-pc .l-column-sub.area-app-pr{
    max-width: 380px;
    margin-left: auto;
    margin-right: auto; }
  .article-img-main,
  .grid-catalog-wrap,
  .article-lead{
    width: 350px;
    margin-right: auto;
    margin-left: auto; }
  .article-body .l-wide-1366,
  .article-body .l-wide-1020,
  .article-body .l-wide-980,
  .article-body .l-wide-960,
  .article-body .l-wide-640,
  .article-body .l-wide-480{
    max-width: 320px;
    margin-right: auto;
    margin-left: auto; }
  .article-author,
  .article-share-bottom{
    margin-right: auto;
    margin-left: auto;
    width: 320px; } }
  @media screen and (max-width: 767px){
  .area-follow-insta .sp-5-none{
    display: inline; }
  .mod-clickable-inner{
    width: 100%; }
  .mod-clickable-baloon{
    margin-right: auto;
    margin-left: auto;
    left: 30px;
    right: 30px;
    max-width: 480px;
    border-radius: 10px; }
  .mod-clickable-baloon .triangle{
    border-width: 15px 8px 0;
    bottom: -15px; }
  .mod-clickable-baloon .inner{
    padding: 25px; } }
  @media (orientation: landscape){
  .area-map .pod-control .control.-long{
    max-width: 188px;
    min-width: 24%; } }
  @media screen and (min-width: 768px){
  .mod-clickable-baloon{
    border-radius: 20px; }
  .mod-clickable-baloon .triangle{
    border-width: 22px 11px 0;
    bottom: -22px;
    right: 0; }
  .mod-clickable-baloon .inner{
    padding: 30px 30px 25px; } }

/*# sourceMappingURL=../_css-maps/common-sp.css.map */