@charset "UTF-8";
/* =============================================================================
   #Foundation
   ========================================================================== */
/* -----------------------------------------------------------------------------
   #sprite
   -------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
   #Variable
   -------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
   #Function
   -------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
   #mixin
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "iconfont";
  src: url("https://www2.sugi-net.jp/common_v2/fonts/iconfont.eot");
  src: url("https://www2.sugi-net.jp/common_v2/fonts/iconfont.eot") format("eot"), url("https://www2.sugi-net.jp/common_v2/fonts/iconfont.woff") format("woff"), url("https://www2.sugi-net.jp/common_v2/fonts/iconfont.ttf") format("truetype"), url("https://www2.sugi-net.jp/common_v2/fonts/iconfont.svg") format("svg");
}

.ico-add:before, .ico-add_circle:before, .ico-app:before, .ico-card:before, .ico-clear:before, .ico-drug:before, .ico-first_page:before, .ico-gnavi_01:before, .ico-gnavi_02:before, .ico-gnavi_03:before, .ico-gnavi_04:before, .ico-gnavi_05:before, .ico-keyboard_arrow_down:before, .ico-keyboard_arrow_right:before, .ico-menu:before, .ico-navigate_next:before, .ico-note:before, .ico-open_in_new:before, .ico-person_check:before, .ico-person_outline:before, .ico-picture_as_pdf:before, .ico-place:before, .ico-point_card:before, .ico-present:before, .ico-remove_circle:before, .ico-search:before, .ico-shopping:before, .ico-smartphone:before, .ico-sugi:before, .btn-cmn__button[target="_blank"] .btn-cmn__button-in:after, .link-cmn[target="_blank"]:after, .mod-links-square__body:before, .mod-links-square__icon--service:before, .mod-links-square__icon--tempo:before, .nav-breadcrumb__list-item + .nav-breadcrumb__list-item:before, .slider-cmn__arrow .slick-arrow:before, .link-cmn[target="_blank"] .ttl-cmn-02__main:after, .top-mod-links-square__body:before, .top-mod-links-square__icon--service:before, .top-mod-links-square__icon--tempo:before, .top-mod-qa__list-link:before, .top-mod-qa__list-icon--shopping:before, .top-mod-qa__list-icon--drug:before, .top-mod-qa__list-icon--point_card:before, .top-mod-qa__list-icon--card:before, .top-mod-qa__list-icon--present:before, .top-mod-qa__list-icon--other:before, .top-mod-qa__list-icon--app:before, .top-mod-qa__list-icon--info:before {
  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;
}

.ico-add:before {
  content: "";
}

.ico-add_circle:before {
  content: "";
}

.ico-app:before {
  content: "";
}

.ico-card:before {
  content: "";
}

.ico-clear:before {
  content: "";
}

.ico-drug:before {
  content: "";
}

.ico-first_page:before {
  content: "";
}

.ico-gnavi_01:before {
  content: "";
}

.ico-gnavi_02:before {
  content: "";
}

.ico-gnavi_03:before {
  content: "";
}

.ico-gnavi_04:before {
  content: "";
}

.ico-gnavi_05:before {
  content: "";
}

.ico-keyboard_arrow_down:before {
  content: "";
}

.ico-keyboard_arrow_right:before {
  content: "";
}

.ico-menu:before {
  content: "";
}

.ico-navigate_next:before {
  content: "";
}

.ico-note:before {
  content: "";
}

.ico-open_in_new:before {
  content: "";
}

.ico-person_check:before {
  content: "";
}

.ico-person_outline:before {
  content: "";
}

.ico-picture_as_pdf:before {
  content: "";
}

.ico-place:before {
  content: "";
}

.ico-point_card:before {
  content: "";
}

.ico-present:before {
  content: "";
}

.ico-remove_circle:before {
  content: "";
}

.ico-search:before {
  content: "";
}

.ico-shopping:before {
  content: "";
}

.ico-smartphone:before {
  content: "";
}

.ico-sugi:before {
  content: "";
}

/* =============================================================================
   #library
   ========================================================================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* =============================================================================
   #Layout
   ========================================================================== */
body {
  position: relative;
  min-width: 1200px;
}

@media all and (max-width: 767px) {
  body {
    min-width: 0;
  }
}

/* #Footer
-------------------------------------------------------------------------- */
.layout-footer {
  background: #fff;
}

.layout-footer__in {
  overflow: hidden;
  max-width: 1170px;
  margin: 0 auto;
}

body:not(.theme-top) .layout-footer__top {
  border-bottom: 1px solid #98c9af;
}

@media all and (max-width: 767px) {
  body:not(.theme-top) .layout-footer__top {
    border-bottom: none;
  }
}

body:not(.theme-top) .layout-footer__top .layout-footer__in {
  padding-bottom: 30px;
  background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_footer_top_01_pc.png") no-repeat bottom right;
}

@media all and (max-width: 767px) {
  body:not(.theme-top) .layout-footer__top .layout-footer__in {
    padding-bottom: 6vw;
    background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_footer_top_01_sp.png") no-repeat bottom center;
    background-size: contain;
  }
}

.layout-footer__bottom {
  height: 80px;
  background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_footer_bottom_01_pc.jpg") no-repeat center/cover;
}

@media all and (max-width: 767px) {
  .layout-footer__bottom {
    height: auto;
    background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_footer_bottom_01_sp.jpg") no-repeat center/cover;
  }
}

body:not(.page-index) .layout-footer__bottom {
  height: 89px;
  border-top: 9px solid #017d3f;
}

@media all and (max-width: 767px) {
  body:not(.page-index) .layout-footer__bottom {
    height: auto;
    border-top: none;
  }
}

.layout-footer__bottom .layout-footer__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 767px) {
  .layout-footer__bottom .layout-footer__in {
    display: block;
    padding: 16px 14px;
  }
}

.layout-footer__list01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 116px;
  font-size: 16px;
}

body:not(.page-index) .layout-footer__list01 {
  height: 92px;
}

@media all and (max-width: 767px) {
  body:not(.page-index) .layout-footer__list01 {
    height: auto;
  }
}

@media all and (max-width: 767px) {
  .layout-footer__list01 {
    padding: 23px 20px;
    height: auto;
    font-size: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.layout-footer__list01-item {
  position: relative;
  padding-left: 24px;
}

@media all and (max-width: 767px) {
  .layout-footer__list01-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% + 11.2vw);
    line-height: 2;
  }
}

@media all and (max-width: 767px) {
  .layout-footer__list01-item:nth-child(even) {
    width: calc(50% - 11.2vw);
  }
}

@media all and (max-width: 767px) {
  .layout-footer__list01-item:last-child {
    margin-right: -12px;
    width: calc(50% - 11.2vw + 12px);
  }
}

.layout-footer__list01-item .ico-keyboard_arrow_right {
  margin-right: -3px;
  color: #094;
  font-size: 24px;
}

@media all and (max-width: 767px) {
  .layout-footer__list01-item .ico-keyboard_arrow_right {
    margin-right: -1px;
    font-size: 18px;
  }
}

.layout-footer__list01-item .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  left: 0;
}

.layout-footer__list01-item .ico-open_in_new {
  width: 18px;
  color: #094;
}

.layout-footer__list01-item .ico-open_in_new:before {
  position: absolute;
  top: 50%;
  right: 0;
}

@media all and (max-width: 767px) {
  .layout-footer__list01-item .ico-open_in_new:before {
    position: relative;
    top: -3px;
    left: 3px;
  }
}

.layout-footer__list01-item + li {
  margin-left: 27px;
}

@media all and (max-width: 767px) {
  .layout-footer__list01-item + li {
    margin-left: 0;
  }
}

.layout-footer__list01-link {
  display: block;
  color: inherit;
}

@media all and (min-width: 768px) {
  .layout-footer__list01-link {
    text-decoration: none;
  }
  .layout-footer__list01-link:hover {
    text-decoration: underline;
  }
}

.layout-footer__list02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  padding-left: 4px;
  font-size: 14px;
  color: #fff;
}

@media all and (max-width: 767px) {
  .layout-footer__list02 {
    padding: 0 6px;
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 11px;
  }
}

.layout-footer__list02-item {
  position: relative;
  padding-left: 20px;
}

@media all and (max-width: 767px) {
  .layout-footer__list02-item {
    width: 50%;
    padding-left: 15px;
    line-height: 20px;
  }
}

.layout-footer__list02-item + .layout-footer__list02-item {
  margin-left: 30px;
}

@media all and (max-width: 767px) {
  .layout-footer__list02-item + .layout-footer__list02-item {
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .layout-footer__list02-item:nth-child(even) {
    margin-left: 11.2vw;
    width: calc(50% - 11.2vw);
  }
}

.layout-footer__list02-item .ico-keyboard_arrow_right {
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .layout-footer__list02-item .ico-keyboard_arrow_right {
    font-size: 15px;
  }
}

.layout-footer__list02-item .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  left: 0;
}

.layout-footer__list02-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
}

@media all and (min-width: 768px) {
  .layout-footer__list02-link {
    text-decoration: none;
  }
  .layout-footer__list02-link:hover {
    text-decoration: underline;
  }
}

.layout-footer__copyright {
  margin-left: auto;
  color: #fff;
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .layout-footer__copyright {
    margin: 14px 0 0;
    font-size: 10px;
  }
}

.layout-footer__copyright-mark {
  font-family: Verdana, sans-serif;
}

.layout-footer__pagetop {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.layout-footer__pagetop-link {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 28px;
  bottom: 10px;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background-color: #000;
  opacity: 0.6;
}

@media all and (min-width: 768px) {
  .layout-footer__pagetop-link {
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .layout-footer__pagetop-link:hover {
    opacity: .3;
  }
}

@media all and (max-width: 767px) {
  .layout-footer__pagetop-link {
    right: 8px;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    border-radius: 4px;
  }
}

.layout-footer__pagetop-link .ico-first_page {
  color: #fff;
  font-size: 30px;
}

@media all and (max-width: 767px) {
  .layout-footer__pagetop-link .ico-first_page {
    font-size: 20px;
  }
}

.layout-footer__pagetop-link .ico-first_page:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

@media all and (max-width: 767px) {
  .layout-footer__pagetop-link .ico-first_page:before {
    margin-left: -10px;
  }
}

.layout-footer__pagetop.is-position-static {
  position: static;
}

/* wrapper
-------------------------------------------------------------------------- */
/* layout-wrapper
-------------------------------------- */
.layout-wrapper {
  overflow: hidden;
  min-width: 1200px;
}

@media all and (max-width: 767px) {
  .layout-wrapper {
    width: 100%;
    min-width: 320px;
  }
}

.layout-wrapper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 472px;
  background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_body_top_01_pc.png") no-repeat top center;
  z-index: -1;
}

@media all and (max-width: 767px) {
  .layout-wrapper:before {
    height: 0;
    padding-bottom: 80.4%;
    background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_body_top_01_sp.png") no-repeat top center;
    background-size: cover;
  }
}

/* layout-ghost
-------------------------------------- */
.layout-ghost {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 15, 20, 0.8);
  z-index: 2;
}

/* container
-------------------------------------- */
/* layout-contents
-------------------------------------------------------------------------- */
/* layout-contents
-------------------------------------- */
.layout-contents {
  position: relative;
}

.layout-contents:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1208px;
  background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_body_bottom_01_pc.jpg") no-repeat bottom center;
  z-index: -2;
}

@media all and (max-width: 767px) {
  .layout-contents:after {
    bottom: 0;
    height: 0;
    padding-top: 108.94%;
    background: url("https://www2.sugi-net.jp/common_v2/img/layout/bg_body_bottom_01_sp.jpg") no-repeat bottom center;
    background-size: cover;
  }
}

/* .layout-contents__header
-------------------------------------- */
.layout-contents__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 1170px;
  margin: 0 auto;
  padding: 32px 0 32px;
}

@media all and (max-width: 767px) {
  .layout-contents__header {
    display: block;
    padding: 20px 13px 15px;
  }
}

.layout-contents__header-main {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.layout-contents__header-sub {
  display: block;
  padding-right: 300px;
}

@media all and (max-width: 767px) {
  .layout-contents__header-sub {
    padding-top: 10px;
    padding-right: 0;
  }
}

/* .layout-contents__main
-------------------------------------- */
.layout-contents__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1170px;
  margin: auto;
}

@media all and (max-width: 767px) {
  .layout-contents__main {
    display: block;
    padding: 0 13px 60px;
  }
}

/* layout-contents-second
-------------------------------------- */
/* layout-contents-second__main
-------------------------------------- */
.layout-contents-second__main {
  display: block;
  max-width: 1170px;
  padding: 60px 0 60px;
  margin: auto;
}

@media all and (max-width: 767px) {
  .layout-contents-second__main {
    display: block;
    padding: 0 13px 50px;
  }
}

/* layout-contents-update
-------------------------------------- */
.layout-contents-update {
  background: rgba(217, 233, 159, 0.5);
}

/* layout-contents-update__main
-------------------------------------- */
.layout-contents-update__main {
  display: block;
  max-width: 1170px;
  padding: 60px 0 60px;
  margin: auto;
}

@media all and (max-width: 767px) {
  .layout-contents-update__main {
    display: block;
    padding: 29px 13px 30px;
  }
}

/* layout-contents-banner
-------------------------------------- */
/* layout-contents-banner__main
-------------------------------------- */
.layout-contents-banner__main {
  display: block;
  max-width: 1170px;
  padding: 50px 0 0;
  margin: auto;
}

@media all and (max-width: 767px) {
  .layout-contents-banner__main {
    max-width: 264px;
    display: block;
    padding: 30px 13px 15px;
  }
}

/* layout-main
-------------------------------------- */
.layout-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  padding-bottom: 110px;
}

@media all and (max-width: 767px) {
  .layout-main {
    display: block;
    padding-bottom: 0;
  }
}

.layout-main .sample {
  font-size: 36px;
}

@media all and (max-width: 767px) {
  .layout-main .sample {
    font-size: 23px;
  }
}

/* layout-sub
-------------------------------------- */
.layout-sub {
  width: 270px;
  margin-left: 30px;
  padding-bottom: 110px;
}

@media all and (max-width: 767px) {
  .layout-sub {
    width: 100%;
    margin: 25px 0 0;
    padding-bottom: 0;
  }
}

.layout-sub > div {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .layout-sub > div {
    margin-top: 15px;
  }
}

.layout-sub > div:first-child {
  margin-top: 0;
}

/* layout-main
-------------------------------------------------------------------------- */
/* layout-main
-------------------------------------- */
/* #Header
-------------------------------------------------------------------------- */
.layout-header {
  position: relative;
  display: block;
  min-width: 1200px;
  padding: 0 15px;
}

@media all and (max-width: 767px) {
  .layout-header {
    min-width: 0;
    width: 100%;
    padding: 0;
  }
}

.layout-header:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #009944;
  opacity: 0.2;
}

@media all and (max-width: 767px) {
  .layout-header:after {
    display: none;
  }
}

.layout-header__in {
  position: relative;
  height: 130px;
  max-width: 1170px;
  margin: 0 auto;
}

@media all and (max-width: 767px) {
  .layout-header__in {
    min-height: 45px;
    height: auto;
  }
}

.layout-header-logo {
  padding: 10px 0 0 10px;
}

@media all and (max-width: 767px) {
  .layout-header-logo {
    padding: 8px 0 0 9px;
  }
}

.layout-header-logo__link {
  display: inline-block;
  width: 267px;
}

@media all and (max-width: 767px) {
  .layout-header-logo__link {
    width: 167px;
  }
}

.layout-header-logo img {
  display: block;
  width: 100%;
  height: auto;
}

@media all and (max-width: 767px) {
  .layout-header-logo img {
    width: 90%;
  }
}

.layout-header-link-pc {
  position: absolute;
  top: 24px;
  right: 0;
}

@media all and (max-width: 767px) {
  .layout-header-link-pc {
    display: none;
  }
}

.layout-header-link-pc__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-header-link-pc__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}

@media all and (min-width: 768px) {
  .layout-header-link-pc__list-link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .layout-header-link-pc__list-link:hover {
    opacity: .6;
  }
}

@media all and (-ms-high-contrast: none) {
  .layout-header-link-pc__list-link {
    padding-top: 8px;
    /* IE */
  }
}

.layout-header-link-pc__list-link-mark {
  padding-right: 10px;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  opacity: .5;
}

@media all and (-ms-high-contrast: none) {
  .layout-header-link-pc__list-link-mark {
    margin-top: -10px;
    /* IE */
  }
}

.layout-header-link-pc__list-item {
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

.layout-header-link-pc__list-item:first-child {
  margin-right: 19px;
  font-size: 18px;
}

.layout-header-link-pc__list-item.member-entry {
  font-size: 16px;
  margin-right: 19px;
}

.layout-header-link-pc__list-item.member-entry .layout-header-link-pc__list-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 160px;
  height: 36px;
  padding-left: 20px;
  border-radius: 8px;
  background-image: linear-gradient(120deg, #e60021, #b7021c);
  color: #fff;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

.layout-header-link-pc__list-item.member-entry .ico-person_check {
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 20px;
}

@media all and (-ms-high-contrast: none) {
  .layout-header-link-pc__list-item.member-entry .ico-person_check {
    top: 18px;
    /* IE */
  }
}

.layout-header-link-pc__list-item:last-child {
  font-size: 16px;
}

.layout-header-link-pc__list-item:last-child .layout-header-link-pc__list-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 160px;
  height: 36px;
  padding-left: 20px;
  border-radius: 8px;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

.layout-header-link-pc__list-item:last-child .ico-person_outline {
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 20px;
}

@media all and (-ms-high-contrast: none) {
  .layout-header-link-pc__list-item:last-child .ico-person_outline {
    top: 18px;
    /* IE */
  }
}

.layout-header-entry {
  display: none;
}

@media all and (max-width: 767px) {
  .layout-header-entry {
    display: block;
    position: absolute;
    top: 0;
    right: 104px;
  }
  .layout-header-entry__button {
    display: block;
    width: 50px;
    height: 45px;
    padding-top: 2px;
    background-image: linear-gradient(120deg, #e60021 0%, #b7021c 100%);
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
  }
  .layout-header-entry .ico-person_check:after {
    display: inline-block;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 10px;
    content: '会員登録';
    font-size: 10px;
    text-align: center;
    line-height: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.layout-header-login {
  display: none;
}

@media all and (max-width: 767px) {
  .layout-header-login {
    display: block;
    position: absolute;
    top: 0;
    right: 52px;
  }
  .layout-header-login__button {
    display: block;
    width: 50px;
    height: 45px;
    padding-top: 2px;
    background-image: linear-gradient(120deg, #3aba2d 0%, #239944 100%);
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
  }
  .layout-header-login .ico-person_outline:after {
    display: inline-block;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 10px;
    content: 'ログイン';
    font-size: 10px;
    text-align: center;
    line-height: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.layout-header-menu {
  display: none;
}

@media all and (max-width: 767px) {
  .layout-header-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .layout-header-menu__button {
    display: block;
    position: relative;
    width: 50px;
    height: 45px;
    border-radius: 0 0 0 4px;
    background: rgba(0, 48, 24, 0.5);
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
  }
  .layout-header-menu .ico-menu:before {
    position: relative;
    top: -4px;
  }
  .layout-header-menu .ico-menu:after {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 8px;
    content: 'メニュー';
    font-size: 10px;
    text-align: center;
    line-height: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .layout-header-menu .ico-clear:before {
    position: relative;
    top: -5px;
  }
  .layout-header-menu .ico-clear:after {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: '閉じる';
    font-size: 10px;
    text-align: center;
    line-height: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.layout-header-utility {
  position: absolute;
  top: 82px;
  width: 100%;
}

@media all and (max-width: 767px) {
  .layout-header-utility {
    display: none;
    position: relative;
    top: 1px;
    padding: 3px 13px 22px;
    background: rgba(0, 48, 24, 0.5);
  }
}

.layout-header-utility__bottom {
  display: none;
}

@media all and (max-width: 767px) {
  .layout-header-utility__bottom {
    display: block;
    margin: 25px auto 0;
    width: 205px;
    height: 45px;
  }
}

.layout-header-utility__bottom-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

.layout-header-utility__bottom-btn .ico-person_outline {
  width: 20px;
  font-size: 26px;
}

.layout-header-utility__bottom-btn .ico-person_outline:before {
  position: absolute;
  top: 50%;
  left: 40px;
}

.layout-header-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .layout-header-navigation {
    display: block;
  }
}

.layout-header-navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media all and (max-width: 767px) {
  .layout-header-navigation__list {
    display: block;
  }
}

.layout-header-navigation__list:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #009944;
  opacity: 0.2;
}

.layout-header-navigation__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 20%;
  height: 48px;
  padding-bottom: 4px;
}

@media all and (max-width: 767px) {
  .layout-header-navigation__list-item {
    width: 100%;
    height: 61px;
    padding-bottom: 0;
  }
}

.layout-header-navigation__list-item:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #009944;
  opacity: .2;
}

@media all and (max-width: 767px) {
  .layout-header-navigation__list-item:before {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: .7;
  }
}

@media all and (min-width: 768px) {
  [class^='page-campaign'] .layout-header-navigation__list-item:nth-child(1) .layout-header-navigation__list-link {
    color: #007d3f;
  }
  [class^='page-campaign'] .layout-header-navigation__list-item:nth-child(1) .layout-header-navigation__list-link:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007d3f;
  }
  [class^='page-campaign'] .layout-header-navigation__list-item:nth-child(1) .layout-header-navigation__list-link [class^="ico-"] {
    opacity: 1;
  }
}

@media all and (min-width: 768px) {
  [class^='page-event'] .layout-header-navigation__list-item:nth-child(2) .layout-header-navigation__list-link {
    color: #007d3f;
  }
  [class^='page-event'] .layout-header-navigation__list-item:nth-child(2) .layout-header-navigation__list-link:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007d3f;
  }
  [class^='page-event'] .layout-header-navigation__list-item:nth-child(2) .layout-header-navigation__list-link [class^="ico-"] {
    opacity: 1;
  }
}

@media all and (min-width: 768px) {
  [class^='page-point'] .layout-header-navigation__list-item:nth-child(3) .layout-header-navigation__list-link {
    color: #007d3f;
  }
  [class^='page-point'] .layout-header-navigation__list-item:nth-child(3) .layout-header-navigation__list-link:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007d3f;
  }
  [class^='page-point'] .layout-header-navigation__list-item:nth-child(3) .layout-header-navigation__list-link [class^="ico-"] {
    opacity: 1;
  }
}

@media all and (min-width: 768px) {
  [class^='page-service'] .layout-header-navigation__list-item:nth-child(4) .layout-header-navigation__list-link {
    color: #007d3f;
  }
  [class^='page-service'] .layout-header-navigation__list-item:nth-child(4) .layout-header-navigation__list-link:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007d3f;
  }
  [class^='page-service'] .layout-header-navigation__list-item:nth-child(4) .layout-header-navigation__list-link [class^="ico-"] {
    opacity: 1;
  }
}

@media all and (min-width: 768px) {
  [class^='page-tenpo'] .layout-header-navigation__list-item:nth-child(5) .layout-header-navigation__list-link {
    color: #007d3f;
  }
  [class^='page-tenpo'] .layout-header-navigation__list-item:nth-child(5) .layout-header-navigation__list-link:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007d3f;
  }
  [class^='page-tenpo'] .layout-header-navigation__list-item:nth-child(5) .layout-header-navigation__list-link [class^="ico-"] {
    opacity: 1;
  }
}

.layout-header-navigation__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (max-width: 767px) {
  .layout-header-navigation__list-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 10px;
    color: #fff;
    font-size: 15px;
  }
}

.layout-header-navigation__list-link [class^="ico-gnavi"] {
  position: relative;
  width: 44px;
  height: 30px;
  font-size: 30px;
  opacity: .5;
}

.layout-header-navigation__list-link [class^="ico-gnavi"]:before {
  position: absolute;
  display: inline-block;
  top: 48%;
  left: 0;
}

@media all and (-ms-high-contrast: none) {
  .layout-header-navigation__list-link [class^="ico-gnavi"]:before {
    margin-top: -5px;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .layout-header-navigation__list-link [class^="ico-gnavi"] {
    width: 46px;
    height: 25px;
    opacity: 1;
    font-size: 25px;
  }
}

.layout-header-navigation__list-link [class^="ico-gnavi_01"] {
  font-size: 40px;
}

@media all and (max-width: 767px) {
  .layout-header-navigation__list-link [class^="ico-gnavi_01"] {
    font-size: 30px;
  }
}

.layout-header-navigation__list-link .ico-keyboard_arrow_right {
  margin-left: auto;
  font-size: 28px;
}

.layout-header-navigation__list-link .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 0;
}

.layout-header-navigation__list-link .layout-header-navigation__list-link-mark {
  width: 26px;
  margin-right: 20px;
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  text-align: center;
}

@media all and (min-width: 768px) {
  .layout-header-navigation__list-link:hover, .layout-header-navigation__list-link.is-current {
    color: #094;
  }
  .layout-header-navigation__list-link:hover:after, .layout-header-navigation__list-link.is-current:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #007d3f;
  }
  .layout-header-navigation__list-link:hover [class^="ico-"], .layout-header-navigation__list-link.is-current [class^="ico-"] {
    opacity: 1;
  }
}

@media all and (max-width: 1200px) {
  .layout-header-navigation__list-link {
    padding: 0 .7em;
  }
}

.layout-header-navigation__detail {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 40px 0 45px;
  color: #fff;
  background: rgba(10, 15, 20, 0.8);
}

.is-current ~ .layout-header-navigation__detail {
  display: block;
}

.layout-header-navigation__detail-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1170px;
  margin: auto;
}

.layout-header-navigation__detail-headline-title {
  font-size: 20px;
  margin-right: auto;
}

.layout-header-navigation__detail-headline-list {
  font-size: 13px;
  padding-top: 8px;
}

.layout-header-navigation__detail-headline-list-item {
  display: block;
}

.layout-header-navigation__detail-headline-list-link {
  position: relative;
  display: block;
  padding-left: 24px;
  color: inherit;
}

@media all and (min-width: 768px) {
  .layout-header-navigation__detail-headline-list-link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .layout-header-navigation__detail-headline-list-link:hover {
    opacity: .6;
  }
}

.layout-header-navigation__detail-headline-list-link:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.layout-header-navigation__detail-body {
  width: 1170px;
  margin: auto;
}

.layout-header-navigation__detail-body-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 27px -15px 0;
  font-size: 16px;
}

.layout-header-navigation__detail-body-list-item {
  display: block;
  padding: 0 15px;
}

.layout-header-navigation__detail-body-list-link {
  display: block;
  position: relative;
  color: inherit;
}

@media all and (min-width: 768px) {
  .layout-header-navigation__detail-body-list-link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .layout-header-navigation__detail-body-list-link:hover {
    opacity: .6;
  }
}

.layout-header-navigation__detail-body-list-link-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.layout-header-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #E0E0E0;
}

.layout-header-search__button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  position: relative;
  display: block;
  width: 80px;
}

.layout-header-search__button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-size: 22px 22px;
}

.layout-header-search-sp {
  display: none;
}

@media all and (max-width: 767px) {
  .layout-header-search-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-header-search-sp__button {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    position: relative;
    display: block;
    width: 50px;
  }
  .layout-header-search-sp__button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background-size: 22px 22px;
  }
}

.layout-header-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #E0E0E0;
  font-size: 14px;
}

.layout-header-language__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  color: #999999;
}

.layout-header-language__button-in {
  position: relative;
  padding-right: .6em;
}

.layout-header-language__button-in:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  background-size: 6px 6px;
}

.layout-header-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layout-header-contact__button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  position: relative;
  display: block;
  width: 80px;
  background: #EDA721;
}

.layout-header-contact__button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 16px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-size: 22px 16px;
}

.layout-header-close {
  display: none;
}

/* #layout-sub
-------------------------------------------------------------------------- */
@media all and (min-width: 768px) {
  .sub_banner a {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .sub_banner a:hover {
    opacity: .6;
  }
}

.sub_banner a img {
  width: 100%;
  height: auto;
}

.sub_mytenpo {
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  background-color: #fff;
}

@media all and (max-width: 767px) {
  .sub_mytenpo {
    border-radius: 4px;
  }
}

.sub_mytenpo__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  border-radius: 8px 8px 0 0;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
  font-size: 20px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

@media all and (-ms-high-contrast: none) {
  .sub_mytenpo__title {
    padding-top: 10px;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .sub_mytenpo__title {
    border-radius: 4px 4px 0 0;
    height: 40px;
    font-size: 18px;
  }
}

.sub_mytenpo__title .ico-mytenpo {
  width: 6px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__title .ico-mytenpo {
    width: 0;
  }
}

.sub_mytenpo__title .ico-mytenpo:before {
  position: absolute;
  top: 17px;
  left: 19px;
  content: '';
  width: 35px;
  height: 28px;
  background: url("/common/img/layout/ico_mytenpo_01.png") center/cover;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__title .ico-mytenpo:before {
    top: 10px;
    left: 10px;
    width: 26px;
    height: 21px;
  }
}

.sub_mytenpo__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px 10px 14px;
  border-top: 1px solid #ccc;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__top {
    padding: 12px;
  }
}

.sub_mytenpo__top-link {
  margin: 3px auto 3px 0;
  color: #094;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5714;
  word-break: break-all;
  text-decoration: underline;
}

@media all and (min-width: 768px) {
  .sub_mytenpo__top-link:hover {
    text-decoration: none;
  }
}

@media all and (max-width: 767px) {
  .sub_mytenpo__top-link {
    margin: 0 auto 0 0;
    font-size: 12px;
  }
}

.sub_mytenpo__top .btn-delete {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}

.sub_mytenpo__flyer, .sub_mytenpo__information {
  display: none;
}

.sub_mytenpo__bottom-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90px;
  padding-left: 74px;
  border: 2px solid #239944;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
  font-size: 20px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

@media all and (-ms-high-contrast: none) {
  .sub_mytenpo__bottom-btn {
    padding-top: 10px;
    /* IE */
  }
}

@media all and (min-width: 768px) {
  .sub_mytenpo__bottom-btn {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .sub_mytenpo__bottom-btn:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .sub_mytenpo__bottom-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 66px;
    padding-left: 0;
    border: 1px solid #239944;
    border-top: none;
    border-radius: 0 0 4px 4px;
    font-size: 14px;
  }
}

.sub_mytenpo__bottom-btn .ico-place {
  font-size: 48px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__bottom-btn .ico-place {
    position: relative;
    font-size: 25px;
  }
}

.sub_mytenpo__bottom-btn .ico-place:before {
  position: absolute;
  top: 50%;
  left: 12px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__bottom-btn .ico-place:before {
    left: -36px;
  }
}

.sub_mytenpo__bottom-btn .ico-keyboard_arrow_right {
  font-size: 30px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__bottom-btn .ico-keyboard_arrow_right {
    font-size: 20px;
  }
}

.sub_mytenpo__bottom-btn .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 0;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__bottom-btn .ico-keyboard_arrow_right:before {
    right: 4px;
  }
}

.sub_mytenpo__body-list {
  border: 2px solid #239944;
  border-bottom: none;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__body-list {
    border: 1px solid #239944;
    border-bottom: none;
  }
}

.sub_mytenpo__body-list-item:first-child .sub_mytenpo__top {
  display: none;
}

.sub_mytenpo__body-list-item:first-child .sub_mytenpo__flyer, .sub_mytenpo__body-list-item:first-child .sub_mytenpo__information {
  display: block;
}

.sub_mytenpo__body-list-item:first-child + li:before {
  display: block;
  content: 'マイ店舗一覧';
  border-top: 2px solid #239944;
  padding: 16px 0 6px 16px;
  font-size: 14px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__body-list-item:first-child + li:before {
    border-top: 1px solid #239944;
    padding: 12px 0 6px 12px;
    font-size: 12px;
  }
}

.sub_mytenpo__flyer {
  padding: 20px 15px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer {
    padding: 10px 12px;
  }
}

.sub_mytenpo__flyer-title {
  font-size: 14px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer-title {
    font-size: 12px;
  }
}

.sub_mytenpo__flyer-text {
  color: #094;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer-text {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
  }
}

.sub_mytenpo__flyer-link {
  color: inherit;
}

@media all and (min-width: 768px) {
  .sub_mytenpo__flyer-link {
    text-decoration: none;
  }
  .sub_mytenpo__flyer-link:hover {
    text-decoration: underline;
  }
}

.sub_mytenpo__flyer .btn-delete {
  float: right;
  margin: 10px 5px 0 0;
}

.sub_mytenpo__flyer-main {
  clear: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 124px;
  padding-top: 24px;
  position: relative;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer-main {
    padding-top: 12px;
    height: 112px;
  }
}

.sub_mytenpo__flyer-main.is-ready {
  height: auto;
}

.sub_mytenpo__flyer-main .ico-note {
  position: absolute;
  font-size: 126px;
  opacity: .2;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer-main .ico-note {
    font-size: 97px;
  }
}

.sub_mytenpo__flyer-main .ico-note:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: -64px;
}

@media all and (-ms-high-contrast: none) {
  .sub_mytenpo__flyer-main .ico-note:before {
    margin-left: 36px;
  }
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer-main .ico-note:before {
    margin-left: -48px;
  }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none) {
  .sub_mytenpo__flyer-main .ico-note:before {
    margin-left: 36px;
  }
}

.sub_mytenpo__flyer-main-text {
  margin-top: -15px;
  padding: 0 0 0 9px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__flyer-main-text {
    padding-top: 8px;
    font-size: 12px;
    line-height: 18px;
  }
}

.sub_mytenpo__information-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  padding-left: 15px;
  background-color: #d9f0e3;
  cursor: pointer;
}

@media all and (min-width: 768px) {
  .sub_mytenpo__information-title {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .sub_mytenpo__information-title:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .sub_mytenpo__information-title {
    height: 40px;
    padding-left: 12px;
  }
}

.sub_mytenpo__information-title-text {
  font-size: 16px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__information-title-text {
    font-size: 12px;
  }
}

.sub_mytenpo__information-title .ico-add_circle,
.sub_mytenpo__information-title .ico-remove_circle {
  color: #094;
  font-size: 24px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__information-title .ico-add_circle,
  .sub_mytenpo__information-title .ico-remove_circle {
    font-size: 20px;
  }
}

.sub_mytenpo__information-title .ico-add_circle:before,
.sub_mytenpo__information-title .ico-remove_circle:before {
  position: absolute;
  top: 50%;
  right: 10px;
}

.sub_mytenpo__information-main {
  display: none;
  padding: 14px 13px;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__information-main {
    padding: 10px;
  }
}

.sub_mytenpo__information-main [class^="grid_col"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub_mytenpo__information-main-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px;
  padding-top: 14px;
  border-top: 1px solid #269946;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__information-main-title {
    width: 40px;
    padding: 9px 4px 0 0;
    font-size: 12px;
    line-height: 1.5;
  }
}

.sub_mytenpo__information-main .list-store-data {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 13px 0 0 13px;
  border-top: 1px solid #ccc;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__information-main .list-store-data {
    padding: 9px 0 0;
  }
}

.sub_mytenpo__empty {
  display: none;
  border: 2px solid #239944;
  border-top: none;
  border-bottom: none;
  border-bottom-width: 3px;
  padding: 20px 0 30px;
  margin-bottom: -1px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__empty {
    border: 1px solid #239944;
    border-top: none;
    border-bottom: none;
    padding: 13px 0 17px;
  }
}

.sub_mytenpo__empty-title {
  font-size: 14px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__empty-title {
    font-size: 12px;
  }
}

.sub_mytenpo__empty-text {
  font-size: 14px;
  margin-top: 1em;
}

@media all and (max-width: 767px) {
  .sub_mytenpo__empty-text {
    font-size: 12px;
    margin-top: .6em;
  }
}

.sub_appli-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  padding-left: 76px;
  border-radius: 8px;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  color: #fff;
  font-size: 20px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

@media all and (-ms-high-contrast: none) {
  .sub_appli-btn {
    padding-top: 10px;
    /* IE */
  }
}

@media all and (min-width: 768px) {
  .sub_appli-btn {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .sub_appli-btn:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .sub_appli-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 62px;
    padding-left: 16px;
    border-radius: 4px;
    font-size: 14px;
  }
}

.sub_appli-btn-text {
  line-height: 26px;
}

.sub_appli-btn-text-small {
  padding-right: 5px;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  .sub_appli-btn-text-small {
    padding-right: 0;
    font-size: 14px;
  }
}

.sub_appli-btn .ico-smartphone {
  font-size: 55px;
}

@media all and (max-width: 767px) {
  .sub_appli-btn .ico-smartphone {
    position: relative;
    font-size: 35px;
  }
}

.sub_appli-btn .ico-smartphone:before {
  position: absolute;
  top: 50%;
  left: 12px;
}

@media all and (max-width: 767px) {
  .sub_appli-btn .ico-smartphone:before {
    left: -54px;
  }
}

.sub_appli-btn .ico-keyboard_arrow_right {
  font-size: 30px;
}

@media all and (max-width: 767px) {
  .sub_appli-btn .ico-keyboard_arrow_right {
    font-size: 20px;
  }
}

.sub_appli-btn .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 2px;
}

@media all and (max-width: 767px) {
  .sub_appli-btn .ico-keyboard_arrow_right:before {
    right: 6px;
  }
}

.sub_campaign__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding-left: 15px;
  border-radius: 8px;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
  font-size: 18px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
}

@media all and (-ms-high-contrast: none) {
  .sub_campaign__btn {
    padding-top: 8px;
    /* IE */
  }
}

@media all and (min-width: 768px) {
  .sub_campaign__btn {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .sub_campaign__btn:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .sub_campaign__btn {
    font-size: 17px;
  }
}

.sub_campaign__btn .ico-keyboard_arrow_right {
  font-size: 30px;
}

@media all and (max-width: 767px) {
  .sub_campaign__btn .ico-keyboard_arrow_right {
    font-size: 25px;
  }
}

.sub_campaign__btn .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 0;
}

@media all and (max-width: 767px) {
  .sub_campaign__btn .ico-keyboard_arrow_right:before {
    right: 10px;
  }
}

/* =============================================================================
   #Object
   ========================================================================== */
/* box-cmn
-------------------------------------------------------------------------- */
.box-cmn {
  position: relative;
  padding: 26px 30px 26px;
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .box-cmn {
    padding: 15px 15px 15px;
    border-radius: 4px;
  }
}

.box-cmn__bg-gray {
  background-color: #f9f9f9;
}

.box-cmn__border {
  border: 1px #e0e0e0 solid;
  border-radius: 6px;
}

.box-cmn__tips {
  padding-left: 65px;
  margin: -8px 0;
}

@media all and (max-width: 767px) {
  .box-cmn__tips {
    margin: 0 0;
    padding-left: 30px;
  }
}

.box-cmn__tips:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 30px;
  width: 35px;
  height: 25px;
  background: url(/common/img/module/ico_sugiha_01.png) 0 0/35px 25px no-repeat;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@media all and (max-width: 767px) {
  .box-cmn__tips:before {
    left: 8px;
    width: 26px;
    height: 19px;
    background-size: 26px 19px;
  }
}

.box-cmn__tips-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px 0 -20px;
}

@media all and (max-width: 767px) {
  .box-cmn__tips-in {
    display: block;
    margin: 0 -15px -10px;
  }
}

@media all and (max-width: 767px) {
  .box-cmn__tips-in.u-flex-sp .box-cmn__tips-col--full {
    padding: 0 8px 10px 15px;
  }
}

.box-cmn__tips-col {
  display: block;
  padding: 0 20px;
}

@media all and (max-width: 767px) {
  .box-cmn__tips-col {
    padding: 0 15px 10px;
  }
}

.box-cmn__tips-col--full {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media all and (min-width: 768px) {
  .box-cmn__tips-col--bottom_image {
    position: absolute;
    bottom: 10px;
    right: 30px;
    width: 209px;
  }
  .box-cmn__tips-col--bottom_image img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 209px;
    height: auto;
  }
}

@media all and (max-width: 767px) {
  .box-cmn__tips-col--bottom_image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 108px;
    height: 74px;
    margin: -6px 0;
    padding: 0 6px 10px 0;
  }
  .box-cmn__tips-col--bottom_image img {
    position: relative;
    width: 102px;
    height: auto;
  }
}

.box-cmn .ttl-cmn-04 + * {
  margin-top: 1.0em;
}

@media all and (max-width: 767px) {
  .box-cmn .ttl-cmn-04 + * {
    margin-top: .5em;
  }
}

.box-cmn .txt-cmn + .txt-cmn {
  margin-top: .5em;
}

.box-cmn {
  margin-top: 23px;
}

.box-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .box-cmn {
    margin-top: 14px;
  }
  .txt-note + .box-cmn {
    margin-top: 5px;
  }
}

/*
---
name: .box-cmn
category: module/box
tag: box-cmn
---

- normal & 2 column

```html
<div class="grid-cmn grid_gutter--29px grid_gutter__sp--15px grid-cmn--box-cmn u-flex-ai-strech">
  <div class="grid_col--12 grid_col__sp--12">
    <div class="box-cmn box-cmn__bg-gray">
      <div class="box-cmn__in">
        <h4 class="ttl-cmn-04">
          <span class="ttl-cmn-04__main">網掛けエリア（見出しスタイルは状況に応じて使い分ける。こちらはh5）</span>
        </h4><!-- /.ttl-cmn-04 -->
        <p class="txt-cmn">こちら通常テキストです。背景は#f9f9f9です。こちら通常テキストです。背景は#f9f9f9です。こちら通常テキストです。こちら通常テキストです。背景は#f9f9f9です。</p>
      </div><!-- /.box-cmn__in -->
    </div><!-- /.box-cmn -->
  </div><!-- /.grid_col--1 -->
  <div class="grid_col--6 grid_col__sp--12">
    <div class="box-cmn box-cmn__bg-gray">
      <div class="box-cmn__in">
        <h4 class="ttl-cmn-04">
          <span class="ttl-cmn-04__main">網掛けエリア 2カラム</span>
        </h4><!-- /.ttl-cmn-04 -->
        <p class="txt-cmn">こちら通常テキストです。背景は#f9f9f9です。こちら通常テキストです。</p>
      </div><!-- /.box-cmn__in -->
    </div><!-- /.box-cmn -->
  </div><!-- /.grid_col--1 -->
  <div class="grid_col--6 grid_col__sp--12">
    <div class="box-cmn box-cmn__bg-gray">
      <div class="box-cmn__in">
        <h4 class="ttl-cmn-04">
          <span class="ttl-cmn-04__main">網掛けエリア 2カラム</span>
        </h4><!-- /.ttl-cmn-04 -->
        <p class="txt-cmn">こちら通常テキストです。背景は#f9f9f9です。こちら通常テキストです。</p>
      </div><!-- /.box-cmn__in -->
    </div><!-- /.box-cmn -->
  </div><!-- /.grid_col--1 -->
</div><!-- /.grid-cmn -->
```

- tips

```html
<div class="box-cmn box-cmn__bg-gray">
  <div class="box-cmn__in">
    <div class="box-cmn__tips">
      <div class="box-cmn__tips-in">
        <div class="box-cmn__tips-col box-cmn__tips-col--full">
          <p class="txt-cmn">こちら通常テキストです。背景は#f9f9f9です。こちら通常テキストです。こちら通常テキストです。背景は#f9f9f9です。こちら通常テキストです。</p>
        </div><!-- /.box-cmn__tips-col -->
      </div><!-- /.box-cmn__tips-in -->
    </div><!-- /.box-cmn__tips -->
  </div><!-- /.box-cmn__in -->
</div><!-- /.box-cmn -->
```
*/
/* box-campaign-top
-------------------------------------------------------------------------- */
.box-campaign-top {
  width: 100%;
  height: 250px;
  background: url("/campaign/img/bg_campaign_top_01_pc.png") no-repeat 0 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
}

@media all and (max-width: 767px) {
  .box-campaign-top {
    position: relative;
    max-height: 198px;
    margin: 0 auto;
    border-radius: 4px;
    background: url("/campaign/img/bg_campaign_top_01_sp.png") no-repeat 0 0;
    background-size: cover;
  }
}

.box-campaign-top__title {
  padding-top: 60px;
  color: #007d3f;
  font-size: 40px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 700;
  text-shadow: 1.414px 1.414px 2px rgba(0, 125, 63, 0.3);
  text-align: center;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .box-campaign-top__title {
    padding-top: 65px;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .box-campaign-top__title {
    padding-top: 25px;
    font-size: 23px;
    line-height: 28px;
    text-align: center;
  }
}

@media all and (max-width: 420px) {
  .box-campaign-top__title {
    padding-left: 15vw;
  }
}

.box-campaign-top__text {
  margin-top: 30px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .box-campaign-top__text {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
  }
}

@media all and (max-width: 360px) {
  .box-campaign-top__text {
    padding-bottom: 20px;
    letter-spacing: -.05em;
  }
}

/* box-campaign
-------------------------------------------------------------------------- */
.box-campaign {
  height: 100%;
  padding-bottom: 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  background-color: #fff;
}

@media all and (max-width: 767px) {
  .box-campaign {
    font-size: 12px;
  }
}

.box-campaign__img {
  border-radius: 8px 8px 0 0;
}

.box-campaign__header {
  margin-top: 15px;
  padding: 0 30px;
}

@media all and (max-width: 767px) {
  .box-campaign__header {
    padding: 0 15px;
  }
}

.box-campaign__title {
  margin: 0 -30px 0 -5px;
  color: #094;
  font-size: 22px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  line-height: 30px;
}

@media all and (max-width: 767px) {
  .box-campaign__title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
  }
}

.box-campaign__text {
  margin-top: 10px;
}

@media all and (max-width: 767px) {
  .box-campaign__text {
    margin-top: 5px;
  }
}

.box-campaign__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 30px;
}

@media all and (max-width: 767px) {
  .box-campaign__list {
    margin-top: 12px;
    padding: 0 15px;
  }
}

.box-campaign__list:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 30px;
  width: 90px;
  height: 1px;
  background-color: #269946;
}

@media all and (max-width: 767px) {
  .box-campaign__list:after {
    left: 15px;
    width: 75px;
  }
}

.box-campaign__list--title {
  width: 90px;
  padding: 6px 0;
  border-top: 1px solid #269946;
  font-weight: bold;
  text-align: center;
}

@media all and (max-width: 767px) {
  .box-campaign__list--title {
    width: 75px;
    padding: 10px 13px;
    text-align: left;
  }
}

.box-campaign__list--text {
  width: calc(100% - 90px);
  padding: 6px;
  border-top: 1px solid #ccc;
}

@media all and (max-width: 767px) {
  .box-campaign__list--text {
    width: calc(100% - 75px);
    padding: 10px;
  }
}

.box-campaign__list--text:last-child {
  border-bottom: 1px solid #ccc;
}

.box-campaign__bottom {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-campaign__bottom {
    margin: 15px 15px 0;
  }
}

.box-campaign__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 250px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #094;
  color: inherit;
}

@media all and (min-width: 768px) {
  .box-campaign__button {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .box-campaign__button:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .box-campaign__button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
  }
}

.box-campaign__button .ico-keyboard_arrow_right {
  color: #094;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .box-campaign__button .ico-keyboard_arrow_right {
    font-size: 20px;
  }
}

.box-campaign__button .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 10px;
}

/* box-campaign-detail
-------------------------------------------------------------------------- */
.box-campaign-detail {
  padding: 30px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
}

@media all and (max-width: 767px) {
  .box-campaign-detail {
    padding: 15px;
    border-radius: 4px;
  }
}

.box-campaign-detail__description {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-campaign-detail__description {
    margin-top: 20px;
  }
}

.box-campaign-detail__table {
  margin-top: 30px;
  width: 100%;
  border-collapse: collapse;
}

@media all and (max-width: 767px) {
  .box-campaign-detail__table {
    margin-top: 20px;
    display: block;
    border-top: 1px solid #dcdcdc;
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {
  .box-campaign-detail__table tbody, .box-campaign-detail__table tr {
    width: 100%;
    display: block;
  }
}

.box-campaign-detail__th, .box-campaign-detail__td {
  border: 1px solid #dcdcdc;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .box-campaign-detail__th, .box-campaign-detail__td {
    width: 100%;
    display: block;
    border-top: none;
  }
}

.box-campaign-detail__th {
  width: 176px;
  background-color: #f9f9f9;
  color: #666;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

@media all and (max-width: 767px) {
  .box-campaign-detail__th {
    width: 100%;
    padding: 6px;
  }
}

@media all and (max-width: 767px) {
  .box-campaign-detail__th br {
    display: none;
  }
}

.box-campaign-detail__td {
  padding: 16px 20px;
}

@media all and (max-width: 767px) {
  .box-campaign-detail__td {
    padding: 12px 15px;
    color: #666;
  }
}

/* box-campaign-back
-------------------------------------------------------------------------- */
.box-campaign-back {
  margin-top: 30px;
  padding-bottom: 110px;
}

@media all and (max-width: 767px) {
  .box-campaign-back {
    margin-top: 15px;
    padding-bottom: 0;
  }
}

.box-campaign-back__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 236px;
  height: 36px;
  margin: 0 auto;
  border: 1px solid #094;
  border-radius: 8px;
  background-color: #fff;
  color: inherit;
  color: #000;
  border: 1px solid #249b43;
}

@media all and (min-width: 768px) {
  .box-campaign-back__btn:hover {
    color: #fff;
    background-color: #249b43;
  }
  .box-campaign-back__btn:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .box-campaign-back__btn {
    width: 200px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.box-campaign-back__btn .ico-keyboard_arrow_right {
  color: #094;
  font-size: 23px;
}

@media all and (max-width: 767px) {
  .box-campaign-back__btn .ico-keyboard_arrow_right {
    font-size: 18px;
  }
}

.box-campaign-back__btn .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  left: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

@media all and (max-width: 767px) {
  .box-campaign-back__btn .ico-keyboard_arrow_right:before {
    left: 4px;
  }
}

/* box-event-detail
-------------------------------------------------------------------------- */
.box-event-detail {
  padding: 30px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
}

@media all and (max-width: 767px) {
  .box-event-detail {
    padding: 15px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.box-event-detail .box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row {
    display: block;
  }
}

.box-event-detail .box-row__main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.box-event-detail .box-row__main + .box-row__sub {
  margin-left: 40px;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row__main + .box-row__sub {
    margin-left: 0;
    margin-top: 10px;
  }
}

.box-event-detail .box-row__sub {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.box-event-detail .box-row__sub + .box-row__main {
  margin-left: 40px;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row__sub + .box-row__main {
    margin-left: 0;
    margin-top: 10px;
  }
}

.box-event-detail .box-row + .box-row {
  margin-top: 40px;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row + .box-row {
    margin-top: 25px;
  }
}

.box-event-detail .box-row__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -15px;
  margin-right: -15px;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row__image {
    margin: 0 !important;
  }
}

.box-event-detail .box-row__image img {
  margin: 30px 15px 0;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row__image img {
    margin: 15px 0 0;
    max-width: 100%;
    height: auto;
  }
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row img {
    width: 100%;
    height: auto;
  }
}

.box-event-detail h2 {
  display: block;
  padding: 21px 28px;
  background-color: #eff9e7;
  border-radius: 8px;
  color: #009933;
  font-size: 28px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media all and (-ms-high-contrast: none) {
  .box-event-detail h2 {
    padding-top: 28px;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .box-event-detail h2 {
    padding: 11px 15px 10px;
    border-radius: 4px;
    font-size: 14px;
  }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none) {
  .box-event-detail h2 {
    padding-top: 18px;
    /* IE */
  }
}

.box-event-detail h2__main {
  display: block;
}

.box-event-detail h2 + * {
  margin-top: 26px;
}

@media all and (max-width: 767px) {
  .box-event-detail h2 + * {
    margin-top: 12px;
  }
}

.box-event-detail p {
  line-height: 1.5;
}

.box-event-detail p + * {
  margin-top: 1.5em;
}

.box-event-detail strong {
  font-weight: bold !important;
}

.box-event-detail a {
  color: inherit;
  text-decoration: underline;
  text-decoration: underline;
}

@media all and (min-width: 768px) {
  .box-event-detail a:hover {
    text-decoration: none;
  }
}

.box-event-detail ul {
  margin-top: 2em;
}

.box-event-detail ul > li {
  position: relative;
  padding-left: 1.1em;
}

.box-event-detail ul > li:before {
  position: absolute;
  top: calc(.75em - 5px);
  left: 2px;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #007d3f;
}

@media all and (max-width: 767px) {
  .box-event-detail ul > li:before {
    top: calc(.75em - 3px);
    width: 6px;
    height: 6px;
  }
}

.box-event-detail ul > li + li {
  margin-top: 1.2em;
}

@media all and (max-width: 767px) {
  .box-event-detail ul > li + li {
    margin-top: .6em;
  }
}

.box-event-detail ul + * {
  margin-top: 2em;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row__main ul:last-child {
    margin-bottom: 2.0em;
  }
}

.box-event-detail ol {
  margin-top: 2em;
}

.box-event-detail ol > li {
  position: relative;
  counter-increment: decimal_01;
  padding-left: 1.5em;
}

.box-event-detail ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(decimal_01) ".";
  color: #094;
}

.box-event-detail ol > li + li {
  margin-top: 1.2em;
}

@media all and (max-width: 767px) {
  .box-event-detail ol > li + li {
    margin-top: .6em;
  }
}

.box-event-detail ol + * {
  margin-top: 2em;
}

@media all and (max-width: 767px) {
  .box-event-detail .box-row__main ol:last-child {
    margin-bottom: 2.0em;
  }
}

/* box-original-top
-------------------------------------------------------------------------- */
.box-original-top {
  position: relative;
  height: 240px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  background: url("/original/img/bg_index_01_pc.jpg") no-repeat 0 0;
}

@media all and (max-width: 767px) {
  .box-original-top {
    max-width: 349px;
    margin: 0 auto;
    height: 190px;
    background: url("/original/img/bg_index_01_sp.jpg") no-repeat 0 0;
    background-size: cover;
  }
}

@media all and (max-width: 360px) {
  .box-original-top {
    padding-bottom: 60%;
  }
}

.box-original-top__header {
  width: 283px;
  margin: 0 auto;
  padding-top: 26px;
  height: 100px;
}

@media all and (max-width: 767px) {
  .box-original-top__header {
    width: 183px;
    padding-top: 25px;
    height: 73px;
  }
}

@media all and (max-width: 360px) {
  .box-original-top__header {
    padding-top: 5vw;
    height: calc(48px + 5vw);
  }
}

.box-original-top__text {
  margin-top: 17px;
  text-align: center;
}

@media all and (max-width: 360px) {
  .box-original-top__text {
    margin-top: 4.72vw;
  }
}

.box-original-top__bottom {
  margin: 20px auto 0;
  width: 250px;
}

@media all and (max-width: 767px) {
  .box-original-top__bottom {
    margin-top: 11px;
    width: 148px;
  }
}

.box-original-top__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #249b43;
  background-color: #fff;
  color: inherit;
}

@media all and (min-width: 768px) {
  .box-original-top__button {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .box-original-top__button:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .box-original-top__button {
    width: 100%;
    height: 25px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.box-original-top__button .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 5px;
  color: #094;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .box-original-top__button .ico-keyboard_arrow_right:before {
    font-size: 17.5px;
  }
}

.box-original-top + div {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-original-top + div {
    margin-top: 15px;
  }
}

/* box-original-about
-------------------------------------------------------------------------- */
.box-original-about {
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  background-color: #fff;
}

.box-original-about img {
  display: block;
  border-radius: 8px;
  width: 100%;
}

.box-original-about + .btn-cmn {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-original-about + .btn-cmn {
    margin-top: 25px;
  }
}

/* box-original
-------------------------------------------------------------------------- */
.box-original {
  padding: 30px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  background-color: #fff;
}

@media all and (max-width: 767px) {
  .box-original {
    padding: 15px;
  }
}

.box-original__figure {
  width: 810px;
}

@media all and (max-width: 767px) {
  .box-original__figure {
    width: 100%;
  }
}

.box-original__figure img {
  width: 100%;
}

.box-original__figure img[usemap] {
  max-width: 100%;
  height: auto;
}

@media all and (max-width: 767px) {
  .box-original.box-original--sp-p0 {
    padding: 0;
  }
}

/* box-point-kitei
-------------------------------------------------------------------------- */
.box-point-kitei {
  margin-top: 15px;
  letter-spacing: -.02em;
}

.box-point-kitei:first-child {
  margin-top: 0;
}

.box-point-kitei__title {
  color: #094;
  font-size: 22px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (max-width: 767px) {
  .box-point-kitei__title {
    font-size: 14px;
  }
}

.box-point-kitei__title + div {
  margin-top: 24px;
}

@media all and (max-width: 767px) {
  .box-point-kitei__title + div {
    margin-top: 10px;
  }
}

.box-point-kitei__list-title {
  height: 36px;
  padding: 6px 20px 0;
  background-color: #d9f0e3;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .box-point-kitei__list-title {
    height: 25px;
    padding: 4px 10px 0;
  }
}

.box-point-kitei__list-content {
  padding: 13px 20px 0;
}

@media all and (max-width: 767px) {
  .box-point-kitei__list-content {
    padding: 6px 10px 0;
  }
}

.box-point-kitei__phone {
  padding-bottom: 2px;
  color: #094;
  font-size: 30px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 700;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .box-point-kitei__phone {
    padding-top: 5px;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .box-point-kitei__phone {
    display: inline;
    padding-right: 12px;
    font-size: 18px;
    line-height: 1.5;
  }
}

/* box-mem-service
-------------------------------------------------------------------------- */
.box-mem-service {
  margin-top: 24px;
}

@media all and (max-width: 767px) {
  .box-mem-service {
    margin-top: 0;
  }
}

.box-mem-service [class^="grid_col"] {
  padding: 25px 0 20px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .box-mem-service [class^="grid_col"] {
    padding-bottom: 24px;
  }
}

.box-mem-service [class^="grid_col"] + div {
  border-left: 1px solid #ccc;
}

@media all and (max-width: 767px) {
  .box-mem-service [class^="grid_col"] + div {
    border-left: none;
    border-top: 1px solid #ccc;
  }
}

@media all and (max-width: 767px) {
  .box-mem-service [class^="grid_col"]:nth-child(1) {
    padding-top: 15px;
  }
  .box-mem-service [class^="grid_col"]:nth-child(1) img {
    width: 72px;
  }
}

@media all and (max-width: 767px) {
  .box-mem-service [class^="grid_col"]:nth-child(2) {
    padding-top: 30px;
  }
  .box-mem-service [class^="grid_col"]:nth-child(2) img {
    width: 152px;
  }
}

@media all and (max-width: 767px) {
  .box-mem-service [class^="grid_col"]:nth-child(3) {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .box-mem-service [class^="grid_col"]:nth-child(3) img {
    width: 150px;
  }
}

.box-mem-service__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 116px;
}

@media all and (max-width: 767px) {
  .box-mem-service__image {
    height: auto;
  }
}

.box-mem-service__text {
  margin-top: 22px;
  font-size: 20px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: bold;
  letter-spacing: -.05em;
}

@media all and (-ms-high-contrast: none) {
  .box-mem-service__text {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .box-mem-service__text {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
  }
}

/* box-mem-flow
-------------------------------------------------------------------------- */
.box-mem-flow {
  margin-top: 24px;
}

@media all and (max-width: 767px) {
  .box-mem-flow {
    margin-top: 15px;
  }
}

.box-mem-flow__list-item {
  text-align: center;
}

.box-mem-flow__list-item:not(:first-child) {
  display: none;
}

.box-mem-flow__list-item .box-cmn__bg-gray {
  padding: 30px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__list-item .box-cmn__bg-gray {
    padding: 12px 12px 15px;
  }
}

.box-mem-flow__list-item .mod-download-app {
  margin-top: 15px;
}

.box-mem-flow__list-item + li {
  position: relative;
  margin-top: 90px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__list-item + li {
    margin-top: 50px;
  }
}

.box-mem-flow__list-item + li:before {
  position: absolute;
  content: '';
  top: -60px;
  left: calc(50% - 42px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 42px 0 42px;
  border-color: #7fcca0 transparent transparent transparent;
}

@media all and (max-width: 767px) {
  .box-mem-flow__list-item + li:before {
    top: -36px;
    left: calc(50% - 30px);
    border-width: 21px 30px 0 30px;
  }
}

.box-mem-flow__title {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__title {
    font-size: 14px;
    line-height: 18px;
  }
}

.box-mem-flow__title + .txt-cmn {
  margin-top: 15px;
}

.box-mem-flow__choice {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (max-width: 767px) {
  .box-mem-flow__choice {
    margin-top: 15px;
  }
}

@media all and (max-width: 767px) {
  .box-mem-flow__choice--wrap {
    display: inline-block;
    text-align: center;
  }
  .box-mem-flow__choice--wrap li + li {
    margin-left: 0;
    margin-top: 10px;
  }
}

.box-mem-flow__choice-item {
  width: 250px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__choice-item {
    width: 125px;
  }
  .box-mem-flow__choice-item--l {
    width: 155px;
  }
}

.box-mem-flow__choice-item + li {
  margin-left: 30px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__choice-item + li {
    margin-left: 15px;
  }
}

.box-mem-flow__choice-item.is-active .box-mem-flow__button {
  color: #fff;
  background-color: #249b43;
}

.box-mem-flow__choice-item.is-active .box-mem-flow__button .ico-keyboard_arrow_right {
  color: #fff;
}

.txt-cmn + .box-mem-flow__choice {
  margin-top: 24px;
}

@media all and (max-width: 767px) {
  .txt-cmn + .box-mem-flow__choice {
    margin-top: 12px;
  }
}

.box-mem-flow__choice + .txt-cmn {
  margin-top: 12px;
}

.box-mem-flow__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 37px;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
  border: 1px solid #249b43;
  color: inherit;
}

@media all and (min-width: 768px) {
  .box-mem-flow__button:hover {
    color: #fff;
    background-color: #249b43;
  }
  .box-mem-flow__button:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .box-mem-flow__button {
    height: 24px;
  }
}

.box-mem-flow__button .ico-keyboard_arrow_right {
  color: #094;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__button .ico-keyboard_arrow_right {
    font-size: 13px;
  }
}

.box-mem-flow__button .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 8px;
}

@media all and (max-width: 767px) {
  .box-mem-flow__button .ico-keyboard_arrow_right:before {
    right: 4px;
  }
}

.box-mem-flow .custom-btn-scroll.is-active {
  background: #249b43;
  color: #fff;
}

.box-mem-flow .custom-btn-scroll.is-active .ico-keyboard_arrow_right {
  color: #fff;
}

/* box-app-information
-------------------------------------------------------------------------- */
.box-app-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .box-app-information {
    display: block;
  }
}

.box-app-information__screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 30px;
}

@media all and (max-width: 767px) {
  .box-app-information__screen {
    margin-right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.box-app-information__figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 166px;
  text-align: left;
}

@media all and (max-width: 767px) {
  .box-app-information__figure {
    width: 125px;
  }
}

.box-app-information__figure + figure {
  margin-left: 36px;
}

@media all and (max-width: 767px) {
  .box-app-information__figure + figure {
    margin-left: 15px;
  }
}

.box-app-information__figcaption {
  margin-top: 6px;
  font-size: 14px;
}

@media all and (max-width: 767px) {
  .box-app-information__figcaption {
    font-size: 10px;
  }
}

@media all and (max-width: 767px) {
  .box-app-information__text {
    margin-top: 10px;
  }
}

.box-app-information__text .list-cmn {
  margin-top: 1.5em;
}

/* box-service-header
-------------------------------------------------------------------------- */
.box-service-header {
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .box-service-header {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: none;
  }
}

.box-service-header + div {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-service-header + div {
    margin-top: 0;
  }
}

@media all and (max-width: 767px) {
  .box-service-header__mainimg {
    -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
            box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
    border-radius: 4px;
  }
}

.box-service-header__img {
  border-radius: 8px 8px 0 0;
}

@media all and (max-width: 767px) {
  .box-service-header__img {
    border-radius: 4px;
  }
}

.box-service-header__main {
  position: relative;
  min-height: 150px;
  padding: 20px 30px 0 184px;
}

@media all and (max-width: 767px) {
  .box-service-header__main {
    height: auto;
    padding: 0 0 30px;
  }
}

.box-service-header__main:before {
  position: absolute;
  bottom: 0;
  left: 55px;
  content: '';
  width: 78px;
  height: 136px;
  background: url("/service/beauty/img/img_index_header_01_pc.jpg") no-repeat;
}

@media all and (max-width: 767px) {
  .box-service-header__main:before {
    display: none;
  }
}

.box-service-header__title {
  color: #094;
  font-size: 20px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  .box-service-header__title {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .box-service-header__title {
    margin-top: 18px;
    font-size: 15px;
    text-align: center;
  }
}

.box-service-header__text {
  margin-top: 10px;
}

@media all and (max-width: 767px) {
  .box-service-header__text {
    margin-top: 10px;
    position: relative;
    min-height: 100px;
    padding: 0 15px 0 82px;
  }
  .box-service-header__text:before {
    position: absolute;
    top: 0;
    left: 20px;
    content: '';
    width: 49px;
    height: 97px;
    background: url("/service/beauty/img/img_index_header_01_sp.png") center/cover;
  }
}

.box-service-header--dietitian .box-service-header__main:before {
  left: 50px;
  width: 83px;
  height: 136px;
  background: url("/service/dietitian/img/img_index_header_01_pc.jpg") no-repeat;
}

@media all and (max-width: 767px) {
  .box-service-header--dietitian .box-service-header__text:before {
    top: 0;
    left: 17px;
    width: 52px;
    height: 95px;
    background: url("/service/dietitian/img/img_index_header_01_sp.png") center/cover;
  }
}

.box-service-header--pharmacist .box-service-header__main {
  min-height: 200px;
}

.box-service-header--pharmacist .box-service-header__main:before {
  left: 37px;
  width: 99px;
  height: 181px;
  background: url("/service/pharmacist/img/img_index_header_01_pc.jpg") no-repeat;
}

@media all and (max-width: 767px) {
  .box-service-header--pharmacist .box-service-header__main:before {
    display: none;
  }
}

.box-service-header--pharmacist .box-service-header__text {
  margin-top: 10px;
}

@media all and (max-width: 767px) {
  .box-service-header--pharmacist .box-service-header__text {
    margin-top: 10px;
    position: relative;
    padding: 0 15px 0 82px;
  }
  .box-service-header--pharmacist .box-service-header__text:before {
    position: absolute;
    top: 0;
    left: 5px;
    width: 62px;
    height: 119px;
    background: url("/service/pharmacist/img/img_index_header_01_sp.png") center/cover;
  }
}

/* box-service-top
-------------------------------------------------------------------------- */
.box-service-top {
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .box-service-top {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: none;
  }
}

.box-service-top + div {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-service-top + div {
    margin-top: 35px;
  }
}

@media all and (max-width: 767px) {
  .box-service-top__mainimg {
    overflow: hidden;
    max-height: 320px;
    -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
            box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
    border-radius: 4px;
  }
}

@media all and (max-width: 767px) {
  .box-service-top__mainimg--advice {
    padding-bottom: 30px;
  }
}

.box-service-top__img {
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .box-service-top__img {
    border-radius: 4px;
  }
}

.box-service-top__main {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 24px 30px;
  border-radius: 0 0 8px 8px;
  background: rgba(1, 31, 0, 0.6);
  z-index: 1;
  color: #fff;
}

@media all and (max-width: 767px) {
  .box-service-top__main {
    padding: 11px 15px 10px;
    border-radius: 0 0 4px 4px;
  }
}

.box-service-top__title {
  font-size: 20px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  .box-service-top__title {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .box-service-top__title {
    margin: 0 -15px;
    font-size: 15px;
    line-height: 20px;
  }
}

.box-service-top__text {
  margin-top: 7px;
}

@media all and (max-width: 767px) {
  .box-service-top__text {
    margin-top: 5px;
  }
}

.box-service-top__note {
  position: relative;
  padding-left: 1em;
}

.box-service-top__note:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '※';
}

/* box-service-body
-------------------------------------------------------------------------- */
.txt-cmn + .box-service-body__section {
  margin-top: 1em;
}

.box-service-body__section + section,
.box-service-body__section + .mod-float {
  margin-top: 30px;
}

.box-service-body .ttl-cmn-03 + .mod-float {
  margin-top: 12px;
}

.box-service-body .txt-note {
  margin-top: 0;
}

@media all and (min-width: 768px) {
  .box-service-body .btn-cmn__button--wide {
    margin-top: 10px;
  }
}

.box-service-body .list-basic + .txt-note,
.box-service-body .grid-cmn + .txt-note {
  margin-top: 1em;
}

/* box-pharmacist-support
-------------------------------------- */
.box-pharmacist-support__img {
  margin-left: 60px;
}

@media all and (max-width: 767px) {
  .box-pharmacist-support__img {
    margin: 0 auto 15px;
    width: 220px;
  }
}

.box-pharmacist-support .list-basic-def__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0 0;
  margin-bottom: -5px;
}

@media all and (max-width: 767px) {
  .box-pharmacist-support .list-basic-def__text {
    padding: 10px 0 20px;
    margin-bottom: 0;
  }
}

.box-pharmacist-support__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 90px;
  padding-right: 12px;
}

@media all and (max-width: 767px) {
  .box-pharmacist-support__icon {
    width: 84px;
    padding: 0 13px;
    text-align: center;
  }
}

.box-pharmacist-support__icon img {
  max-width: 100%;
}

.box-pharmacist-support__icon-hospital {
  padding-right: 24px;
}

@media all and (max-width: 767px) {
  .box-pharmacist-support__icon-hospital {
    padding: 0 17px;
  }
}

.box-pharmacist-support .list-basic,
.box-pharmacist-support .list-basic__item {
  margin-top: 0;
}

/* box-cosmetherapy
-------------------------------------- */
.box-cosmetherapy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .box-cosmetherapy {
    display: block;
  }
}

.box-cosmetherapy__figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 30px;
}

@media all and (max-width: 767px) {
  .box-cosmetherapy__figure {
    width: 100%;
    margin: 15px 0 0;
  }
}

/* box-stock
-------------------------------------- */
@media all and (min-width: 768px) {
  .box-stock {
    padding: 30px 28px !important;
  }
}

.box-stock__section-01 {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-stock__section-01 {
    margin-top: 15px;
  }
}

.box-stock__section-01 .box-stock__text {
  margin-top: 20px;
}

@media all and (max-width: 767px) {
  .box-stock__section-01 .box-stock__text {
    margin-top: 15px;
  }
}

.box-stock__section-01 .box-stock__fig {
  margin-top: 20px;
}

.box-stock__section-01 .box-stock__note {
  margin-top: 20px;
}

@media all and (max-width: 767px) {
  .box-stock__section-01 .box-stock__note {
    margin-top: 15px;
  }
}

.box-stock__section-02 {
  margin-top: 36px;
}

@media all and (max-width: 767px) {
  .box-stock__section-02 {
    margin-top: 18px;
  }
}

.box-stock__section-02 .box-stock__fig {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-stock__section-02 .box-stock__fig {
    margin-top: 15px;
  }
}

.box-stock__section-02 .box-stock__note {
  margin-top: 20px;
}

@media all and (max-width: 767px) {
  .box-stock__section-02 .box-stock__note {
    margin-top: 10px;
  }
}

@media all and (min-width: 768px) {
  .box-stock__section-02 .btn-cmn__button {
    width: 340px;
  }
}

.box-stock__section-03 {
  margin-top: 36px;
}

@media all and (max-width: 767px) {
  .box-stock__section-03 {
    margin-top: 24px;
  }
}

.box-stock__section-03-01 .box-stock__title, .box-stock__section-03-02 .box-stock__title {
  text-align: center;
}

@media all and (max-width: 767px) {
  .box-stock__section-03-01 .box-stock__title, .box-stock__section-03-02 .box-stock__title {
    margin-top: 10px;
  }
}

.box-stock__section-03-01 .box-stock__fig, .box-stock__section-03-02 .box-stock__fig {
  margin-top: 20px;
}

@media all and (max-width: 767px) {
  .box-stock__section-03-01 .box-stock__fig, .box-stock__section-03-02 .box-stock__fig {
    margin-top: 6px;
  }
}

.box-stock__section-03-02 {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .box-stock__section-03-02 {
    margin-top: 20px;
  }
}

@media all and (max-width: 767px) {
  .box-stock__section-03-02 .box-stock__fig {
    margin-top: 12px;
  }
}

/* button
-------------------------------------------------------------------------- */
/* .btn-cmn
-------------------------------------- */
.btn-cmn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  margin: 0 -10px;
}

.btn-cmn__item {
  display: block;
  padding: 0 10px;
}

@media all and (max-width: 767px) {
  .btn-cmn__item {
    width: 100%;
  }
}

.btn-cmn__item--auto {
  width: auto;
}

@media all and (min-width: 768px) {
  .btn-cmn__item--auto-pc {
    width: auto;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__item--auto-sp {
    width: auto;
  }
}

.btn-cmn__button {
  outline: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 250px;
  padding: 5px 36px 5px;
  border: 1px solid #249b43;
  border-radius: 8px;
  color: #000;
  background: #fff;
}

@media all and (min-width: 768px) {
  .btn-cmn__button:hover {
    color: #fff;
    background-color: #249b43;
  }
  .btn-cmn__button:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button {
    min-width: 0;
    width: 100%;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.btn-cmn__button > [class^="ico-"] {
  display: block;
  position: absolute;
  top: 50%;
  /* -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); */
  text-align: center;
  vertical-align: top;
}

.btn-cmn__button[target="_blank"] .btn-cmn__button-in:after {
  content: "";
}

.btn-cmn__button[target="_blank"] .btn-cmn__button-in:after {
  vertical-align: top;
  color: #009944;
  margin-left: .5em;
}

.btn-cmn__button[target="_blank"]:hover .btn-cmn__button-in:after {
  color: #fff;
}

.btn-cmn__button .ico-keyboard_arrow_right {
  right: 5px;
  font-size: 26px;
  color: #009944;
}

@media all and (max-width: 767px) {
  .btn-cmn__button .ico-keyboard_arrow_right {
    right: 3px;
    font-size: 24px;
    margin-top: 0;
  }
}

.btn-cmn__button--normal {
  padding: 7px 45px 6px 14px;
  font-size: 14px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--normal {
    padding: 10px;
    font-size: 12px;
  }
}

.btn-cmn__button--normal .ico-keyboard_arrow_right {
  right: 10px;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--normal .ico-keyboard_arrow_right {
    right: 3px;
  }
}

.btn-cmn__button--cv-01 {
  border: 1px solid #600;
  background-color: #e60021;
  color: #fff;
}

@media all and (min-width: 768px) {
  .btn-cmn__button--cv-01:hover {
    color: #e60021;
    background-color: #fff;
  }
  .btn-cmn__button--cv-01:hover .ico-keyboard_arrow_right {
    color: #e60021;
  }
}

.btn-cmn__button--cv-01 .ico-keyboard_arrow_right {
  color: #fff;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--cv-01.btn-cmn__button--sp_slim {
    margin: 0 auto;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--cv-01.btn-cmn__button--sp_slim .ico-keyboard_arrow_right {
    font-size: 20px;
  }
}

.btn-cmn__button--cv-02 {
  padding: 12px 10px 11px;
  min-width: 380px;
  border: none;
  border-radius: 6px;
  background-color: #d9e99f;
  color: #28935c;
  font-size: 18px;
}

@media all and (min-width: 768px) {
  .btn-cmn__button--cv-02:hover {
    color: #d9e99f;
    background-color: #28935c;
  }
  .btn-cmn__button--cv-02:hover .ico-keyboard_arrow_right {
    color: #d9e99f;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--cv-02 {
    min-width: 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
  }
}

.btn-cmn__button--cv-02 .ico-keyboard_arrow_right {
  right: 10px;
  color: #28935c;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--cv-02 .ico-keyboard_arrow_right {
    right: 3px;
  }
}

@media all and (min-width: 768px) {
  .btn-cmn__button--wide {
    width: 316px;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--sp_slim {
    width: 200px;
    height: 30px;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--sp_full {
    width: 100%;
    min-width: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .btn-cmn__button--douga {
    width: 340px;
  }
}

.btn-cmn__button--anchor {
  font-weight: normal;
  min-width: 290px;
  border: 1px solid #249b43;
  color: #000000;
  background: #fff;
}

@media all and (min-width: 768px) {
  .btn-cmn__button--anchor {
    padding-right: 60px;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--anchor {
    min-width: 203px;
  }
}

.btn-cmn__button--anchor .ico-keyboard_arrow_right {
  right: 10px;
  font-size: 40px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #009944;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--anchor .ico-keyboard_arrow_right {
    right: 7px;
    font-size: 15px;
    margin-top: 0;
  }
}

.btn-cmn__button--search {
  padding-left: 56px;
  border: 1px solid #660000;
  color: #fff;
  background: #e60021;
}

@media all and (min-width: 768px) {
  .btn-cmn__button--search:hover {
    opacity: 1;
    color: #e60021;
    background-color: #fff;
  }
  .btn-cmn__button--search:hover .ico-keyboard_arrow_right {
    color: #e60021;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--search {
    width: auto;
    min-width: 150px;
    padding: 3px 5px 3px;
    margin: 0 auto;
    border-radius: 3px;
    font-size: 11px;
    padding-left: 20px;
  }
}

.btn-cmn__button--search .ico-search {
  left: 10px;
  font-size: 22px;
  margin-top: 1px;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--search .ico-search {
    left: 7px;
    font-size: 15px;
    margin-top: 1px;
  }
}

.btn-cmn__button--add {
  padding-left: 30px;
  padding-right: 30px;
  border: 1px solid #660000;
  color: #fff;
  background: #e60021;
}

@media all and (min-width: 768px) {
  .btn-cmn__button--add:hover {
    opacity: 1;
    color: #e60021;
    background-color: #fff;
  }
  .btn-cmn__button--add:hover .ico-add {
    color: #e60021;
  }
}

@media all and (max-width: 767px) {
  .btn-cmn__button--add {
    width: auto;
    padding: 3px 5px 3px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    min-width: 155px;
  }
}

.btn-cmn__button--add .ico-add {
  right: 10px;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--add .ico-add {
    right: 3px;
    font-size: 15px;
    margin-top: 0;
  }
}

.btn-cmn__button--add:not(.is-fetched) {
  display: none;
}

.btn-cmn__button--add.is-disabled {
  pointer-events: none;
  border-color: #666666;
  color: #fff;
  background: #999999;
}

.btn-cmn__button--back {
  padding-left: 76px;
  padding-right: 76px;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--back {
    padding: 5px 20px;
  }
}

.btn-cmn__button--back .ico-keyboard_arrow_right {
  left: 5px;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  vertical-align:middle;
}

.btn-cmn__button--original {
  padding-left: 70px;
  padding-right: 70px;
}

@media all and (max-width: 767px) {
  .btn-cmn__button--original {
    padding: 5px 20px;
  }
}

.btn-cmn {
  margin-top: 20px;
}

.form-text + .btn-cmn {
  margin-top: 30px;
}

.area-service_other + .btn-cmn {
  margin-top: 0;
}

.top-mod-qa__list + .btn-cmn {
  margin-top: 28px;
}

.list-update + .btn-cmn {
  margin-top: 28px;
}

.grid-cmn--fig-cmn + .btn-cmn {
  margin-top: 30px;
}

.grid-border--card-point_overview-02 + .btn-cmn {
  margin-top: 30px;
}

.btn-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .btn-cmn {
    margin-top: 16px;
  }
  .form-text + .btn-cmn {
    margin-top: 15px;
  }
  .area-service_other + .btn-cmn {
    margin-top: 10px;
  }
  .top-mod-qa__list + .btn-cmn {
    margin-top: 20px;
  }
  .list-update + .btn-cmn {
    margin-top: 20px;
  }
  .grid-cmn--fig-cmn + .btn-cmn {
    margin-top: 25px;
  }
  .grid-border--card-point_overview-02 + .btn-cmn {
    margin-top: 25px;
  }
}

/*
---
name: .btn-cmn
category: module/button
tag: btn-cmn
---

- normal

```html
<ul class="btn-cmn u-flex-left">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button"><span class="btn-cmn__button-in">詳しくはコチラ</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```

- 左寄せ

```html
<ul class="btn-cmn u-flex-left">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button"><span class="btn-cmn__button-in">詳しくはコチラ</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```

- 中央揃え

```html
<ul class="btn-cmn u-flex-center">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button"><span class="btn-cmn__button-in">詳しくはコチラ</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```

- 右寄せ

```html
<ul class="btn-cmn u-flex-right">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button"><span class="btn-cmn__button-in">詳しくはコチラ</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```

- コンバージョンボタン

```html
<ul class="btn-cmn u-flex-left">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button btn-cmn__button--cv-01"><span class="btn-cmn__button-in">コンバージョンボタン</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```

- 特定の文字以外の場合

```html
<ul class="btn-cmn u-flex-left">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button btn-cmn__button--normal"><span class="btn-cmn__button-in">特定の文字以外の場合のボタンスタイル</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```

- コンバージョンボタンその2

```html
<ul class="btn-cmn u-flex-left">
  <li class="btn-cmn__item">
    <a href="#dummy" class="btn-cmn__button btn-cmn__button--cv-02"><span class="btn-cmn__button-in">コンバージョンボタン2</span><i class="ico-keyboard_arrow_right"></i></a>
  </li><!-- /.btn-cmn__col -->
</ul><!-- /.btn-cmn -->
```
*/
/* .btn-delete // 削除ボタン
-------------------------------------- */
.btn-delete {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 59px;
  height: 24px;
  padding-left: 9px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #eee;
  font-size: 12px;
  cursor: pointer;
}

@media all and (min-width: 768px) {
  .btn-delete {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .btn-delete:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .btn-delete {
    width: 45px;
    height: 17px;
    padding: 0 5px;
    border-radius: 4px;
    color: #666;
    font-size: 10px;
  }
}

.btn-delete__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.btn-delete .ico-clear {
  font-size: 18px;
}

@media all and (max-width: 767px) {
  .btn-delete .ico-clear {
    color: #333;
    font-size: 13px;
  }
}

.btn-delete .ico-clear:before {
  position: absolute;
  top: 50%;
  right: 4px;
}

@media all and (max-width: 767px) {
  .btn-delete .ico-clear:before {
    right: 3px;
  }
}

/*
---
name: .btn-delete
category: module/button
tag: btn-delete
---
- マイ店舗削除用

```html
<p class="btn-delete"><span class="btn-delete__text">削除</span><i class="ico-clear"></i></p>
```
*/
/* button image
-------------------------------------------------------------------------- */
/* .btn-image
-------------------------------------- */
.btn-image {
  display: block;
}

.btn-image__button {
  overflow: hidden;
  display: block;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 3px rgba(107, 154, 131, 0.3);
          box-shadow: 0 0 15px 3px rgba(107, 154, 131, 0.3);
  position: relative;
}

@media all and (min-width: 768px) {
  .btn-image__button {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .btn-image__button:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .btn-image__button {
    border-radius: 4px;
  }
}

.btn-image__image {
  display: block;
  width: 100%;
}

/*
---
name: .btn-image
category: module/button
tag: btn-image
---
- 画像ボタン

```html
<div class="btn-image">
  <a href="#dummy" class="btn-image__button">
    <img src="/img/btn_top_01_pc.jpg" alt="近くて便利！ 処方せんはスギ薬局へ" class="btn-image__image u-only-pc">
    <img src="/img/btn_top_01_sp.jpg" alt="近くて便利！ 処方せんはスギ薬局へ" class="btn-image__image u-only-sp">
  </a><!-- /.btn-image__button -->
</div><!-- /.btn-image -->
```
*/
/* card
-------------------------------------------------------------------------- */
/* card-point_service
-------------------------------------- */
.card-point_service {
  text-align: center;
}

.card-point_service__title {
  position: relative;
  margin-bottom: 1.25em;
  padding-left: 25px;
  font-size: 21px;
  font-weight: bold;
  text-align: left;
}

@media all and (max-width: 767px) {
  .card-point_service__title {
    margin-bottom: 1.25em;
    padding-left: 18px;
    font-size: 14px;
  }
}

.card-point_service__title::before {
  content: '';
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 18px;
  height: 18px;
  border: 4px solid #2faf44;
  border-radius: 50%;
}

@media all and (max-width: 767px) {
  .card-point_service__title::before {
    top: 0.4em;
    width: 9px;
    height: 9px;
    border-width: 2px;
  }
}

.card-point_service__image {
  margin-bottom: 1.0em;
}

.card-point_service__image img {
  width: 100%;
}

.card-point_service__details {
  text-align: left;
}

/* card-pointcard-01
-------------------------------------- */
.card-pointcard-01 {
  display: block;
  width: 100%;
}

.card-pointcard-01__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-pointcard-01__text {
  margin-top: 20px;
}

.card-pointcard-01__text-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  letter-spacing: -.04em;
  font-weight: bold;
  text-align: center;
}

@media all and (max-width: 767px) {
  .card-pointcard-01__text-sub {
    font-size: 12px;
  }
}

.card-pointcard-01__text-main {
  display: block;
  font-size: 24px;
  letter-spacing: -.04em;
  text-align: center;
  font-weight: bold;
  color: #009944;
}

@media all and (max-width: 767px) {
  .card-pointcard-01__text-main {
    font-size: 16px;
  }
}

.card-pointcard-01 .ttl-cmn-dots {
  color: #333333;
}

.card-pointcard-01 .ttl-cmn-dots__main:before, .card-pointcard-01 .ttl-cmn-dots__main:after {
  color: #094;
}

/* card-image
-------------------------------------- */
.card-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 10px 0 20px;
}

@media all and (max-width: 767px) {
  .card-image {
    padding: 15px 0 15px;
  }
}

.card-image img {
  display: block;
}

/* card-point_overview-01
-------------------------------------- */
.card-point_overview-01 {
  counter-increment: num +1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 274px;
  padding: 26px 3px 0 29px;
}

@media all and (max-width: 767px) {
  .card-point_overview-01 {
    padding: 0 10px 0 10px;
    min-height: 163px;
  }
}

.card-point_overview-01-counter_wrap {
  counter-reset: num 0;
}

.card-point_overview-01__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.card-point_overview-01__headline:before {
  content: counter(num);
  font-size: 70px;
  color: #28935c;
  margin-top: -.25em;
  min-width: 0.64286em;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  .card-point_overview-01__headline:before {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (-ms-high-contrast: none) {
  .card-point_overview-01__headline:before {
    padding-top: .2em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .card-point_overview-01__headline:before {
    font-size: 35px;
  }
}

.card-point_overview-01__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media all and (max-width: 767px) {
  .card-point_overview-01__body {
    padding: 5px 0 5px;
  }
}

.card-point_overview-01__title {
  margin-left: 10px;
}

@media all and (max-width: 767px) {
  .card-point_overview-01__title {
    margin-left: 0;
  }
}

.card-point_overview-01__title-sub {
  position: relative;
  display: inline-block;
  font-size: 12px;
  background: #e60021;
  padding: 4px 6px 4px;
  color: #fff;
  border-radius: 4px;
  margin-left: 6px;
  margin-bottom: 6px;
  letter-spacing: -.06em;
}

@media all and (max-width: 767px) {
  .card-point_overview-01__title-sub {
    font-size: 10px;
    margin-left: 2px;
  }
}

.card-point_overview-01__title-sub:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 5px;
  border: 0 solid transparent;
  border-width: 0 5px 9px 0;
  border-right-color: #e60021;
}

@media all and (max-width: 767px) {
  .card-point_overview-01__title-sub:before {
    border-width: 0 4px 6px 0;
  }
}

.card-point_overview-01__title-main {
  display: block;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -.06em;
}

@media all and (max-width: 767px) {
  .card-point_overview-01__title-main {
    font-size: 13px;
  }
}

/* card-point_overview-02
-------------------------------------- */
.card-point_overview-02 {
  counter-increment: num +1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 245px;
}

@media all and (max-width: 767px) {
  .card-point_overview-02 {
    min-height: 0;
  }
}

.card-point_overview-02__headline {
  display: block;
  padding-top: 30px;
}

@media all and (max-width: 767px) {
  .card-point_overview-02__headline {
    padding-top: 15px;
  }
}

.card-point_overview-02__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 0 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media all and (max-width: 767px) {
  .card-point_overview-02__body {
    padding: 22px 0 15px;
  }
}

.card-point_overview-02__title {
  display: block;
}

.card-point_overview-02__title-main {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -.06em;
  text-align: center;
}

@media all and (max-width: 767px) {
  .card-point_overview-02__title-main {
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: normal;
  }
}

/* card-service
-------------------------------------- */
.card-service {
  width: 100%;
  text-align: center;
}

.card-service__image {
  width: 100%;
}

.card-service__text {
  padding: 0 15px;
}

@media all and (max-width: 767px) {
  .card-service__text {
    padding: 0;
  }
}

.card-service__button {
  padding: 0 15px;
}

@media all and (max-width: 767px) {
  .card-service__button {
    padding: 0;
  }
}

/* figure
-------------------------------------------------------------------------- */
/* .fig-cmn
-------------------------------------- */
.fig-cmn {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.fig-cmn--border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
          box-shadow: 0 0 0 1px #ccc inset;
  z-index: 1;
}

.fig-cmn__image {
  display: block;
}

.fig-cmn__image--selfmede {
  width: 150px;
}

@media all and (max-width: 767px) {
  .fig-cmn__image--selfmede {
    width: 113px;
  }
}

.fig-cmn {
  margin-top: 30px;
}

.fig-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .fig-cmn {
    margin-top: 15px;
  }
}

/*
---
name: .fig-cmn
category: module/figure
tag: fig-cmn
---
- normal

```html
<figure class="fig-cmn">
  <img src="/service/pharmacist/img/img_prescription_01_pc.png" alt="土日祝日、お仕事帰りでもお渡しできます！" class="fig-cmn__image u-only-pc">
  <img src="/service/pharmacist/img/img_prescription_01_sp.png" alt="土日祝日、お仕事帰りでもお渡しできます！" class="fig-cmn__image u-only-sp">
</figure><!-- /fig-cmn -->
```

- border

```html
<figure class="fig-cmn fig-cmn--border">
  <img src="/service/img/img_measure_01_pc.png" class="fig-cmn__image u-only-pc" alt="体組成測定">
  <img src="/service/img/img_measure_01_sp.png" class="fig-cmn__image u-only-sp" alt="体組成測定">
</figure><!-- /.fig-cmn -->
```
*/
/* .fig-block
-------------------------------------- */
.fig-block {
  position: relative;
  display: block;
  vertical-align: top;
}

.fig-block--border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
          box-shadow: 0 0 0 1px #ccc inset;
  z-index: 1;
}

.fig-block__image {
  display: block;
}

.fig-block {
  margin-top: 30px;
}

.fig-block:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .fig-block {
    margin-top: 15px;
  }
}

/*
---
name: .fig-block
category: module/figure
tag: fig-block
---
- normal

```html
<div class="fig-block"><img src="/tenpo/img/img_tenpo_01.jpg" alt="地図からさがす" class="fig-block__image"></div>
```
*/
/* .fig-note
-------------------------------------- */
.fig-note {
  display: block;
}

.fig-note__symbol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fig-note__symbol-in {
  display: block;
  width: 100%;
  text-align: center;
}

.fig-note__image {
  margin: 0 auto;
  display: block;
}

.fig-note__caption {
  margin-top: 20px;
}

/*
---
name: .fig-note
category: module/figure
tag: fig-note
---
- normal

```html
<figure class="fig-note">
  <span class="fig-note__symbol" data-mh><img src="http://placehold.it/168x136" alt="交通系電子マネー" class="fig-note__image"></span>
  <figcaption class="fig-note__caption">交通系電子マネー<br><span class="u-color-strong">※</span>1 <span class="u-color-strong">※</span>2</figcaption>
</figure>
```
*/
/* form
-------------------------------------------------------------------------- */
/* .from-container
-------------------------------------- */
.from-container {
  margin-top: 28px;
}

.from-container:first-child {
  margin-top: 0;
}

.txt-cmn + .from-container {
  margin-top: 16px;
}

@media all and (max-width: 767px) {
  .from-container {
    margin-top: 14px;
  }
  .txt-cmn + .from-container {
    margin-top: 8px;
  }
  .ttl-cmn-02 + .from-container {
    margin-top: 15px;
  }
  .mod-city_map + .from-container {
    margin-top: 20px;
  }
}

/* .from-text
-------------------------------------- */
.form-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form-text__input {
  display: block;
  height: 36px;
  padding: .5em 1.0em;
  border: 1px solid #cccccc;
  border-radius: 7px;
  vertical-align: middle;
  outline: none;
  background: none;
}

@media all and (max-width: 767px) {
  .form-text__input {
    height: 26px;
    border-radius: 4px;
  }
}

.form-text__input::-webkit-input-placeholder {
  color: #999999;
}

.form-text__input:-ms-input-placeholder {
  color: #999999;
}

.form-text__input::-ms-input-placeholder {
  color: #999999;
}

.form-text__input::placeholder {
  color: #999999;
}

.form-text--search .form-text__input {
  max-width: 350px;
}

@media all and (max-width: 767px) {
  .form-text--search .form-text__input {
    max-width: 289px;
  }
}

.form-text {
  margin-top: 16px;
}

.form-text:first-child {
  margin-top: 0;
}

/* .from-radio
-------------------------------------- */
.form-radio {
  display: block;
}

.form-radio__input {
  display: none;
}

.form-radio__content {
  position: relative;
  padding-left: 26px;
}

@media all and (min-width: 768px) {
  .form-radio__content {
    text-decoration: none;
  }
  .form-radio__content:hover {
    text-decoration: underline;
  }
}

@media all and (min-width: 768px) {
  .form-radio__content {
    cursor: pointer;
  }
}

@media all and (max-width: 767px) {
  .form-radio__content {
    padding-left: 17px;
  }
}

.form-radio__content:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #249b43;
  background: #fff;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@media all and (max-width: 767px) {
  .form-radio__content:before {
    width: 12px;
    height: 12px;
  }
}

.form-radio__input:checked + .form-radio__content:before {
  background: #249b43;
}

/* .from-checkbox
-------------------------------------- */
.form-checkbox {
  display: block;
}

.form-checkbox__input {
  display: none;
}

.form-checkbox__content {
  position: relative;
  padding-left: 26px;
}

@media all and (min-width: 768px) {
  .form-checkbox__content {
    text-decoration: none;
  }
  .form-checkbox__content:hover {
    text-decoration: underline;
  }
}

@media all and (min-width: 768px) {
  .form-checkbox__content {
    cursor: pointer;
  }
}

@media all and (max-width: 767px) {
  .form-checkbox__content {
    padding-left: 17px;
  }
}

.form-checkbox__content:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #249b43;
  background: #fff;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@media all and (max-width: 767px) {
  .form-checkbox__content:before {
    width: 12px;
    height: 12px;
  }
}

.form-checkbox__input:checked + .form-checkbox__content:before {
  background: #249b43;
}

/*

グリッドレイアウト用mixin

引数で分割数を指定して呼び出す
```sass
@include grid_system(12);
```

```html
<div class="grid--12 grid_gutter--2">  ← このdivへの幅指定はNG
	<div class="grid_col--4"></div> ┐
	<div class="grid_col--4"></div> ├ 子要素は合計が分割数になるようにクラス名を付ける
	<div class="grid_col--4"></div> ┘
</div>
```

グリッドの間隔は「grid_gutter--N」で指定する
通常はパーセントですが、「grid_gutter--Npx」にするとピクセルになります。

ブレークポイントで変える場合は、「__tablet」「__sp」など、$_breakpointsで定義したキーの接頭辞を付ける
```html
<div class="grid-cmn grid_gutter--20px grid_gutter__tablet--15px grid_gutter__sp--10px">
	<div class="grid_col--4 tablet-grid_col--6 sp_grid_col--12"></div>
	<div class="grid_col--4 tablet-grid_col--6 sp_grid_col--12"></div>
	<div class="grid_col--4 tablet-grid_col--6 sp_grid_col--12"></div>
</div>
```

*/
.grid--12,
.grid-cmn {
  width: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid--12.grid_gutter--0,
.grid-cmn.grid_gutter--0 {
  margin-left: 0%;
  margin-bottom: 0%;
}

.grid--12.grid_gutter--0 > *,
.grid-cmn.grid_gutter--0 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0%;
  padding-bottom: 0%;
}

.grid--12.grid_gutter--1,
.grid-cmn.grid_gutter--1 {
  margin-left: -1%;
  margin-bottom: -1%;
}

.grid--12.grid_gutter--1 > *,
.grid-cmn.grid_gutter--1 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1%;
  padding-bottom: 1%;
}

.grid--12.grid_gutter--2,
.grid-cmn.grid_gutter--2 {
  margin-left: -2%;
  margin-bottom: -2%;
}

.grid--12.grid_gutter--2 > *,
.grid-cmn.grid_gutter--2 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2%;
  padding-bottom: 2%;
}

.grid--12.grid_gutter--3,
.grid-cmn.grid_gutter--3 {
  margin-left: -3%;
  margin-bottom: -3%;
}

.grid--12.grid_gutter--3 > *,
.grid-cmn.grid_gutter--3 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 3%;
  padding-bottom: 3%;
}

.grid--12.grid_gutter--4,
.grid-cmn.grid_gutter--4 {
  margin-left: -4%;
  margin-bottom: -4%;
}

.grid--12.grid_gutter--4 > *,
.grid-cmn.grid_gutter--4 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 4%;
  padding-bottom: 4%;
}

.grid--12.grid_gutter--5,
.grid-cmn.grid_gutter--5 {
  margin-left: -5%;
  margin-bottom: -5%;
}

.grid--12.grid_gutter--5 > *,
.grid-cmn.grid_gutter--5 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5%;
  padding-bottom: 5%;
}

.grid--12.grid_gutter--6,
.grid-cmn.grid_gutter--6 {
  margin-left: -6%;
  margin-bottom: -6%;
}

.grid--12.grid_gutter--6 > *,
.grid-cmn.grid_gutter--6 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 6%;
  padding-bottom: 6%;
}

.grid--12.grid_gutter--7,
.grid-cmn.grid_gutter--7 {
  margin-left: -7%;
  margin-bottom: -7%;
}

.grid--12.grid_gutter--7 > *,
.grid-cmn.grid_gutter--7 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 7%;
  padding-bottom: 7%;
}

.grid--12.grid_gutter--8,
.grid-cmn.grid_gutter--8 {
  margin-left: -8%;
  margin-bottom: -8%;
}

.grid--12.grid_gutter--8 > *,
.grid-cmn.grid_gutter--8 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 8%;
  padding-bottom: 8%;
}

.grid--12.grid_gutter--9,
.grid-cmn.grid_gutter--9 {
  margin-left: -9%;
  margin-bottom: -9%;
}

.grid--12.grid_gutter--9 > *,
.grid-cmn.grid_gutter--9 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 9%;
  padding-bottom: 9%;
}

.grid--12.grid_gutter--10,
.grid-cmn.grid_gutter--10 {
  margin-left: -10%;
  margin-bottom: -10%;
}

.grid--12.grid_gutter--10 > *,
.grid-cmn.grid_gutter--10 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10%;
  padding-bottom: 10%;
}

.grid--12.grid_gutter--11,
.grid-cmn.grid_gutter--11 {
  margin-left: -11%;
  margin-bottom: -11%;
}

.grid--12.grid_gutter--11 > *,
.grid-cmn.grid_gutter--11 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 11%;
  padding-bottom: 11%;
}

.grid--12.grid_gutter--12,
.grid-cmn.grid_gutter--12 {
  margin-left: -12%;
  margin-bottom: -12%;
}

.grid--12.grid_gutter--12 > *,
.grid-cmn.grid_gutter--12 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 12%;
  padding-bottom: 12%;
}

.grid--12.grid_gutter--13,
.grid-cmn.grid_gutter--13 {
  margin-left: -13%;
  margin-bottom: -13%;
}

.grid--12.grid_gutter--13 > *,
.grid-cmn.grid_gutter--13 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 13%;
  padding-bottom: 13%;
}

.grid--12.grid_gutter--14,
.grid-cmn.grid_gutter--14 {
  margin-left: -14%;
  margin-bottom: -14%;
}

.grid--12.grid_gutter--14 > *,
.grid-cmn.grid_gutter--14 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 14%;
  padding-bottom: 14%;
}

.grid--12.grid_gutter--15,
.grid-cmn.grid_gutter--15 {
  margin-left: -15%;
  margin-bottom: -15%;
}

.grid--12.grid_gutter--15 > *,
.grid-cmn.grid_gutter--15 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15%;
  padding-bottom: 15%;
}

.grid--12.grid_gutter--16,
.grid-cmn.grid_gutter--16 {
  margin-left: -16%;
  margin-bottom: -16%;
}

.grid--12.grid_gutter--16 > *,
.grid-cmn.grid_gutter--16 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 16%;
  padding-bottom: 16%;
}

.grid--12.grid_gutter--17,
.grid-cmn.grid_gutter--17 {
  margin-left: -17%;
  margin-bottom: -17%;
}

.grid--12.grid_gutter--17 > *,
.grid-cmn.grid_gutter--17 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 17%;
  padding-bottom: 17%;
}

.grid--12.grid_gutter--18,
.grid-cmn.grid_gutter--18 {
  margin-left: -18%;
  margin-bottom: -18%;
}

.grid--12.grid_gutter--18 > *,
.grid-cmn.grid_gutter--18 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 18%;
  padding-bottom: 18%;
}

.grid--12.grid_gutter--19,
.grid-cmn.grid_gutter--19 {
  margin-left: -19%;
  margin-bottom: -19%;
}

.grid--12.grid_gutter--19 > *,
.grid-cmn.grid_gutter--19 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 19%;
  padding-bottom: 19%;
}

.grid--12.grid_gutter--20,
.grid-cmn.grid_gutter--20 {
  margin-left: -20%;
  margin-bottom: -20%;
}

.grid--12.grid_gutter--20 > *,
.grid-cmn.grid_gutter--20 > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20%;
  padding-bottom: 20%;
}

.grid--12.grid_gutter--0px,
.grid-cmn.grid_gutter--0px {
  margin-left: 0px;
  margin-bottom: 0px;
}

.grid--12.grid_gutter--0px > *,
.grid-cmn.grid_gutter--0px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0px;
  padding-bottom: 0px;
}

.grid--12.grid_gutter--1px,
.grid-cmn.grid_gutter--1px {
  margin-left: -1px;
  margin-bottom: -1px;
}

.grid--12.grid_gutter--1px > *,
.grid-cmn.grid_gutter--1px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1px;
  padding-bottom: 1px;
}

.grid--12.grid_gutter--2px,
.grid-cmn.grid_gutter--2px {
  margin-left: -2px;
  margin-bottom: -2px;
}

.grid--12.grid_gutter--2px > *,
.grid-cmn.grid_gutter--2px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2px;
  padding-bottom: 2px;
}

.grid--12.grid_gutter--3px,
.grid-cmn.grid_gutter--3px {
  margin-left: -3px;
  margin-bottom: -3px;
}

.grid--12.grid_gutter--3px > *,
.grid-cmn.grid_gutter--3px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 3px;
  padding-bottom: 3px;
}

.grid--12.grid_gutter--4px,
.grid-cmn.grid_gutter--4px {
  margin-left: -4px;
  margin-bottom: -4px;
}

.grid--12.grid_gutter--4px > *,
.grid-cmn.grid_gutter--4px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 4px;
  padding-bottom: 4px;
}

.grid--12.grid_gutter--5px,
.grid-cmn.grid_gutter--5px {
  margin-left: -5px;
  margin-bottom: -5px;
}

.grid--12.grid_gutter--5px > *,
.grid-cmn.grid_gutter--5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5px;
  padding-bottom: 5px;
}

.grid--12.grid_gutter--6px,
.grid-cmn.grid_gutter--6px {
  margin-left: -6px;
  margin-bottom: -6px;
}

.grid--12.grid_gutter--6px > *,
.grid-cmn.grid_gutter--6px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 6px;
  padding-bottom: 6px;
}

.grid--12.grid_gutter--7px,
.grid-cmn.grid_gutter--7px {
  margin-left: -7px;
  margin-bottom: -7px;
}

.grid--12.grid_gutter--7px > *,
.grid-cmn.grid_gutter--7px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 7px;
  padding-bottom: 7px;
}

.grid--12.grid_gutter--8px,
.grid-cmn.grid_gutter--8px {
  margin-left: -8px;
  margin-bottom: -8px;
}

.grid--12.grid_gutter--8px > *,
.grid-cmn.grid_gutter--8px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 8px;
  padding-bottom: 8px;
}

.grid--12.grid_gutter--9px,
.grid-cmn.grid_gutter--9px {
  margin-left: -9px;
  margin-bottom: -9px;
}

.grid--12.grid_gutter--9px > *,
.grid-cmn.grid_gutter--9px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 9px;
  padding-bottom: 9px;
}

.grid--12.grid_gutter--10px,
.grid-cmn.grid_gutter--10px {
  margin-left: -10px;
  margin-bottom: -10px;
}

.grid--12.grid_gutter--10px > *,
.grid-cmn.grid_gutter--10px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  padding-bottom: 10px;
}

.grid--12.grid_gutter--11px,
.grid-cmn.grid_gutter--11px {
  margin-left: -11px;
  margin-bottom: -11px;
}

.grid--12.grid_gutter--11px > *,
.grid-cmn.grid_gutter--11px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 11px;
  padding-bottom: 11px;
}

.grid--12.grid_gutter--12px,
.grid-cmn.grid_gutter--12px {
  margin-left: -12px;
  margin-bottom: -12px;
}

.grid--12.grid_gutter--12px > *,
.grid-cmn.grid_gutter--12px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 12px;
  padding-bottom: 12px;
}

.grid--12.grid_gutter--13px,
.grid-cmn.grid_gutter--13px {
  margin-left: -13px;
  margin-bottom: -13px;
}

.grid--12.grid_gutter--13px > *,
.grid-cmn.grid_gutter--13px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 13px;
  padding-bottom: 13px;
}

.grid--12.grid_gutter--14px,
.grid-cmn.grid_gutter--14px {
  margin-left: -14px;
  margin-bottom: -14px;
}

.grid--12.grid_gutter--14px > *,
.grid-cmn.grid_gutter--14px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 14px;
  padding-bottom: 14px;
}

.grid--12.grid_gutter--15px,
.grid-cmn.grid_gutter--15px {
  margin-left: -15px;
  margin-bottom: -15px;
}

.grid--12.grid_gutter--15px > *,
.grid-cmn.grid_gutter--15px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  padding-bottom: 15px;
}

.grid--12.grid_gutter--16px,
.grid-cmn.grid_gutter--16px {
  margin-left: -16px;
  margin-bottom: -16px;
}

.grid--12.grid_gutter--16px > *,
.grid-cmn.grid_gutter--16px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 16px;
  padding-bottom: 16px;
}

.grid--12.grid_gutter--17px,
.grid-cmn.grid_gutter--17px {
  margin-left: -17px;
  margin-bottom: -17px;
}

.grid--12.grid_gutter--17px > *,
.grid-cmn.grid_gutter--17px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 17px;
  padding-bottom: 17px;
}

.grid--12.grid_gutter--18px,
.grid-cmn.grid_gutter--18px {
  margin-left: -18px;
  margin-bottom: -18px;
}

.grid--12.grid_gutter--18px > *,
.grid-cmn.grid_gutter--18px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 18px;
  padding-bottom: 18px;
}

.grid--12.grid_gutter--19px,
.grid-cmn.grid_gutter--19px {
  margin-left: -19px;
  margin-bottom: -19px;
}

.grid--12.grid_gutter--19px > *,
.grid-cmn.grid_gutter--19px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 19px;
  padding-bottom: 19px;
}

.grid--12.grid_gutter--20px,
.grid-cmn.grid_gutter--20px {
  margin-left: -20px;
  margin-bottom: -20px;
}

.grid--12.grid_gutter--20px > *,
.grid-cmn.grid_gutter--20px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-bottom: 20px;
}

.grid--12.grid_gutter--21px,
.grid-cmn.grid_gutter--21px {
  margin-left: -21px;
  margin-bottom: -21px;
}

.grid--12.grid_gutter--21px > *,
.grid-cmn.grid_gutter--21px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 21px;
  padding-bottom: 21px;
}

.grid--12.grid_gutter--22px,
.grid-cmn.grid_gutter--22px {
  margin-left: -22px;
  margin-bottom: -22px;
}

.grid--12.grid_gutter--22px > *,
.grid-cmn.grid_gutter--22px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 22px;
  padding-bottom: 22px;
}

.grid--12.grid_gutter--23px,
.grid-cmn.grid_gutter--23px {
  margin-left: -23px;
  margin-bottom: -23px;
}

.grid--12.grid_gutter--23px > *,
.grid-cmn.grid_gutter--23px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 23px;
  padding-bottom: 23px;
}

.grid--12.grid_gutter--24px,
.grid-cmn.grid_gutter--24px {
  margin-left: -24px;
  margin-bottom: -24px;
}

.grid--12.grid_gutter--24px > *,
.grid-cmn.grid_gutter--24px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 24px;
  padding-bottom: 24px;
}

.grid--12.grid_gutter--25px,
.grid-cmn.grid_gutter--25px {
  margin-left: -25px;
  margin-bottom: -25px;
}

.grid--12.grid_gutter--25px > *,
.grid-cmn.grid_gutter--25px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 25px;
  padding-bottom: 25px;
}

.grid--12.grid_gutter--26px,
.grid-cmn.grid_gutter--26px {
  margin-left: -26px;
  margin-bottom: -26px;
}

.grid--12.grid_gutter--26px > *,
.grid-cmn.grid_gutter--26px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 26px;
  padding-bottom: 26px;
}

.grid--12.grid_gutter--27px,
.grid-cmn.grid_gutter--27px {
  margin-left: -27px;
  margin-bottom: -27px;
}

.grid--12.grid_gutter--27px > *,
.grid-cmn.grid_gutter--27px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 27px;
  padding-bottom: 27px;
}

.grid--12.grid_gutter--28px,
.grid-cmn.grid_gutter--28px {
  margin-left: -28px;
  margin-bottom: -28px;
}

.grid--12.grid_gutter--28px > *,
.grid-cmn.grid_gutter--28px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 28px;
  padding-bottom: 28px;
}

.grid--12.grid_gutter--29px,
.grid-cmn.grid_gutter--29px {
  margin-left: -29px;
  margin-bottom: -29px;
}

.grid--12.grid_gutter--29px > *,
.grid-cmn.grid_gutter--29px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 29px;
  padding-bottom: 29px;
}

.grid--12.grid_gutter--30px,
.grid-cmn.grid_gutter--30px {
  margin-left: -30px;
  margin-bottom: -30px;
}

.grid--12.grid_gutter--30px > *,
.grid-cmn.grid_gutter--30px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 30px;
  padding-bottom: 30px;
}

.grid--12.grid_gutter--31px,
.grid-cmn.grid_gutter--31px {
  margin-left: -31px;
  margin-bottom: -31px;
}

.grid--12.grid_gutter--31px > *,
.grid-cmn.grid_gutter--31px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 31px;
  padding-bottom: 31px;
}

.grid--12.grid_gutter--32px,
.grid-cmn.grid_gutter--32px {
  margin-left: -32px;
  margin-bottom: -32px;
}

.grid--12.grid_gutter--32px > *,
.grid-cmn.grid_gutter--32px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 32px;
  padding-bottom: 32px;
}

.grid--12.grid_gutter--33px,
.grid-cmn.grid_gutter--33px {
  margin-left: -33px;
  margin-bottom: -33px;
}

.grid--12.grid_gutter--33px > *,
.grid-cmn.grid_gutter--33px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 33px;
  padding-bottom: 33px;
}

.grid--12.grid_gutter--34px,
.grid-cmn.grid_gutter--34px {
  margin-left: -34px;
  margin-bottom: -34px;
}

.grid--12.grid_gutter--34px > *,
.grid-cmn.grid_gutter--34px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 34px;
  padding-bottom: 34px;
}

.grid--12.grid_gutter--35px,
.grid-cmn.grid_gutter--35px {
  margin-left: -35px;
  margin-bottom: -35px;
}

.grid--12.grid_gutter--35px > *,
.grid-cmn.grid_gutter--35px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 35px;
  padding-bottom: 35px;
}

.grid--12.grid_gutter--36px,
.grid-cmn.grid_gutter--36px {
  margin-left: -36px;
  margin-bottom: -36px;
}

.grid--12.grid_gutter--36px > *,
.grid-cmn.grid_gutter--36px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 36px;
  padding-bottom: 36px;
}

.grid--12.grid_gutter--37px,
.grid-cmn.grid_gutter--37px {
  margin-left: -37px;
  margin-bottom: -37px;
}

.grid--12.grid_gutter--37px > *,
.grid-cmn.grid_gutter--37px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 37px;
  padding-bottom: 37px;
}

.grid--12.grid_gutter--38px,
.grid-cmn.grid_gutter--38px {
  margin-left: -38px;
  margin-bottom: -38px;
}

.grid--12.grid_gutter--38px > *,
.grid-cmn.grid_gutter--38px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 38px;
  padding-bottom: 38px;
}

.grid--12.grid_gutter--39px,
.grid-cmn.grid_gutter--39px {
  margin-left: -39px;
  margin-bottom: -39px;
}

.grid--12.grid_gutter--39px > *,
.grid-cmn.grid_gutter--39px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 39px;
  padding-bottom: 39px;
}

.grid--12.grid_gutter--40px,
.grid-cmn.grid_gutter--40px {
  margin-left: -40px;
  margin-bottom: -40px;
}

.grid--12.grid_gutter--40px > *,
.grid-cmn.grid_gutter--40px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 40px;
  padding-bottom: 40px;
}

.grid--12.grid_gutter--41px,
.grid-cmn.grid_gutter--41px {
  margin-left: -41px;
  margin-bottom: -41px;
}

.grid--12.grid_gutter--41px > *,
.grid-cmn.grid_gutter--41px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 41px;
  padding-bottom: 41px;
}

.grid--12.grid_gutter--42px,
.grid-cmn.grid_gutter--42px {
  margin-left: -42px;
  margin-bottom: -42px;
}

.grid--12.grid_gutter--42px > *,
.grid-cmn.grid_gutter--42px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 42px;
  padding-bottom: 42px;
}

.grid--12.grid_gutter--43px,
.grid-cmn.grid_gutter--43px {
  margin-left: -43px;
  margin-bottom: -43px;
}

.grid--12.grid_gutter--43px > *,
.grid-cmn.grid_gutter--43px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 43px;
  padding-bottom: 43px;
}

.grid--12.grid_gutter--44px,
.grid-cmn.grid_gutter--44px {
  margin-left: -44px;
  margin-bottom: -44px;
}

.grid--12.grid_gutter--44px > *,
.grid-cmn.grid_gutter--44px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 44px;
  padding-bottom: 44px;
}

.grid--12.grid_gutter--45px,
.grid-cmn.grid_gutter--45px {
  margin-left: -45px;
  margin-bottom: -45px;
}

.grid--12.grid_gutter--45px > *,
.grid-cmn.grid_gutter--45px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 45px;
  padding-bottom: 45px;
}

.grid--12.grid_gutter--46px,
.grid-cmn.grid_gutter--46px {
  margin-left: -46px;
  margin-bottom: -46px;
}

.grid--12.grid_gutter--46px > *,
.grid-cmn.grid_gutter--46px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 46px;
  padding-bottom: 46px;
}

.grid--12.grid_gutter--47px,
.grid-cmn.grid_gutter--47px {
  margin-left: -47px;
  margin-bottom: -47px;
}

.grid--12.grid_gutter--47px > *,
.grid-cmn.grid_gutter--47px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 47px;
  padding-bottom: 47px;
}

.grid--12.grid_gutter--48px,
.grid-cmn.grid_gutter--48px {
  margin-left: -48px;
  margin-bottom: -48px;
}

.grid--12.grid_gutter--48px > *,
.grid-cmn.grid_gutter--48px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 48px;
  padding-bottom: 48px;
}

.grid--12.grid_gutter--49px,
.grid-cmn.grid_gutter--49px {
  margin-left: -49px;
  margin-bottom: -49px;
}

.grid--12.grid_gutter--49px > *,
.grid-cmn.grid_gutter--49px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 49px;
  padding-bottom: 49px;
}

.grid--12.grid_gutter--50px,
.grid-cmn.grid_gutter--50px {
  margin-left: -50px;
  margin-bottom: -50px;
}

.grid--12.grid_gutter--50px > *,
.grid-cmn.grid_gutter--50px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 50px;
  padding-bottom: 50px;
}

.grid--12.grid_gutter--51px,
.grid-cmn.grid_gutter--51px {
  margin-left: -51px;
  margin-bottom: -51px;
}

.grid--12.grid_gutter--51px > *,
.grid-cmn.grid_gutter--51px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 51px;
  padding-bottom: 51px;
}

.grid--12.grid_gutter--52px,
.grid-cmn.grid_gutter--52px {
  margin-left: -52px;
  margin-bottom: -52px;
}

.grid--12.grid_gutter--52px > *,
.grid-cmn.grid_gutter--52px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 52px;
  padding-bottom: 52px;
}

.grid--12.grid_gutter--53px,
.grid-cmn.grid_gutter--53px {
  margin-left: -53px;
  margin-bottom: -53px;
}

.grid--12.grid_gutter--53px > *,
.grid-cmn.grid_gutter--53px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 53px;
  padding-bottom: 53px;
}

.grid--12.grid_gutter--54px,
.grid-cmn.grid_gutter--54px {
  margin-left: -54px;
  margin-bottom: -54px;
}

.grid--12.grid_gutter--54px > *,
.grid-cmn.grid_gutter--54px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 54px;
  padding-bottom: 54px;
}

.grid--12.grid_gutter--55px,
.grid-cmn.grid_gutter--55px {
  margin-left: -55px;
  margin-bottom: -55px;
}

.grid--12.grid_gutter--55px > *,
.grid-cmn.grid_gutter--55px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 55px;
  padding-bottom: 55px;
}

.grid--12.grid_gutter--56px,
.grid-cmn.grid_gutter--56px {
  margin-left: -56px;
  margin-bottom: -56px;
}

.grid--12.grid_gutter--56px > *,
.grid-cmn.grid_gutter--56px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 56px;
  padding-bottom: 56px;
}

.grid--12.grid_gutter--57px,
.grid-cmn.grid_gutter--57px {
  margin-left: -57px;
  margin-bottom: -57px;
}

.grid--12.grid_gutter--57px > *,
.grid-cmn.grid_gutter--57px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 57px;
  padding-bottom: 57px;
}

.grid--12.grid_gutter--58px,
.grid-cmn.grid_gutter--58px {
  margin-left: -58px;
  margin-bottom: -58px;
}

.grid--12.grid_gutter--58px > *,
.grid-cmn.grid_gutter--58px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 58px;
  padding-bottom: 58px;
}

.grid--12.grid_gutter--59px,
.grid-cmn.grid_gutter--59px {
  margin-left: -59px;
  margin-bottom: -59px;
}

.grid--12.grid_gutter--59px > *,
.grid-cmn.grid_gutter--59px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 59px;
  padding-bottom: 59px;
}

.grid--12.grid_gutter--60px,
.grid-cmn.grid_gutter--60px {
  margin-left: -60px;
  margin-bottom: -60px;
}

.grid--12.grid_gutter--60px > *,
.grid-cmn.grid_gutter--60px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 60px;
  padding-bottom: 60px;
}

.grid--12.grid_gutter--0px_0px,
.grid-cmn.grid_gutter--0px_0px {
  margin-left: 0px;
  margin-bottom: 0px;
}

.grid--12.grid_gutter--0px_0px > *,
.grid-cmn.grid_gutter--0px_0px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0px;
  padding-bottom: 0px;
}

.grid--12.grid_gutter--1px_0.5px,
.grid-cmn.grid_gutter--1px_0.5px {
  margin-left: -1px;
  margin-bottom: -0.5px;
}

.grid--12.grid_gutter--1px_0.5px > *,
.grid-cmn.grid_gutter--1px_0.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1px;
  padding-bottom: 0.5px;
}

.grid--12.grid_gutter--2px_1px,
.grid-cmn.grid_gutter--2px_1px {
  margin-left: -2px;
  margin-bottom: -1px;
}

.grid--12.grid_gutter--2px_1px > *,
.grid-cmn.grid_gutter--2px_1px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2px;
  padding-bottom: 1px;
}

.grid--12.grid_gutter--3px_1.5px,
.grid-cmn.grid_gutter--3px_1.5px {
  margin-left: -3px;
  margin-bottom: -1.5px;
}

.grid--12.grid_gutter--3px_1.5px > *,
.grid-cmn.grid_gutter--3px_1.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 3px;
  padding-bottom: 1.5px;
}

.grid--12.grid_gutter--4px_2px,
.grid-cmn.grid_gutter--4px_2px {
  margin-left: -4px;
  margin-bottom: -2px;
}

.grid--12.grid_gutter--4px_2px > *,
.grid-cmn.grid_gutter--4px_2px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 4px;
  padding-bottom: 2px;
}

.grid--12.grid_gutter--5px_2.5px,
.grid-cmn.grid_gutter--5px_2.5px {
  margin-left: -5px;
  margin-bottom: -2.5px;
}

.grid--12.grid_gutter--5px_2.5px > *,
.grid-cmn.grid_gutter--5px_2.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5px;
  padding-bottom: 2.5px;
}

.grid--12.grid_gutter--6px_3px,
.grid-cmn.grid_gutter--6px_3px {
  margin-left: -6px;
  margin-bottom: -3px;
}

.grid--12.grid_gutter--6px_3px > *,
.grid-cmn.grid_gutter--6px_3px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 6px;
  padding-bottom: 3px;
}

.grid--12.grid_gutter--7px_3.5px,
.grid-cmn.grid_gutter--7px_3.5px {
  margin-left: -7px;
  margin-bottom: -3.5px;
}

.grid--12.grid_gutter--7px_3.5px > *,
.grid-cmn.grid_gutter--7px_3.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 7px;
  padding-bottom: 3.5px;
}

.grid--12.grid_gutter--8px_4px,
.grid-cmn.grid_gutter--8px_4px {
  margin-left: -8px;
  margin-bottom: -4px;
}

.grid--12.grid_gutter--8px_4px > *,
.grid-cmn.grid_gutter--8px_4px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 8px;
  padding-bottom: 4px;
}

.grid--12.grid_gutter--9px_4.5px,
.grid-cmn.grid_gutter--9px_4.5px {
  margin-left: -9px;
  margin-bottom: -4.5px;
}

.grid--12.grid_gutter--9px_4.5px > *,
.grid-cmn.grid_gutter--9px_4.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 9px;
  padding-bottom: 4.5px;
}

.grid--12.grid_gutter--10px_5px,
.grid-cmn.grid_gutter--10px_5px {
  margin-left: -10px;
  margin-bottom: -5px;
}

.grid--12.grid_gutter--10px_5px > *,
.grid-cmn.grid_gutter--10px_5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  padding-bottom: 5px;
}

.grid--12.grid_gutter--11px_5.5px,
.grid-cmn.grid_gutter--11px_5.5px {
  margin-left: -11px;
  margin-bottom: -5.5px;
}

.grid--12.grid_gutter--11px_5.5px > *,
.grid-cmn.grid_gutter--11px_5.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 11px;
  padding-bottom: 5.5px;
}

.grid--12.grid_gutter--12px_6px,
.grid-cmn.grid_gutter--12px_6px {
  margin-left: -12px;
  margin-bottom: -6px;
}

.grid--12.grid_gutter--12px_6px > *,
.grid-cmn.grid_gutter--12px_6px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 12px;
  padding-bottom: 6px;
}

.grid--12.grid_gutter--13px_6.5px,
.grid-cmn.grid_gutter--13px_6.5px {
  margin-left: -13px;
  margin-bottom: -6.5px;
}

.grid--12.grid_gutter--13px_6.5px > *,
.grid-cmn.grid_gutter--13px_6.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 13px;
  padding-bottom: 6.5px;
}

.grid--12.grid_gutter--14px_7px,
.grid-cmn.grid_gutter--14px_7px {
  margin-left: -14px;
  margin-bottom: -7px;
}

.grid--12.grid_gutter--14px_7px > *,
.grid-cmn.grid_gutter--14px_7px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 14px;
  padding-bottom: 7px;
}

.grid--12.grid_gutter--15px_7.5px,
.grid-cmn.grid_gutter--15px_7.5px {
  margin-left: -15px;
  margin-bottom: -7.5px;
}

.grid--12.grid_gutter--15px_7.5px > *,
.grid-cmn.grid_gutter--15px_7.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  padding-bottom: 7.5px;
}

.grid--12.grid_gutter--16px_8px,
.grid-cmn.grid_gutter--16px_8px {
  margin-left: -16px;
  margin-bottom: -8px;
}

.grid--12.grid_gutter--16px_8px > *,
.grid-cmn.grid_gutter--16px_8px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 16px;
  padding-bottom: 8px;
}

.grid--12.grid_gutter--17px_8.5px,
.grid-cmn.grid_gutter--17px_8.5px {
  margin-left: -17px;
  margin-bottom: -8.5px;
}

.grid--12.grid_gutter--17px_8.5px > *,
.grid-cmn.grid_gutter--17px_8.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 17px;
  padding-bottom: 8.5px;
}

.grid--12.grid_gutter--18px_9px,
.grid-cmn.grid_gutter--18px_9px {
  margin-left: -18px;
  margin-bottom: -9px;
}

.grid--12.grid_gutter--18px_9px > *,
.grid-cmn.grid_gutter--18px_9px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 18px;
  padding-bottom: 9px;
}

.grid--12.grid_gutter--19px_9.5px,
.grid-cmn.grid_gutter--19px_9.5px {
  margin-left: -19px;
  margin-bottom: -9.5px;
}

.grid--12.grid_gutter--19px_9.5px > *,
.grid-cmn.grid_gutter--19px_9.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 19px;
  padding-bottom: 9.5px;
}

.grid--12.grid_gutter--20px_10px,
.grid-cmn.grid_gutter--20px_10px {
  margin-left: -20px;
  margin-bottom: -10px;
}

.grid--12.grid_gutter--20px_10px > *,
.grid-cmn.grid_gutter--20px_10px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-bottom: 10px;
}

.grid--12.grid_gutter--21px_10.5px,
.grid-cmn.grid_gutter--21px_10.5px {
  margin-left: -21px;
  margin-bottom: -10.5px;
}

.grid--12.grid_gutter--21px_10.5px > *,
.grid-cmn.grid_gutter--21px_10.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 21px;
  padding-bottom: 10.5px;
}

.grid--12.grid_gutter--22px_11px,
.grid-cmn.grid_gutter--22px_11px {
  margin-left: -22px;
  margin-bottom: -11px;
}

.grid--12.grid_gutter--22px_11px > *,
.grid-cmn.grid_gutter--22px_11px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 22px;
  padding-bottom: 11px;
}

.grid--12.grid_gutter--23px_11.5px,
.grid-cmn.grid_gutter--23px_11.5px {
  margin-left: -23px;
  margin-bottom: -11.5px;
}

.grid--12.grid_gutter--23px_11.5px > *,
.grid-cmn.grid_gutter--23px_11.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 23px;
  padding-bottom: 11.5px;
}

.grid--12.grid_gutter--24px_12px,
.grid-cmn.grid_gutter--24px_12px {
  margin-left: -24px;
  margin-bottom: -12px;
}

.grid--12.grid_gutter--24px_12px > *,
.grid-cmn.grid_gutter--24px_12px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 24px;
  padding-bottom: 12px;
}

.grid--12.grid_gutter--25px_12.5px,
.grid-cmn.grid_gutter--25px_12.5px {
  margin-left: -25px;
  margin-bottom: -12.5px;
}

.grid--12.grid_gutter--25px_12.5px > *,
.grid-cmn.grid_gutter--25px_12.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 25px;
  padding-bottom: 12.5px;
}

.grid--12.grid_gutter--26px_13px,
.grid-cmn.grid_gutter--26px_13px {
  margin-left: -26px;
  margin-bottom: -13px;
}

.grid--12.grid_gutter--26px_13px > *,
.grid-cmn.grid_gutter--26px_13px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 26px;
  padding-bottom: 13px;
}

.grid--12.grid_gutter--27px_13.5px,
.grid-cmn.grid_gutter--27px_13.5px {
  margin-left: -27px;
  margin-bottom: -13.5px;
}

.grid--12.grid_gutter--27px_13.5px > *,
.grid-cmn.grid_gutter--27px_13.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 27px;
  padding-bottom: 13.5px;
}

.grid--12.grid_gutter--28px_14px,
.grid-cmn.grid_gutter--28px_14px {
  margin-left: -28px;
  margin-bottom: -14px;
}

.grid--12.grid_gutter--28px_14px > *,
.grid-cmn.grid_gutter--28px_14px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 28px;
  padding-bottom: 14px;
}

.grid--12.grid_gutter--29px_14.5px,
.grid-cmn.grid_gutter--29px_14.5px {
  margin-left: -29px;
  margin-bottom: -14.5px;
}

.grid--12.grid_gutter--29px_14.5px > *,
.grid-cmn.grid_gutter--29px_14.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 29px;
  padding-bottom: 14.5px;
}

.grid--12.grid_gutter--30px_15px,
.grid-cmn.grid_gutter--30px_15px {
  margin-left: -30px;
  margin-bottom: -15px;
}

.grid--12.grid_gutter--30px_15px > *,
.grid-cmn.grid_gutter--30px_15px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 30px;
  padding-bottom: 15px;
}

.grid--12.grid_gutter--31px_15.5px,
.grid-cmn.grid_gutter--31px_15.5px {
  margin-left: -31px;
  margin-bottom: -15.5px;
}

.grid--12.grid_gutter--31px_15.5px > *,
.grid-cmn.grid_gutter--31px_15.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 31px;
  padding-bottom: 15.5px;
}

.grid--12.grid_gutter--32px_16px,
.grid-cmn.grid_gutter--32px_16px {
  margin-left: -32px;
  margin-bottom: -16px;
}

.grid--12.grid_gutter--32px_16px > *,
.grid-cmn.grid_gutter--32px_16px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 32px;
  padding-bottom: 16px;
}

.grid--12.grid_gutter--33px_16.5px,
.grid-cmn.grid_gutter--33px_16.5px {
  margin-left: -33px;
  margin-bottom: -16.5px;
}

.grid--12.grid_gutter--33px_16.5px > *,
.grid-cmn.grid_gutter--33px_16.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 33px;
  padding-bottom: 16.5px;
}

.grid--12.grid_gutter--34px_17px,
.grid-cmn.grid_gutter--34px_17px {
  margin-left: -34px;
  margin-bottom: -17px;
}

.grid--12.grid_gutter--34px_17px > *,
.grid-cmn.grid_gutter--34px_17px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 34px;
  padding-bottom: 17px;
}

.grid--12.grid_gutter--35px_17.5px,
.grid-cmn.grid_gutter--35px_17.5px {
  margin-left: -35px;
  margin-bottom: -17.5px;
}

.grid--12.grid_gutter--35px_17.5px > *,
.grid-cmn.grid_gutter--35px_17.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 35px;
  padding-bottom: 17.5px;
}

.grid--12.grid_gutter--36px_18px,
.grid-cmn.grid_gutter--36px_18px {
  margin-left: -36px;
  margin-bottom: -18px;
}

.grid--12.grid_gutter--36px_18px > *,
.grid-cmn.grid_gutter--36px_18px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 36px;
  padding-bottom: 18px;
}

.grid--12.grid_gutter--37px_18.5px,
.grid-cmn.grid_gutter--37px_18.5px {
  margin-left: -37px;
  margin-bottom: -18.5px;
}

.grid--12.grid_gutter--37px_18.5px > *,
.grid-cmn.grid_gutter--37px_18.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 37px;
  padding-bottom: 18.5px;
}

.grid--12.grid_gutter--38px_19px,
.grid-cmn.grid_gutter--38px_19px {
  margin-left: -38px;
  margin-bottom: -19px;
}

.grid--12.grid_gutter--38px_19px > *,
.grid-cmn.grid_gutter--38px_19px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 38px;
  padding-bottom: 19px;
}

.grid--12.grid_gutter--39px_19.5px,
.grid-cmn.grid_gutter--39px_19.5px {
  margin-left: -39px;
  margin-bottom: -19.5px;
}

.grid--12.grid_gutter--39px_19.5px > *,
.grid-cmn.grid_gutter--39px_19.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 39px;
  padding-bottom: 19.5px;
}

.grid--12.grid_gutter--40px_20px,
.grid-cmn.grid_gutter--40px_20px {
  margin-left: -40px;
  margin-bottom: -20px;
}

.grid--12.grid_gutter--40px_20px > *,
.grid-cmn.grid_gutter--40px_20px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 40px;
  padding-bottom: 20px;
}

.grid--12.grid_gutter--41px_20.5px,
.grid-cmn.grid_gutter--41px_20.5px {
  margin-left: -41px;
  margin-bottom: -20.5px;
}

.grid--12.grid_gutter--41px_20.5px > *,
.grid-cmn.grid_gutter--41px_20.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 41px;
  padding-bottom: 20.5px;
}

.grid--12.grid_gutter--42px_21px,
.grid-cmn.grid_gutter--42px_21px {
  margin-left: -42px;
  margin-bottom: -21px;
}

.grid--12.grid_gutter--42px_21px > *,
.grid-cmn.grid_gutter--42px_21px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 42px;
  padding-bottom: 21px;
}

.grid--12.grid_gutter--43px_21.5px,
.grid-cmn.grid_gutter--43px_21.5px {
  margin-left: -43px;
  margin-bottom: -21.5px;
}

.grid--12.grid_gutter--43px_21.5px > *,
.grid-cmn.grid_gutter--43px_21.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 43px;
  padding-bottom: 21.5px;
}

.grid--12.grid_gutter--44px_22px,
.grid-cmn.grid_gutter--44px_22px {
  margin-left: -44px;
  margin-bottom: -22px;
}

.grid--12.grid_gutter--44px_22px > *,
.grid-cmn.grid_gutter--44px_22px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 44px;
  padding-bottom: 22px;
}

.grid--12.grid_gutter--45px_22.5px,
.grid-cmn.grid_gutter--45px_22.5px {
  margin-left: -45px;
  margin-bottom: -22.5px;
}

.grid--12.grid_gutter--45px_22.5px > *,
.grid-cmn.grid_gutter--45px_22.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 45px;
  padding-bottom: 22.5px;
}

.grid--12.grid_gutter--46px_23px,
.grid-cmn.grid_gutter--46px_23px {
  margin-left: -46px;
  margin-bottom: -23px;
}

.grid--12.grid_gutter--46px_23px > *,
.grid-cmn.grid_gutter--46px_23px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 46px;
  padding-bottom: 23px;
}

.grid--12.grid_gutter--47px_23.5px,
.grid-cmn.grid_gutter--47px_23.5px {
  margin-left: -47px;
  margin-bottom: -23.5px;
}

.grid--12.grid_gutter--47px_23.5px > *,
.grid-cmn.grid_gutter--47px_23.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 47px;
  padding-bottom: 23.5px;
}

.grid--12.grid_gutter--48px_24px,
.grid-cmn.grid_gutter--48px_24px {
  margin-left: -48px;
  margin-bottom: -24px;
}

.grid--12.grid_gutter--48px_24px > *,
.grid-cmn.grid_gutter--48px_24px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 48px;
  padding-bottom: 24px;
}

.grid--12.grid_gutter--49px_24.5px,
.grid-cmn.grid_gutter--49px_24.5px {
  margin-left: -49px;
  margin-bottom: -24.5px;
}

.grid--12.grid_gutter--49px_24.5px > *,
.grid-cmn.grid_gutter--49px_24.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 49px;
  padding-bottom: 24.5px;
}

.grid--12.grid_gutter--50px_25px,
.grid-cmn.grid_gutter--50px_25px {
  margin-left: -50px;
  margin-bottom: -25px;
}

.grid--12.grid_gutter--50px_25px > *,
.grid-cmn.grid_gutter--50px_25px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 50px;
  padding-bottom: 25px;
}

.grid--12.grid_gutter--51px_25.5px,
.grid-cmn.grid_gutter--51px_25.5px {
  margin-left: -51px;
  margin-bottom: -25.5px;
}

.grid--12.grid_gutter--51px_25.5px > *,
.grid-cmn.grid_gutter--51px_25.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 51px;
  padding-bottom: 25.5px;
}

.grid--12.grid_gutter--52px_26px,
.grid-cmn.grid_gutter--52px_26px {
  margin-left: -52px;
  margin-bottom: -26px;
}

.grid--12.grid_gutter--52px_26px > *,
.grid-cmn.grid_gutter--52px_26px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 52px;
  padding-bottom: 26px;
}

.grid--12.grid_gutter--53px_26.5px,
.grid-cmn.grid_gutter--53px_26.5px {
  margin-left: -53px;
  margin-bottom: -26.5px;
}

.grid--12.grid_gutter--53px_26.5px > *,
.grid-cmn.grid_gutter--53px_26.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 53px;
  padding-bottom: 26.5px;
}

.grid--12.grid_gutter--54px_27px,
.grid-cmn.grid_gutter--54px_27px {
  margin-left: -54px;
  margin-bottom: -27px;
}

.grid--12.grid_gutter--54px_27px > *,
.grid-cmn.grid_gutter--54px_27px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 54px;
  padding-bottom: 27px;
}

.grid--12.grid_gutter--55px_27.5px,
.grid-cmn.grid_gutter--55px_27.5px {
  margin-left: -55px;
  margin-bottom: -27.5px;
}

.grid--12.grid_gutter--55px_27.5px > *,
.grid-cmn.grid_gutter--55px_27.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 55px;
  padding-bottom: 27.5px;
}

.grid--12.grid_gutter--56px_28px,
.grid-cmn.grid_gutter--56px_28px {
  margin-left: -56px;
  margin-bottom: -28px;
}

.grid--12.grid_gutter--56px_28px > *,
.grid-cmn.grid_gutter--56px_28px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 56px;
  padding-bottom: 28px;
}

.grid--12.grid_gutter--57px_28.5px,
.grid-cmn.grid_gutter--57px_28.5px {
  margin-left: -57px;
  margin-bottom: -28.5px;
}

.grid--12.grid_gutter--57px_28.5px > *,
.grid-cmn.grid_gutter--57px_28.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 57px;
  padding-bottom: 28.5px;
}

.grid--12.grid_gutter--58px_29px,
.grid-cmn.grid_gutter--58px_29px {
  margin-left: -58px;
  margin-bottom: -29px;
}

.grid--12.grid_gutter--58px_29px > *,
.grid-cmn.grid_gutter--58px_29px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 58px;
  padding-bottom: 29px;
}

.grid--12.grid_gutter--59px_29.5px,
.grid-cmn.grid_gutter--59px_29.5px {
  margin-left: -59px;
  margin-bottom: -29.5px;
}

.grid--12.grid_gutter--59px_29.5px > *,
.grid-cmn.grid_gutter--59px_29.5px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 59px;
  padding-bottom: 29.5px;
}

.grid--12.grid_gutter--60px_30px,
.grid-cmn.grid_gutter--60px_30px {
  margin-left: -60px;
  margin-bottom: -30px;
}

.grid--12.grid_gutter--60px_30px > *,
.grid-cmn.grid_gutter--60px_30px > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 60px;
  padding-bottom: 30px;
}

@media all and (max-width: 374px) {
  .grid--12.grid_gutter__spsm--0,
  .grid-cmn.grid_gutter__spsm--0 {
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .grid--12.grid_gutter__spsm--0 > *,
  .grid-cmn.grid_gutter__spsm--0 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0%;
    padding-bottom: 0%;
  }
  .grid--12.grid_gutter__spsm--1,
  .grid-cmn.grid_gutter__spsm--1 {
    margin-left: -1%;
    margin-bottom: -1%;
  }
  .grid--12.grid_gutter__spsm--1 > *,
  .grid-cmn.grid_gutter__spsm--1 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%;
  }
  .grid--12.grid_gutter__spsm--2,
  .grid-cmn.grid_gutter__spsm--2 {
    margin-left: -2%;
    margin-bottom: -2%;
  }
  .grid--12.grid_gutter__spsm--2 > *,
  .grid-cmn.grid_gutter__spsm--2 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%;
  }
  .grid--12.grid_gutter__spsm--3,
  .grid-cmn.grid_gutter__spsm--3 {
    margin-left: -3%;
    margin-bottom: -3%;
  }
  .grid--12.grid_gutter__spsm--3 > *,
  .grid-cmn.grid_gutter__spsm--3 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%;
  }
  .grid--12.grid_gutter__spsm--4,
  .grid-cmn.grid_gutter__spsm--4 {
    margin-left: -4%;
    margin-bottom: -4%;
  }
  .grid--12.grid_gutter__spsm--4 > *,
  .grid-cmn.grid_gutter__spsm--4 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%;
  }
  .grid--12.grid_gutter__spsm--5,
  .grid-cmn.grid_gutter__spsm--5 {
    margin-left: -5%;
    margin-bottom: -5%;
  }
  .grid--12.grid_gutter__spsm--5 > *,
  .grid-cmn.grid_gutter__spsm--5 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%;
  }
  .grid--12.grid_gutter__spsm--6,
  .grid-cmn.grid_gutter__spsm--6 {
    margin-left: -6%;
    margin-bottom: -6%;
  }
  .grid--12.grid_gutter__spsm--6 > *,
  .grid-cmn.grid_gutter__spsm--6 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%;
  }
  .grid--12.grid_gutter__spsm--7,
  .grid-cmn.grid_gutter__spsm--7 {
    margin-left: -7%;
    margin-bottom: -7%;
  }
  .grid--12.grid_gutter__spsm--7 > *,
  .grid-cmn.grid_gutter__spsm--7 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%;
  }
  .grid--12.grid_gutter__spsm--8,
  .grid-cmn.grid_gutter__spsm--8 {
    margin-left: -8%;
    margin-bottom: -8%;
  }
  .grid--12.grid_gutter__spsm--8 > *,
  .grid-cmn.grid_gutter__spsm--8 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%;
  }
  .grid--12.grid_gutter__spsm--9,
  .grid-cmn.grid_gutter__spsm--9 {
    margin-left: -9%;
    margin-bottom: -9%;
  }
  .grid--12.grid_gutter__spsm--9 > *,
  .grid-cmn.grid_gutter__spsm--9 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%;
  }
  .grid--12.grid_gutter__spsm--10,
  .grid-cmn.grid_gutter__spsm--10 {
    margin-left: -10%;
    margin-bottom: -10%;
  }
  .grid--12.grid_gutter__spsm--10 > *,
  .grid-cmn.grid_gutter__spsm--10 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%;
  }
  .grid--12.grid_gutter__spsm--11,
  .grid-cmn.grid_gutter__spsm--11 {
    margin-left: -11%;
    margin-bottom: -11%;
  }
  .grid--12.grid_gutter__spsm--11 > *,
  .grid-cmn.grid_gutter__spsm--11 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%;
  }
  .grid--12.grid_gutter__spsm--12,
  .grid-cmn.grid_gutter__spsm--12 {
    margin-left: -12%;
    margin-bottom: -12%;
  }
  .grid--12.grid_gutter__spsm--12 > *,
  .grid-cmn.grid_gutter__spsm--12 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%;
  }
  .grid--12.grid_gutter__spsm--13,
  .grid-cmn.grid_gutter__spsm--13 {
    margin-left: -13%;
    margin-bottom: -13%;
  }
  .grid--12.grid_gutter__spsm--13 > *,
  .grid-cmn.grid_gutter__spsm--13 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%;
  }
  .grid--12.grid_gutter__spsm--14,
  .grid-cmn.grid_gutter__spsm--14 {
    margin-left: -14%;
    margin-bottom: -14%;
  }
  .grid--12.grid_gutter__spsm--14 > *,
  .grid-cmn.grid_gutter__spsm--14 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%;
  }
  .grid--12.grid_gutter__spsm--15,
  .grid-cmn.grid_gutter__spsm--15 {
    margin-left: -15%;
    margin-bottom: -15%;
  }
  .grid--12.grid_gutter__spsm--15 > *,
  .grid-cmn.grid_gutter__spsm--15 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%;
  }
  .grid--12.grid_gutter__spsm--16,
  .grid-cmn.grid_gutter__spsm--16 {
    margin-left: -16%;
    margin-bottom: -16%;
  }
  .grid--12.grid_gutter__spsm--16 > *,
  .grid-cmn.grid_gutter__spsm--16 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%;
  }
  .grid--12.grid_gutter__spsm--17,
  .grid-cmn.grid_gutter__spsm--17 {
    margin-left: -17%;
    margin-bottom: -17%;
  }
  .grid--12.grid_gutter__spsm--17 > *,
  .grid-cmn.grid_gutter__spsm--17 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%;
  }
  .grid--12.grid_gutter__spsm--18,
  .grid-cmn.grid_gutter__spsm--18 {
    margin-left: -18%;
    margin-bottom: -18%;
  }
  .grid--12.grid_gutter__spsm--18 > *,
  .grid-cmn.grid_gutter__spsm--18 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%;
  }
  .grid--12.grid_gutter__spsm--19,
  .grid-cmn.grid_gutter__spsm--19 {
    margin-left: -19%;
    margin-bottom: -19%;
  }
  .grid--12.grid_gutter__spsm--19 > *,
  .grid-cmn.grid_gutter__spsm--19 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%;
  }
  .grid--12.grid_gutter__spsm--20,
  .grid-cmn.grid_gutter__spsm--20 {
    margin-left: -20%;
    margin-bottom: -20%;
  }
  .grid--12.grid_gutter__spsm--20 > *,
  .grid-cmn.grid_gutter__spsm--20 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%;
  }
  .grid--12.grid_gutter__spsm--0px,
  .grid-cmn.grid_gutter__spsm--0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__spsm--0px > *,
  .grid-cmn.grid_gutter__spsm--0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__spsm--1px,
  .grid-cmn.grid_gutter__spsm--1px {
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__spsm--1px > *,
  .grid-cmn.grid_gutter__spsm--1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__spsm--2px,
  .grid-cmn.grid_gutter__spsm--2px {
    margin-left: -2px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__spsm--2px > *,
  .grid-cmn.grid_gutter__spsm--2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__spsm--3px,
  .grid-cmn.grid_gutter__spsm--3px {
    margin-left: -3px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__spsm--3px > *,
  .grid-cmn.grid_gutter__spsm--3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__spsm--4px,
  .grid-cmn.grid_gutter__spsm--4px {
    margin-left: -4px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__spsm--4px > *,
  .grid-cmn.grid_gutter__spsm--4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__spsm--5px,
  .grid-cmn.grid_gutter__spsm--5px {
    margin-left: -5px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__spsm--5px > *,
  .grid-cmn.grid_gutter__spsm--5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__spsm--6px,
  .grid-cmn.grid_gutter__spsm--6px {
    margin-left: -6px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__spsm--6px > *,
  .grid-cmn.grid_gutter__spsm--6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__spsm--7px,
  .grid-cmn.grid_gutter__spsm--7px {
    margin-left: -7px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__spsm--7px > *,
  .grid-cmn.grid_gutter__spsm--7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__spsm--8px,
  .grid-cmn.grid_gutter__spsm--8px {
    margin-left: -8px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__spsm--8px > *,
  .grid-cmn.grid_gutter__spsm--8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__spsm--9px,
  .grid-cmn.grid_gutter__spsm--9px {
    margin-left: -9px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__spsm--9px > *,
  .grid-cmn.grid_gutter__spsm--9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__spsm--10px,
  .grid-cmn.grid_gutter__spsm--10px {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__spsm--10px > *,
  .grid-cmn.grid_gutter__spsm--10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__spsm--11px,
  .grid-cmn.grid_gutter__spsm--11px {
    margin-left: -11px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__spsm--11px > *,
  .grid-cmn.grid_gutter__spsm--11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__spsm--12px,
  .grid-cmn.grid_gutter__spsm--12px {
    margin-left: -12px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__spsm--12px > *,
  .grid-cmn.grid_gutter__spsm--12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__spsm--13px,
  .grid-cmn.grid_gutter__spsm--13px {
    margin-left: -13px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__spsm--13px > *,
  .grid-cmn.grid_gutter__spsm--13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__spsm--14px,
  .grid-cmn.grid_gutter__spsm--14px {
    margin-left: -14px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__spsm--14px > *,
  .grid-cmn.grid_gutter__spsm--14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__spsm--15px,
  .grid-cmn.grid_gutter__spsm--15px {
    margin-left: -15px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__spsm--15px > *,
  .grid-cmn.grid_gutter__spsm--15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__spsm--16px,
  .grid-cmn.grid_gutter__spsm--16px {
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__spsm--16px > *,
  .grid-cmn.grid_gutter__spsm--16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__spsm--17px,
  .grid-cmn.grid_gutter__spsm--17px {
    margin-left: -17px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__spsm--17px > *,
  .grid-cmn.grid_gutter__spsm--17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__spsm--18px,
  .grid-cmn.grid_gutter__spsm--18px {
    margin-left: -18px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__spsm--18px > *,
  .grid-cmn.grid_gutter__spsm--18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__spsm--19px,
  .grid-cmn.grid_gutter__spsm--19px {
    margin-left: -19px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__spsm--19px > *,
  .grid-cmn.grid_gutter__spsm--19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__spsm--20px,
  .grid-cmn.grid_gutter__spsm--20px {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__spsm--20px > *,
  .grid-cmn.grid_gutter__spsm--20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__spsm--21px,
  .grid-cmn.grid_gutter__spsm--21px {
    margin-left: -21px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__spsm--21px > *,
  .grid-cmn.grid_gutter__spsm--21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__spsm--22px,
  .grid-cmn.grid_gutter__spsm--22px {
    margin-left: -22px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__spsm--22px > *,
  .grid-cmn.grid_gutter__spsm--22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__spsm--23px,
  .grid-cmn.grid_gutter__spsm--23px {
    margin-left: -23px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__spsm--23px > *,
  .grid-cmn.grid_gutter__spsm--23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__spsm--24px,
  .grid-cmn.grid_gutter__spsm--24px {
    margin-left: -24px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__spsm--24px > *,
  .grid-cmn.grid_gutter__spsm--24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__spsm--25px,
  .grid-cmn.grid_gutter__spsm--25px {
    margin-left: -25px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__spsm--25px > *,
  .grid-cmn.grid_gutter__spsm--25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__spsm--26px,
  .grid-cmn.grid_gutter__spsm--26px {
    margin-left: -26px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__spsm--26px > *,
  .grid-cmn.grid_gutter__spsm--26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__spsm--27px,
  .grid-cmn.grid_gutter__spsm--27px {
    margin-left: -27px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__spsm--27px > *,
  .grid-cmn.grid_gutter__spsm--27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__spsm--28px,
  .grid-cmn.grid_gutter__spsm--28px {
    margin-left: -28px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__spsm--28px > *,
  .grid-cmn.grid_gutter__spsm--28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__spsm--29px,
  .grid-cmn.grid_gutter__spsm--29px {
    margin-left: -29px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__spsm--29px > *,
  .grid-cmn.grid_gutter__spsm--29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__spsm--30px,
  .grid-cmn.grid_gutter__spsm--30px {
    margin-left: -30px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__spsm--30px > *,
  .grid-cmn.grid_gutter__spsm--30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .grid--12.grid_gutter__spsm--31px,
  .grid-cmn.grid_gutter__spsm--31px {
    margin-left: -31px;
    margin-bottom: -31px;
  }
  .grid--12.grid_gutter__spsm--31px > *,
  .grid-cmn.grid_gutter__spsm--31px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px;
  }
  .grid--12.grid_gutter__spsm--32px,
  .grid-cmn.grid_gutter__spsm--32px {
    margin-left: -32px;
    margin-bottom: -32px;
  }
  .grid--12.grid_gutter__spsm--32px > *,
  .grid-cmn.grid_gutter__spsm--32px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .grid--12.grid_gutter__spsm--33px,
  .grid-cmn.grid_gutter__spsm--33px {
    margin-left: -33px;
    margin-bottom: -33px;
  }
  .grid--12.grid_gutter__spsm--33px > *,
  .grid-cmn.grid_gutter__spsm--33px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px;
  }
  .grid--12.grid_gutter__spsm--34px,
  .grid-cmn.grid_gutter__spsm--34px {
    margin-left: -34px;
    margin-bottom: -34px;
  }
  .grid--12.grid_gutter__spsm--34px > *,
  .grid-cmn.grid_gutter__spsm--34px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px;
  }
  .grid--12.grid_gutter__spsm--35px,
  .grid-cmn.grid_gutter__spsm--35px {
    margin-left: -35px;
    margin-bottom: -35px;
  }
  .grid--12.grid_gutter__spsm--35px > *,
  .grid-cmn.grid_gutter__spsm--35px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px;
  }
  .grid--12.grid_gutter__spsm--36px,
  .grid-cmn.grid_gutter__spsm--36px {
    margin-left: -36px;
    margin-bottom: -36px;
  }
  .grid--12.grid_gutter__spsm--36px > *,
  .grid-cmn.grid_gutter__spsm--36px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px;
  }
  .grid--12.grid_gutter__spsm--37px,
  .grid-cmn.grid_gutter__spsm--37px {
    margin-left: -37px;
    margin-bottom: -37px;
  }
  .grid--12.grid_gutter__spsm--37px > *,
  .grid-cmn.grid_gutter__spsm--37px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px;
  }
  .grid--12.grid_gutter__spsm--38px,
  .grid-cmn.grid_gutter__spsm--38px {
    margin-left: -38px;
    margin-bottom: -38px;
  }
  .grid--12.grid_gutter__spsm--38px > *,
  .grid-cmn.grid_gutter__spsm--38px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px;
  }
  .grid--12.grid_gutter__spsm--39px,
  .grid-cmn.grid_gutter__spsm--39px {
    margin-left: -39px;
    margin-bottom: -39px;
  }
  .grid--12.grid_gutter__spsm--39px > *,
  .grid-cmn.grid_gutter__spsm--39px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px;
  }
  .grid--12.grid_gutter__spsm--40px,
  .grid-cmn.grid_gutter__spsm--40px {
    margin-left: -40px;
    margin-bottom: -40px;
  }
  .grid--12.grid_gutter__spsm--40px > *,
  .grid-cmn.grid_gutter__spsm--40px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .grid--12.grid_gutter__spsm--41px,
  .grid-cmn.grid_gutter__spsm--41px {
    margin-left: -41px;
    margin-bottom: -41px;
  }
  .grid--12.grid_gutter__spsm--41px > *,
  .grid-cmn.grid_gutter__spsm--41px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px;
  }
  .grid--12.grid_gutter__spsm--42px,
  .grid-cmn.grid_gutter__spsm--42px {
    margin-left: -42px;
    margin-bottom: -42px;
  }
  .grid--12.grid_gutter__spsm--42px > *,
  .grid-cmn.grid_gutter__spsm--42px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px;
  }
  .grid--12.grid_gutter__spsm--43px,
  .grid-cmn.grid_gutter__spsm--43px {
    margin-left: -43px;
    margin-bottom: -43px;
  }
  .grid--12.grid_gutter__spsm--43px > *,
  .grid-cmn.grid_gutter__spsm--43px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px;
  }
  .grid--12.grid_gutter__spsm--44px,
  .grid-cmn.grid_gutter__spsm--44px {
    margin-left: -44px;
    margin-bottom: -44px;
  }
  .grid--12.grid_gutter__spsm--44px > *,
  .grid-cmn.grid_gutter__spsm--44px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px;
  }
  .grid--12.grid_gutter__spsm--45px,
  .grid-cmn.grid_gutter__spsm--45px {
    margin-left: -45px;
    margin-bottom: -45px;
  }
  .grid--12.grid_gutter__spsm--45px > *,
  .grid-cmn.grid_gutter__spsm--45px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px;
  }
  .grid--12.grid_gutter__spsm--46px,
  .grid-cmn.grid_gutter__spsm--46px {
    margin-left: -46px;
    margin-bottom: -46px;
  }
  .grid--12.grid_gutter__spsm--46px > *,
  .grid-cmn.grid_gutter__spsm--46px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px;
  }
  .grid--12.grid_gutter__spsm--47px,
  .grid-cmn.grid_gutter__spsm--47px {
    margin-left: -47px;
    margin-bottom: -47px;
  }
  .grid--12.grid_gutter__spsm--47px > *,
  .grid-cmn.grid_gutter__spsm--47px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px;
  }
  .grid--12.grid_gutter__spsm--48px,
  .grid-cmn.grid_gutter__spsm--48px {
    margin-left: -48px;
    margin-bottom: -48px;
  }
  .grid--12.grid_gutter__spsm--48px > *,
  .grid-cmn.grid_gutter__spsm--48px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px;
  }
  .grid--12.grid_gutter__spsm--49px,
  .grid-cmn.grid_gutter__spsm--49px {
    margin-left: -49px;
    margin-bottom: -49px;
  }
  .grid--12.grid_gutter__spsm--49px > *,
  .grid-cmn.grid_gutter__spsm--49px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px;
  }
  .grid--12.grid_gutter__spsm--50px,
  .grid-cmn.grid_gutter__spsm--50px {
    margin-left: -50px;
    margin-bottom: -50px;
  }
  .grid--12.grid_gutter__spsm--50px > *,
  .grid-cmn.grid_gutter__spsm--50px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .grid--12.grid_gutter__spsm--51px,
  .grid-cmn.grid_gutter__spsm--51px {
    margin-left: -51px;
    margin-bottom: -51px;
  }
  .grid--12.grid_gutter__spsm--51px > *,
  .grid-cmn.grid_gutter__spsm--51px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px;
  }
  .grid--12.grid_gutter__spsm--52px,
  .grid-cmn.grid_gutter__spsm--52px {
    margin-left: -52px;
    margin-bottom: -52px;
  }
  .grid--12.grid_gutter__spsm--52px > *,
  .grid-cmn.grid_gutter__spsm--52px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px;
  }
  .grid--12.grid_gutter__spsm--53px,
  .grid-cmn.grid_gutter__spsm--53px {
    margin-left: -53px;
    margin-bottom: -53px;
  }
  .grid--12.grid_gutter__spsm--53px > *,
  .grid-cmn.grid_gutter__spsm--53px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px;
  }
  .grid--12.grid_gutter__spsm--54px,
  .grid-cmn.grid_gutter__spsm--54px {
    margin-left: -54px;
    margin-bottom: -54px;
  }
  .grid--12.grid_gutter__spsm--54px > *,
  .grid-cmn.grid_gutter__spsm--54px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px;
  }
  .grid--12.grid_gutter__spsm--55px,
  .grid-cmn.grid_gutter__spsm--55px {
    margin-left: -55px;
    margin-bottom: -55px;
  }
  .grid--12.grid_gutter__spsm--55px > *,
  .grid-cmn.grid_gutter__spsm--55px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px;
  }
  .grid--12.grid_gutter__spsm--56px,
  .grid-cmn.grid_gutter__spsm--56px {
    margin-left: -56px;
    margin-bottom: -56px;
  }
  .grid--12.grid_gutter__spsm--56px > *,
  .grid-cmn.grid_gutter__spsm--56px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px;
  }
  .grid--12.grid_gutter__spsm--57px,
  .grid-cmn.grid_gutter__spsm--57px {
    margin-left: -57px;
    margin-bottom: -57px;
  }
  .grid--12.grid_gutter__spsm--57px > *,
  .grid-cmn.grid_gutter__spsm--57px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px;
  }
  .grid--12.grid_gutter__spsm--58px,
  .grid-cmn.grid_gutter__spsm--58px {
    margin-left: -58px;
    margin-bottom: -58px;
  }
  .grid--12.grid_gutter__spsm--58px > *,
  .grid-cmn.grid_gutter__spsm--58px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px;
  }
  .grid--12.grid_gutter__spsm--59px,
  .grid-cmn.grid_gutter__spsm--59px {
    margin-left: -59px;
    margin-bottom: -59px;
  }
  .grid--12.grid_gutter__spsm--59px > *,
  .grid-cmn.grid_gutter__spsm--59px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px;
  }
  .grid--12.grid_gutter__spsm--60px,
  .grid-cmn.grid_gutter__spsm--60px {
    margin-left: -60px;
    margin-bottom: -60px;
  }
  .grid--12.grid_gutter__spsm--60px > *,
  .grid-cmn.grid_gutter__spsm--60px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px;
  }
  .grid--12.grid_gutter__spsm--0px_0px,
  .grid-cmn.grid_gutter__spsm--0px_0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__spsm--0px_0px > *,
  .grid-cmn.grid_gutter__spsm--0px_0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__spsm--1px_0.5px,
  .grid-cmn.grid_gutter__spsm--1px_0.5px {
    margin-left: -1px;
    margin-bottom: -0.5px;
  }
  .grid--12.grid_gutter__spsm--1px_0.5px > *,
  .grid-cmn.grid_gutter__spsm--1px_0.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 0.5px;
  }
  .grid--12.grid_gutter__spsm--2px_1px,
  .grid-cmn.grid_gutter__spsm--2px_1px {
    margin-left: -2px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__spsm--2px_1px > *,
  .grid-cmn.grid_gutter__spsm--2px_1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__spsm--3px_1.5px,
  .grid-cmn.grid_gutter__spsm--3px_1.5px {
    margin-left: -3px;
    margin-bottom: -1.5px;
  }
  .grid--12.grid_gutter__spsm--3px_1.5px > *,
  .grid-cmn.grid_gutter__spsm--3px_1.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 1.5px;
  }
  .grid--12.grid_gutter__spsm--4px_2px,
  .grid-cmn.grid_gutter__spsm--4px_2px {
    margin-left: -4px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__spsm--4px_2px > *,
  .grid-cmn.grid_gutter__spsm--4px_2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__spsm--5px_2.5px,
  .grid-cmn.grid_gutter__spsm--5px_2.5px {
    margin-left: -5px;
    margin-bottom: -2.5px;
  }
  .grid--12.grid_gutter__spsm--5px_2.5px > *,
  .grid-cmn.grid_gutter__spsm--5px_2.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 2.5px;
  }
  .grid--12.grid_gutter__spsm--6px_3px,
  .grid-cmn.grid_gutter__spsm--6px_3px {
    margin-left: -6px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__spsm--6px_3px > *,
  .grid-cmn.grid_gutter__spsm--6px_3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__spsm--7px_3.5px,
  .grid-cmn.grid_gutter__spsm--7px_3.5px {
    margin-left: -7px;
    margin-bottom: -3.5px;
  }
  .grid--12.grid_gutter__spsm--7px_3.5px > *,
  .grid-cmn.grid_gutter__spsm--7px_3.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 3.5px;
  }
  .grid--12.grid_gutter__spsm--8px_4px,
  .grid-cmn.grid_gutter__spsm--8px_4px {
    margin-left: -8px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__spsm--8px_4px > *,
  .grid-cmn.grid_gutter__spsm--8px_4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__spsm--9px_4.5px,
  .grid-cmn.grid_gutter__spsm--9px_4.5px {
    margin-left: -9px;
    margin-bottom: -4.5px;
  }
  .grid--12.grid_gutter__spsm--9px_4.5px > *,
  .grid-cmn.grid_gutter__spsm--9px_4.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 4.5px;
  }
  .grid--12.grid_gutter__spsm--10px_5px,
  .grid-cmn.grid_gutter__spsm--10px_5px {
    margin-left: -10px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__spsm--10px_5px > *,
  .grid-cmn.grid_gutter__spsm--10px_5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__spsm--11px_5.5px,
  .grid-cmn.grid_gutter__spsm--11px_5.5px {
    margin-left: -11px;
    margin-bottom: -5.5px;
  }
  .grid--12.grid_gutter__spsm--11px_5.5px > *,
  .grid-cmn.grid_gutter__spsm--11px_5.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 5.5px;
  }
  .grid--12.grid_gutter__spsm--12px_6px,
  .grid-cmn.grid_gutter__spsm--12px_6px {
    margin-left: -12px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__spsm--12px_6px > *,
  .grid-cmn.grid_gutter__spsm--12px_6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__spsm--13px_6.5px,
  .grid-cmn.grid_gutter__spsm--13px_6.5px {
    margin-left: -13px;
    margin-bottom: -6.5px;
  }
  .grid--12.grid_gutter__spsm--13px_6.5px > *,
  .grid-cmn.grid_gutter__spsm--13px_6.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 6.5px;
  }
  .grid--12.grid_gutter__spsm--14px_7px,
  .grid-cmn.grid_gutter__spsm--14px_7px {
    margin-left: -14px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__spsm--14px_7px > *,
  .grid-cmn.grid_gutter__spsm--14px_7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__spsm--15px_7.5px,
  .grid-cmn.grid_gutter__spsm--15px_7.5px {
    margin-left: -15px;
    margin-bottom: -7.5px;
  }
  .grid--12.grid_gutter__spsm--15px_7.5px > *,
  .grid-cmn.grid_gutter__spsm--15px_7.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 7.5px;
  }
  .grid--12.grid_gutter__spsm--16px_8px,
  .grid-cmn.grid_gutter__spsm--16px_8px {
    margin-left: -16px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__spsm--16px_8px > *,
  .grid-cmn.grid_gutter__spsm--16px_8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__spsm--17px_8.5px,
  .grid-cmn.grid_gutter__spsm--17px_8.5px {
    margin-left: -17px;
    margin-bottom: -8.5px;
  }
  .grid--12.grid_gutter__spsm--17px_8.5px > *,
  .grid-cmn.grid_gutter__spsm--17px_8.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 8.5px;
  }
  .grid--12.grid_gutter__spsm--18px_9px,
  .grid-cmn.grid_gutter__spsm--18px_9px {
    margin-left: -18px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__spsm--18px_9px > *,
  .grid-cmn.grid_gutter__spsm--18px_9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__spsm--19px_9.5px,
  .grid-cmn.grid_gutter__spsm--19px_9.5px {
    margin-left: -19px;
    margin-bottom: -9.5px;
  }
  .grid--12.grid_gutter__spsm--19px_9.5px > *,
  .grid-cmn.grid_gutter__spsm--19px_9.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 9.5px;
  }
  .grid--12.grid_gutter__spsm--20px_10px,
  .grid-cmn.grid_gutter__spsm--20px_10px {
    margin-left: -20px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__spsm--20px_10px > *,
  .grid-cmn.grid_gutter__spsm--20px_10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__spsm--21px_10.5px,
  .grid-cmn.grid_gutter__spsm--21px_10.5px {
    margin-left: -21px;
    margin-bottom: -10.5px;
  }
  .grid--12.grid_gutter__spsm--21px_10.5px > *,
  .grid-cmn.grid_gutter__spsm--21px_10.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 10.5px;
  }
  .grid--12.grid_gutter__spsm--22px_11px,
  .grid-cmn.grid_gutter__spsm--22px_11px {
    margin-left: -22px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__spsm--22px_11px > *,
  .grid-cmn.grid_gutter__spsm--22px_11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__spsm--23px_11.5px,
  .grid-cmn.grid_gutter__spsm--23px_11.5px {
    margin-left: -23px;
    margin-bottom: -11.5px;
  }
  .grid--12.grid_gutter__spsm--23px_11.5px > *,
  .grid-cmn.grid_gutter__spsm--23px_11.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 11.5px;
  }
  .grid--12.grid_gutter__spsm--24px_12px,
  .grid-cmn.grid_gutter__spsm--24px_12px {
    margin-left: -24px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__spsm--24px_12px > *,
  .grid-cmn.grid_gutter__spsm--24px_12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__spsm--25px_12.5px,
  .grid-cmn.grid_gutter__spsm--25px_12.5px {
    margin-left: -25px;
    margin-bottom: -12.5px;
  }
  .grid--12.grid_gutter__spsm--25px_12.5px > *,
  .grid-cmn.grid_gutter__spsm--25px_12.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 12.5px;
  }
  .grid--12.grid_gutter__spsm--26px_13px,
  .grid-cmn.grid_gutter__spsm--26px_13px {
    margin-left: -26px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__spsm--26px_13px > *,
  .grid-cmn.grid_gutter__spsm--26px_13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__spsm--27px_13.5px,
  .grid-cmn.grid_gutter__spsm--27px_13.5px {
    margin-left: -27px;
    margin-bottom: -13.5px;
  }
  .grid--12.grid_gutter__spsm--27px_13.5px > *,
  .grid-cmn.grid_gutter__spsm--27px_13.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 13.5px;
  }
  .grid--12.grid_gutter__spsm--28px_14px,
  .grid-cmn.grid_gutter__spsm--28px_14px {
    margin-left: -28px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__spsm--28px_14px > *,
  .grid-cmn.grid_gutter__spsm--28px_14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__spsm--29px_14.5px,
  .grid-cmn.grid_gutter__spsm--29px_14.5px {
    margin-left: -29px;
    margin-bottom: -14.5px;
  }
  .grid--12.grid_gutter__spsm--29px_14.5px > *,
  .grid-cmn.grid_gutter__spsm--29px_14.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 14.5px;
  }
  .grid--12.grid_gutter__spsm--30px_15px,
  .grid-cmn.grid_gutter__spsm--30px_15px {
    margin-left: -30px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__spsm--30px_15px > *,
  .grid-cmn.grid_gutter__spsm--30px_15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__spsm--31px_15.5px,
  .grid-cmn.grid_gutter__spsm--31px_15.5px {
    margin-left: -31px;
    margin-bottom: -15.5px;
  }
  .grid--12.grid_gutter__spsm--31px_15.5px > *,
  .grid-cmn.grid_gutter__spsm--31px_15.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 15.5px;
  }
  .grid--12.grid_gutter__spsm--32px_16px,
  .grid-cmn.grid_gutter__spsm--32px_16px {
    margin-left: -32px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__spsm--32px_16px > *,
  .grid-cmn.grid_gutter__spsm--32px_16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__spsm--33px_16.5px,
  .grid-cmn.grid_gutter__spsm--33px_16.5px {
    margin-left: -33px;
    margin-bottom: -16.5px;
  }
  .grid--12.grid_gutter__spsm--33px_16.5px > *,
  .grid-cmn.grid_gutter__spsm--33px_16.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 16.5px;
  }
  .grid--12.grid_gutter__spsm--34px_17px,
  .grid-cmn.grid_gutter__spsm--34px_17px {
    margin-left: -34px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__spsm--34px_17px > *,
  .grid-cmn.grid_gutter__spsm--34px_17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__spsm--35px_17.5px,
  .grid-cmn.grid_gutter__spsm--35px_17.5px {
    margin-left: -35px;
    margin-bottom: -17.5px;
  }
  .grid--12.grid_gutter__spsm--35px_17.5px > *,
  .grid-cmn.grid_gutter__spsm--35px_17.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 17.5px;
  }
  .grid--12.grid_gutter__spsm--36px_18px,
  .grid-cmn.grid_gutter__spsm--36px_18px {
    margin-left: -36px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__spsm--36px_18px > *,
  .grid-cmn.grid_gutter__spsm--36px_18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__spsm--37px_18.5px,
  .grid-cmn.grid_gutter__spsm--37px_18.5px {
    margin-left: -37px;
    margin-bottom: -18.5px;
  }
  .grid--12.grid_gutter__spsm--37px_18.5px > *,
  .grid-cmn.grid_gutter__spsm--37px_18.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 18.5px;
  }
  .grid--12.grid_gutter__spsm--38px_19px,
  .grid-cmn.grid_gutter__spsm--38px_19px {
    margin-left: -38px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__spsm--38px_19px > *,
  .grid-cmn.grid_gutter__spsm--38px_19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__spsm--39px_19.5px,
  .grid-cmn.grid_gutter__spsm--39px_19.5px {
    margin-left: -39px;
    margin-bottom: -19.5px;
  }
  .grid--12.grid_gutter__spsm--39px_19.5px > *,
  .grid-cmn.grid_gutter__spsm--39px_19.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 19.5px;
  }
  .grid--12.grid_gutter__spsm--40px_20px,
  .grid-cmn.grid_gutter__spsm--40px_20px {
    margin-left: -40px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__spsm--40px_20px > *,
  .grid-cmn.grid_gutter__spsm--40px_20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__spsm--41px_20.5px,
  .grid-cmn.grid_gutter__spsm--41px_20.5px {
    margin-left: -41px;
    margin-bottom: -20.5px;
  }
  .grid--12.grid_gutter__spsm--41px_20.5px > *,
  .grid-cmn.grid_gutter__spsm--41px_20.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 20.5px;
  }
  .grid--12.grid_gutter__spsm--42px_21px,
  .grid-cmn.grid_gutter__spsm--42px_21px {
    margin-left: -42px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__spsm--42px_21px > *,
  .grid-cmn.grid_gutter__spsm--42px_21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__spsm--43px_21.5px,
  .grid-cmn.grid_gutter__spsm--43px_21.5px {
    margin-left: -43px;
    margin-bottom: -21.5px;
  }
  .grid--12.grid_gutter__spsm--43px_21.5px > *,
  .grid-cmn.grid_gutter__spsm--43px_21.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 21.5px;
  }
  .grid--12.grid_gutter__spsm--44px_22px,
  .grid-cmn.grid_gutter__spsm--44px_22px {
    margin-left: -44px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__spsm--44px_22px > *,
  .grid-cmn.grid_gutter__spsm--44px_22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__spsm--45px_22.5px,
  .grid-cmn.grid_gutter__spsm--45px_22.5px {
    margin-left: -45px;
    margin-bottom: -22.5px;
  }
  .grid--12.grid_gutter__spsm--45px_22.5px > *,
  .grid-cmn.grid_gutter__spsm--45px_22.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 22.5px;
  }
  .grid--12.grid_gutter__spsm--46px_23px,
  .grid-cmn.grid_gutter__spsm--46px_23px {
    margin-left: -46px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__spsm--46px_23px > *,
  .grid-cmn.grid_gutter__spsm--46px_23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__spsm--47px_23.5px,
  .grid-cmn.grid_gutter__spsm--47px_23.5px {
    margin-left: -47px;
    margin-bottom: -23.5px;
  }
  .grid--12.grid_gutter__spsm--47px_23.5px > *,
  .grid-cmn.grid_gutter__spsm--47px_23.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 23.5px;
  }
  .grid--12.grid_gutter__spsm--48px_24px,
  .grid-cmn.grid_gutter__spsm--48px_24px {
    margin-left: -48px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__spsm--48px_24px > *,
  .grid-cmn.grid_gutter__spsm--48px_24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__spsm--49px_24.5px,
  .grid-cmn.grid_gutter__spsm--49px_24.5px {
    margin-left: -49px;
    margin-bottom: -24.5px;
  }
  .grid--12.grid_gutter__spsm--49px_24.5px > *,
  .grid-cmn.grid_gutter__spsm--49px_24.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 24.5px;
  }
  .grid--12.grid_gutter__spsm--50px_25px,
  .grid-cmn.grid_gutter__spsm--50px_25px {
    margin-left: -50px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__spsm--50px_25px > *,
  .grid-cmn.grid_gutter__spsm--50px_25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__spsm--51px_25.5px,
  .grid-cmn.grid_gutter__spsm--51px_25.5px {
    margin-left: -51px;
    margin-bottom: -25.5px;
  }
  .grid--12.grid_gutter__spsm--51px_25.5px > *,
  .grid-cmn.grid_gutter__spsm--51px_25.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 25.5px;
  }
  .grid--12.grid_gutter__spsm--52px_26px,
  .grid-cmn.grid_gutter__spsm--52px_26px {
    margin-left: -52px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__spsm--52px_26px > *,
  .grid-cmn.grid_gutter__spsm--52px_26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__spsm--53px_26.5px,
  .grid-cmn.grid_gutter__spsm--53px_26.5px {
    margin-left: -53px;
    margin-bottom: -26.5px;
  }
  .grid--12.grid_gutter__spsm--53px_26.5px > *,
  .grid-cmn.grid_gutter__spsm--53px_26.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 26.5px;
  }
  .grid--12.grid_gutter__spsm--54px_27px,
  .grid-cmn.grid_gutter__spsm--54px_27px {
    margin-left: -54px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__spsm--54px_27px > *,
  .grid-cmn.grid_gutter__spsm--54px_27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__spsm--55px_27.5px,
  .grid-cmn.grid_gutter__spsm--55px_27.5px {
    margin-left: -55px;
    margin-bottom: -27.5px;
  }
  .grid--12.grid_gutter__spsm--55px_27.5px > *,
  .grid-cmn.grid_gutter__spsm--55px_27.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 27.5px;
  }
  .grid--12.grid_gutter__spsm--56px_28px,
  .grid-cmn.grid_gutter__spsm--56px_28px {
    margin-left: -56px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__spsm--56px_28px > *,
  .grid-cmn.grid_gutter__spsm--56px_28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__spsm--57px_28.5px,
  .grid-cmn.grid_gutter__spsm--57px_28.5px {
    margin-left: -57px;
    margin-bottom: -28.5px;
  }
  .grid--12.grid_gutter__spsm--57px_28.5px > *,
  .grid-cmn.grid_gutter__spsm--57px_28.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 28.5px;
  }
  .grid--12.grid_gutter__spsm--58px_29px,
  .grid-cmn.grid_gutter__spsm--58px_29px {
    margin-left: -58px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__spsm--58px_29px > *,
  .grid-cmn.grid_gutter__spsm--58px_29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__spsm--59px_29.5px,
  .grid-cmn.grid_gutter__spsm--59px_29.5px {
    margin-left: -59px;
    margin-bottom: -29.5px;
  }
  .grid--12.grid_gutter__spsm--59px_29.5px > *,
  .grid-cmn.grid_gutter__spsm--59px_29.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 29.5px;
  }
  .grid--12.grid_gutter__spsm--60px_30px,
  .grid-cmn.grid_gutter__spsm--60px_30px {
    margin-left: -60px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__spsm--60px_30px > *,
  .grid-cmn.grid_gutter__spsm--60px_30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 30px;
  }
}

@media all and (max-width: 767px) {
  .grid--12.grid_gutter__sp--0,
  .grid-cmn.grid_gutter__sp--0 {
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .grid--12.grid_gutter__sp--0 > *,
  .grid-cmn.grid_gutter__sp--0 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0%;
    padding-bottom: 0%;
  }
  .grid--12.grid_gutter__sp--1,
  .grid-cmn.grid_gutter__sp--1 {
    margin-left: -1%;
    margin-bottom: -1%;
  }
  .grid--12.grid_gutter__sp--1 > *,
  .grid-cmn.grid_gutter__sp--1 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%;
  }
  .grid--12.grid_gutter__sp--2,
  .grid-cmn.grid_gutter__sp--2 {
    margin-left: -2%;
    margin-bottom: -2%;
  }
  .grid--12.grid_gutter__sp--2 > *,
  .grid-cmn.grid_gutter__sp--2 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%;
  }
  .grid--12.grid_gutter__sp--3,
  .grid-cmn.grid_gutter__sp--3 {
    margin-left: -3%;
    margin-bottom: -3%;
  }
  .grid--12.grid_gutter__sp--3 > *,
  .grid-cmn.grid_gutter__sp--3 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%;
  }
  .grid--12.grid_gutter__sp--4,
  .grid-cmn.grid_gutter__sp--4 {
    margin-left: -4%;
    margin-bottom: -4%;
  }
  .grid--12.grid_gutter__sp--4 > *,
  .grid-cmn.grid_gutter__sp--4 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%;
  }
  .grid--12.grid_gutter__sp--5,
  .grid-cmn.grid_gutter__sp--5 {
    margin-left: -5%;
    margin-bottom: -5%;
  }
  .grid--12.grid_gutter__sp--5 > *,
  .grid-cmn.grid_gutter__sp--5 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%;
  }
  .grid--12.grid_gutter__sp--6,
  .grid-cmn.grid_gutter__sp--6 {
    margin-left: -6%;
    margin-bottom: -6%;
  }
  .grid--12.grid_gutter__sp--6 > *,
  .grid-cmn.grid_gutter__sp--6 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%;
  }
  .grid--12.grid_gutter__sp--7,
  .grid-cmn.grid_gutter__sp--7 {
    margin-left: -7%;
    margin-bottom: -7%;
  }
  .grid--12.grid_gutter__sp--7 > *,
  .grid-cmn.grid_gutter__sp--7 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%;
  }
  .grid--12.grid_gutter__sp--8,
  .grid-cmn.grid_gutter__sp--8 {
    margin-left: -8%;
    margin-bottom: -8%;
  }
  .grid--12.grid_gutter__sp--8 > *,
  .grid-cmn.grid_gutter__sp--8 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%;
  }
  .grid--12.grid_gutter__sp--9,
  .grid-cmn.grid_gutter__sp--9 {
    margin-left: -9%;
    margin-bottom: -9%;
  }
  .grid--12.grid_gutter__sp--9 > *,
  .grid-cmn.grid_gutter__sp--9 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%;
  }
  .grid--12.grid_gutter__sp--10,
  .grid-cmn.grid_gutter__sp--10 {
    margin-left: -10%;
    margin-bottom: -10%;
  }
  .grid--12.grid_gutter__sp--10 > *,
  .grid-cmn.grid_gutter__sp--10 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%;
  }
  .grid--12.grid_gutter__sp--11,
  .grid-cmn.grid_gutter__sp--11 {
    margin-left: -11%;
    margin-bottom: -11%;
  }
  .grid--12.grid_gutter__sp--11 > *,
  .grid-cmn.grid_gutter__sp--11 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%;
  }
  .grid--12.grid_gutter__sp--12,
  .grid-cmn.grid_gutter__sp--12 {
    margin-left: -12%;
    margin-bottom: -12%;
  }
  .grid--12.grid_gutter__sp--12 > *,
  .grid-cmn.grid_gutter__sp--12 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%;
  }
  .grid--12.grid_gutter__sp--13,
  .grid-cmn.grid_gutter__sp--13 {
    margin-left: -13%;
    margin-bottom: -13%;
  }
  .grid--12.grid_gutter__sp--13 > *,
  .grid-cmn.grid_gutter__sp--13 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%;
  }
  .grid--12.grid_gutter__sp--14,
  .grid-cmn.grid_gutter__sp--14 {
    margin-left: -14%;
    margin-bottom: -14%;
  }
  .grid--12.grid_gutter__sp--14 > *,
  .grid-cmn.grid_gutter__sp--14 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%;
  }
  .grid--12.grid_gutter__sp--15,
  .grid-cmn.grid_gutter__sp--15 {
    margin-left: -15%;
    margin-bottom: -15%;
  }
  .grid--12.grid_gutter__sp--15 > *,
  .grid-cmn.grid_gutter__sp--15 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%;
  }
  .grid--12.grid_gutter__sp--16,
  .grid-cmn.grid_gutter__sp--16 {
    margin-left: -16%;
    margin-bottom: -16%;
  }
  .grid--12.grid_gutter__sp--16 > *,
  .grid-cmn.grid_gutter__sp--16 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%;
  }
  .grid--12.grid_gutter__sp--17,
  .grid-cmn.grid_gutter__sp--17 {
    margin-left: -17%;
    margin-bottom: -17%;
  }
  .grid--12.grid_gutter__sp--17 > *,
  .grid-cmn.grid_gutter__sp--17 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%;
  }
  .grid--12.grid_gutter__sp--18,
  .grid-cmn.grid_gutter__sp--18 {
    margin-left: -18%;
    margin-bottom: -18%;
  }
  .grid--12.grid_gutter__sp--18 > *,
  .grid-cmn.grid_gutter__sp--18 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%;
  }
  .grid--12.grid_gutter__sp--19,
  .grid-cmn.grid_gutter__sp--19 {
    margin-left: -19%;
    margin-bottom: -19%;
  }
  .grid--12.grid_gutter__sp--19 > *,
  .grid-cmn.grid_gutter__sp--19 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%;
  }
  .grid--12.grid_gutter__sp--20,
  .grid-cmn.grid_gutter__sp--20 {
    margin-left: -20%;
    margin-bottom: -20%;
  }
  .grid--12.grid_gutter__sp--20 > *,
  .grid-cmn.grid_gutter__sp--20 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%;
  }
  .grid--12.grid_gutter__sp--0px,
  .grid-cmn.grid_gutter__sp--0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__sp--0px > *,
  .grid-cmn.grid_gutter__sp--0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__sp--1px,
  .grid-cmn.grid_gutter__sp--1px {
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__sp--1px > *,
  .grid-cmn.grid_gutter__sp--1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__sp--2px,
  .grid-cmn.grid_gutter__sp--2px {
    margin-left: -2px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__sp--2px > *,
  .grid-cmn.grid_gutter__sp--2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__sp--3px,
  .grid-cmn.grid_gutter__sp--3px {
    margin-left: -3px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__sp--3px > *,
  .grid-cmn.grid_gutter__sp--3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__sp--4px,
  .grid-cmn.grid_gutter__sp--4px {
    margin-left: -4px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__sp--4px > *,
  .grid-cmn.grid_gutter__sp--4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__sp--5px,
  .grid-cmn.grid_gutter__sp--5px {
    margin-left: -5px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__sp--5px > *,
  .grid-cmn.grid_gutter__sp--5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__sp--6px,
  .grid-cmn.grid_gutter__sp--6px {
    margin-left: -6px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__sp--6px > *,
  .grid-cmn.grid_gutter__sp--6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__sp--7px,
  .grid-cmn.grid_gutter__sp--7px {
    margin-left: -7px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__sp--7px > *,
  .grid-cmn.grid_gutter__sp--7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__sp--8px,
  .grid-cmn.grid_gutter__sp--8px {
    margin-left: -8px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__sp--8px > *,
  .grid-cmn.grid_gutter__sp--8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__sp--9px,
  .grid-cmn.grid_gutter__sp--9px {
    margin-left: -9px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__sp--9px > *,
  .grid-cmn.grid_gutter__sp--9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__sp--10px,
  .grid-cmn.grid_gutter__sp--10px {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__sp--10px > *,
  .grid-cmn.grid_gutter__sp--10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__sp--11px,
  .grid-cmn.grid_gutter__sp--11px {
    margin-left: -11px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__sp--11px > *,
  .grid-cmn.grid_gutter__sp--11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__sp--12px,
  .grid-cmn.grid_gutter__sp--12px {
    margin-left: -12px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__sp--12px > *,
  .grid-cmn.grid_gutter__sp--12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__sp--13px,
  .grid-cmn.grid_gutter__sp--13px {
    margin-left: -13px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__sp--13px > *,
  .grid-cmn.grid_gutter__sp--13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__sp--14px,
  .grid-cmn.grid_gutter__sp--14px {
    margin-left: -14px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__sp--14px > *,
  .grid-cmn.grid_gutter__sp--14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__sp--15px,
  .grid-cmn.grid_gutter__sp--15px {
    margin-left: -15px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__sp--15px > *,
  .grid-cmn.grid_gutter__sp--15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__sp--16px,
  .grid-cmn.grid_gutter__sp--16px {
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__sp--16px > *,
  .grid-cmn.grid_gutter__sp--16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__sp--17px,
  .grid-cmn.grid_gutter__sp--17px {
    margin-left: -17px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__sp--17px > *,
  .grid-cmn.grid_gutter__sp--17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__sp--18px,
  .grid-cmn.grid_gutter__sp--18px {
    margin-left: -18px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__sp--18px > *,
  .grid-cmn.grid_gutter__sp--18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__sp--19px,
  .grid-cmn.grid_gutter__sp--19px {
    margin-left: -19px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__sp--19px > *,
  .grid-cmn.grid_gutter__sp--19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__sp--20px,
  .grid-cmn.grid_gutter__sp--20px {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__sp--20px > *,
  .grid-cmn.grid_gutter__sp--20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__sp--21px,
  .grid-cmn.grid_gutter__sp--21px {
    margin-left: -21px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__sp--21px > *,
  .grid-cmn.grid_gutter__sp--21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__sp--22px,
  .grid-cmn.grid_gutter__sp--22px {
    margin-left: -22px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__sp--22px > *,
  .grid-cmn.grid_gutter__sp--22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__sp--23px,
  .grid-cmn.grid_gutter__sp--23px {
    margin-left: -23px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__sp--23px > *,
  .grid-cmn.grid_gutter__sp--23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__sp--24px,
  .grid-cmn.grid_gutter__sp--24px {
    margin-left: -24px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__sp--24px > *,
  .grid-cmn.grid_gutter__sp--24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__sp--25px,
  .grid-cmn.grid_gutter__sp--25px {
    margin-left: -25px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__sp--25px > *,
  .grid-cmn.grid_gutter__sp--25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__sp--26px,
  .grid-cmn.grid_gutter__sp--26px {
    margin-left: -26px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__sp--26px > *,
  .grid-cmn.grid_gutter__sp--26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__sp--27px,
  .grid-cmn.grid_gutter__sp--27px {
    margin-left: -27px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__sp--27px > *,
  .grid-cmn.grid_gutter__sp--27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__sp--28px,
  .grid-cmn.grid_gutter__sp--28px {
    margin-left: -28px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__sp--28px > *,
  .grid-cmn.grid_gutter__sp--28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__sp--29px,
  .grid-cmn.grid_gutter__sp--29px {
    margin-left: -29px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__sp--29px > *,
  .grid-cmn.grid_gutter__sp--29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__sp--30px,
  .grid-cmn.grid_gutter__sp--30px {
    margin-left: -30px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__sp--30px > *,
  .grid-cmn.grid_gutter__sp--30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .grid--12.grid_gutter__sp--31px,
  .grid-cmn.grid_gutter__sp--31px {
    margin-left: -31px;
    margin-bottom: -31px;
  }
  .grid--12.grid_gutter__sp--31px > *,
  .grid-cmn.grid_gutter__sp--31px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px;
  }
  .grid--12.grid_gutter__sp--32px,
  .grid-cmn.grid_gutter__sp--32px {
    margin-left: -32px;
    margin-bottom: -32px;
  }
  .grid--12.grid_gutter__sp--32px > *,
  .grid-cmn.grid_gutter__sp--32px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .grid--12.grid_gutter__sp--33px,
  .grid-cmn.grid_gutter__sp--33px {
    margin-left: -33px;
    margin-bottom: -33px;
  }
  .grid--12.grid_gutter__sp--33px > *,
  .grid-cmn.grid_gutter__sp--33px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px;
  }
  .grid--12.grid_gutter__sp--34px,
  .grid-cmn.grid_gutter__sp--34px {
    margin-left: -34px;
    margin-bottom: -34px;
  }
  .grid--12.grid_gutter__sp--34px > *,
  .grid-cmn.grid_gutter__sp--34px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px;
  }
  .grid--12.grid_gutter__sp--35px,
  .grid-cmn.grid_gutter__sp--35px {
    margin-left: -35px;
    margin-bottom: -35px;
  }
  .grid--12.grid_gutter__sp--35px > *,
  .grid-cmn.grid_gutter__sp--35px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px;
  }
  .grid--12.grid_gutter__sp--36px,
  .grid-cmn.grid_gutter__sp--36px {
    margin-left: -36px;
    margin-bottom: -36px;
  }
  .grid--12.grid_gutter__sp--36px > *,
  .grid-cmn.grid_gutter__sp--36px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px;
  }
  .grid--12.grid_gutter__sp--37px,
  .grid-cmn.grid_gutter__sp--37px {
    margin-left: -37px;
    margin-bottom: -37px;
  }
  .grid--12.grid_gutter__sp--37px > *,
  .grid-cmn.grid_gutter__sp--37px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px;
  }
  .grid--12.grid_gutter__sp--38px,
  .grid-cmn.grid_gutter__sp--38px {
    margin-left: -38px;
    margin-bottom: -38px;
  }
  .grid--12.grid_gutter__sp--38px > *,
  .grid-cmn.grid_gutter__sp--38px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px;
  }
  .grid--12.grid_gutter__sp--39px,
  .grid-cmn.grid_gutter__sp--39px {
    margin-left: -39px;
    margin-bottom: -39px;
  }
  .grid--12.grid_gutter__sp--39px > *,
  .grid-cmn.grid_gutter__sp--39px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px;
  }
  .grid--12.grid_gutter__sp--40px,
  .grid-cmn.grid_gutter__sp--40px {
    margin-left: -40px;
    margin-bottom: -40px;
  }
  .grid--12.grid_gutter__sp--40px > *,
  .grid-cmn.grid_gutter__sp--40px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .grid--12.grid_gutter__sp--41px,
  .grid-cmn.grid_gutter__sp--41px {
    margin-left: -41px;
    margin-bottom: -41px;
  }
  .grid--12.grid_gutter__sp--41px > *,
  .grid-cmn.grid_gutter__sp--41px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px;
  }
  .grid--12.grid_gutter__sp--42px,
  .grid-cmn.grid_gutter__sp--42px {
    margin-left: -42px;
    margin-bottom: -42px;
  }
  .grid--12.grid_gutter__sp--42px > *,
  .grid-cmn.grid_gutter__sp--42px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px;
  }
  .grid--12.grid_gutter__sp--43px,
  .grid-cmn.grid_gutter__sp--43px {
    margin-left: -43px;
    margin-bottom: -43px;
  }
  .grid--12.grid_gutter__sp--43px > *,
  .grid-cmn.grid_gutter__sp--43px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px;
  }
  .grid--12.grid_gutter__sp--44px,
  .grid-cmn.grid_gutter__sp--44px {
    margin-left: -44px;
    margin-bottom: -44px;
  }
  .grid--12.grid_gutter__sp--44px > *,
  .grid-cmn.grid_gutter__sp--44px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px;
  }
  .grid--12.grid_gutter__sp--45px,
  .grid-cmn.grid_gutter__sp--45px {
    margin-left: -45px;
    margin-bottom: -45px;
  }
  .grid--12.grid_gutter__sp--45px > *,
  .grid-cmn.grid_gutter__sp--45px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px;
  }
  .grid--12.grid_gutter__sp--46px,
  .grid-cmn.grid_gutter__sp--46px {
    margin-left: -46px;
    margin-bottom: -46px;
  }
  .grid--12.grid_gutter__sp--46px > *,
  .grid-cmn.grid_gutter__sp--46px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px;
  }
  .grid--12.grid_gutter__sp--47px,
  .grid-cmn.grid_gutter__sp--47px {
    margin-left: -47px;
    margin-bottom: -47px;
  }
  .grid--12.grid_gutter__sp--47px > *,
  .grid-cmn.grid_gutter__sp--47px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px;
  }
  .grid--12.grid_gutter__sp--48px,
  .grid-cmn.grid_gutter__sp--48px {
    margin-left: -48px;
    margin-bottom: -48px;
  }
  .grid--12.grid_gutter__sp--48px > *,
  .grid-cmn.grid_gutter__sp--48px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px;
  }
  .grid--12.grid_gutter__sp--49px,
  .grid-cmn.grid_gutter__sp--49px {
    margin-left: -49px;
    margin-bottom: -49px;
  }
  .grid--12.grid_gutter__sp--49px > *,
  .grid-cmn.grid_gutter__sp--49px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px;
  }
  .grid--12.grid_gutter__sp--50px,
  .grid-cmn.grid_gutter__sp--50px {
    margin-left: -50px;
    margin-bottom: -50px;
  }
  .grid--12.grid_gutter__sp--50px > *,
  .grid-cmn.grid_gutter__sp--50px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .grid--12.grid_gutter__sp--51px,
  .grid-cmn.grid_gutter__sp--51px {
    margin-left: -51px;
    margin-bottom: -51px;
  }
  .grid--12.grid_gutter__sp--51px > *,
  .grid-cmn.grid_gutter__sp--51px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px;
  }
  .grid--12.grid_gutter__sp--52px,
  .grid-cmn.grid_gutter__sp--52px {
    margin-left: -52px;
    margin-bottom: -52px;
  }
  .grid--12.grid_gutter__sp--52px > *,
  .grid-cmn.grid_gutter__sp--52px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px;
  }
  .grid--12.grid_gutter__sp--53px,
  .grid-cmn.grid_gutter__sp--53px {
    margin-left: -53px;
    margin-bottom: -53px;
  }
  .grid--12.grid_gutter__sp--53px > *,
  .grid-cmn.grid_gutter__sp--53px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px;
  }
  .grid--12.grid_gutter__sp--54px,
  .grid-cmn.grid_gutter__sp--54px {
    margin-left: -54px;
    margin-bottom: -54px;
  }
  .grid--12.grid_gutter__sp--54px > *,
  .grid-cmn.grid_gutter__sp--54px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px;
  }
  .grid--12.grid_gutter__sp--55px,
  .grid-cmn.grid_gutter__sp--55px {
    margin-left: -55px;
    margin-bottom: -55px;
  }
  .grid--12.grid_gutter__sp--55px > *,
  .grid-cmn.grid_gutter__sp--55px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px;
  }
  .grid--12.grid_gutter__sp--56px,
  .grid-cmn.grid_gutter__sp--56px {
    margin-left: -56px;
    margin-bottom: -56px;
  }
  .grid--12.grid_gutter__sp--56px > *,
  .grid-cmn.grid_gutter__sp--56px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px;
  }
  .grid--12.grid_gutter__sp--57px,
  .grid-cmn.grid_gutter__sp--57px {
    margin-left: -57px;
    margin-bottom: -57px;
  }
  .grid--12.grid_gutter__sp--57px > *,
  .grid-cmn.grid_gutter__sp--57px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px;
  }
  .grid--12.grid_gutter__sp--58px,
  .grid-cmn.grid_gutter__sp--58px {
    margin-left: -58px;
    margin-bottom: -58px;
  }
  .grid--12.grid_gutter__sp--58px > *,
  .grid-cmn.grid_gutter__sp--58px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px;
  }
  .grid--12.grid_gutter__sp--59px,
  .grid-cmn.grid_gutter__sp--59px {
    margin-left: -59px;
    margin-bottom: -59px;
  }
  .grid--12.grid_gutter__sp--59px > *,
  .grid-cmn.grid_gutter__sp--59px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px;
  }
  .grid--12.grid_gutter__sp--60px,
  .grid-cmn.grid_gutter__sp--60px {
    margin-left: -60px;
    margin-bottom: -60px;
  }
  .grid--12.grid_gutter__sp--60px > *,
  .grid-cmn.grid_gutter__sp--60px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px;
  }
  .grid--12.grid_gutter__sp--0px_0px,
  .grid-cmn.grid_gutter__sp--0px_0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__sp--0px_0px > *,
  .grid-cmn.grid_gutter__sp--0px_0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__sp--1px_0.5px,
  .grid-cmn.grid_gutter__sp--1px_0.5px {
    margin-left: -1px;
    margin-bottom: -0.5px;
  }
  .grid--12.grid_gutter__sp--1px_0.5px > *,
  .grid-cmn.grid_gutter__sp--1px_0.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 0.5px;
  }
  .grid--12.grid_gutter__sp--2px_1px,
  .grid-cmn.grid_gutter__sp--2px_1px {
    margin-left: -2px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__sp--2px_1px > *,
  .grid-cmn.grid_gutter__sp--2px_1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__sp--3px_1.5px,
  .grid-cmn.grid_gutter__sp--3px_1.5px {
    margin-left: -3px;
    margin-bottom: -1.5px;
  }
  .grid--12.grid_gutter__sp--3px_1.5px > *,
  .grid-cmn.grid_gutter__sp--3px_1.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 1.5px;
  }
  .grid--12.grid_gutter__sp--4px_2px,
  .grid-cmn.grid_gutter__sp--4px_2px {
    margin-left: -4px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__sp--4px_2px > *,
  .grid-cmn.grid_gutter__sp--4px_2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__sp--5px_2.5px,
  .grid-cmn.grid_gutter__sp--5px_2.5px {
    margin-left: -5px;
    margin-bottom: -2.5px;
  }
  .grid--12.grid_gutter__sp--5px_2.5px > *,
  .grid-cmn.grid_gutter__sp--5px_2.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 2.5px;
  }
  .grid--12.grid_gutter__sp--6px_3px,
  .grid-cmn.grid_gutter__sp--6px_3px {
    margin-left: -6px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__sp--6px_3px > *,
  .grid-cmn.grid_gutter__sp--6px_3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__sp--7px_3.5px,
  .grid-cmn.grid_gutter__sp--7px_3.5px {
    margin-left: -7px;
    margin-bottom: -3.5px;
  }
  .grid--12.grid_gutter__sp--7px_3.5px > *,
  .grid-cmn.grid_gutter__sp--7px_3.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 3.5px;
  }
  .grid--12.grid_gutter__sp--8px_4px,
  .grid-cmn.grid_gutter__sp--8px_4px {
    margin-left: -8px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__sp--8px_4px > *,
  .grid-cmn.grid_gutter__sp--8px_4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__sp--9px_4.5px,
  .grid-cmn.grid_gutter__sp--9px_4.5px {
    margin-left: -9px;
    margin-bottom: -4.5px;
  }
  .grid--12.grid_gutter__sp--9px_4.5px > *,
  .grid-cmn.grid_gutter__sp--9px_4.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 4.5px;
  }
  .grid--12.grid_gutter__sp--10px_5px,
  .grid-cmn.grid_gutter__sp--10px_5px {
    margin-left: -10px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__sp--10px_5px > *,
  .grid-cmn.grid_gutter__sp--10px_5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__sp--11px_5.5px,
  .grid-cmn.grid_gutter__sp--11px_5.5px {
    margin-left: -11px;
    margin-bottom: -5.5px;
  }
  .grid--12.grid_gutter__sp--11px_5.5px > *,
  .grid-cmn.grid_gutter__sp--11px_5.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 5.5px;
  }
  .grid--12.grid_gutter__sp--12px_6px,
  .grid-cmn.grid_gutter__sp--12px_6px {
    margin-left: -12px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__sp--12px_6px > *,
  .grid-cmn.grid_gutter__sp--12px_6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__sp--13px_6.5px,
  .grid-cmn.grid_gutter__sp--13px_6.5px {
    margin-left: -13px;
    margin-bottom: -6.5px;
  }
  .grid--12.grid_gutter__sp--13px_6.5px > *,
  .grid-cmn.grid_gutter__sp--13px_6.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 6.5px;
  }
  .grid--12.grid_gutter__sp--14px_7px,
  .grid-cmn.grid_gutter__sp--14px_7px {
    margin-left: -14px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__sp--14px_7px > *,
  .grid-cmn.grid_gutter__sp--14px_7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__sp--15px_7.5px,
  .grid-cmn.grid_gutter__sp--15px_7.5px {
    margin-left: -15px;
    margin-bottom: -7.5px;
  }
  .grid--12.grid_gutter__sp--15px_7.5px > *,
  .grid-cmn.grid_gutter__sp--15px_7.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 7.5px;
  }
  .grid--12.grid_gutter__sp--16px_8px,
  .grid-cmn.grid_gutter__sp--16px_8px {
    margin-left: -16px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__sp--16px_8px > *,
  .grid-cmn.grid_gutter__sp--16px_8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__sp--17px_8.5px,
  .grid-cmn.grid_gutter__sp--17px_8.5px {
    margin-left: -17px;
    margin-bottom: -8.5px;
  }
  .grid--12.grid_gutter__sp--17px_8.5px > *,
  .grid-cmn.grid_gutter__sp--17px_8.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 8.5px;
  }
  .grid--12.grid_gutter__sp--18px_9px,
  .grid-cmn.grid_gutter__sp--18px_9px {
    margin-left: -18px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__sp--18px_9px > *,
  .grid-cmn.grid_gutter__sp--18px_9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__sp--19px_9.5px,
  .grid-cmn.grid_gutter__sp--19px_9.5px {
    margin-left: -19px;
    margin-bottom: -9.5px;
  }
  .grid--12.grid_gutter__sp--19px_9.5px > *,
  .grid-cmn.grid_gutter__sp--19px_9.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 9.5px;
  }
  .grid--12.grid_gutter__sp--20px_10px,
  .grid-cmn.grid_gutter__sp--20px_10px {
    margin-left: -20px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__sp--20px_10px > *,
  .grid-cmn.grid_gutter__sp--20px_10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__sp--21px_10.5px,
  .grid-cmn.grid_gutter__sp--21px_10.5px {
    margin-left: -21px;
    margin-bottom: -10.5px;
  }
  .grid--12.grid_gutter__sp--21px_10.5px > *,
  .grid-cmn.grid_gutter__sp--21px_10.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 10.5px;
  }
  .grid--12.grid_gutter__sp--22px_11px,
  .grid-cmn.grid_gutter__sp--22px_11px {
    margin-left: -22px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__sp--22px_11px > *,
  .grid-cmn.grid_gutter__sp--22px_11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__sp--23px_11.5px,
  .grid-cmn.grid_gutter__sp--23px_11.5px {
    margin-left: -23px;
    margin-bottom: -11.5px;
  }
  .grid--12.grid_gutter__sp--23px_11.5px > *,
  .grid-cmn.grid_gutter__sp--23px_11.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 11.5px;
  }
  .grid--12.grid_gutter__sp--24px_12px,
  .grid-cmn.grid_gutter__sp--24px_12px {
    margin-left: -24px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__sp--24px_12px > *,
  .grid-cmn.grid_gutter__sp--24px_12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__sp--25px_12.5px,
  .grid-cmn.grid_gutter__sp--25px_12.5px {
    margin-left: -25px;
    margin-bottom: -12.5px;
  }
  .grid--12.grid_gutter__sp--25px_12.5px > *,
  .grid-cmn.grid_gutter__sp--25px_12.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 12.5px;
  }
  .grid--12.grid_gutter__sp--26px_13px,
  .grid-cmn.grid_gutter__sp--26px_13px {
    margin-left: -26px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__sp--26px_13px > *,
  .grid-cmn.grid_gutter__sp--26px_13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__sp--27px_13.5px,
  .grid-cmn.grid_gutter__sp--27px_13.5px {
    margin-left: -27px;
    margin-bottom: -13.5px;
  }
  .grid--12.grid_gutter__sp--27px_13.5px > *,
  .grid-cmn.grid_gutter__sp--27px_13.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 13.5px;
  }
  .grid--12.grid_gutter__sp--28px_14px,
  .grid-cmn.grid_gutter__sp--28px_14px {
    margin-left: -28px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__sp--28px_14px > *,
  .grid-cmn.grid_gutter__sp--28px_14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__sp--29px_14.5px,
  .grid-cmn.grid_gutter__sp--29px_14.5px {
    margin-left: -29px;
    margin-bottom: -14.5px;
  }
  .grid--12.grid_gutter__sp--29px_14.5px > *,
  .grid-cmn.grid_gutter__sp--29px_14.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 14.5px;
  }
  .grid--12.grid_gutter__sp--30px_15px,
  .grid-cmn.grid_gutter__sp--30px_15px {
    margin-left: -30px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__sp--30px_15px > *,
  .grid-cmn.grid_gutter__sp--30px_15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__sp--31px_15.5px,
  .grid-cmn.grid_gutter__sp--31px_15.5px {
    margin-left: -31px;
    margin-bottom: -15.5px;
  }
  .grid--12.grid_gutter__sp--31px_15.5px > *,
  .grid-cmn.grid_gutter__sp--31px_15.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 15.5px;
  }
  .grid--12.grid_gutter__sp--32px_16px,
  .grid-cmn.grid_gutter__sp--32px_16px {
    margin-left: -32px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__sp--32px_16px > *,
  .grid-cmn.grid_gutter__sp--32px_16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__sp--33px_16.5px,
  .grid-cmn.grid_gutter__sp--33px_16.5px {
    margin-left: -33px;
    margin-bottom: -16.5px;
  }
  .grid--12.grid_gutter__sp--33px_16.5px > *,
  .grid-cmn.grid_gutter__sp--33px_16.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 16.5px;
  }
  .grid--12.grid_gutter__sp--34px_17px,
  .grid-cmn.grid_gutter__sp--34px_17px {
    margin-left: -34px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__sp--34px_17px > *,
  .grid-cmn.grid_gutter__sp--34px_17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__sp--35px_17.5px,
  .grid-cmn.grid_gutter__sp--35px_17.5px {
    margin-left: -35px;
    margin-bottom: -17.5px;
  }
  .grid--12.grid_gutter__sp--35px_17.5px > *,
  .grid-cmn.grid_gutter__sp--35px_17.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 17.5px;
  }
  .grid--12.grid_gutter__sp--36px_18px,
  .grid-cmn.grid_gutter__sp--36px_18px {
    margin-left: -36px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__sp--36px_18px > *,
  .grid-cmn.grid_gutter__sp--36px_18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__sp--37px_18.5px,
  .grid-cmn.grid_gutter__sp--37px_18.5px {
    margin-left: -37px;
    margin-bottom: -18.5px;
  }
  .grid--12.grid_gutter__sp--37px_18.5px > *,
  .grid-cmn.grid_gutter__sp--37px_18.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 18.5px;
  }
  .grid--12.grid_gutter__sp--38px_19px,
  .grid-cmn.grid_gutter__sp--38px_19px {
    margin-left: -38px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__sp--38px_19px > *,
  .grid-cmn.grid_gutter__sp--38px_19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__sp--39px_19.5px,
  .grid-cmn.grid_gutter__sp--39px_19.5px {
    margin-left: -39px;
    margin-bottom: -19.5px;
  }
  .grid--12.grid_gutter__sp--39px_19.5px > *,
  .grid-cmn.grid_gutter__sp--39px_19.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 19.5px;
  }
  .grid--12.grid_gutter__sp--40px_20px,
  .grid-cmn.grid_gutter__sp--40px_20px {
    margin-left: -40px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__sp--40px_20px > *,
  .grid-cmn.grid_gutter__sp--40px_20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__sp--41px_20.5px,
  .grid-cmn.grid_gutter__sp--41px_20.5px {
    margin-left: -41px;
    margin-bottom: -20.5px;
  }
  .grid--12.grid_gutter__sp--41px_20.5px > *,
  .grid-cmn.grid_gutter__sp--41px_20.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 20.5px;
  }
  .grid--12.grid_gutter__sp--42px_21px,
  .grid-cmn.grid_gutter__sp--42px_21px {
    margin-left: -42px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__sp--42px_21px > *,
  .grid-cmn.grid_gutter__sp--42px_21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__sp--43px_21.5px,
  .grid-cmn.grid_gutter__sp--43px_21.5px {
    margin-left: -43px;
    margin-bottom: -21.5px;
  }
  .grid--12.grid_gutter__sp--43px_21.5px > *,
  .grid-cmn.grid_gutter__sp--43px_21.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 21.5px;
  }
  .grid--12.grid_gutter__sp--44px_22px,
  .grid-cmn.grid_gutter__sp--44px_22px {
    margin-left: -44px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__sp--44px_22px > *,
  .grid-cmn.grid_gutter__sp--44px_22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__sp--45px_22.5px,
  .grid-cmn.grid_gutter__sp--45px_22.5px {
    margin-left: -45px;
    margin-bottom: -22.5px;
  }
  .grid--12.grid_gutter__sp--45px_22.5px > *,
  .grid-cmn.grid_gutter__sp--45px_22.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 22.5px;
  }
  .grid--12.grid_gutter__sp--46px_23px,
  .grid-cmn.grid_gutter__sp--46px_23px {
    margin-left: -46px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__sp--46px_23px > *,
  .grid-cmn.grid_gutter__sp--46px_23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__sp--47px_23.5px,
  .grid-cmn.grid_gutter__sp--47px_23.5px {
    margin-left: -47px;
    margin-bottom: -23.5px;
  }
  .grid--12.grid_gutter__sp--47px_23.5px > *,
  .grid-cmn.grid_gutter__sp--47px_23.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 23.5px;
  }
  .grid--12.grid_gutter__sp--48px_24px,
  .grid-cmn.grid_gutter__sp--48px_24px {
    margin-left: -48px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__sp--48px_24px > *,
  .grid-cmn.grid_gutter__sp--48px_24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__sp--49px_24.5px,
  .grid-cmn.grid_gutter__sp--49px_24.5px {
    margin-left: -49px;
    margin-bottom: -24.5px;
  }
  .grid--12.grid_gutter__sp--49px_24.5px > *,
  .grid-cmn.grid_gutter__sp--49px_24.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 24.5px;
  }
  .grid--12.grid_gutter__sp--50px_25px,
  .grid-cmn.grid_gutter__sp--50px_25px {
    margin-left: -50px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__sp--50px_25px > *,
  .grid-cmn.grid_gutter__sp--50px_25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__sp--51px_25.5px,
  .grid-cmn.grid_gutter__sp--51px_25.5px {
    margin-left: -51px;
    margin-bottom: -25.5px;
  }
  .grid--12.grid_gutter__sp--51px_25.5px > *,
  .grid-cmn.grid_gutter__sp--51px_25.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 25.5px;
  }
  .grid--12.grid_gutter__sp--52px_26px,
  .grid-cmn.grid_gutter__sp--52px_26px {
    margin-left: -52px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__sp--52px_26px > *,
  .grid-cmn.grid_gutter__sp--52px_26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__sp--53px_26.5px,
  .grid-cmn.grid_gutter__sp--53px_26.5px {
    margin-left: -53px;
    margin-bottom: -26.5px;
  }
  .grid--12.grid_gutter__sp--53px_26.5px > *,
  .grid-cmn.grid_gutter__sp--53px_26.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 26.5px;
  }
  .grid--12.grid_gutter__sp--54px_27px,
  .grid-cmn.grid_gutter__sp--54px_27px {
    margin-left: -54px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__sp--54px_27px > *,
  .grid-cmn.grid_gutter__sp--54px_27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__sp--55px_27.5px,
  .grid-cmn.grid_gutter__sp--55px_27.5px {
    margin-left: -55px;
    margin-bottom: -27.5px;
  }
  .grid--12.grid_gutter__sp--55px_27.5px > *,
  .grid-cmn.grid_gutter__sp--55px_27.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 27.5px;
  }
  .grid--12.grid_gutter__sp--56px_28px,
  .grid-cmn.grid_gutter__sp--56px_28px {
    margin-left: -56px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__sp--56px_28px > *,
  .grid-cmn.grid_gutter__sp--56px_28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__sp--57px_28.5px,
  .grid-cmn.grid_gutter__sp--57px_28.5px {
    margin-left: -57px;
    margin-bottom: -28.5px;
  }
  .grid--12.grid_gutter__sp--57px_28.5px > *,
  .grid-cmn.grid_gutter__sp--57px_28.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 28.5px;
  }
  .grid--12.grid_gutter__sp--58px_29px,
  .grid-cmn.grid_gutter__sp--58px_29px {
    margin-left: -58px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__sp--58px_29px > *,
  .grid-cmn.grid_gutter__sp--58px_29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__sp--59px_29.5px,
  .grid-cmn.grid_gutter__sp--59px_29.5px {
    margin-left: -59px;
    margin-bottom: -29.5px;
  }
  .grid--12.grid_gutter__sp--59px_29.5px > *,
  .grid-cmn.grid_gutter__sp--59px_29.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 29.5px;
  }
  .grid--12.grid_gutter__sp--60px_30px,
  .grid-cmn.grid_gutter__sp--60px_30px {
    margin-left: -60px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__sp--60px_30px > *,
  .grid-cmn.grid_gutter__sp--60px_30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 30px;
  }
}

@media all and (min-width: 768px) {
  .grid--12.grid_gutter__pc--0,
  .grid-cmn.grid_gutter__pc--0 {
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .grid--12.grid_gutter__pc--0 > *,
  .grid-cmn.grid_gutter__pc--0 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0%;
    padding-bottom: 0%;
  }
  .grid--12.grid_gutter__pc--1,
  .grid-cmn.grid_gutter__pc--1 {
    margin-left: -1%;
    margin-bottom: -1%;
  }
  .grid--12.grid_gutter__pc--1 > *,
  .grid-cmn.grid_gutter__pc--1 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%;
  }
  .grid--12.grid_gutter__pc--2,
  .grid-cmn.grid_gutter__pc--2 {
    margin-left: -2%;
    margin-bottom: -2%;
  }
  .grid--12.grid_gutter__pc--2 > *,
  .grid-cmn.grid_gutter__pc--2 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%;
  }
  .grid--12.grid_gutter__pc--3,
  .grid-cmn.grid_gutter__pc--3 {
    margin-left: -3%;
    margin-bottom: -3%;
  }
  .grid--12.grid_gutter__pc--3 > *,
  .grid-cmn.grid_gutter__pc--3 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%;
  }
  .grid--12.grid_gutter__pc--4,
  .grid-cmn.grid_gutter__pc--4 {
    margin-left: -4%;
    margin-bottom: -4%;
  }
  .grid--12.grid_gutter__pc--4 > *,
  .grid-cmn.grid_gutter__pc--4 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%;
  }
  .grid--12.grid_gutter__pc--5,
  .grid-cmn.grid_gutter__pc--5 {
    margin-left: -5%;
    margin-bottom: -5%;
  }
  .grid--12.grid_gutter__pc--5 > *,
  .grid-cmn.grid_gutter__pc--5 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%;
  }
  .grid--12.grid_gutter__pc--6,
  .grid-cmn.grid_gutter__pc--6 {
    margin-left: -6%;
    margin-bottom: -6%;
  }
  .grid--12.grid_gutter__pc--6 > *,
  .grid-cmn.grid_gutter__pc--6 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%;
  }
  .grid--12.grid_gutter__pc--7,
  .grid-cmn.grid_gutter__pc--7 {
    margin-left: -7%;
    margin-bottom: -7%;
  }
  .grid--12.grid_gutter__pc--7 > *,
  .grid-cmn.grid_gutter__pc--7 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%;
  }
  .grid--12.grid_gutter__pc--8,
  .grid-cmn.grid_gutter__pc--8 {
    margin-left: -8%;
    margin-bottom: -8%;
  }
  .grid--12.grid_gutter__pc--8 > *,
  .grid-cmn.grid_gutter__pc--8 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%;
  }
  .grid--12.grid_gutter__pc--9,
  .grid-cmn.grid_gutter__pc--9 {
    margin-left: -9%;
    margin-bottom: -9%;
  }
  .grid--12.grid_gutter__pc--9 > *,
  .grid-cmn.grid_gutter__pc--9 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%;
  }
  .grid--12.grid_gutter__pc--10,
  .grid-cmn.grid_gutter__pc--10 {
    margin-left: -10%;
    margin-bottom: -10%;
  }
  .grid--12.grid_gutter__pc--10 > *,
  .grid-cmn.grid_gutter__pc--10 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%;
  }
  .grid--12.grid_gutter__pc--11,
  .grid-cmn.grid_gutter__pc--11 {
    margin-left: -11%;
    margin-bottom: -11%;
  }
  .grid--12.grid_gutter__pc--11 > *,
  .grid-cmn.grid_gutter__pc--11 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%;
  }
  .grid--12.grid_gutter__pc--12,
  .grid-cmn.grid_gutter__pc--12 {
    margin-left: -12%;
    margin-bottom: -12%;
  }
  .grid--12.grid_gutter__pc--12 > *,
  .grid-cmn.grid_gutter__pc--12 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%;
  }
  .grid--12.grid_gutter__pc--13,
  .grid-cmn.grid_gutter__pc--13 {
    margin-left: -13%;
    margin-bottom: -13%;
  }
  .grid--12.grid_gutter__pc--13 > *,
  .grid-cmn.grid_gutter__pc--13 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%;
  }
  .grid--12.grid_gutter__pc--14,
  .grid-cmn.grid_gutter__pc--14 {
    margin-left: -14%;
    margin-bottom: -14%;
  }
  .grid--12.grid_gutter__pc--14 > *,
  .grid-cmn.grid_gutter__pc--14 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%;
  }
  .grid--12.grid_gutter__pc--15,
  .grid-cmn.grid_gutter__pc--15 {
    margin-left: -15%;
    margin-bottom: -15%;
  }
  .grid--12.grid_gutter__pc--15 > *,
  .grid-cmn.grid_gutter__pc--15 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%;
  }
  .grid--12.grid_gutter__pc--16,
  .grid-cmn.grid_gutter__pc--16 {
    margin-left: -16%;
    margin-bottom: -16%;
  }
  .grid--12.grid_gutter__pc--16 > *,
  .grid-cmn.grid_gutter__pc--16 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%;
  }
  .grid--12.grid_gutter__pc--17,
  .grid-cmn.grid_gutter__pc--17 {
    margin-left: -17%;
    margin-bottom: -17%;
  }
  .grid--12.grid_gutter__pc--17 > *,
  .grid-cmn.grid_gutter__pc--17 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%;
  }
  .grid--12.grid_gutter__pc--18,
  .grid-cmn.grid_gutter__pc--18 {
    margin-left: -18%;
    margin-bottom: -18%;
  }
  .grid--12.grid_gutter__pc--18 > *,
  .grid-cmn.grid_gutter__pc--18 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%;
  }
  .grid--12.grid_gutter__pc--19,
  .grid-cmn.grid_gutter__pc--19 {
    margin-left: -19%;
    margin-bottom: -19%;
  }
  .grid--12.grid_gutter__pc--19 > *,
  .grid-cmn.grid_gutter__pc--19 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%;
  }
  .grid--12.grid_gutter__pc--20,
  .grid-cmn.grid_gutter__pc--20 {
    margin-left: -20%;
    margin-bottom: -20%;
  }
  .grid--12.grid_gutter__pc--20 > *,
  .grid-cmn.grid_gutter__pc--20 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%;
  }
  .grid--12.grid_gutter__pc--0px,
  .grid-cmn.grid_gutter__pc--0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__pc--0px > *,
  .grid-cmn.grid_gutter__pc--0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__pc--1px,
  .grid-cmn.grid_gutter__pc--1px {
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__pc--1px > *,
  .grid-cmn.grid_gutter__pc--1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__pc--2px,
  .grid-cmn.grid_gutter__pc--2px {
    margin-left: -2px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__pc--2px > *,
  .grid-cmn.grid_gutter__pc--2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__pc--3px,
  .grid-cmn.grid_gutter__pc--3px {
    margin-left: -3px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__pc--3px > *,
  .grid-cmn.grid_gutter__pc--3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__pc--4px,
  .grid-cmn.grid_gutter__pc--4px {
    margin-left: -4px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__pc--4px > *,
  .grid-cmn.grid_gutter__pc--4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__pc--5px,
  .grid-cmn.grid_gutter__pc--5px {
    margin-left: -5px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__pc--5px > *,
  .grid-cmn.grid_gutter__pc--5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__pc--6px,
  .grid-cmn.grid_gutter__pc--6px {
    margin-left: -6px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__pc--6px > *,
  .grid-cmn.grid_gutter__pc--6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__pc--7px,
  .grid-cmn.grid_gutter__pc--7px {
    margin-left: -7px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__pc--7px > *,
  .grid-cmn.grid_gutter__pc--7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__pc--8px,
  .grid-cmn.grid_gutter__pc--8px {
    margin-left: -8px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__pc--8px > *,
  .grid-cmn.grid_gutter__pc--8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__pc--9px,
  .grid-cmn.grid_gutter__pc--9px {
    margin-left: -9px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__pc--9px > *,
  .grid-cmn.grid_gutter__pc--9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__pc--10px,
  .grid-cmn.grid_gutter__pc--10px {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__pc--10px > *,
  .grid-cmn.grid_gutter__pc--10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__pc--11px,
  .grid-cmn.grid_gutter__pc--11px {
    margin-left: -11px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__pc--11px > *,
  .grid-cmn.grid_gutter__pc--11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__pc--12px,
  .grid-cmn.grid_gutter__pc--12px {
    margin-left: -12px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__pc--12px > *,
  .grid-cmn.grid_gutter__pc--12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__pc--13px,
  .grid-cmn.grid_gutter__pc--13px {
    margin-left: -13px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__pc--13px > *,
  .grid-cmn.grid_gutter__pc--13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__pc--14px,
  .grid-cmn.grid_gutter__pc--14px {
    margin-left: -14px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__pc--14px > *,
  .grid-cmn.grid_gutter__pc--14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__pc--15px,
  .grid-cmn.grid_gutter__pc--15px {
    margin-left: -15px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__pc--15px > *,
  .grid-cmn.grid_gutter__pc--15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__pc--16px,
  .grid-cmn.grid_gutter__pc--16px {
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__pc--16px > *,
  .grid-cmn.grid_gutter__pc--16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__pc--17px,
  .grid-cmn.grid_gutter__pc--17px {
    margin-left: -17px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__pc--17px > *,
  .grid-cmn.grid_gutter__pc--17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__pc--18px,
  .grid-cmn.grid_gutter__pc--18px {
    margin-left: -18px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__pc--18px > *,
  .grid-cmn.grid_gutter__pc--18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__pc--19px,
  .grid-cmn.grid_gutter__pc--19px {
    margin-left: -19px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__pc--19px > *,
  .grid-cmn.grid_gutter__pc--19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__pc--20px,
  .grid-cmn.grid_gutter__pc--20px {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__pc--20px > *,
  .grid-cmn.grid_gutter__pc--20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__pc--21px,
  .grid-cmn.grid_gutter__pc--21px {
    margin-left: -21px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__pc--21px > *,
  .grid-cmn.grid_gutter__pc--21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__pc--22px,
  .grid-cmn.grid_gutter__pc--22px {
    margin-left: -22px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__pc--22px > *,
  .grid-cmn.grid_gutter__pc--22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__pc--23px,
  .grid-cmn.grid_gutter__pc--23px {
    margin-left: -23px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__pc--23px > *,
  .grid-cmn.grid_gutter__pc--23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__pc--24px,
  .grid-cmn.grid_gutter__pc--24px {
    margin-left: -24px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__pc--24px > *,
  .grid-cmn.grid_gutter__pc--24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__pc--25px,
  .grid-cmn.grid_gutter__pc--25px {
    margin-left: -25px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__pc--25px > *,
  .grid-cmn.grid_gutter__pc--25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__pc--26px,
  .grid-cmn.grid_gutter__pc--26px {
    margin-left: -26px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__pc--26px > *,
  .grid-cmn.grid_gutter__pc--26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__pc--27px,
  .grid-cmn.grid_gutter__pc--27px {
    margin-left: -27px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__pc--27px > *,
  .grid-cmn.grid_gutter__pc--27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__pc--28px,
  .grid-cmn.grid_gutter__pc--28px {
    margin-left: -28px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__pc--28px > *,
  .grid-cmn.grid_gutter__pc--28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__pc--29px,
  .grid-cmn.grid_gutter__pc--29px {
    margin-left: -29px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__pc--29px > *,
  .grid-cmn.grid_gutter__pc--29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__pc--30px,
  .grid-cmn.grid_gutter__pc--30px {
    margin-left: -30px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__pc--30px > *,
  .grid-cmn.grid_gutter__pc--30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .grid--12.grid_gutter__pc--31px,
  .grid-cmn.grid_gutter__pc--31px {
    margin-left: -31px;
    margin-bottom: -31px;
  }
  .grid--12.grid_gutter__pc--31px > *,
  .grid-cmn.grid_gutter__pc--31px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px;
  }
  .grid--12.grid_gutter__pc--32px,
  .grid-cmn.grid_gutter__pc--32px {
    margin-left: -32px;
    margin-bottom: -32px;
  }
  .grid--12.grid_gutter__pc--32px > *,
  .grid-cmn.grid_gutter__pc--32px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .grid--12.grid_gutter__pc--33px,
  .grid-cmn.grid_gutter__pc--33px {
    margin-left: -33px;
    margin-bottom: -33px;
  }
  .grid--12.grid_gutter__pc--33px > *,
  .grid-cmn.grid_gutter__pc--33px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px;
  }
  .grid--12.grid_gutter__pc--34px,
  .grid-cmn.grid_gutter__pc--34px {
    margin-left: -34px;
    margin-bottom: -34px;
  }
  .grid--12.grid_gutter__pc--34px > *,
  .grid-cmn.grid_gutter__pc--34px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px;
  }
  .grid--12.grid_gutter__pc--35px,
  .grid-cmn.grid_gutter__pc--35px {
    margin-left: -35px;
    margin-bottom: -35px;
  }
  .grid--12.grid_gutter__pc--35px > *,
  .grid-cmn.grid_gutter__pc--35px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px;
  }
  .grid--12.grid_gutter__pc--36px,
  .grid-cmn.grid_gutter__pc--36px {
    margin-left: -36px;
    margin-bottom: -36px;
  }
  .grid--12.grid_gutter__pc--36px > *,
  .grid-cmn.grid_gutter__pc--36px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px;
  }
  .grid--12.grid_gutter__pc--37px,
  .grid-cmn.grid_gutter__pc--37px {
    margin-left: -37px;
    margin-bottom: -37px;
  }
  .grid--12.grid_gutter__pc--37px > *,
  .grid-cmn.grid_gutter__pc--37px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px;
  }
  .grid--12.grid_gutter__pc--38px,
  .grid-cmn.grid_gutter__pc--38px {
    margin-left: -38px;
    margin-bottom: -38px;
  }
  .grid--12.grid_gutter__pc--38px > *,
  .grid-cmn.grid_gutter__pc--38px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px;
  }
  .grid--12.grid_gutter__pc--39px,
  .grid-cmn.grid_gutter__pc--39px {
    margin-left: -39px;
    margin-bottom: -39px;
  }
  .grid--12.grid_gutter__pc--39px > *,
  .grid-cmn.grid_gutter__pc--39px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px;
  }
  .grid--12.grid_gutter__pc--40px,
  .grid-cmn.grid_gutter__pc--40px {
    margin-left: -40px;
    margin-bottom: -40px;
  }
  .grid--12.grid_gutter__pc--40px > *,
  .grid-cmn.grid_gutter__pc--40px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .grid--12.grid_gutter__pc--41px,
  .grid-cmn.grid_gutter__pc--41px {
    margin-left: -41px;
    margin-bottom: -41px;
  }
  .grid--12.grid_gutter__pc--41px > *,
  .grid-cmn.grid_gutter__pc--41px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px;
  }
  .grid--12.grid_gutter__pc--42px,
  .grid-cmn.grid_gutter__pc--42px {
    margin-left: -42px;
    margin-bottom: -42px;
  }
  .grid--12.grid_gutter__pc--42px > *,
  .grid-cmn.grid_gutter__pc--42px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px;
  }
  .grid--12.grid_gutter__pc--43px,
  .grid-cmn.grid_gutter__pc--43px {
    margin-left: -43px;
    margin-bottom: -43px;
  }
  .grid--12.grid_gutter__pc--43px > *,
  .grid-cmn.grid_gutter__pc--43px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px;
  }
  .grid--12.grid_gutter__pc--44px,
  .grid-cmn.grid_gutter__pc--44px {
    margin-left: -44px;
    margin-bottom: -44px;
  }
  .grid--12.grid_gutter__pc--44px > *,
  .grid-cmn.grid_gutter__pc--44px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px;
  }
  .grid--12.grid_gutter__pc--45px,
  .grid-cmn.grid_gutter__pc--45px {
    margin-left: -45px;
    margin-bottom: -45px;
  }
  .grid--12.grid_gutter__pc--45px > *,
  .grid-cmn.grid_gutter__pc--45px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px;
  }
  .grid--12.grid_gutter__pc--46px,
  .grid-cmn.grid_gutter__pc--46px {
    margin-left: -46px;
    margin-bottom: -46px;
  }
  .grid--12.grid_gutter__pc--46px > *,
  .grid-cmn.grid_gutter__pc--46px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px;
  }
  .grid--12.grid_gutter__pc--47px,
  .grid-cmn.grid_gutter__pc--47px {
    margin-left: -47px;
    margin-bottom: -47px;
  }
  .grid--12.grid_gutter__pc--47px > *,
  .grid-cmn.grid_gutter__pc--47px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px;
  }
  .grid--12.grid_gutter__pc--48px,
  .grid-cmn.grid_gutter__pc--48px {
    margin-left: -48px;
    margin-bottom: -48px;
  }
  .grid--12.grid_gutter__pc--48px > *,
  .grid-cmn.grid_gutter__pc--48px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px;
  }
  .grid--12.grid_gutter__pc--49px,
  .grid-cmn.grid_gutter__pc--49px {
    margin-left: -49px;
    margin-bottom: -49px;
  }
  .grid--12.grid_gutter__pc--49px > *,
  .grid-cmn.grid_gutter__pc--49px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px;
  }
  .grid--12.grid_gutter__pc--50px,
  .grid-cmn.grid_gutter__pc--50px {
    margin-left: -50px;
    margin-bottom: -50px;
  }
  .grid--12.grid_gutter__pc--50px > *,
  .grid-cmn.grid_gutter__pc--50px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .grid--12.grid_gutter__pc--51px,
  .grid-cmn.grid_gutter__pc--51px {
    margin-left: -51px;
    margin-bottom: -51px;
  }
  .grid--12.grid_gutter__pc--51px > *,
  .grid-cmn.grid_gutter__pc--51px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px;
  }
  .grid--12.grid_gutter__pc--52px,
  .grid-cmn.grid_gutter__pc--52px {
    margin-left: -52px;
    margin-bottom: -52px;
  }
  .grid--12.grid_gutter__pc--52px > *,
  .grid-cmn.grid_gutter__pc--52px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px;
  }
  .grid--12.grid_gutter__pc--53px,
  .grid-cmn.grid_gutter__pc--53px {
    margin-left: -53px;
    margin-bottom: -53px;
  }
  .grid--12.grid_gutter__pc--53px > *,
  .grid-cmn.grid_gutter__pc--53px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px;
  }
  .grid--12.grid_gutter__pc--54px,
  .grid-cmn.grid_gutter__pc--54px {
    margin-left: -54px;
    margin-bottom: -54px;
  }
  .grid--12.grid_gutter__pc--54px > *,
  .grid-cmn.grid_gutter__pc--54px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px;
  }
  .grid--12.grid_gutter__pc--55px,
  .grid-cmn.grid_gutter__pc--55px {
    margin-left: -55px;
    margin-bottom: -55px;
  }
  .grid--12.grid_gutter__pc--55px > *,
  .grid-cmn.grid_gutter__pc--55px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px;
  }
  .grid--12.grid_gutter__pc--56px,
  .grid-cmn.grid_gutter__pc--56px {
    margin-left: -56px;
    margin-bottom: -56px;
  }
  .grid--12.grid_gutter__pc--56px > *,
  .grid-cmn.grid_gutter__pc--56px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px;
  }
  .grid--12.grid_gutter__pc--57px,
  .grid-cmn.grid_gutter__pc--57px {
    margin-left: -57px;
    margin-bottom: -57px;
  }
  .grid--12.grid_gutter__pc--57px > *,
  .grid-cmn.grid_gutter__pc--57px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px;
  }
  .grid--12.grid_gutter__pc--58px,
  .grid-cmn.grid_gutter__pc--58px {
    margin-left: -58px;
    margin-bottom: -58px;
  }
  .grid--12.grid_gutter__pc--58px > *,
  .grid-cmn.grid_gutter__pc--58px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px;
  }
  .grid--12.grid_gutter__pc--59px,
  .grid-cmn.grid_gutter__pc--59px {
    margin-left: -59px;
    margin-bottom: -59px;
  }
  .grid--12.grid_gutter__pc--59px > *,
  .grid-cmn.grid_gutter__pc--59px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px;
  }
  .grid--12.grid_gutter__pc--60px,
  .grid-cmn.grid_gutter__pc--60px {
    margin-left: -60px;
    margin-bottom: -60px;
  }
  .grid--12.grid_gutter__pc--60px > *,
  .grid-cmn.grid_gutter__pc--60px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px;
  }
  .grid--12.grid_gutter__pc--0px_0px,
  .grid-cmn.grid_gutter__pc--0px_0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__pc--0px_0px > *,
  .grid-cmn.grid_gutter__pc--0px_0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__pc--1px_0.5px,
  .grid-cmn.grid_gutter__pc--1px_0.5px {
    margin-left: -1px;
    margin-bottom: -0.5px;
  }
  .grid--12.grid_gutter__pc--1px_0.5px > *,
  .grid-cmn.grid_gutter__pc--1px_0.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 0.5px;
  }
  .grid--12.grid_gutter__pc--2px_1px,
  .grid-cmn.grid_gutter__pc--2px_1px {
    margin-left: -2px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__pc--2px_1px > *,
  .grid-cmn.grid_gutter__pc--2px_1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__pc--3px_1.5px,
  .grid-cmn.grid_gutter__pc--3px_1.5px {
    margin-left: -3px;
    margin-bottom: -1.5px;
  }
  .grid--12.grid_gutter__pc--3px_1.5px > *,
  .grid-cmn.grid_gutter__pc--3px_1.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 1.5px;
  }
  .grid--12.grid_gutter__pc--4px_2px,
  .grid-cmn.grid_gutter__pc--4px_2px {
    margin-left: -4px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__pc--4px_2px > *,
  .grid-cmn.grid_gutter__pc--4px_2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__pc--5px_2.5px,
  .grid-cmn.grid_gutter__pc--5px_2.5px {
    margin-left: -5px;
    margin-bottom: -2.5px;
  }
  .grid--12.grid_gutter__pc--5px_2.5px > *,
  .grid-cmn.grid_gutter__pc--5px_2.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 2.5px;
  }
  .grid--12.grid_gutter__pc--6px_3px,
  .grid-cmn.grid_gutter__pc--6px_3px {
    margin-left: -6px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__pc--6px_3px > *,
  .grid-cmn.grid_gutter__pc--6px_3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__pc--7px_3.5px,
  .grid-cmn.grid_gutter__pc--7px_3.5px {
    margin-left: -7px;
    margin-bottom: -3.5px;
  }
  .grid--12.grid_gutter__pc--7px_3.5px > *,
  .grid-cmn.grid_gutter__pc--7px_3.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 3.5px;
  }
  .grid--12.grid_gutter__pc--8px_4px,
  .grid-cmn.grid_gutter__pc--8px_4px {
    margin-left: -8px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__pc--8px_4px > *,
  .grid-cmn.grid_gutter__pc--8px_4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__pc--9px_4.5px,
  .grid-cmn.grid_gutter__pc--9px_4.5px {
    margin-left: -9px;
    margin-bottom: -4.5px;
  }
  .grid--12.grid_gutter__pc--9px_4.5px > *,
  .grid-cmn.grid_gutter__pc--9px_4.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 4.5px;
  }
  .grid--12.grid_gutter__pc--10px_5px,
  .grid-cmn.grid_gutter__pc--10px_5px {
    margin-left: -10px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__pc--10px_5px > *,
  .grid-cmn.grid_gutter__pc--10px_5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__pc--11px_5.5px,
  .grid-cmn.grid_gutter__pc--11px_5.5px {
    margin-left: -11px;
    margin-bottom: -5.5px;
  }
  .grid--12.grid_gutter__pc--11px_5.5px > *,
  .grid-cmn.grid_gutter__pc--11px_5.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 5.5px;
  }
  .grid--12.grid_gutter__pc--12px_6px,
  .grid-cmn.grid_gutter__pc--12px_6px {
    margin-left: -12px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__pc--12px_6px > *,
  .grid-cmn.grid_gutter__pc--12px_6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__pc--13px_6.5px,
  .grid-cmn.grid_gutter__pc--13px_6.5px {
    margin-left: -13px;
    margin-bottom: -6.5px;
  }
  .grid--12.grid_gutter__pc--13px_6.5px > *,
  .grid-cmn.grid_gutter__pc--13px_6.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 6.5px;
  }
  .grid--12.grid_gutter__pc--14px_7px,
  .grid-cmn.grid_gutter__pc--14px_7px {
    margin-left: -14px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__pc--14px_7px > *,
  .grid-cmn.grid_gutter__pc--14px_7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__pc--15px_7.5px,
  .grid-cmn.grid_gutter__pc--15px_7.5px {
    margin-left: -15px;
    margin-bottom: -7.5px;
  }
  .grid--12.grid_gutter__pc--15px_7.5px > *,
  .grid-cmn.grid_gutter__pc--15px_7.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 7.5px;
  }
  .grid--12.grid_gutter__pc--16px_8px,
  .grid-cmn.grid_gutter__pc--16px_8px {
    margin-left: -16px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__pc--16px_8px > *,
  .grid-cmn.grid_gutter__pc--16px_8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__pc--17px_8.5px,
  .grid-cmn.grid_gutter__pc--17px_8.5px {
    margin-left: -17px;
    margin-bottom: -8.5px;
  }
  .grid--12.grid_gutter__pc--17px_8.5px > *,
  .grid-cmn.grid_gutter__pc--17px_8.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 8.5px;
  }
  .grid--12.grid_gutter__pc--18px_9px,
  .grid-cmn.grid_gutter__pc--18px_9px {
    margin-left: -18px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__pc--18px_9px > *,
  .grid-cmn.grid_gutter__pc--18px_9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__pc--19px_9.5px,
  .grid-cmn.grid_gutter__pc--19px_9.5px {
    margin-left: -19px;
    margin-bottom: -9.5px;
  }
  .grid--12.grid_gutter__pc--19px_9.5px > *,
  .grid-cmn.grid_gutter__pc--19px_9.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 9.5px;
  }
  .grid--12.grid_gutter__pc--20px_10px,
  .grid-cmn.grid_gutter__pc--20px_10px {
    margin-left: -20px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__pc--20px_10px > *,
  .grid-cmn.grid_gutter__pc--20px_10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__pc--21px_10.5px,
  .grid-cmn.grid_gutter__pc--21px_10.5px {
    margin-left: -21px;
    margin-bottom: -10.5px;
  }
  .grid--12.grid_gutter__pc--21px_10.5px > *,
  .grid-cmn.grid_gutter__pc--21px_10.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 10.5px;
  }
  .grid--12.grid_gutter__pc--22px_11px,
  .grid-cmn.grid_gutter__pc--22px_11px {
    margin-left: -22px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__pc--22px_11px > *,
  .grid-cmn.grid_gutter__pc--22px_11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__pc--23px_11.5px,
  .grid-cmn.grid_gutter__pc--23px_11.5px {
    margin-left: -23px;
    margin-bottom: -11.5px;
  }
  .grid--12.grid_gutter__pc--23px_11.5px > *,
  .grid-cmn.grid_gutter__pc--23px_11.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 11.5px;
  }
  .grid--12.grid_gutter__pc--24px_12px,
  .grid-cmn.grid_gutter__pc--24px_12px {
    margin-left: -24px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__pc--24px_12px > *,
  .grid-cmn.grid_gutter__pc--24px_12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__pc--25px_12.5px,
  .grid-cmn.grid_gutter__pc--25px_12.5px {
    margin-left: -25px;
    margin-bottom: -12.5px;
  }
  .grid--12.grid_gutter__pc--25px_12.5px > *,
  .grid-cmn.grid_gutter__pc--25px_12.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 12.5px;
  }
  .grid--12.grid_gutter__pc--26px_13px,
  .grid-cmn.grid_gutter__pc--26px_13px {
    margin-left: -26px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__pc--26px_13px > *,
  .grid-cmn.grid_gutter__pc--26px_13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__pc--27px_13.5px,
  .grid-cmn.grid_gutter__pc--27px_13.5px {
    margin-left: -27px;
    margin-bottom: -13.5px;
  }
  .grid--12.grid_gutter__pc--27px_13.5px > *,
  .grid-cmn.grid_gutter__pc--27px_13.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 13.5px;
  }
  .grid--12.grid_gutter__pc--28px_14px,
  .grid-cmn.grid_gutter__pc--28px_14px {
    margin-left: -28px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__pc--28px_14px > *,
  .grid-cmn.grid_gutter__pc--28px_14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__pc--29px_14.5px,
  .grid-cmn.grid_gutter__pc--29px_14.5px {
    margin-left: -29px;
    margin-bottom: -14.5px;
  }
  .grid--12.grid_gutter__pc--29px_14.5px > *,
  .grid-cmn.grid_gutter__pc--29px_14.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 14.5px;
  }
  .grid--12.grid_gutter__pc--30px_15px,
  .grid-cmn.grid_gutter__pc--30px_15px {
    margin-left: -30px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__pc--30px_15px > *,
  .grid-cmn.grid_gutter__pc--30px_15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__pc--31px_15.5px,
  .grid-cmn.grid_gutter__pc--31px_15.5px {
    margin-left: -31px;
    margin-bottom: -15.5px;
  }
  .grid--12.grid_gutter__pc--31px_15.5px > *,
  .grid-cmn.grid_gutter__pc--31px_15.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 15.5px;
  }
  .grid--12.grid_gutter__pc--32px_16px,
  .grid-cmn.grid_gutter__pc--32px_16px {
    margin-left: -32px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__pc--32px_16px > *,
  .grid-cmn.grid_gutter__pc--32px_16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__pc--33px_16.5px,
  .grid-cmn.grid_gutter__pc--33px_16.5px {
    margin-left: -33px;
    margin-bottom: -16.5px;
  }
  .grid--12.grid_gutter__pc--33px_16.5px > *,
  .grid-cmn.grid_gutter__pc--33px_16.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 16.5px;
  }
  .grid--12.grid_gutter__pc--34px_17px,
  .grid-cmn.grid_gutter__pc--34px_17px {
    margin-left: -34px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__pc--34px_17px > *,
  .grid-cmn.grid_gutter__pc--34px_17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__pc--35px_17.5px,
  .grid-cmn.grid_gutter__pc--35px_17.5px {
    margin-left: -35px;
    margin-bottom: -17.5px;
  }
  .grid--12.grid_gutter__pc--35px_17.5px > *,
  .grid-cmn.grid_gutter__pc--35px_17.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 17.5px;
  }
  .grid--12.grid_gutter__pc--36px_18px,
  .grid-cmn.grid_gutter__pc--36px_18px {
    margin-left: -36px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__pc--36px_18px > *,
  .grid-cmn.grid_gutter__pc--36px_18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__pc--37px_18.5px,
  .grid-cmn.grid_gutter__pc--37px_18.5px {
    margin-left: -37px;
    margin-bottom: -18.5px;
  }
  .grid--12.grid_gutter__pc--37px_18.5px > *,
  .grid-cmn.grid_gutter__pc--37px_18.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 18.5px;
  }
  .grid--12.grid_gutter__pc--38px_19px,
  .grid-cmn.grid_gutter__pc--38px_19px {
    margin-left: -38px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__pc--38px_19px > *,
  .grid-cmn.grid_gutter__pc--38px_19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__pc--39px_19.5px,
  .grid-cmn.grid_gutter__pc--39px_19.5px {
    margin-left: -39px;
    margin-bottom: -19.5px;
  }
  .grid--12.grid_gutter__pc--39px_19.5px > *,
  .grid-cmn.grid_gutter__pc--39px_19.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 19.5px;
  }
  .grid--12.grid_gutter__pc--40px_20px,
  .grid-cmn.grid_gutter__pc--40px_20px {
    margin-left: -40px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__pc--40px_20px > *,
  .grid-cmn.grid_gutter__pc--40px_20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__pc--41px_20.5px,
  .grid-cmn.grid_gutter__pc--41px_20.5px {
    margin-left: -41px;
    margin-bottom: -20.5px;
  }
  .grid--12.grid_gutter__pc--41px_20.5px > *,
  .grid-cmn.grid_gutter__pc--41px_20.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 20.5px;
  }
  .grid--12.grid_gutter__pc--42px_21px,
  .grid-cmn.grid_gutter__pc--42px_21px {
    margin-left: -42px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__pc--42px_21px > *,
  .grid-cmn.grid_gutter__pc--42px_21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__pc--43px_21.5px,
  .grid-cmn.grid_gutter__pc--43px_21.5px {
    margin-left: -43px;
    margin-bottom: -21.5px;
  }
  .grid--12.grid_gutter__pc--43px_21.5px > *,
  .grid-cmn.grid_gutter__pc--43px_21.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 21.5px;
  }
  .grid--12.grid_gutter__pc--44px_22px,
  .grid-cmn.grid_gutter__pc--44px_22px {
    margin-left: -44px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__pc--44px_22px > *,
  .grid-cmn.grid_gutter__pc--44px_22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__pc--45px_22.5px,
  .grid-cmn.grid_gutter__pc--45px_22.5px {
    margin-left: -45px;
    margin-bottom: -22.5px;
  }
  .grid--12.grid_gutter__pc--45px_22.5px > *,
  .grid-cmn.grid_gutter__pc--45px_22.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 22.5px;
  }
  .grid--12.grid_gutter__pc--46px_23px,
  .grid-cmn.grid_gutter__pc--46px_23px {
    margin-left: -46px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__pc--46px_23px > *,
  .grid-cmn.grid_gutter__pc--46px_23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__pc--47px_23.5px,
  .grid-cmn.grid_gutter__pc--47px_23.5px {
    margin-left: -47px;
    margin-bottom: -23.5px;
  }
  .grid--12.grid_gutter__pc--47px_23.5px > *,
  .grid-cmn.grid_gutter__pc--47px_23.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 23.5px;
  }
  .grid--12.grid_gutter__pc--48px_24px,
  .grid-cmn.grid_gutter__pc--48px_24px {
    margin-left: -48px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__pc--48px_24px > *,
  .grid-cmn.grid_gutter__pc--48px_24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__pc--49px_24.5px,
  .grid-cmn.grid_gutter__pc--49px_24.5px {
    margin-left: -49px;
    margin-bottom: -24.5px;
  }
  .grid--12.grid_gutter__pc--49px_24.5px > *,
  .grid-cmn.grid_gutter__pc--49px_24.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 24.5px;
  }
  .grid--12.grid_gutter__pc--50px_25px,
  .grid-cmn.grid_gutter__pc--50px_25px {
    margin-left: -50px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__pc--50px_25px > *,
  .grid-cmn.grid_gutter__pc--50px_25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__pc--51px_25.5px,
  .grid-cmn.grid_gutter__pc--51px_25.5px {
    margin-left: -51px;
    margin-bottom: -25.5px;
  }
  .grid--12.grid_gutter__pc--51px_25.5px > *,
  .grid-cmn.grid_gutter__pc--51px_25.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 25.5px;
  }
  .grid--12.grid_gutter__pc--52px_26px,
  .grid-cmn.grid_gutter__pc--52px_26px {
    margin-left: -52px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__pc--52px_26px > *,
  .grid-cmn.grid_gutter__pc--52px_26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__pc--53px_26.5px,
  .grid-cmn.grid_gutter__pc--53px_26.5px {
    margin-left: -53px;
    margin-bottom: -26.5px;
  }
  .grid--12.grid_gutter__pc--53px_26.5px > *,
  .grid-cmn.grid_gutter__pc--53px_26.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 26.5px;
  }
  .grid--12.grid_gutter__pc--54px_27px,
  .grid-cmn.grid_gutter__pc--54px_27px {
    margin-left: -54px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__pc--54px_27px > *,
  .grid-cmn.grid_gutter__pc--54px_27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__pc--55px_27.5px,
  .grid-cmn.grid_gutter__pc--55px_27.5px {
    margin-left: -55px;
    margin-bottom: -27.5px;
  }
  .grid--12.grid_gutter__pc--55px_27.5px > *,
  .grid-cmn.grid_gutter__pc--55px_27.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 27.5px;
  }
  .grid--12.grid_gutter__pc--56px_28px,
  .grid-cmn.grid_gutter__pc--56px_28px {
    margin-left: -56px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__pc--56px_28px > *,
  .grid-cmn.grid_gutter__pc--56px_28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__pc--57px_28.5px,
  .grid-cmn.grid_gutter__pc--57px_28.5px {
    margin-left: -57px;
    margin-bottom: -28.5px;
  }
  .grid--12.grid_gutter__pc--57px_28.5px > *,
  .grid-cmn.grid_gutter__pc--57px_28.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 28.5px;
  }
  .grid--12.grid_gutter__pc--58px_29px,
  .grid-cmn.grid_gutter__pc--58px_29px {
    margin-left: -58px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__pc--58px_29px > *,
  .grid-cmn.grid_gutter__pc--58px_29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__pc--59px_29.5px,
  .grid-cmn.grid_gutter__pc--59px_29.5px {
    margin-left: -59px;
    margin-bottom: -29.5px;
  }
  .grid--12.grid_gutter__pc--59px_29.5px > *,
  .grid-cmn.grid_gutter__pc--59px_29.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 29.5px;
  }
  .grid--12.grid_gutter__pc--60px_30px,
  .grid-cmn.grid_gutter__pc--60px_30px {
    margin-left: -60px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__pc--60px_30px > *,
  .grid-cmn.grid_gutter__pc--60px_30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 30px;
  }
}

@media all and (max-width: 420px) {
  .grid--12.grid_gutter__ssp420--0,
  .grid-cmn.grid_gutter__ssp420--0 {
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .grid--12.grid_gutter__ssp420--0 > *,
  .grid-cmn.grid_gutter__ssp420--0 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0%;
    padding-bottom: 0%;
  }
  .grid--12.grid_gutter__ssp420--1,
  .grid-cmn.grid_gutter__ssp420--1 {
    margin-left: -1%;
    margin-bottom: -1%;
  }
  .grid--12.grid_gutter__ssp420--1 > *,
  .grid-cmn.grid_gutter__ssp420--1 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%;
  }
  .grid--12.grid_gutter__ssp420--2,
  .grid-cmn.grid_gutter__ssp420--2 {
    margin-left: -2%;
    margin-bottom: -2%;
  }
  .grid--12.grid_gutter__ssp420--2 > *,
  .grid-cmn.grid_gutter__ssp420--2 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%;
  }
  .grid--12.grid_gutter__ssp420--3,
  .grid-cmn.grid_gutter__ssp420--3 {
    margin-left: -3%;
    margin-bottom: -3%;
  }
  .grid--12.grid_gutter__ssp420--3 > *,
  .grid-cmn.grid_gutter__ssp420--3 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%;
  }
  .grid--12.grid_gutter__ssp420--4,
  .grid-cmn.grid_gutter__ssp420--4 {
    margin-left: -4%;
    margin-bottom: -4%;
  }
  .grid--12.grid_gutter__ssp420--4 > *,
  .grid-cmn.grid_gutter__ssp420--4 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%;
  }
  .grid--12.grid_gutter__ssp420--5,
  .grid-cmn.grid_gutter__ssp420--5 {
    margin-left: -5%;
    margin-bottom: -5%;
  }
  .grid--12.grid_gutter__ssp420--5 > *,
  .grid-cmn.grid_gutter__ssp420--5 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%;
  }
  .grid--12.grid_gutter__ssp420--6,
  .grid-cmn.grid_gutter__ssp420--6 {
    margin-left: -6%;
    margin-bottom: -6%;
  }
  .grid--12.grid_gutter__ssp420--6 > *,
  .grid-cmn.grid_gutter__ssp420--6 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%;
  }
  .grid--12.grid_gutter__ssp420--7,
  .grid-cmn.grid_gutter__ssp420--7 {
    margin-left: -7%;
    margin-bottom: -7%;
  }
  .grid--12.grid_gutter__ssp420--7 > *,
  .grid-cmn.grid_gutter__ssp420--7 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%;
  }
  .grid--12.grid_gutter__ssp420--8,
  .grid-cmn.grid_gutter__ssp420--8 {
    margin-left: -8%;
    margin-bottom: -8%;
  }
  .grid--12.grid_gutter__ssp420--8 > *,
  .grid-cmn.grid_gutter__ssp420--8 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%;
  }
  .grid--12.grid_gutter__ssp420--9,
  .grid-cmn.grid_gutter__ssp420--9 {
    margin-left: -9%;
    margin-bottom: -9%;
  }
  .grid--12.grid_gutter__ssp420--9 > *,
  .grid-cmn.grid_gutter__ssp420--9 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%;
  }
  .grid--12.grid_gutter__ssp420--10,
  .grid-cmn.grid_gutter__ssp420--10 {
    margin-left: -10%;
    margin-bottom: -10%;
  }
  .grid--12.grid_gutter__ssp420--10 > *,
  .grid-cmn.grid_gutter__ssp420--10 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%;
  }
  .grid--12.grid_gutter__ssp420--11,
  .grid-cmn.grid_gutter__ssp420--11 {
    margin-left: -11%;
    margin-bottom: -11%;
  }
  .grid--12.grid_gutter__ssp420--11 > *,
  .grid-cmn.grid_gutter__ssp420--11 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%;
  }
  .grid--12.grid_gutter__ssp420--12,
  .grid-cmn.grid_gutter__ssp420--12 {
    margin-left: -12%;
    margin-bottom: -12%;
  }
  .grid--12.grid_gutter__ssp420--12 > *,
  .grid-cmn.grid_gutter__ssp420--12 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%;
  }
  .grid--12.grid_gutter__ssp420--13,
  .grid-cmn.grid_gutter__ssp420--13 {
    margin-left: -13%;
    margin-bottom: -13%;
  }
  .grid--12.grid_gutter__ssp420--13 > *,
  .grid-cmn.grid_gutter__ssp420--13 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%;
  }
  .grid--12.grid_gutter__ssp420--14,
  .grid-cmn.grid_gutter__ssp420--14 {
    margin-left: -14%;
    margin-bottom: -14%;
  }
  .grid--12.grid_gutter__ssp420--14 > *,
  .grid-cmn.grid_gutter__ssp420--14 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%;
  }
  .grid--12.grid_gutter__ssp420--15,
  .grid-cmn.grid_gutter__ssp420--15 {
    margin-left: -15%;
    margin-bottom: -15%;
  }
  .grid--12.grid_gutter__ssp420--15 > *,
  .grid-cmn.grid_gutter__ssp420--15 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%;
  }
  .grid--12.grid_gutter__ssp420--16,
  .grid-cmn.grid_gutter__ssp420--16 {
    margin-left: -16%;
    margin-bottom: -16%;
  }
  .grid--12.grid_gutter__ssp420--16 > *,
  .grid-cmn.grid_gutter__ssp420--16 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%;
  }
  .grid--12.grid_gutter__ssp420--17,
  .grid-cmn.grid_gutter__ssp420--17 {
    margin-left: -17%;
    margin-bottom: -17%;
  }
  .grid--12.grid_gutter__ssp420--17 > *,
  .grid-cmn.grid_gutter__ssp420--17 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%;
  }
  .grid--12.grid_gutter__ssp420--18,
  .grid-cmn.grid_gutter__ssp420--18 {
    margin-left: -18%;
    margin-bottom: -18%;
  }
  .grid--12.grid_gutter__ssp420--18 > *,
  .grid-cmn.grid_gutter__ssp420--18 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%;
  }
  .grid--12.grid_gutter__ssp420--19,
  .grid-cmn.grid_gutter__ssp420--19 {
    margin-left: -19%;
    margin-bottom: -19%;
  }
  .grid--12.grid_gutter__ssp420--19 > *,
  .grid-cmn.grid_gutter__ssp420--19 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%;
  }
  .grid--12.grid_gutter__ssp420--20,
  .grid-cmn.grid_gutter__ssp420--20 {
    margin-left: -20%;
    margin-bottom: -20%;
  }
  .grid--12.grid_gutter__ssp420--20 > *,
  .grid-cmn.grid_gutter__ssp420--20 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%;
  }
  .grid--12.grid_gutter__ssp420--0px,
  .grid-cmn.grid_gutter__ssp420--0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp420--0px > *,
  .grid-cmn.grid_gutter__ssp420--0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp420--1px,
  .grid-cmn.grid_gutter__ssp420--1px {
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__ssp420--1px > *,
  .grid-cmn.grid_gutter__ssp420--1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__ssp420--2px,
  .grid-cmn.grid_gutter__ssp420--2px {
    margin-left: -2px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__ssp420--2px > *,
  .grid-cmn.grid_gutter__ssp420--2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__ssp420--3px,
  .grid-cmn.grid_gutter__ssp420--3px {
    margin-left: -3px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__ssp420--3px > *,
  .grid-cmn.grid_gutter__ssp420--3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__ssp420--4px,
  .grid-cmn.grid_gutter__ssp420--4px {
    margin-left: -4px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__ssp420--4px > *,
  .grid-cmn.grid_gutter__ssp420--4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__ssp420--5px,
  .grid-cmn.grid_gutter__ssp420--5px {
    margin-left: -5px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__ssp420--5px > *,
  .grid-cmn.grid_gutter__ssp420--5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__ssp420--6px,
  .grid-cmn.grid_gutter__ssp420--6px {
    margin-left: -6px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__ssp420--6px > *,
  .grid-cmn.grid_gutter__ssp420--6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__ssp420--7px,
  .grid-cmn.grid_gutter__ssp420--7px {
    margin-left: -7px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__ssp420--7px > *,
  .grid-cmn.grid_gutter__ssp420--7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__ssp420--8px,
  .grid-cmn.grid_gutter__ssp420--8px {
    margin-left: -8px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__ssp420--8px > *,
  .grid-cmn.grid_gutter__ssp420--8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__ssp420--9px,
  .grid-cmn.grid_gutter__ssp420--9px {
    margin-left: -9px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__ssp420--9px > *,
  .grid-cmn.grid_gutter__ssp420--9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__ssp420--10px,
  .grid-cmn.grid_gutter__ssp420--10px {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__ssp420--10px > *,
  .grid-cmn.grid_gutter__ssp420--10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__ssp420--11px,
  .grid-cmn.grid_gutter__ssp420--11px {
    margin-left: -11px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__ssp420--11px > *,
  .grid-cmn.grid_gutter__ssp420--11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__ssp420--12px,
  .grid-cmn.grid_gutter__ssp420--12px {
    margin-left: -12px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__ssp420--12px > *,
  .grid-cmn.grid_gutter__ssp420--12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__ssp420--13px,
  .grid-cmn.grid_gutter__ssp420--13px {
    margin-left: -13px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__ssp420--13px > *,
  .grid-cmn.grid_gutter__ssp420--13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__ssp420--14px,
  .grid-cmn.grid_gutter__ssp420--14px {
    margin-left: -14px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__ssp420--14px > *,
  .grid-cmn.grid_gutter__ssp420--14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__ssp420--15px,
  .grid-cmn.grid_gutter__ssp420--15px {
    margin-left: -15px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__ssp420--15px > *,
  .grid-cmn.grid_gutter__ssp420--15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__ssp420--16px,
  .grid-cmn.grid_gutter__ssp420--16px {
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__ssp420--16px > *,
  .grid-cmn.grid_gutter__ssp420--16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__ssp420--17px,
  .grid-cmn.grid_gutter__ssp420--17px {
    margin-left: -17px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__ssp420--17px > *,
  .grid-cmn.grid_gutter__ssp420--17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__ssp420--18px,
  .grid-cmn.grid_gutter__ssp420--18px {
    margin-left: -18px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__ssp420--18px > *,
  .grid-cmn.grid_gutter__ssp420--18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__ssp420--19px,
  .grid-cmn.grid_gutter__ssp420--19px {
    margin-left: -19px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__ssp420--19px > *,
  .grid-cmn.grid_gutter__ssp420--19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__ssp420--20px,
  .grid-cmn.grid_gutter__ssp420--20px {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__ssp420--20px > *,
  .grid-cmn.grid_gutter__ssp420--20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__ssp420--21px,
  .grid-cmn.grid_gutter__ssp420--21px {
    margin-left: -21px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__ssp420--21px > *,
  .grid-cmn.grid_gutter__ssp420--21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__ssp420--22px,
  .grid-cmn.grid_gutter__ssp420--22px {
    margin-left: -22px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__ssp420--22px > *,
  .grid-cmn.grid_gutter__ssp420--22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__ssp420--23px,
  .grid-cmn.grid_gutter__ssp420--23px {
    margin-left: -23px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__ssp420--23px > *,
  .grid-cmn.grid_gutter__ssp420--23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__ssp420--24px,
  .grid-cmn.grid_gutter__ssp420--24px {
    margin-left: -24px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__ssp420--24px > *,
  .grid-cmn.grid_gutter__ssp420--24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__ssp420--25px,
  .grid-cmn.grid_gutter__ssp420--25px {
    margin-left: -25px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__ssp420--25px > *,
  .grid-cmn.grid_gutter__ssp420--25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__ssp420--26px,
  .grid-cmn.grid_gutter__ssp420--26px {
    margin-left: -26px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__ssp420--26px > *,
  .grid-cmn.grid_gutter__ssp420--26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__ssp420--27px,
  .grid-cmn.grid_gutter__ssp420--27px {
    margin-left: -27px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__ssp420--27px > *,
  .grid-cmn.grid_gutter__ssp420--27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__ssp420--28px,
  .grid-cmn.grid_gutter__ssp420--28px {
    margin-left: -28px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__ssp420--28px > *,
  .grid-cmn.grid_gutter__ssp420--28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__ssp420--29px,
  .grid-cmn.grid_gutter__ssp420--29px {
    margin-left: -29px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__ssp420--29px > *,
  .grid-cmn.grid_gutter__ssp420--29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__ssp420--30px,
  .grid-cmn.grid_gutter__ssp420--30px {
    margin-left: -30px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__ssp420--30px > *,
  .grid-cmn.grid_gutter__ssp420--30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .grid--12.grid_gutter__ssp420--31px,
  .grid-cmn.grid_gutter__ssp420--31px {
    margin-left: -31px;
    margin-bottom: -31px;
  }
  .grid--12.grid_gutter__ssp420--31px > *,
  .grid-cmn.grid_gutter__ssp420--31px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px;
  }
  .grid--12.grid_gutter__ssp420--32px,
  .grid-cmn.grid_gutter__ssp420--32px {
    margin-left: -32px;
    margin-bottom: -32px;
  }
  .grid--12.grid_gutter__ssp420--32px > *,
  .grid-cmn.grid_gutter__ssp420--32px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .grid--12.grid_gutter__ssp420--33px,
  .grid-cmn.grid_gutter__ssp420--33px {
    margin-left: -33px;
    margin-bottom: -33px;
  }
  .grid--12.grid_gutter__ssp420--33px > *,
  .grid-cmn.grid_gutter__ssp420--33px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px;
  }
  .grid--12.grid_gutter__ssp420--34px,
  .grid-cmn.grid_gutter__ssp420--34px {
    margin-left: -34px;
    margin-bottom: -34px;
  }
  .grid--12.grid_gutter__ssp420--34px > *,
  .grid-cmn.grid_gutter__ssp420--34px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px;
  }
  .grid--12.grid_gutter__ssp420--35px,
  .grid-cmn.grid_gutter__ssp420--35px {
    margin-left: -35px;
    margin-bottom: -35px;
  }
  .grid--12.grid_gutter__ssp420--35px > *,
  .grid-cmn.grid_gutter__ssp420--35px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px;
  }
  .grid--12.grid_gutter__ssp420--36px,
  .grid-cmn.grid_gutter__ssp420--36px {
    margin-left: -36px;
    margin-bottom: -36px;
  }
  .grid--12.grid_gutter__ssp420--36px > *,
  .grid-cmn.grid_gutter__ssp420--36px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px;
  }
  .grid--12.grid_gutter__ssp420--37px,
  .grid-cmn.grid_gutter__ssp420--37px {
    margin-left: -37px;
    margin-bottom: -37px;
  }
  .grid--12.grid_gutter__ssp420--37px > *,
  .grid-cmn.grid_gutter__ssp420--37px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px;
  }
  .grid--12.grid_gutter__ssp420--38px,
  .grid-cmn.grid_gutter__ssp420--38px {
    margin-left: -38px;
    margin-bottom: -38px;
  }
  .grid--12.grid_gutter__ssp420--38px > *,
  .grid-cmn.grid_gutter__ssp420--38px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px;
  }
  .grid--12.grid_gutter__ssp420--39px,
  .grid-cmn.grid_gutter__ssp420--39px {
    margin-left: -39px;
    margin-bottom: -39px;
  }
  .grid--12.grid_gutter__ssp420--39px > *,
  .grid-cmn.grid_gutter__ssp420--39px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px;
  }
  .grid--12.grid_gutter__ssp420--40px,
  .grid-cmn.grid_gutter__ssp420--40px {
    margin-left: -40px;
    margin-bottom: -40px;
  }
  .grid--12.grid_gutter__ssp420--40px > *,
  .grid-cmn.grid_gutter__ssp420--40px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .grid--12.grid_gutter__ssp420--41px,
  .grid-cmn.grid_gutter__ssp420--41px {
    margin-left: -41px;
    margin-bottom: -41px;
  }
  .grid--12.grid_gutter__ssp420--41px > *,
  .grid-cmn.grid_gutter__ssp420--41px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px;
  }
  .grid--12.grid_gutter__ssp420--42px,
  .grid-cmn.grid_gutter__ssp420--42px {
    margin-left: -42px;
    margin-bottom: -42px;
  }
  .grid--12.grid_gutter__ssp420--42px > *,
  .grid-cmn.grid_gutter__ssp420--42px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px;
  }
  .grid--12.grid_gutter__ssp420--43px,
  .grid-cmn.grid_gutter__ssp420--43px {
    margin-left: -43px;
    margin-bottom: -43px;
  }
  .grid--12.grid_gutter__ssp420--43px > *,
  .grid-cmn.grid_gutter__ssp420--43px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px;
  }
  .grid--12.grid_gutter__ssp420--44px,
  .grid-cmn.grid_gutter__ssp420--44px {
    margin-left: -44px;
    margin-bottom: -44px;
  }
  .grid--12.grid_gutter__ssp420--44px > *,
  .grid-cmn.grid_gutter__ssp420--44px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px;
  }
  .grid--12.grid_gutter__ssp420--45px,
  .grid-cmn.grid_gutter__ssp420--45px {
    margin-left: -45px;
    margin-bottom: -45px;
  }
  .grid--12.grid_gutter__ssp420--45px > *,
  .grid-cmn.grid_gutter__ssp420--45px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px;
  }
  .grid--12.grid_gutter__ssp420--46px,
  .grid-cmn.grid_gutter__ssp420--46px {
    margin-left: -46px;
    margin-bottom: -46px;
  }
  .grid--12.grid_gutter__ssp420--46px > *,
  .grid-cmn.grid_gutter__ssp420--46px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px;
  }
  .grid--12.grid_gutter__ssp420--47px,
  .grid-cmn.grid_gutter__ssp420--47px {
    margin-left: -47px;
    margin-bottom: -47px;
  }
  .grid--12.grid_gutter__ssp420--47px > *,
  .grid-cmn.grid_gutter__ssp420--47px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px;
  }
  .grid--12.grid_gutter__ssp420--48px,
  .grid-cmn.grid_gutter__ssp420--48px {
    margin-left: -48px;
    margin-bottom: -48px;
  }
  .grid--12.grid_gutter__ssp420--48px > *,
  .grid-cmn.grid_gutter__ssp420--48px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px;
  }
  .grid--12.grid_gutter__ssp420--49px,
  .grid-cmn.grid_gutter__ssp420--49px {
    margin-left: -49px;
    margin-bottom: -49px;
  }
  .grid--12.grid_gutter__ssp420--49px > *,
  .grid-cmn.grid_gutter__ssp420--49px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px;
  }
  .grid--12.grid_gutter__ssp420--50px,
  .grid-cmn.grid_gutter__ssp420--50px {
    margin-left: -50px;
    margin-bottom: -50px;
  }
  .grid--12.grid_gutter__ssp420--50px > *,
  .grid-cmn.grid_gutter__ssp420--50px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .grid--12.grid_gutter__ssp420--51px,
  .grid-cmn.grid_gutter__ssp420--51px {
    margin-left: -51px;
    margin-bottom: -51px;
  }
  .grid--12.grid_gutter__ssp420--51px > *,
  .grid-cmn.grid_gutter__ssp420--51px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px;
  }
  .grid--12.grid_gutter__ssp420--52px,
  .grid-cmn.grid_gutter__ssp420--52px {
    margin-left: -52px;
    margin-bottom: -52px;
  }
  .grid--12.grid_gutter__ssp420--52px > *,
  .grid-cmn.grid_gutter__ssp420--52px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px;
  }
  .grid--12.grid_gutter__ssp420--53px,
  .grid-cmn.grid_gutter__ssp420--53px {
    margin-left: -53px;
    margin-bottom: -53px;
  }
  .grid--12.grid_gutter__ssp420--53px > *,
  .grid-cmn.grid_gutter__ssp420--53px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px;
  }
  .grid--12.grid_gutter__ssp420--54px,
  .grid-cmn.grid_gutter__ssp420--54px {
    margin-left: -54px;
    margin-bottom: -54px;
  }
  .grid--12.grid_gutter__ssp420--54px > *,
  .grid-cmn.grid_gutter__ssp420--54px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px;
  }
  .grid--12.grid_gutter__ssp420--55px,
  .grid-cmn.grid_gutter__ssp420--55px {
    margin-left: -55px;
    margin-bottom: -55px;
  }
  .grid--12.grid_gutter__ssp420--55px > *,
  .grid-cmn.grid_gutter__ssp420--55px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px;
  }
  .grid--12.grid_gutter__ssp420--56px,
  .grid-cmn.grid_gutter__ssp420--56px {
    margin-left: -56px;
    margin-bottom: -56px;
  }
  .grid--12.grid_gutter__ssp420--56px > *,
  .grid-cmn.grid_gutter__ssp420--56px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px;
  }
  .grid--12.grid_gutter__ssp420--57px,
  .grid-cmn.grid_gutter__ssp420--57px {
    margin-left: -57px;
    margin-bottom: -57px;
  }
  .grid--12.grid_gutter__ssp420--57px > *,
  .grid-cmn.grid_gutter__ssp420--57px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px;
  }
  .grid--12.grid_gutter__ssp420--58px,
  .grid-cmn.grid_gutter__ssp420--58px {
    margin-left: -58px;
    margin-bottom: -58px;
  }
  .grid--12.grid_gutter__ssp420--58px > *,
  .grid-cmn.grid_gutter__ssp420--58px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px;
  }
  .grid--12.grid_gutter__ssp420--59px,
  .grid-cmn.grid_gutter__ssp420--59px {
    margin-left: -59px;
    margin-bottom: -59px;
  }
  .grid--12.grid_gutter__ssp420--59px > *,
  .grid-cmn.grid_gutter__ssp420--59px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px;
  }
  .grid--12.grid_gutter__ssp420--60px,
  .grid-cmn.grid_gutter__ssp420--60px {
    margin-left: -60px;
    margin-bottom: -60px;
  }
  .grid--12.grid_gutter__ssp420--60px > *,
  .grid-cmn.grid_gutter__ssp420--60px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px;
  }
  .grid--12.grid_gutter__ssp420--0px_0px,
  .grid-cmn.grid_gutter__ssp420--0px_0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp420--0px_0px > *,
  .grid-cmn.grid_gutter__ssp420--0px_0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp420--1px_0.5px,
  .grid-cmn.grid_gutter__ssp420--1px_0.5px {
    margin-left: -1px;
    margin-bottom: -0.5px;
  }
  .grid--12.grid_gutter__ssp420--1px_0.5px > *,
  .grid-cmn.grid_gutter__ssp420--1px_0.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 0.5px;
  }
  .grid--12.grid_gutter__ssp420--2px_1px,
  .grid-cmn.grid_gutter__ssp420--2px_1px {
    margin-left: -2px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__ssp420--2px_1px > *,
  .grid-cmn.grid_gutter__ssp420--2px_1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__ssp420--3px_1.5px,
  .grid-cmn.grid_gutter__ssp420--3px_1.5px {
    margin-left: -3px;
    margin-bottom: -1.5px;
  }
  .grid--12.grid_gutter__ssp420--3px_1.5px > *,
  .grid-cmn.grid_gutter__ssp420--3px_1.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 1.5px;
  }
  .grid--12.grid_gutter__ssp420--4px_2px,
  .grid-cmn.grid_gutter__ssp420--4px_2px {
    margin-left: -4px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__ssp420--4px_2px > *,
  .grid-cmn.grid_gutter__ssp420--4px_2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__ssp420--5px_2.5px,
  .grid-cmn.grid_gutter__ssp420--5px_2.5px {
    margin-left: -5px;
    margin-bottom: -2.5px;
  }
  .grid--12.grid_gutter__ssp420--5px_2.5px > *,
  .grid-cmn.grid_gutter__ssp420--5px_2.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 2.5px;
  }
  .grid--12.grid_gutter__ssp420--6px_3px,
  .grid-cmn.grid_gutter__ssp420--6px_3px {
    margin-left: -6px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__ssp420--6px_3px > *,
  .grid-cmn.grid_gutter__ssp420--6px_3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__ssp420--7px_3.5px,
  .grid-cmn.grid_gutter__ssp420--7px_3.5px {
    margin-left: -7px;
    margin-bottom: -3.5px;
  }
  .grid--12.grid_gutter__ssp420--7px_3.5px > *,
  .grid-cmn.grid_gutter__ssp420--7px_3.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 3.5px;
  }
  .grid--12.grid_gutter__ssp420--8px_4px,
  .grid-cmn.grid_gutter__ssp420--8px_4px {
    margin-left: -8px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__ssp420--8px_4px > *,
  .grid-cmn.grid_gutter__ssp420--8px_4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__ssp420--9px_4.5px,
  .grid-cmn.grid_gutter__ssp420--9px_4.5px {
    margin-left: -9px;
    margin-bottom: -4.5px;
  }
  .grid--12.grid_gutter__ssp420--9px_4.5px > *,
  .grid-cmn.grid_gutter__ssp420--9px_4.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 4.5px;
  }
  .grid--12.grid_gutter__ssp420--10px_5px,
  .grid-cmn.grid_gutter__ssp420--10px_5px {
    margin-left: -10px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__ssp420--10px_5px > *,
  .grid-cmn.grid_gutter__ssp420--10px_5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__ssp420--11px_5.5px,
  .grid-cmn.grid_gutter__ssp420--11px_5.5px {
    margin-left: -11px;
    margin-bottom: -5.5px;
  }
  .grid--12.grid_gutter__ssp420--11px_5.5px > *,
  .grid-cmn.grid_gutter__ssp420--11px_5.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 5.5px;
  }
  .grid--12.grid_gutter__ssp420--12px_6px,
  .grid-cmn.grid_gutter__ssp420--12px_6px {
    margin-left: -12px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__ssp420--12px_6px > *,
  .grid-cmn.grid_gutter__ssp420--12px_6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__ssp420--13px_6.5px,
  .grid-cmn.grid_gutter__ssp420--13px_6.5px {
    margin-left: -13px;
    margin-bottom: -6.5px;
  }
  .grid--12.grid_gutter__ssp420--13px_6.5px > *,
  .grid-cmn.grid_gutter__ssp420--13px_6.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 6.5px;
  }
  .grid--12.grid_gutter__ssp420--14px_7px,
  .grid-cmn.grid_gutter__ssp420--14px_7px {
    margin-left: -14px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__ssp420--14px_7px > *,
  .grid-cmn.grid_gutter__ssp420--14px_7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__ssp420--15px_7.5px,
  .grid-cmn.grid_gutter__ssp420--15px_7.5px {
    margin-left: -15px;
    margin-bottom: -7.5px;
  }
  .grid--12.grid_gutter__ssp420--15px_7.5px > *,
  .grid-cmn.grid_gutter__ssp420--15px_7.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 7.5px;
  }
  .grid--12.grid_gutter__ssp420--16px_8px,
  .grid-cmn.grid_gutter__ssp420--16px_8px {
    margin-left: -16px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__ssp420--16px_8px > *,
  .grid-cmn.grid_gutter__ssp420--16px_8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__ssp420--17px_8.5px,
  .grid-cmn.grid_gutter__ssp420--17px_8.5px {
    margin-left: -17px;
    margin-bottom: -8.5px;
  }
  .grid--12.grid_gutter__ssp420--17px_8.5px > *,
  .grid-cmn.grid_gutter__ssp420--17px_8.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 8.5px;
  }
  .grid--12.grid_gutter__ssp420--18px_9px,
  .grid-cmn.grid_gutter__ssp420--18px_9px {
    margin-left: -18px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__ssp420--18px_9px > *,
  .grid-cmn.grid_gutter__ssp420--18px_9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__ssp420--19px_9.5px,
  .grid-cmn.grid_gutter__ssp420--19px_9.5px {
    margin-left: -19px;
    margin-bottom: -9.5px;
  }
  .grid--12.grid_gutter__ssp420--19px_9.5px > *,
  .grid-cmn.grid_gutter__ssp420--19px_9.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 9.5px;
  }
  .grid--12.grid_gutter__ssp420--20px_10px,
  .grid-cmn.grid_gutter__ssp420--20px_10px {
    margin-left: -20px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__ssp420--20px_10px > *,
  .grid-cmn.grid_gutter__ssp420--20px_10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__ssp420--21px_10.5px,
  .grid-cmn.grid_gutter__ssp420--21px_10.5px {
    margin-left: -21px;
    margin-bottom: -10.5px;
  }
  .grid--12.grid_gutter__ssp420--21px_10.5px > *,
  .grid-cmn.grid_gutter__ssp420--21px_10.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 10.5px;
  }
  .grid--12.grid_gutter__ssp420--22px_11px,
  .grid-cmn.grid_gutter__ssp420--22px_11px {
    margin-left: -22px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__ssp420--22px_11px > *,
  .grid-cmn.grid_gutter__ssp420--22px_11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__ssp420--23px_11.5px,
  .grid-cmn.grid_gutter__ssp420--23px_11.5px {
    margin-left: -23px;
    margin-bottom: -11.5px;
  }
  .grid--12.grid_gutter__ssp420--23px_11.5px > *,
  .grid-cmn.grid_gutter__ssp420--23px_11.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 11.5px;
  }
  .grid--12.grid_gutter__ssp420--24px_12px,
  .grid-cmn.grid_gutter__ssp420--24px_12px {
    margin-left: -24px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__ssp420--24px_12px > *,
  .grid-cmn.grid_gutter__ssp420--24px_12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__ssp420--25px_12.5px,
  .grid-cmn.grid_gutter__ssp420--25px_12.5px {
    margin-left: -25px;
    margin-bottom: -12.5px;
  }
  .grid--12.grid_gutter__ssp420--25px_12.5px > *,
  .grid-cmn.grid_gutter__ssp420--25px_12.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 12.5px;
  }
  .grid--12.grid_gutter__ssp420--26px_13px,
  .grid-cmn.grid_gutter__ssp420--26px_13px {
    margin-left: -26px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__ssp420--26px_13px > *,
  .grid-cmn.grid_gutter__ssp420--26px_13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__ssp420--27px_13.5px,
  .grid-cmn.grid_gutter__ssp420--27px_13.5px {
    margin-left: -27px;
    margin-bottom: -13.5px;
  }
  .grid--12.grid_gutter__ssp420--27px_13.5px > *,
  .grid-cmn.grid_gutter__ssp420--27px_13.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 13.5px;
  }
  .grid--12.grid_gutter__ssp420--28px_14px,
  .grid-cmn.grid_gutter__ssp420--28px_14px {
    margin-left: -28px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__ssp420--28px_14px > *,
  .grid-cmn.grid_gutter__ssp420--28px_14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__ssp420--29px_14.5px,
  .grid-cmn.grid_gutter__ssp420--29px_14.5px {
    margin-left: -29px;
    margin-bottom: -14.5px;
  }
  .grid--12.grid_gutter__ssp420--29px_14.5px > *,
  .grid-cmn.grid_gutter__ssp420--29px_14.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 14.5px;
  }
  .grid--12.grid_gutter__ssp420--30px_15px,
  .grid-cmn.grid_gutter__ssp420--30px_15px {
    margin-left: -30px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__ssp420--30px_15px > *,
  .grid-cmn.grid_gutter__ssp420--30px_15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__ssp420--31px_15.5px,
  .grid-cmn.grid_gutter__ssp420--31px_15.5px {
    margin-left: -31px;
    margin-bottom: -15.5px;
  }
  .grid--12.grid_gutter__ssp420--31px_15.5px > *,
  .grid-cmn.grid_gutter__ssp420--31px_15.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 15.5px;
  }
  .grid--12.grid_gutter__ssp420--32px_16px,
  .grid-cmn.grid_gutter__ssp420--32px_16px {
    margin-left: -32px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__ssp420--32px_16px > *,
  .grid-cmn.grid_gutter__ssp420--32px_16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__ssp420--33px_16.5px,
  .grid-cmn.grid_gutter__ssp420--33px_16.5px {
    margin-left: -33px;
    margin-bottom: -16.5px;
  }
  .grid--12.grid_gutter__ssp420--33px_16.5px > *,
  .grid-cmn.grid_gutter__ssp420--33px_16.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 16.5px;
  }
  .grid--12.grid_gutter__ssp420--34px_17px,
  .grid-cmn.grid_gutter__ssp420--34px_17px {
    margin-left: -34px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__ssp420--34px_17px > *,
  .grid-cmn.grid_gutter__ssp420--34px_17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__ssp420--35px_17.5px,
  .grid-cmn.grid_gutter__ssp420--35px_17.5px {
    margin-left: -35px;
    margin-bottom: -17.5px;
  }
  .grid--12.grid_gutter__ssp420--35px_17.5px > *,
  .grid-cmn.grid_gutter__ssp420--35px_17.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 17.5px;
  }
  .grid--12.grid_gutter__ssp420--36px_18px,
  .grid-cmn.grid_gutter__ssp420--36px_18px {
    margin-left: -36px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__ssp420--36px_18px > *,
  .grid-cmn.grid_gutter__ssp420--36px_18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__ssp420--37px_18.5px,
  .grid-cmn.grid_gutter__ssp420--37px_18.5px {
    margin-left: -37px;
    margin-bottom: -18.5px;
  }
  .grid--12.grid_gutter__ssp420--37px_18.5px > *,
  .grid-cmn.grid_gutter__ssp420--37px_18.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 18.5px;
  }
  .grid--12.grid_gutter__ssp420--38px_19px,
  .grid-cmn.grid_gutter__ssp420--38px_19px {
    margin-left: -38px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__ssp420--38px_19px > *,
  .grid-cmn.grid_gutter__ssp420--38px_19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__ssp420--39px_19.5px,
  .grid-cmn.grid_gutter__ssp420--39px_19.5px {
    margin-left: -39px;
    margin-bottom: -19.5px;
  }
  .grid--12.grid_gutter__ssp420--39px_19.5px > *,
  .grid-cmn.grid_gutter__ssp420--39px_19.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 19.5px;
  }
  .grid--12.grid_gutter__ssp420--40px_20px,
  .grid-cmn.grid_gutter__ssp420--40px_20px {
    margin-left: -40px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__ssp420--40px_20px > *,
  .grid-cmn.grid_gutter__ssp420--40px_20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__ssp420--41px_20.5px,
  .grid-cmn.grid_gutter__ssp420--41px_20.5px {
    margin-left: -41px;
    margin-bottom: -20.5px;
  }
  .grid--12.grid_gutter__ssp420--41px_20.5px > *,
  .grid-cmn.grid_gutter__ssp420--41px_20.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 20.5px;
  }
  .grid--12.grid_gutter__ssp420--42px_21px,
  .grid-cmn.grid_gutter__ssp420--42px_21px {
    margin-left: -42px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__ssp420--42px_21px > *,
  .grid-cmn.grid_gutter__ssp420--42px_21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__ssp420--43px_21.5px,
  .grid-cmn.grid_gutter__ssp420--43px_21.5px {
    margin-left: -43px;
    margin-bottom: -21.5px;
  }
  .grid--12.grid_gutter__ssp420--43px_21.5px > *,
  .grid-cmn.grid_gutter__ssp420--43px_21.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 21.5px;
  }
  .grid--12.grid_gutter__ssp420--44px_22px,
  .grid-cmn.grid_gutter__ssp420--44px_22px {
    margin-left: -44px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__ssp420--44px_22px > *,
  .grid-cmn.grid_gutter__ssp420--44px_22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__ssp420--45px_22.5px,
  .grid-cmn.grid_gutter__ssp420--45px_22.5px {
    margin-left: -45px;
    margin-bottom: -22.5px;
  }
  .grid--12.grid_gutter__ssp420--45px_22.5px > *,
  .grid-cmn.grid_gutter__ssp420--45px_22.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 22.5px;
  }
  .grid--12.grid_gutter__ssp420--46px_23px,
  .grid-cmn.grid_gutter__ssp420--46px_23px {
    margin-left: -46px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__ssp420--46px_23px > *,
  .grid-cmn.grid_gutter__ssp420--46px_23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__ssp420--47px_23.5px,
  .grid-cmn.grid_gutter__ssp420--47px_23.5px {
    margin-left: -47px;
    margin-bottom: -23.5px;
  }
  .grid--12.grid_gutter__ssp420--47px_23.5px > *,
  .grid-cmn.grid_gutter__ssp420--47px_23.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 23.5px;
  }
  .grid--12.grid_gutter__ssp420--48px_24px,
  .grid-cmn.grid_gutter__ssp420--48px_24px {
    margin-left: -48px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__ssp420--48px_24px > *,
  .grid-cmn.grid_gutter__ssp420--48px_24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__ssp420--49px_24.5px,
  .grid-cmn.grid_gutter__ssp420--49px_24.5px {
    margin-left: -49px;
    margin-bottom: -24.5px;
  }
  .grid--12.grid_gutter__ssp420--49px_24.5px > *,
  .grid-cmn.grid_gutter__ssp420--49px_24.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 24.5px;
  }
  .grid--12.grid_gutter__ssp420--50px_25px,
  .grid-cmn.grid_gutter__ssp420--50px_25px {
    margin-left: -50px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__ssp420--50px_25px > *,
  .grid-cmn.grid_gutter__ssp420--50px_25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__ssp420--51px_25.5px,
  .grid-cmn.grid_gutter__ssp420--51px_25.5px {
    margin-left: -51px;
    margin-bottom: -25.5px;
  }
  .grid--12.grid_gutter__ssp420--51px_25.5px > *,
  .grid-cmn.grid_gutter__ssp420--51px_25.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 25.5px;
  }
  .grid--12.grid_gutter__ssp420--52px_26px,
  .grid-cmn.grid_gutter__ssp420--52px_26px {
    margin-left: -52px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__ssp420--52px_26px > *,
  .grid-cmn.grid_gutter__ssp420--52px_26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__ssp420--53px_26.5px,
  .grid-cmn.grid_gutter__ssp420--53px_26.5px {
    margin-left: -53px;
    margin-bottom: -26.5px;
  }
  .grid--12.grid_gutter__ssp420--53px_26.5px > *,
  .grid-cmn.grid_gutter__ssp420--53px_26.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 26.5px;
  }
  .grid--12.grid_gutter__ssp420--54px_27px,
  .grid-cmn.grid_gutter__ssp420--54px_27px {
    margin-left: -54px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__ssp420--54px_27px > *,
  .grid-cmn.grid_gutter__ssp420--54px_27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__ssp420--55px_27.5px,
  .grid-cmn.grid_gutter__ssp420--55px_27.5px {
    margin-left: -55px;
    margin-bottom: -27.5px;
  }
  .grid--12.grid_gutter__ssp420--55px_27.5px > *,
  .grid-cmn.grid_gutter__ssp420--55px_27.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 27.5px;
  }
  .grid--12.grid_gutter__ssp420--56px_28px,
  .grid-cmn.grid_gutter__ssp420--56px_28px {
    margin-left: -56px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__ssp420--56px_28px > *,
  .grid-cmn.grid_gutter__ssp420--56px_28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__ssp420--57px_28.5px,
  .grid-cmn.grid_gutter__ssp420--57px_28.5px {
    margin-left: -57px;
    margin-bottom: -28.5px;
  }
  .grid--12.grid_gutter__ssp420--57px_28.5px > *,
  .grid-cmn.grid_gutter__ssp420--57px_28.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 28.5px;
  }
  .grid--12.grid_gutter__ssp420--58px_29px,
  .grid-cmn.grid_gutter__ssp420--58px_29px {
    margin-left: -58px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__ssp420--58px_29px > *,
  .grid-cmn.grid_gutter__ssp420--58px_29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__ssp420--59px_29.5px,
  .grid-cmn.grid_gutter__ssp420--59px_29.5px {
    margin-left: -59px;
    margin-bottom: -29.5px;
  }
  .grid--12.grid_gutter__ssp420--59px_29.5px > *,
  .grid-cmn.grid_gutter__ssp420--59px_29.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 29.5px;
  }
  .grid--12.grid_gutter__ssp420--60px_30px,
  .grid-cmn.grid_gutter__ssp420--60px_30px {
    margin-left: -60px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__ssp420--60px_30px > *,
  .grid-cmn.grid_gutter__ssp420--60px_30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 30px;
  }
}

@media all and (max-width: 360px) {
  .grid--12.grid_gutter__ssp--0,
  .grid-cmn.grid_gutter__ssp--0 {
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .grid--12.grid_gutter__ssp--0 > *,
  .grid-cmn.grid_gutter__ssp--0 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0%;
    padding-bottom: 0%;
  }
  .grid--12.grid_gutter__ssp--1,
  .grid-cmn.grid_gutter__ssp--1 {
    margin-left: -1%;
    margin-bottom: -1%;
  }
  .grid--12.grid_gutter__ssp--1 > *,
  .grid-cmn.grid_gutter__ssp--1 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%;
  }
  .grid--12.grid_gutter__ssp--2,
  .grid-cmn.grid_gutter__ssp--2 {
    margin-left: -2%;
    margin-bottom: -2%;
  }
  .grid--12.grid_gutter__ssp--2 > *,
  .grid-cmn.grid_gutter__ssp--2 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%;
  }
  .grid--12.grid_gutter__ssp--3,
  .grid-cmn.grid_gutter__ssp--3 {
    margin-left: -3%;
    margin-bottom: -3%;
  }
  .grid--12.grid_gutter__ssp--3 > *,
  .grid-cmn.grid_gutter__ssp--3 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%;
  }
  .grid--12.grid_gutter__ssp--4,
  .grid-cmn.grid_gutter__ssp--4 {
    margin-left: -4%;
    margin-bottom: -4%;
  }
  .grid--12.grid_gutter__ssp--4 > *,
  .grid-cmn.grid_gutter__ssp--4 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%;
  }
  .grid--12.grid_gutter__ssp--5,
  .grid-cmn.grid_gutter__ssp--5 {
    margin-left: -5%;
    margin-bottom: -5%;
  }
  .grid--12.grid_gutter__ssp--5 > *,
  .grid-cmn.grid_gutter__ssp--5 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%;
  }
  .grid--12.grid_gutter__ssp--6,
  .grid-cmn.grid_gutter__ssp--6 {
    margin-left: -6%;
    margin-bottom: -6%;
  }
  .grid--12.grid_gutter__ssp--6 > *,
  .grid-cmn.grid_gutter__ssp--6 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%;
  }
  .grid--12.grid_gutter__ssp--7,
  .grid-cmn.grid_gutter__ssp--7 {
    margin-left: -7%;
    margin-bottom: -7%;
  }
  .grid--12.grid_gutter__ssp--7 > *,
  .grid-cmn.grid_gutter__ssp--7 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%;
  }
  .grid--12.grid_gutter__ssp--8,
  .grid-cmn.grid_gutter__ssp--8 {
    margin-left: -8%;
    margin-bottom: -8%;
  }
  .grid--12.grid_gutter__ssp--8 > *,
  .grid-cmn.grid_gutter__ssp--8 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%;
  }
  .grid--12.grid_gutter__ssp--9,
  .grid-cmn.grid_gutter__ssp--9 {
    margin-left: -9%;
    margin-bottom: -9%;
  }
  .grid--12.grid_gutter__ssp--9 > *,
  .grid-cmn.grid_gutter__ssp--9 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%;
  }
  .grid--12.grid_gutter__ssp--10,
  .grid-cmn.grid_gutter__ssp--10 {
    margin-left: -10%;
    margin-bottom: -10%;
  }
  .grid--12.grid_gutter__ssp--10 > *,
  .grid-cmn.grid_gutter__ssp--10 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%;
  }
  .grid--12.grid_gutter__ssp--11,
  .grid-cmn.grid_gutter__ssp--11 {
    margin-left: -11%;
    margin-bottom: -11%;
  }
  .grid--12.grid_gutter__ssp--11 > *,
  .grid-cmn.grid_gutter__ssp--11 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%;
  }
  .grid--12.grid_gutter__ssp--12,
  .grid-cmn.grid_gutter__ssp--12 {
    margin-left: -12%;
    margin-bottom: -12%;
  }
  .grid--12.grid_gutter__ssp--12 > *,
  .grid-cmn.grid_gutter__ssp--12 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%;
  }
  .grid--12.grid_gutter__ssp--13,
  .grid-cmn.grid_gutter__ssp--13 {
    margin-left: -13%;
    margin-bottom: -13%;
  }
  .grid--12.grid_gutter__ssp--13 > *,
  .grid-cmn.grid_gutter__ssp--13 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%;
  }
  .grid--12.grid_gutter__ssp--14,
  .grid-cmn.grid_gutter__ssp--14 {
    margin-left: -14%;
    margin-bottom: -14%;
  }
  .grid--12.grid_gutter__ssp--14 > *,
  .grid-cmn.grid_gutter__ssp--14 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%;
  }
  .grid--12.grid_gutter__ssp--15,
  .grid-cmn.grid_gutter__ssp--15 {
    margin-left: -15%;
    margin-bottom: -15%;
  }
  .grid--12.grid_gutter__ssp--15 > *,
  .grid-cmn.grid_gutter__ssp--15 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%;
  }
  .grid--12.grid_gutter__ssp--16,
  .grid-cmn.grid_gutter__ssp--16 {
    margin-left: -16%;
    margin-bottom: -16%;
  }
  .grid--12.grid_gutter__ssp--16 > *,
  .grid-cmn.grid_gutter__ssp--16 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%;
  }
  .grid--12.grid_gutter__ssp--17,
  .grid-cmn.grid_gutter__ssp--17 {
    margin-left: -17%;
    margin-bottom: -17%;
  }
  .grid--12.grid_gutter__ssp--17 > *,
  .grid-cmn.grid_gutter__ssp--17 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%;
  }
  .grid--12.grid_gutter__ssp--18,
  .grid-cmn.grid_gutter__ssp--18 {
    margin-left: -18%;
    margin-bottom: -18%;
  }
  .grid--12.grid_gutter__ssp--18 > *,
  .grid-cmn.grid_gutter__ssp--18 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%;
  }
  .grid--12.grid_gutter__ssp--19,
  .grid-cmn.grid_gutter__ssp--19 {
    margin-left: -19%;
    margin-bottom: -19%;
  }
  .grid--12.grid_gutter__ssp--19 > *,
  .grid-cmn.grid_gutter__ssp--19 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%;
  }
  .grid--12.grid_gutter__ssp--20,
  .grid-cmn.grid_gutter__ssp--20 {
    margin-left: -20%;
    margin-bottom: -20%;
  }
  .grid--12.grid_gutter__ssp--20 > *,
  .grid-cmn.grid_gutter__ssp--20 > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%;
  }
  .grid--12.grid_gutter__ssp--0px,
  .grid-cmn.grid_gutter__ssp--0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp--0px > *,
  .grid-cmn.grid_gutter__ssp--0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp--1px,
  .grid-cmn.grid_gutter__ssp--1px {
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__ssp--1px > *,
  .grid-cmn.grid_gutter__ssp--1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__ssp--2px,
  .grid-cmn.grid_gutter__ssp--2px {
    margin-left: -2px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__ssp--2px > *,
  .grid-cmn.grid_gutter__ssp--2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__ssp--3px,
  .grid-cmn.grid_gutter__ssp--3px {
    margin-left: -3px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__ssp--3px > *,
  .grid-cmn.grid_gutter__ssp--3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__ssp--4px,
  .grid-cmn.grid_gutter__ssp--4px {
    margin-left: -4px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__ssp--4px > *,
  .grid-cmn.grid_gutter__ssp--4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__ssp--5px,
  .grid-cmn.grid_gutter__ssp--5px {
    margin-left: -5px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__ssp--5px > *,
  .grid-cmn.grid_gutter__ssp--5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__ssp--6px,
  .grid-cmn.grid_gutter__ssp--6px {
    margin-left: -6px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__ssp--6px > *,
  .grid-cmn.grid_gutter__ssp--6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__ssp--7px,
  .grid-cmn.grid_gutter__ssp--7px {
    margin-left: -7px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__ssp--7px > *,
  .grid-cmn.grid_gutter__ssp--7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__ssp--8px,
  .grid-cmn.grid_gutter__ssp--8px {
    margin-left: -8px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__ssp--8px > *,
  .grid-cmn.grid_gutter__ssp--8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__ssp--9px,
  .grid-cmn.grid_gutter__ssp--9px {
    margin-left: -9px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__ssp--9px > *,
  .grid-cmn.grid_gutter__ssp--9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__ssp--10px,
  .grid-cmn.grid_gutter__ssp--10px {
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__ssp--10px > *,
  .grid-cmn.grid_gutter__ssp--10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__ssp--11px,
  .grid-cmn.grid_gutter__ssp--11px {
    margin-left: -11px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__ssp--11px > *,
  .grid-cmn.grid_gutter__ssp--11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__ssp--12px,
  .grid-cmn.grid_gutter__ssp--12px {
    margin-left: -12px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__ssp--12px > *,
  .grid-cmn.grid_gutter__ssp--12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__ssp--13px,
  .grid-cmn.grid_gutter__ssp--13px {
    margin-left: -13px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__ssp--13px > *,
  .grid-cmn.grid_gutter__ssp--13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__ssp--14px,
  .grid-cmn.grid_gutter__ssp--14px {
    margin-left: -14px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__ssp--14px > *,
  .grid-cmn.grid_gutter__ssp--14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__ssp--15px,
  .grid-cmn.grid_gutter__ssp--15px {
    margin-left: -15px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__ssp--15px > *,
  .grid-cmn.grid_gutter__ssp--15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__ssp--16px,
  .grid-cmn.grid_gutter__ssp--16px {
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__ssp--16px > *,
  .grid-cmn.grid_gutter__ssp--16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__ssp--17px,
  .grid-cmn.grid_gutter__ssp--17px {
    margin-left: -17px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__ssp--17px > *,
  .grid-cmn.grid_gutter__ssp--17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__ssp--18px,
  .grid-cmn.grid_gutter__ssp--18px {
    margin-left: -18px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__ssp--18px > *,
  .grid-cmn.grid_gutter__ssp--18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__ssp--19px,
  .grid-cmn.grid_gutter__ssp--19px {
    margin-left: -19px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__ssp--19px > *,
  .grid-cmn.grid_gutter__ssp--19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__ssp--20px,
  .grid-cmn.grid_gutter__ssp--20px {
    margin-left: -20px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__ssp--20px > *,
  .grid-cmn.grid_gutter__ssp--20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__ssp--21px,
  .grid-cmn.grid_gutter__ssp--21px {
    margin-left: -21px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__ssp--21px > *,
  .grid-cmn.grid_gutter__ssp--21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__ssp--22px,
  .grid-cmn.grid_gutter__ssp--22px {
    margin-left: -22px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__ssp--22px > *,
  .grid-cmn.grid_gutter__ssp--22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__ssp--23px,
  .grid-cmn.grid_gutter__ssp--23px {
    margin-left: -23px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__ssp--23px > *,
  .grid-cmn.grid_gutter__ssp--23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__ssp--24px,
  .grid-cmn.grid_gutter__ssp--24px {
    margin-left: -24px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__ssp--24px > *,
  .grid-cmn.grid_gutter__ssp--24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__ssp--25px,
  .grid-cmn.grid_gutter__ssp--25px {
    margin-left: -25px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__ssp--25px > *,
  .grid-cmn.grid_gutter__ssp--25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__ssp--26px,
  .grid-cmn.grid_gutter__ssp--26px {
    margin-left: -26px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__ssp--26px > *,
  .grid-cmn.grid_gutter__ssp--26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__ssp--27px,
  .grid-cmn.grid_gutter__ssp--27px {
    margin-left: -27px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__ssp--27px > *,
  .grid-cmn.grid_gutter__ssp--27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__ssp--28px,
  .grid-cmn.grid_gutter__ssp--28px {
    margin-left: -28px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__ssp--28px > *,
  .grid-cmn.grid_gutter__ssp--28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__ssp--29px,
  .grid-cmn.grid_gutter__ssp--29px {
    margin-left: -29px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__ssp--29px > *,
  .grid-cmn.grid_gutter__ssp--29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__ssp--30px,
  .grid-cmn.grid_gutter__ssp--30px {
    margin-left: -30px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__ssp--30px > *,
  .grid-cmn.grid_gutter__ssp--30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .grid--12.grid_gutter__ssp--31px,
  .grid-cmn.grid_gutter__ssp--31px {
    margin-left: -31px;
    margin-bottom: -31px;
  }
  .grid--12.grid_gutter__ssp--31px > *,
  .grid-cmn.grid_gutter__ssp--31px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px;
  }
  .grid--12.grid_gutter__ssp--32px,
  .grid-cmn.grid_gutter__ssp--32px {
    margin-left: -32px;
    margin-bottom: -32px;
  }
  .grid--12.grid_gutter__ssp--32px > *,
  .grid-cmn.grid_gutter__ssp--32px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  .grid--12.grid_gutter__ssp--33px,
  .grid-cmn.grid_gutter__ssp--33px {
    margin-left: -33px;
    margin-bottom: -33px;
  }
  .grid--12.grid_gutter__ssp--33px > *,
  .grid-cmn.grid_gutter__ssp--33px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px;
  }
  .grid--12.grid_gutter__ssp--34px,
  .grid-cmn.grid_gutter__ssp--34px {
    margin-left: -34px;
    margin-bottom: -34px;
  }
  .grid--12.grid_gutter__ssp--34px > *,
  .grid-cmn.grid_gutter__ssp--34px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px;
  }
  .grid--12.grid_gutter__ssp--35px,
  .grid-cmn.grid_gutter__ssp--35px {
    margin-left: -35px;
    margin-bottom: -35px;
  }
  .grid--12.grid_gutter__ssp--35px > *,
  .grid-cmn.grid_gutter__ssp--35px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px;
  }
  .grid--12.grid_gutter__ssp--36px,
  .grid-cmn.grid_gutter__ssp--36px {
    margin-left: -36px;
    margin-bottom: -36px;
  }
  .grid--12.grid_gutter__ssp--36px > *,
  .grid-cmn.grid_gutter__ssp--36px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px;
  }
  .grid--12.grid_gutter__ssp--37px,
  .grid-cmn.grid_gutter__ssp--37px {
    margin-left: -37px;
    margin-bottom: -37px;
  }
  .grid--12.grid_gutter__ssp--37px > *,
  .grid-cmn.grid_gutter__ssp--37px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px;
  }
  .grid--12.grid_gutter__ssp--38px,
  .grid-cmn.grid_gutter__ssp--38px {
    margin-left: -38px;
    margin-bottom: -38px;
  }
  .grid--12.grid_gutter__ssp--38px > *,
  .grid-cmn.grid_gutter__ssp--38px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px;
  }
  .grid--12.grid_gutter__ssp--39px,
  .grid-cmn.grid_gutter__ssp--39px {
    margin-left: -39px;
    margin-bottom: -39px;
  }
  .grid--12.grid_gutter__ssp--39px > *,
  .grid-cmn.grid_gutter__ssp--39px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px;
  }
  .grid--12.grid_gutter__ssp--40px,
  .grid-cmn.grid_gutter__ssp--40px {
    margin-left: -40px;
    margin-bottom: -40px;
  }
  .grid--12.grid_gutter__ssp--40px > *,
  .grid-cmn.grid_gutter__ssp--40px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .grid--12.grid_gutter__ssp--41px,
  .grid-cmn.grid_gutter__ssp--41px {
    margin-left: -41px;
    margin-bottom: -41px;
  }
  .grid--12.grid_gutter__ssp--41px > *,
  .grid-cmn.grid_gutter__ssp--41px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px;
  }
  .grid--12.grid_gutter__ssp--42px,
  .grid-cmn.grid_gutter__ssp--42px {
    margin-left: -42px;
    margin-bottom: -42px;
  }
  .grid--12.grid_gutter__ssp--42px > *,
  .grid-cmn.grid_gutter__ssp--42px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px;
  }
  .grid--12.grid_gutter__ssp--43px,
  .grid-cmn.grid_gutter__ssp--43px {
    margin-left: -43px;
    margin-bottom: -43px;
  }
  .grid--12.grid_gutter__ssp--43px > *,
  .grid-cmn.grid_gutter__ssp--43px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px;
  }
  .grid--12.grid_gutter__ssp--44px,
  .grid-cmn.grid_gutter__ssp--44px {
    margin-left: -44px;
    margin-bottom: -44px;
  }
  .grid--12.grid_gutter__ssp--44px > *,
  .grid-cmn.grid_gutter__ssp--44px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px;
  }
  .grid--12.grid_gutter__ssp--45px,
  .grid-cmn.grid_gutter__ssp--45px {
    margin-left: -45px;
    margin-bottom: -45px;
  }
  .grid--12.grid_gutter__ssp--45px > *,
  .grid-cmn.grid_gutter__ssp--45px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px;
  }
  .grid--12.grid_gutter__ssp--46px,
  .grid-cmn.grid_gutter__ssp--46px {
    margin-left: -46px;
    margin-bottom: -46px;
  }
  .grid--12.grid_gutter__ssp--46px > *,
  .grid-cmn.grid_gutter__ssp--46px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px;
  }
  .grid--12.grid_gutter__ssp--47px,
  .grid-cmn.grid_gutter__ssp--47px {
    margin-left: -47px;
    margin-bottom: -47px;
  }
  .grid--12.grid_gutter__ssp--47px > *,
  .grid-cmn.grid_gutter__ssp--47px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px;
  }
  .grid--12.grid_gutter__ssp--48px,
  .grid-cmn.grid_gutter__ssp--48px {
    margin-left: -48px;
    margin-bottom: -48px;
  }
  .grid--12.grid_gutter__ssp--48px > *,
  .grid-cmn.grid_gutter__ssp--48px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px;
  }
  .grid--12.grid_gutter__ssp--49px,
  .grid-cmn.grid_gutter__ssp--49px {
    margin-left: -49px;
    margin-bottom: -49px;
  }
  .grid--12.grid_gutter__ssp--49px > *,
  .grid-cmn.grid_gutter__ssp--49px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px;
  }
  .grid--12.grid_gutter__ssp--50px,
  .grid-cmn.grid_gutter__ssp--50px {
    margin-left: -50px;
    margin-bottom: -50px;
  }
  .grid--12.grid_gutter__ssp--50px > *,
  .grid-cmn.grid_gutter__ssp--50px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px;
  }
  .grid--12.grid_gutter__ssp--51px,
  .grid-cmn.grid_gutter__ssp--51px {
    margin-left: -51px;
    margin-bottom: -51px;
  }
  .grid--12.grid_gutter__ssp--51px > *,
  .grid-cmn.grid_gutter__ssp--51px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px;
  }
  .grid--12.grid_gutter__ssp--52px,
  .grid-cmn.grid_gutter__ssp--52px {
    margin-left: -52px;
    margin-bottom: -52px;
  }
  .grid--12.grid_gutter__ssp--52px > *,
  .grid-cmn.grid_gutter__ssp--52px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px;
  }
  .grid--12.grid_gutter__ssp--53px,
  .grid-cmn.grid_gutter__ssp--53px {
    margin-left: -53px;
    margin-bottom: -53px;
  }
  .grid--12.grid_gutter__ssp--53px > *,
  .grid-cmn.grid_gutter__ssp--53px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px;
  }
  .grid--12.grid_gutter__ssp--54px,
  .grid-cmn.grid_gutter__ssp--54px {
    margin-left: -54px;
    margin-bottom: -54px;
  }
  .grid--12.grid_gutter__ssp--54px > *,
  .grid-cmn.grid_gutter__ssp--54px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px;
  }
  .grid--12.grid_gutter__ssp--55px,
  .grid-cmn.grid_gutter__ssp--55px {
    margin-left: -55px;
    margin-bottom: -55px;
  }
  .grid--12.grid_gutter__ssp--55px > *,
  .grid-cmn.grid_gutter__ssp--55px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px;
  }
  .grid--12.grid_gutter__ssp--56px,
  .grid-cmn.grid_gutter__ssp--56px {
    margin-left: -56px;
    margin-bottom: -56px;
  }
  .grid--12.grid_gutter__ssp--56px > *,
  .grid-cmn.grid_gutter__ssp--56px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px;
  }
  .grid--12.grid_gutter__ssp--57px,
  .grid-cmn.grid_gutter__ssp--57px {
    margin-left: -57px;
    margin-bottom: -57px;
  }
  .grid--12.grid_gutter__ssp--57px > *,
  .grid-cmn.grid_gutter__ssp--57px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px;
  }
  .grid--12.grid_gutter__ssp--58px,
  .grid-cmn.grid_gutter__ssp--58px {
    margin-left: -58px;
    margin-bottom: -58px;
  }
  .grid--12.grid_gutter__ssp--58px > *,
  .grid-cmn.grid_gutter__ssp--58px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px;
  }
  .grid--12.grid_gutter__ssp--59px,
  .grid-cmn.grid_gutter__ssp--59px {
    margin-left: -59px;
    margin-bottom: -59px;
  }
  .grid--12.grid_gutter__ssp--59px > *,
  .grid-cmn.grid_gutter__ssp--59px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px;
  }
  .grid--12.grid_gutter__ssp--60px,
  .grid-cmn.grid_gutter__ssp--60px {
    margin-left: -60px;
    margin-bottom: -60px;
  }
  .grid--12.grid_gutter__ssp--60px > *,
  .grid-cmn.grid_gutter__ssp--60px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px;
  }
  .grid--12.grid_gutter__ssp--0px_0px,
  .grid-cmn.grid_gutter__ssp--0px_0px {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp--0px_0px > *,
  .grid-cmn.grid_gutter__ssp--0px_0px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .grid--12.grid_gutter__ssp--1px_0.5px,
  .grid-cmn.grid_gutter__ssp--1px_0.5px {
    margin-left: -1px;
    margin-bottom: -0.5px;
  }
  .grid--12.grid_gutter__ssp--1px_0.5px > *,
  .grid-cmn.grid_gutter__ssp--1px_0.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 0.5px;
  }
  .grid--12.grid_gutter__ssp--2px_1px,
  .grid-cmn.grid_gutter__ssp--2px_1px {
    margin-left: -2px;
    margin-bottom: -1px;
  }
  .grid--12.grid_gutter__ssp--2px_1px > *,
  .grid-cmn.grid_gutter__ssp--2px_1px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 1px;
  }
  .grid--12.grid_gutter__ssp--3px_1.5px,
  .grid-cmn.grid_gutter__ssp--3px_1.5px {
    margin-left: -3px;
    margin-bottom: -1.5px;
  }
  .grid--12.grid_gutter__ssp--3px_1.5px > *,
  .grid-cmn.grid_gutter__ssp--3px_1.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 1.5px;
  }
  .grid--12.grid_gutter__ssp--4px_2px,
  .grid-cmn.grid_gutter__ssp--4px_2px {
    margin-left: -4px;
    margin-bottom: -2px;
  }
  .grid--12.grid_gutter__ssp--4px_2px > *,
  .grid-cmn.grid_gutter__ssp--4px_2px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 2px;
  }
  .grid--12.grid_gutter__ssp--5px_2.5px,
  .grid-cmn.grid_gutter__ssp--5px_2.5px {
    margin-left: -5px;
    margin-bottom: -2.5px;
  }
  .grid--12.grid_gutter__ssp--5px_2.5px > *,
  .grid-cmn.grid_gutter__ssp--5px_2.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 2.5px;
  }
  .grid--12.grid_gutter__ssp--6px_3px,
  .grid-cmn.grid_gutter__ssp--6px_3px {
    margin-left: -6px;
    margin-bottom: -3px;
  }
  .grid--12.grid_gutter__ssp--6px_3px > *,
  .grid-cmn.grid_gutter__ssp--6px_3px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 3px;
  }
  .grid--12.grid_gutter__ssp--7px_3.5px,
  .grid-cmn.grid_gutter__ssp--7px_3.5px {
    margin-left: -7px;
    margin-bottom: -3.5px;
  }
  .grid--12.grid_gutter__ssp--7px_3.5px > *,
  .grid-cmn.grid_gutter__ssp--7px_3.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 3.5px;
  }
  .grid--12.grid_gutter__ssp--8px_4px,
  .grid-cmn.grid_gutter__ssp--8px_4px {
    margin-left: -8px;
    margin-bottom: -4px;
  }
  .grid--12.grid_gutter__ssp--8px_4px > *,
  .grid-cmn.grid_gutter__ssp--8px_4px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 4px;
  }
  .grid--12.grid_gutter__ssp--9px_4.5px,
  .grid-cmn.grid_gutter__ssp--9px_4.5px {
    margin-left: -9px;
    margin-bottom: -4.5px;
  }
  .grid--12.grid_gutter__ssp--9px_4.5px > *,
  .grid-cmn.grid_gutter__ssp--9px_4.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 4.5px;
  }
  .grid--12.grid_gutter__ssp--10px_5px,
  .grid-cmn.grid_gutter__ssp--10px_5px {
    margin-left: -10px;
    margin-bottom: -5px;
  }
  .grid--12.grid_gutter__ssp--10px_5px > *,
  .grid-cmn.grid_gutter__ssp--10px_5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 5px;
  }
  .grid--12.grid_gutter__ssp--11px_5.5px,
  .grid-cmn.grid_gutter__ssp--11px_5.5px {
    margin-left: -11px;
    margin-bottom: -5.5px;
  }
  .grid--12.grid_gutter__ssp--11px_5.5px > *,
  .grid-cmn.grid_gutter__ssp--11px_5.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 5.5px;
  }
  .grid--12.grid_gutter__ssp--12px_6px,
  .grid-cmn.grid_gutter__ssp--12px_6px {
    margin-left: -12px;
    margin-bottom: -6px;
  }
  .grid--12.grid_gutter__ssp--12px_6px > *,
  .grid-cmn.grid_gutter__ssp--12px_6px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 6px;
  }
  .grid--12.grid_gutter__ssp--13px_6.5px,
  .grid-cmn.grid_gutter__ssp--13px_6.5px {
    margin-left: -13px;
    margin-bottom: -6.5px;
  }
  .grid--12.grid_gutter__ssp--13px_6.5px > *,
  .grid-cmn.grid_gutter__ssp--13px_6.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 6.5px;
  }
  .grid--12.grid_gutter__ssp--14px_7px,
  .grid-cmn.grid_gutter__ssp--14px_7px {
    margin-left: -14px;
    margin-bottom: -7px;
  }
  .grid--12.grid_gutter__ssp--14px_7px > *,
  .grid-cmn.grid_gutter__ssp--14px_7px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 7px;
  }
  .grid--12.grid_gutter__ssp--15px_7.5px,
  .grid-cmn.grid_gutter__ssp--15px_7.5px {
    margin-left: -15px;
    margin-bottom: -7.5px;
  }
  .grid--12.grid_gutter__ssp--15px_7.5px > *,
  .grid-cmn.grid_gutter__ssp--15px_7.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 7.5px;
  }
  .grid--12.grid_gutter__ssp--16px_8px,
  .grid-cmn.grid_gutter__ssp--16px_8px {
    margin-left: -16px;
    margin-bottom: -8px;
  }
  .grid--12.grid_gutter__ssp--16px_8px > *,
  .grid-cmn.grid_gutter__ssp--16px_8px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 8px;
  }
  .grid--12.grid_gutter__ssp--17px_8.5px,
  .grid-cmn.grid_gutter__ssp--17px_8.5px {
    margin-left: -17px;
    margin-bottom: -8.5px;
  }
  .grid--12.grid_gutter__ssp--17px_8.5px > *,
  .grid-cmn.grid_gutter__ssp--17px_8.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 8.5px;
  }
  .grid--12.grid_gutter__ssp--18px_9px,
  .grid-cmn.grid_gutter__ssp--18px_9px {
    margin-left: -18px;
    margin-bottom: -9px;
  }
  .grid--12.grid_gutter__ssp--18px_9px > *,
  .grid-cmn.grid_gutter__ssp--18px_9px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 9px;
  }
  .grid--12.grid_gutter__ssp--19px_9.5px,
  .grid-cmn.grid_gutter__ssp--19px_9.5px {
    margin-left: -19px;
    margin-bottom: -9.5px;
  }
  .grid--12.grid_gutter__ssp--19px_9.5px > *,
  .grid-cmn.grid_gutter__ssp--19px_9.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 9.5px;
  }
  .grid--12.grid_gutter__ssp--20px_10px,
  .grid-cmn.grid_gutter__ssp--20px_10px {
    margin-left: -20px;
    margin-bottom: -10px;
  }
  .grid--12.grid_gutter__ssp--20px_10px > *,
  .grid-cmn.grid_gutter__ssp--20px_10px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .grid--12.grid_gutter__ssp--21px_10.5px,
  .grid-cmn.grid_gutter__ssp--21px_10.5px {
    margin-left: -21px;
    margin-bottom: -10.5px;
  }
  .grid--12.grid_gutter__ssp--21px_10.5px > *,
  .grid-cmn.grid_gutter__ssp--21px_10.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 10.5px;
  }
  .grid--12.grid_gutter__ssp--22px_11px,
  .grid-cmn.grid_gutter__ssp--22px_11px {
    margin-left: -22px;
    margin-bottom: -11px;
  }
  .grid--12.grid_gutter__ssp--22px_11px > *,
  .grid-cmn.grid_gutter__ssp--22px_11px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 11px;
  }
  .grid--12.grid_gutter__ssp--23px_11.5px,
  .grid-cmn.grid_gutter__ssp--23px_11.5px {
    margin-left: -23px;
    margin-bottom: -11.5px;
  }
  .grid--12.grid_gutter__ssp--23px_11.5px > *,
  .grid-cmn.grid_gutter__ssp--23px_11.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 11.5px;
  }
  .grid--12.grid_gutter__ssp--24px_12px,
  .grid-cmn.grid_gutter__ssp--24px_12px {
    margin-left: -24px;
    margin-bottom: -12px;
  }
  .grid--12.grid_gutter__ssp--24px_12px > *,
  .grid-cmn.grid_gutter__ssp--24px_12px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 12px;
  }
  .grid--12.grid_gutter__ssp--25px_12.5px,
  .grid-cmn.grid_gutter__ssp--25px_12.5px {
    margin-left: -25px;
    margin-bottom: -12.5px;
  }
  .grid--12.grid_gutter__ssp--25px_12.5px > *,
  .grid-cmn.grid_gutter__ssp--25px_12.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 12.5px;
  }
  .grid--12.grid_gutter__ssp--26px_13px,
  .grid-cmn.grid_gutter__ssp--26px_13px {
    margin-left: -26px;
    margin-bottom: -13px;
  }
  .grid--12.grid_gutter__ssp--26px_13px > *,
  .grid-cmn.grid_gutter__ssp--26px_13px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 13px;
  }
  .grid--12.grid_gutter__ssp--27px_13.5px,
  .grid-cmn.grid_gutter__ssp--27px_13.5px {
    margin-left: -27px;
    margin-bottom: -13.5px;
  }
  .grid--12.grid_gutter__ssp--27px_13.5px > *,
  .grid-cmn.grid_gutter__ssp--27px_13.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 13.5px;
  }
  .grid--12.grid_gutter__ssp--28px_14px,
  .grid-cmn.grid_gutter__ssp--28px_14px {
    margin-left: -28px;
    margin-bottom: -14px;
  }
  .grid--12.grid_gutter__ssp--28px_14px > *,
  .grid-cmn.grid_gutter__ssp--28px_14px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 14px;
  }
  .grid--12.grid_gutter__ssp--29px_14.5px,
  .grid-cmn.grid_gutter__ssp--29px_14.5px {
    margin-left: -29px;
    margin-bottom: -14.5px;
  }
  .grid--12.grid_gutter__ssp--29px_14.5px > *,
  .grid-cmn.grid_gutter__ssp--29px_14.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 14.5px;
  }
  .grid--12.grid_gutter__ssp--30px_15px,
  .grid-cmn.grid_gutter__ssp--30px_15px {
    margin-left: -30px;
    margin-bottom: -15px;
  }
  .grid--12.grid_gutter__ssp--30px_15px > *,
  .grid-cmn.grid_gutter__ssp--30px_15px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 15px;
  }
  .grid--12.grid_gutter__ssp--31px_15.5px,
  .grid-cmn.grid_gutter__ssp--31px_15.5px {
    margin-left: -31px;
    margin-bottom: -15.5px;
  }
  .grid--12.grid_gutter__ssp--31px_15.5px > *,
  .grid-cmn.grid_gutter__ssp--31px_15.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 15.5px;
  }
  .grid--12.grid_gutter__ssp--32px_16px,
  .grid-cmn.grid_gutter__ssp--32px_16px {
    margin-left: -32px;
    margin-bottom: -16px;
  }
  .grid--12.grid_gutter__ssp--32px_16px > *,
  .grid-cmn.grid_gutter__ssp--32px_16px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 16px;
  }
  .grid--12.grid_gutter__ssp--33px_16.5px,
  .grid-cmn.grid_gutter__ssp--33px_16.5px {
    margin-left: -33px;
    margin-bottom: -16.5px;
  }
  .grid--12.grid_gutter__ssp--33px_16.5px > *,
  .grid-cmn.grid_gutter__ssp--33px_16.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 16.5px;
  }
  .grid--12.grid_gutter__ssp--34px_17px,
  .grid-cmn.grid_gutter__ssp--34px_17px {
    margin-left: -34px;
    margin-bottom: -17px;
  }
  .grid--12.grid_gutter__ssp--34px_17px > *,
  .grid-cmn.grid_gutter__ssp--34px_17px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 17px;
  }
  .grid--12.grid_gutter__ssp--35px_17.5px,
  .grid-cmn.grid_gutter__ssp--35px_17.5px {
    margin-left: -35px;
    margin-bottom: -17.5px;
  }
  .grid--12.grid_gutter__ssp--35px_17.5px > *,
  .grid-cmn.grid_gutter__ssp--35px_17.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 17.5px;
  }
  .grid--12.grid_gutter__ssp--36px_18px,
  .grid-cmn.grid_gutter__ssp--36px_18px {
    margin-left: -36px;
    margin-bottom: -18px;
  }
  .grid--12.grid_gutter__ssp--36px_18px > *,
  .grid-cmn.grid_gutter__ssp--36px_18px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 18px;
  }
  .grid--12.grid_gutter__ssp--37px_18.5px,
  .grid-cmn.grid_gutter__ssp--37px_18.5px {
    margin-left: -37px;
    margin-bottom: -18.5px;
  }
  .grid--12.grid_gutter__ssp--37px_18.5px > *,
  .grid-cmn.grid_gutter__ssp--37px_18.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 18.5px;
  }
  .grid--12.grid_gutter__ssp--38px_19px,
  .grid-cmn.grid_gutter__ssp--38px_19px {
    margin-left: -38px;
    margin-bottom: -19px;
  }
  .grid--12.grid_gutter__ssp--38px_19px > *,
  .grid-cmn.grid_gutter__ssp--38px_19px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 19px;
  }
  .grid--12.grid_gutter__ssp--39px_19.5px,
  .grid-cmn.grid_gutter__ssp--39px_19.5px {
    margin-left: -39px;
    margin-bottom: -19.5px;
  }
  .grid--12.grid_gutter__ssp--39px_19.5px > *,
  .grid-cmn.grid_gutter__ssp--39px_19.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 19.5px;
  }
  .grid--12.grid_gutter__ssp--40px_20px,
  .grid-cmn.grid_gutter__ssp--40px_20px {
    margin-left: -40px;
    margin-bottom: -20px;
  }
  .grid--12.grid_gutter__ssp--40px_20px > *,
  .grid-cmn.grid_gutter__ssp--40px_20px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 20px;
  }
  .grid--12.grid_gutter__ssp--41px_20.5px,
  .grid-cmn.grid_gutter__ssp--41px_20.5px {
    margin-left: -41px;
    margin-bottom: -20.5px;
  }
  .grid--12.grid_gutter__ssp--41px_20.5px > *,
  .grid-cmn.grid_gutter__ssp--41px_20.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 20.5px;
  }
  .grid--12.grid_gutter__ssp--42px_21px,
  .grid-cmn.grid_gutter__ssp--42px_21px {
    margin-left: -42px;
    margin-bottom: -21px;
  }
  .grid--12.grid_gutter__ssp--42px_21px > *,
  .grid-cmn.grid_gutter__ssp--42px_21px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 21px;
  }
  .grid--12.grid_gutter__ssp--43px_21.5px,
  .grid-cmn.grid_gutter__ssp--43px_21.5px {
    margin-left: -43px;
    margin-bottom: -21.5px;
  }
  .grid--12.grid_gutter__ssp--43px_21.5px > *,
  .grid-cmn.grid_gutter__ssp--43px_21.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 21.5px;
  }
  .grid--12.grid_gutter__ssp--44px_22px,
  .grid-cmn.grid_gutter__ssp--44px_22px {
    margin-left: -44px;
    margin-bottom: -22px;
  }
  .grid--12.grid_gutter__ssp--44px_22px > *,
  .grid-cmn.grid_gutter__ssp--44px_22px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 22px;
  }
  .grid--12.grid_gutter__ssp--45px_22.5px,
  .grid-cmn.grid_gutter__ssp--45px_22.5px {
    margin-left: -45px;
    margin-bottom: -22.5px;
  }
  .grid--12.grid_gutter__ssp--45px_22.5px > *,
  .grid-cmn.grid_gutter__ssp--45px_22.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 22.5px;
  }
  .grid--12.grid_gutter__ssp--46px_23px,
  .grid-cmn.grid_gutter__ssp--46px_23px {
    margin-left: -46px;
    margin-bottom: -23px;
  }
  .grid--12.grid_gutter__ssp--46px_23px > *,
  .grid-cmn.grid_gutter__ssp--46px_23px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 23px;
  }
  .grid--12.grid_gutter__ssp--47px_23.5px,
  .grid-cmn.grid_gutter__ssp--47px_23.5px {
    margin-left: -47px;
    margin-bottom: -23.5px;
  }
  .grid--12.grid_gutter__ssp--47px_23.5px > *,
  .grid-cmn.grid_gutter__ssp--47px_23.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 23.5px;
  }
  .grid--12.grid_gutter__ssp--48px_24px,
  .grid-cmn.grid_gutter__ssp--48px_24px {
    margin-left: -48px;
    margin-bottom: -24px;
  }
  .grid--12.grid_gutter__ssp--48px_24px > *,
  .grid-cmn.grid_gutter__ssp--48px_24px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 24px;
  }
  .grid--12.grid_gutter__ssp--49px_24.5px,
  .grid-cmn.grid_gutter__ssp--49px_24.5px {
    margin-left: -49px;
    margin-bottom: -24.5px;
  }
  .grid--12.grid_gutter__ssp--49px_24.5px > *,
  .grid-cmn.grid_gutter__ssp--49px_24.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 24.5px;
  }
  .grid--12.grid_gutter__ssp--50px_25px,
  .grid-cmn.grid_gutter__ssp--50px_25px {
    margin-left: -50px;
    margin-bottom: -25px;
  }
  .grid--12.grid_gutter__ssp--50px_25px > *,
  .grid-cmn.grid_gutter__ssp--50px_25px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 25px;
  }
  .grid--12.grid_gutter__ssp--51px_25.5px,
  .grid-cmn.grid_gutter__ssp--51px_25.5px {
    margin-left: -51px;
    margin-bottom: -25.5px;
  }
  .grid--12.grid_gutter__ssp--51px_25.5px > *,
  .grid-cmn.grid_gutter__ssp--51px_25.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 25.5px;
  }
  .grid--12.grid_gutter__ssp--52px_26px,
  .grid-cmn.grid_gutter__ssp--52px_26px {
    margin-left: -52px;
    margin-bottom: -26px;
  }
  .grid--12.grid_gutter__ssp--52px_26px > *,
  .grid-cmn.grid_gutter__ssp--52px_26px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 26px;
  }
  .grid--12.grid_gutter__ssp--53px_26.5px,
  .grid-cmn.grid_gutter__ssp--53px_26.5px {
    margin-left: -53px;
    margin-bottom: -26.5px;
  }
  .grid--12.grid_gutter__ssp--53px_26.5px > *,
  .grid-cmn.grid_gutter__ssp--53px_26.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 26.5px;
  }
  .grid--12.grid_gutter__ssp--54px_27px,
  .grid-cmn.grid_gutter__ssp--54px_27px {
    margin-left: -54px;
    margin-bottom: -27px;
  }
  .grid--12.grid_gutter__ssp--54px_27px > *,
  .grid-cmn.grid_gutter__ssp--54px_27px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 27px;
  }
  .grid--12.grid_gutter__ssp--55px_27.5px,
  .grid-cmn.grid_gutter__ssp--55px_27.5px {
    margin-left: -55px;
    margin-bottom: -27.5px;
  }
  .grid--12.grid_gutter__ssp--55px_27.5px > *,
  .grid-cmn.grid_gutter__ssp--55px_27.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 27.5px;
  }
  .grid--12.grid_gutter__ssp--56px_28px,
  .grid-cmn.grid_gutter__ssp--56px_28px {
    margin-left: -56px;
    margin-bottom: -28px;
  }
  .grid--12.grid_gutter__ssp--56px_28px > *,
  .grid-cmn.grid_gutter__ssp--56px_28px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 28px;
  }
  .grid--12.grid_gutter__ssp--57px_28.5px,
  .grid-cmn.grid_gutter__ssp--57px_28.5px {
    margin-left: -57px;
    margin-bottom: -28.5px;
  }
  .grid--12.grid_gutter__ssp--57px_28.5px > *,
  .grid-cmn.grid_gutter__ssp--57px_28.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 28.5px;
  }
  .grid--12.grid_gutter__ssp--58px_29px,
  .grid-cmn.grid_gutter__ssp--58px_29px {
    margin-left: -58px;
    margin-bottom: -29px;
  }
  .grid--12.grid_gutter__ssp--58px_29px > *,
  .grid-cmn.grid_gutter__ssp--58px_29px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 29px;
  }
  .grid--12.grid_gutter__ssp--59px_29.5px,
  .grid-cmn.grid_gutter__ssp--59px_29.5px {
    margin-left: -59px;
    margin-bottom: -29.5px;
  }
  .grid--12.grid_gutter__ssp--59px_29.5px > *,
  .grid-cmn.grid_gutter__ssp--59px_29.5px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 29.5px;
  }
  .grid--12.grid_gutter__ssp--60px_30px,
  .grid-cmn.grid_gutter__ssp--60px_30px {
    margin-left: -60px;
    margin-bottom: -30px;
  }
  .grid--12.grid_gutter__ssp--60px_30px > *,
  .grid-cmn.grid_gutter__ssp--60px_30px > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 30px;
  }
}

.grid_col--1 {
  width: 8.33333%;
}

.grid_col--2 {
  width: 16.66667%;
}

.grid_col--3 {
  width: 25%;
}

.grid_col--4 {
  width: 33.33333%;
}

.grid_col--5 {
  width: 41.66667%;
}

.grid_col--6 {
  width: 50%;
}

.grid_col--7 {
  width: 58.33333%;
}

.grid_col--8 {
  width: 66.66667%;
}

.grid_col--9 {
  width: 75%;
}

.grid_col--10 {
  width: 83.33333%;
}

.grid_col--11 {
  width: 91.66667%;
}

.grid_col--12 {
  width: 100%;
}

@media all and (max-width: 374px) {
  .grid_col__spsm--1 {
    width: 8.33333%;
  }
  .grid_col__spsm--2 {
    width: 16.66667%;
  }
  .grid_col__spsm--3 {
    width: 25%;
  }
  .grid_col__spsm--4 {
    width: 33.33333%;
  }
  .grid_col__spsm--5 {
    width: 41.66667%;
  }
  .grid_col__spsm--6 {
    width: 50%;
  }
  .grid_col__spsm--7 {
    width: 58.33333%;
  }
  .grid_col__spsm--8 {
    width: 66.66667%;
  }
  .grid_col__spsm--9 {
    width: 75%;
  }
  .grid_col__spsm--10 {
    width: 83.33333%;
  }
  .grid_col__spsm--11 {
    width: 91.66667%;
  }
  .grid_col__spsm--12 {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .grid_col__sp--1 {
    width: 8.33333%;
  }
  .grid_col__sp--2 {
    width: 16.66667%;
  }
  .grid_col__sp--3 {
    width: 25%;
  }
  .grid_col__sp--4 {
    width: 33.33333%;
  }
  .grid_col__sp--5 {
    width: 41.66667%;
  }
  .grid_col__sp--6 {
    width: 50%;
  }
  .grid_col__sp--7 {
    width: 58.33333%;
  }
  .grid_col__sp--8 {
    width: 66.66667%;
  }
  .grid_col__sp--9 {
    width: 75%;
  }
  .grid_col__sp--10 {
    width: 83.33333%;
  }
  .grid_col__sp--11 {
    width: 91.66667%;
  }
  .grid_col__sp--12 {
    width: 100%;
  }
}

@media all and (min-width: 768px) {
  .grid_col__pc--1 {
    width: 8.33333%;
  }
  .grid_col__pc--2 {
    width: 16.66667%;
  }
  .grid_col__pc--3 {
    width: 25%;
  }
  .grid_col__pc--4 {
    width: 33.33333%;
  }
  .grid_col__pc--5 {
    width: 41.66667%;
  }
  .grid_col__pc--6 {
    width: 50%;
  }
  .grid_col__pc--7 {
    width: 58.33333%;
  }
  .grid_col__pc--8 {
    width: 66.66667%;
  }
  .grid_col__pc--9 {
    width: 75%;
  }
  .grid_col__pc--10 {
    width: 83.33333%;
  }
  .grid_col__pc--11 {
    width: 91.66667%;
  }
  .grid_col__pc--12 {
    width: 100%;
  }
}

@media all and (max-width: 420px) {
  .grid_col__ssp420--1 {
    width: 8.33333%;
  }
  .grid_col__ssp420--2 {
    width: 16.66667%;
  }
  .grid_col__ssp420--3 {
    width: 25%;
  }
  .grid_col__ssp420--4 {
    width: 33.33333%;
  }
  .grid_col__ssp420--5 {
    width: 41.66667%;
  }
  .grid_col__ssp420--6 {
    width: 50%;
  }
  .grid_col__ssp420--7 {
    width: 58.33333%;
  }
  .grid_col__ssp420--8 {
    width: 66.66667%;
  }
  .grid_col__ssp420--9 {
    width: 75%;
  }
  .grid_col__ssp420--10 {
    width: 83.33333%;
  }
  .grid_col__ssp420--11 {
    width: 91.66667%;
  }
  .grid_col__ssp420--12 {
    width: 100%;
  }
}

@media all and (max-width: 360px) {
  .grid_col__ssp--1 {
    width: 8.33333%;
  }
  .grid_col__ssp--2 {
    width: 16.66667%;
  }
  .grid_col__ssp--3 {
    width: 25%;
  }
  .grid_col__ssp--4 {
    width: 33.33333%;
  }
  .grid_col__ssp--5 {
    width: 41.66667%;
  }
  .grid_col__ssp--6 {
    width: 50%;
  }
  .grid_col__ssp--7 {
    width: 58.33333%;
  }
  .grid_col__ssp--8 {
    width: 66.66667%;
  }
  .grid_col__ssp--9 {
    width: 75%;
  }
  .grid_col__ssp--10 {
    width: 83.33333%;
  }
  .grid_col__ssp--11 {
    width: 91.66667%;
  }
  .grid_col__ssp--12 {
    width: 100%;
  }
}

/* margin
-------------------------------------------------------------------------- */
.grid-cmn--btn-image {
  margin-top: 30px;
}

.grid-cmn--btn-image:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .grid-cmn--btn-image {
    margin-top: 15px;
  }
  .grid-cmn--btn-image.grid_gutter__sp--9px {
    margin-top: 9px;
  }
}

.grid-cmn--box-cmn {
  margin-top: 30px;
}

.mod-float + .grid-cmn--box-cmn {
  margin-top: 30px;
}

.grid-cmn--box-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .grid-cmn--box-cmn {
    margin-top: 15px;
  }
  .mod-float + .grid-cmn--box-cmn {
    margin-top: 30px;
  }
}

/* unique grid
-------------------------------------------------------------------------- */
/* grid-border
-------------------------------------- */
.grid-border {
  overflow: hidden;
}

.grid-border__in {
  width: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px -2px -16px 0;
}

@media all and (max-width: 767px) {
  .grid-border__in {
    margin: -15px -1px -16px 0;
  }
}

.grid-border__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  position: relative;
  border-bottom: 1px solid #cccccc;
  padding: 15px 1px 15px 0;
}

.grid-border__col:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: calc(100% - 30px);
  border-right: 1px solid #cccccc;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@media all and (max-width: 767px) {
  .grid-border--no_border-sp .grid-border__col {
    border-bottom-color: transparent;
  }
  .grid-border--no_border-sp .grid-border__col:before {
    border-right-color: transparent;
  }
}

.grid-border--caution .grid-border__col-in {
  padding: 8px 20px;
}

@media all and (max-width: 767px) {
  .grid-border--caution .grid-border__col-in {
    width: 100%;
    padding: 0;
  }
}

@media all and (max-width: 767px) {
  .grid-border--caution .ttl-cmn-dots {
    font-size: 16px;
  }
}

.grid-border--caution .ttl-cmn-dots__main {
  line-height: 1;
}

.grid-border--caution .ttl-cmn-dots__main-text {
  color: #000;
}

.grid-border--caution .ttl-cmn-dots__main-number {
  position: relative;
  top: 2px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: bold;
  font-size: 38px;
}

@media all and (-ms-high-contrast: none) {
  .grid-border--caution .ttl-cmn-dots__main-number {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .grid-border--caution .ttl-cmn-dots__main-number {
    font-size: 25px;
  }
}

.grid-border--caution__title {
  color: #094;
  font-size: 24px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .grid-border--caution__title {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .grid-border--caution__title {
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .grid-border--caution .txt-cmn {
    margin-top: 1em;
  }
}

@media all and (min-width: 768px) {
  .grid-border--pharmacist {
    margin: 0 -30px;
  }
}

@media all and (max-width: 767px) {
  .grid-border--pharmacist .grid-border__col:first-child .grid-border__col-in {
    padding: 0 0 15px;
  }
}

@media all and (max-width: 767px) {
  .grid-border--pharmacist .grid-border__col:last-child .grid-border__col-in {
    padding: 15px 0 0;
  }
}

.grid-border--pharmacist .grid-border__col-in {
  padding: 15px 30px 20px;
}

@media all and (max-width: 767px) {
  .grid-border--pharmacist .grid-border__col-in {
    width: 100%;
    padding: 15px 0;
  }
}

@media all and (max-width: 767px) {
  .grid-border--pharmacist .ttl-cmn-dots {
    font-size: 16px;
  }
}

.grid-border--pharmacist .ttl-cmn-dots__main {
  line-height: 1;
}

.grid-border--pharmacist .ttl-cmn-dots__main-text {
  color: #000;
  font-size: 18px;
  line-height: 24px;
}

@media all and (max-width: 767px) {
  .grid-border--pharmacist .ttl-cmn-dots__main-text {
    font-size: 14px;
    line-height: 1;
  }
}

.grid-border--pharmacist .ttl-cmn-dots + * {
  margin-top: 5px;
}

.grid-border--pharmacist__title {
  color: #094;
  font-size: 24px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  .grid-border--pharmacist__title {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .grid-border--pharmacist__title {
    font-size: 16px;
  }
}

.grid-border--pharmacist .txt-cmn {
  margin-top: 1em;
}

.grid-border--pharmacist .btn-cmn__button {
  min-width: 210px;
}

.grid-border {
  margin-top: 30px;
}

.txt-cmn + .grid-border {
  margin-top: 48px;
}

.grid-border:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .grid-border {
    margin-top: 15px;
  }
  .ttl-cmn-02 + .grid-border {
    margin-top: 20px;
  }
  .txt-cmn + .grid-border {
    margin-top: 20px;
  }
}

/* grid-service
-------------------------------------- */
.grid-service {
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .grid-service {
    margin-top: -10px;
  }
}

.grid-service .grid-border {
  margin: 0 -15px;
}

@media all and (max-width: 767px) {
  .grid-service .grid-border {
    margin: 0 -10px;
  }
}

.grid-service .grid-border__col-in {
  padding: 0 15px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .grid-service .grid-border__col-in {
    padding: 0 10px;
    width: 100%;
  }
}

.grid-service__image {
  width: 100%;
  height: auto;
}

.grid-service .ttl-cmn-04 {
  margin: 20px 0 0;
}

.grid-service .btn-cmn__button {
  min-width: 210px;
}

/* image
-------------------------------------------------------------------------- */
/* .img-cmn
-------------------------------------- */
.img-cmn {
  margin-top: 1em;
}

/* link target _blank
-------------------------------------------------------------------------- */
/* link-cmn
-------------------------------------------------------------------------- */
.link-cmn {
  position: relative;
  color: inherit;
  text-decoration: underline;
}

@media all and (min-width: 768px) {
  .link-cmn:hover {
    text-decoration: none;
  }
}

.link-cmn[target="_blank"]:after {
  content: "";
}

.link-cmn[target="_blank"]:after {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  margin-left: .5em;
  color: #009944;
  text-decoration: none !important;
}

@media all and (-ms-high-contrast: none) {
  .link-cmn[target="_blank"]:after {
    overflow: hidden;
    top: 3px;
    line-height: 1em;
  }
}

.link-cmn-hoverline {
  color: inherit;
}

@media all and (min-width: 768px) {
  .link-cmn-hoverline {
    text-decoration: none;
  }
  .link-cmn-hoverline:hover {
    text-decoration: underline;
  }
}

/*
---
name: .link-cmn
category: module/link
tag: link-cmn
---
- default style
- link target blank

```html
<a href="#dummy" class="link-cmn link-cmn__ico-right">リンクテキスト</a>
```
*/
/* link-cmn-02
-------------------------------------------------------------------------- */
.link-cmn-text {
  color: #EDA721;
  text-decoration: underline;
}

.link-cmn-text:hover {
  text-decoration: none;
}

/*
---
name: .link-cmn-text
category: module/link
tag: link-cmn-text
---
- color(#EDA721)

```html
<a href="#dummy" class="link-cmn link-cmn-text">リンクテキスト</a>
```
*/
/* list-basic
-------------------------------------------------------------------------- */
.list-basic {
  margin-top: 1em;
}

.list-basic__item {
  position: relative;
  padding-left: 1.1em;
}

.list-basic__item:before {
  position: absolute;
  top: calc(.75em - 5px);
  left: 2px;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #007d3f;
}

@media all and (max-width: 767px) {
  .list-basic__item:before {
    top: calc(.75em - 4px);
    width: 8px;
    height: 8px;
  }
}

.list-basic__item + li {
  margin-top: 1.25em;
}

@media all and (max-width: 767px) {
  .list-basic__item + li {
    margin-top: .584em;
  }
}

.sec-cmn .list-basic:first-child {
  margin-top: 0;
}

.list-basic + * {
  margin-top: 2em;
}

/*
---
name: .list-basic
category: module/list
tag: list-basic
---
- normal

```html
<section class="sec-cmn">

<ul class="list-basic">
  <li class="list-basic__item">これはダミーテキストです。</li>
  <li class="list-basic__item">これはダミーテキストです。これはダミーテキストです。</li>
  <li class="list-basic__item">これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。</li>
</ul><!-- /.list-basic -->

</section><!-- /.sec-cmn -->
```
*/
/* list-basic-decimal
-------------------------------------------------------------------------- */
.list-basic-decimal {
  margin-top: 2em;
}

.list-basic-decimal > li {
  position: relative;
  counter-increment: decimal_01;
  padding-left: 1.5em;
}

.list-basic-decimal > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(decimal_01) ".";
  color: #094;
}

.list-basic-decimal > li + li {
  margin-top: 1.25em;
}

@media all and (max-width: 767px) {
  .list-basic-decimal > li + li {
    margin-top: .584em;
  }
}

.sec-cmn .list-basic-decimal:first-child {
  margin-top: 0;
}

.list-basic-decimal + * {
  margin-top: 2em;
}

/*
---
name: .list-basic-decimal
category: module/list
tag: list-basic-decimal
---
- 数字リスト

```html
<section class="sec-cmn">

<ol class="list-basic-decimal">
  <li class="list-basic-decimal__item">これはダミーナンバーリストテキストです。</li>
  <li class="list-basic-decimal__item">これはダミーナンバーリストテキストです。</li>
  <li class="list-basic-decimal__item">これはダミーナンバーリストテキストです。これはダミーナンバーリストテキストです。これはダミーナンバーリストテキストです。これはダミーナンバーリストテキストです。これはダミーナンバーリストテキストです。</li>
</ol><!-- /.list-basic-decimal -->

</section><!-- /.sec-cmn -->
```
*/
/* list-basic-def
-------------------------------------------------------------------------- */
.list-basic-def__title {
  padding: 6px 20px;
  background-color: #d9f0e3;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .list-basic-def__title {
    padding: 3px 10px;
  }
}

.list-basic-def__text {
  padding: 15px 20px;
}

@media all and (max-width: 767px) {
  .list-basic-def__text {
    padding: 5px 10px;
  }
}

.list-basic-def__text + dt {
  margin-top: 10px;
}

@media all and (max-width: 767px) {
  .list-basic-def__text + dt {
    margin-top: 6px;
  }
}

/*
---
name: .list-basic-def
category: module/list
tag: list-basic-def
---
- dl normal

```html
<section class="sec-cmn">

<dl class="list-basic-def">
  <dt class="list-basic-def__title">dt これはdtのスタイルです</dt>
  <dd class="list-basic-def__text">dd これはddのスタイルです。ダミーです。</dd>
  <dt class="list-basic-def__title">dt これはdtのスタイルです</dt>
  <dd class="list-basic-def__text">dd これはddのスタイルです。ダミーです。</dd>
</dl><!-- /.list-basic-def -->

</section><!-- /.sec-cmn -->
```
*/
/* list-cmn
-------------------------------------------------------------------------- */
.list-cmn {
  display: block;
}

.list-cmn__item {
  display: block;
  position: relative;
  padding-left: 1.0625em;
}

@media all and (max-width: 767px) {
  .list-cmn__item {
    padding-left: 0.91667em;
  }
}

.list-cmn__item:before {
  content: '';
  position: absolute;
  top: 0.45833em;
  left: 0;
  display: block;
  width: 0.58333em;
  height: 0.58333em;
  border-radius: 50%;
  background: #007d3f;
}

.list-cmn__item > .ico-dot {
  color: #007d3f;
}

.list-cmn:first-child {
  margin-top: 0;
}

/*
---
name: .list-cmn
category: module/list
tag: list-cmn
---
- normal 02

```html
<section class="sec-cmn">

<ul class="list-cmn">
  <li class="list-cmn__item">おくすり手帳と連動！</li>
  <li class="list-cmn__item">YouTubeから動画情報も配信！</li>
</ul>

</section><!-- /.sec-cmn -->
```
*/
/* list-store-data
-------------------------------------------------------------------------- */
.list-store-data {
  font-size: 14px;
}

@media all and (max-width: 767px) {
  .list-store-data {
    font-size: 12px;
  }
}

.list-store-data__title {
  padding: 1px 0 0 4px;
  background-color: #d9f0e3;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .list-store-data__title {
    padding: 0 0 0 4px;
  }
}

.list-store-data__title + .list-store-data__title {
  margin-top: 20px;
}

.list-store-data__text {
  padding: 3px 0 2px 4px;
}

@media all and (max-width: 767px) {
  .list-store-data__text {
    padding: 1px 0 1px 4px;
  }
}

.list-store-data__call {
  cursor: none;
}

@media all and (max-width: 767px) {
  .list-store-data__call {
    cursor: pointer;
  }
}

.list-store-data__note {
  position: relative;
  margin-top: 10px;
  padding-left: 1.4em;
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .list-store-data__note {
    font-size: 10px;
  }
}

.list-store-data__note:before {
  position: absolute;
  content: '※';
  top: 0;
  left: 0;
}

.list-store-data__note-link {
  color: #000;
  text-decoration: underline;
}

@media all and (min-width: 768px) {
  .list-store-data__note-link:hover {
    text-decoration: none;
  }
}

/*
---
name: .list-store-data
category: module/list
tag: list-store-data
---
- マイ店舗 詳細情報内 dl

```html
<section class="sec-cmn">

<dl class="list-store-data">
  <dt class="list-store-data__title">ジャパン</dt>
  <dd class="list-store-data__text">営業時間一般</dd>
  <dt class="list-store-data__title">スギ薬局調剤</dt>
  <dd class="list-store-data__text">営業時間調剤</dd>
</dl>

</section><!-- /.sec-cmn -->
```
*/
/* list-update
-------------------------------------------------------------------------- */
.list-update__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
}

@media all and (max-width: 767px) {
  .list-update__item {
    border-radius: 3px;
    min-height: 0;
  }
}

.list-update__item + li {
  margin-top: 10px;
}

.list-update__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  color: inherit;
  border-radius: 6px;
}

@media all and (min-width: 768px) {
  .list-update__link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .list-update__link:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .list-update__link {
    min-height: 0;
    border-radius: 3px;
  }
}

.list-update__link .list-update__text {
  padding-right: 0;
}

.list-update__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 160px;
  padding-top: 13px;
  background: #094;
  border-radius: 6px 0 0 6px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .list-update__date {
    width: 92px;
    padding-top: 7px;
    border-radius: 3px 0 0 3px;
    font-size: 10px;
  }
}

.list-update__label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
  height: 26px;
  margin: 12px 20px 0;
  padding-top: 3px;
  border-radius: 6px;
  border: 1px solid #e60021;
  color: #e60021;
  font-size: 13px;
  text-align: center;
}

@media all and (max-width: 767px) {
  .list-update__label {
    width: 75px;
    height: 15px;
    margin: 7px 8px 0;
    padding-top: 2px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1;
  }
}

.list-update__label + .list-update__text {
  padding-left: 0;
}

@media all and (max-width: 767px) {
  .list-update__label + .list-update__text {
    padding: 5px 8px 5px 3px;
  }
}

.list-update__text {
  margin-right: auto;
  padding: 13px 30px;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  .list-update__text {
    padding: 7px 15px;
    font-size: 12px;
  }
}

.list-update__text .ico-open_in_new {
  position: relative;
  color: #094;
  font-size: 18px;
  width: 1em;
}

@media all and (max-width: 767px) {
  .list-update__text .ico-open_in_new {
    font-size: 14px;
  }
}

.list-update__text .ico-open_in_new:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

@media all and (max-width: 767px) {
  .list-update__text .ico-open_in_new:before {
    margin-top: 0;
  }
}

.list-update__text .ico-picture_as_pdf {
  position: relative;
  color: #e60021;
  font-size: 20px;
  width: 1em;
}

@media all and (max-width: 767px) {
  .list-update__text .ico-picture_as_pdf {
    font-size: 15px;
  }
}

.list-update__text .ico-picture_as_pdf:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
}

@media all and (max-width: 767px) {
  .list-update__text .ico-picture_as_pdf:before {
    margin-top: 0;
  }
}

.list-update .ico-navigate_next {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 50px;
  color: #094;
  font-size: 30px;
}

@media all and (max-width: 767px) {
  .list-update .ico-navigate_next {
    width: 17px;
    font-size: 15px;
  }
}

.list-update .ico-navigate_next:before {
  position: absolute;
  top: 50%;
  right: 10px;
}

@media all and (max-width: 767px) {
  .list-update .ico-navigate_next:before {
    right: 5px;
  }
}

.list-update {
  margin-top: 48px;
}

.list-update:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .list-update {
    margin-top: 26px;
  }
}

/*
---
name: .list-update
category: module/list
tag: list-update
---
- 更新情報リスト
- blank pdf

```html
<ul class="list-update">
  <li class="list-update__item">
    <a href="#dummy" class="list-update__link">
      <p class="list-update__text">12月　大人のヘルシーランチご招待キャンペーン”裏側”公開第2弾！</p>
      <i class="ico-navigate_next"></i>
    </a><!-- /.list-update__link -->
  </li><!-- /.list-update__item -->
  <li class="list-update__item">
    <a href="#dummy" class="list-update__link">
      <p class="list-update__text">11月　これは外部リンクURLの場合のダミー文です。<i class="ico-open_in_new"></i></p>
      <i class="ico-navigate_next"></i>
    </a><!-- /.list-update__link -->
  </li><!-- /.list-update__item -->
  <li class="list-update__item">
    <a href="#dummy" class="list-update__link">
      <p class="list-update__text">10月　これは外部PDFリンクURLの場合のダミー文です。<i class="ico-picture_as_pdf"></i></p>
      <i class="ico-navigate_next"></i>
    </a><!-- /.list-update__link -->
  </li><!-- /.list-update__item -->
</ul><!-- /.list-update -->
```
*/
/* list-archive-link
-------------------------------------------------------------------------- */
.list-archive-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px -5px 0;
}

.list-archive-link + * {
  margin-top: 40px;
}

@media all and (max-width: 767px) {
  .list-archive-link + * {
    margin-top: 20px;
  }
}

.list-archive-link__item {
  width: 20%;
  margin-top: 10px;
  padding: 0 5px;
}

@media all and (max-width: 767px) {
  .list-archive-link__item {
    width: 50%;
  }
}

.list-archive-link__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #094;
  background-color: #fff;
  color: inherit;
}

@media all and (min-width: 768px) {
  .list-archive-link__btn:hover {
    color: #fff;
    background-image: linear-gradient(120deg, #3aba2d, #239944);
  }
  .list-archive-link__btn:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .list-archive-link__btn {
    height: 27px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.list-archive-link__btn.is-active {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

.list-archive-link__btn.is-active .ico-keyboard_arrow_right {
  display: none;
}

.list-archive-link__btn .ico-keyboard_arrow_right {
  color: #094;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .list-archive-link__btn .ico-keyboard_arrow_right {
    font-size: 15px;
  }
}

.list-archive-link__btn .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 0;
}

@media all and (max-width: 767px) {
  .list-archive-link__btn .ico-keyboard_arrow_right:before {
    right: 5px;
  }
}

[class^="page-event__2015"] .u-year2015 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2015"] .u-year2015 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2016"] .u-year2016 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2016"] .u-year2016 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2017"] .u-year2017 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2017"] .u-year2017 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2018"] .u-year2018 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2018"] .u-year2018 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2019"] .u-year2019 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2019"] .u-year2019 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2020"] .u-year2020 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2020"] .u-year2020 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2021"] .u-year2021 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2021"] .u-year2021 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2022"] .u-year2022 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2022"] .u-year2022 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2023"] .u-year2023 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2023"] .u-year2023 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2024"] .u-year2024 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2024"] .u-year2024 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2025"] .u-year2025 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2025"] .u-year2025 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2026"] .u-year2026 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2026"] .u-year2026 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2027"] .u-year2027 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2027"] .u-year2027 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2028"] .u-year2028 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2028"] .u-year2028 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2029"] .u-year2029 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2029"] .u-year2029 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2030"] .u-year2030 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2030"] .u-year2030 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2031"] .u-year2031 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2031"] .u-year2031 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2032"] .u-year2032 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2032"] .u-year2032 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2033"] .u-year2033 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2033"] .u-year2033 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2034"] .u-year2034 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2034"] .u-year2034 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2035"] .u-year2035 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2035"] .u-year2035 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2036"] .u-year2036 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2036"] .u-year2036 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2037"] .u-year2037 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2037"] .u-year2037 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2038"] .u-year2038 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2038"] .u-year2038 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2039"] .u-year2039 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2039"] .u-year2039 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2040"] .u-year2040 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2040"] .u-year2040 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2041"] .u-year2041 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2041"] .u-year2041 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2042"] .u-year2042 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2042"] .u-year2042 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2043"] .u-year2043 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2043"] .u-year2043 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2044"] .u-year2044 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2044"] .u-year2044 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2045"] .u-year2045 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2045"] .u-year2045 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2046"] .u-year2046 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2046"] .u-year2046 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2047"] .u-year2047 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2047"] .u-year2047 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2048"] .u-year2048 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2048"] .u-year2048 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2049"] .u-year2049 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2049"] .u-year2049 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2050"] .u-year2050 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2050"] .u-year2050 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2051"] .u-year2051 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2051"] .u-year2051 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2052"] .u-year2052 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2052"] .u-year2052 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2053"] .u-year2053 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2053"] .u-year2053 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2054"] .u-year2054 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2054"] .u-year2054 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2055"] .u-year2055 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2055"] .u-year2055 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2056"] .u-year2056 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2056"] .u-year2056 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2057"] .u-year2057 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2057"] .u-year2057 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2058"] .u-year2058 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2058"] .u-year2058 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2059"] .u-year2059 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2059"] .u-year2059 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2060"] .u-year2060 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2060"] .u-year2060 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2061"] .u-year2061 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2061"] .u-year2061 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2062"] .u-year2062 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2062"] .u-year2062 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2063"] .u-year2063 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2063"] .u-year2063 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2064"] .u-year2064 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2064"] .u-year2064 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2065"] .u-year2065 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2065"] .u-year2065 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2066"] .u-year2066 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2066"] .u-year2066 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2067"] .u-year2067 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2067"] .u-year2067 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

[class^="page-event__2068"] .u-year2068 .list-archive-link__btn {
  border: none;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
}

[class^="page-event__2068"] .u-year2068 .list-archive-link__btn .ico-keyboard_arrow_right {
  display: none;
}

/*
---
name: .list-archive-link
category: module/list
tag: list-archive-link
---
- 年別アーカイブリンクリスト
- .u-year20XX でアクティブ表示を制御

```html
<ul class="list-archive-link">
  <li class="list-archive-link__item u-year2018"><a href="#dummy" class="list-archive-link__btn">2018年<i class="ico-keyboard_arrow_right"></i></a></li>
  <li class="list-archive-link__item u-year2017"><a href="#dummy" class="list-archive-link__btn">2017年<i class="ico-keyboard_arrow_right"></i></a></li>
</ul><!-- /.list-archive-link -->
```
*/
/* list-shop_label
-------------------------------------------------------------------------- */
.list-shop_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -3px -5px;
  font-size: 14px;
}

@media all and (max-width: 767px) {
  .list-shop_label {
    margin: 0 -2.5px -5px;
    font-size: 12px;
  }
}

.list-shop_label__item {
  display: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 76px;
  padding: 0 3px 5px;
}

@media all and (max-width: 767px) {
  .list-shop_label__item {
    padding: 0 2.5px 5px;
    width: 67px;
  }
}

.list-shop_label__item.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-shop_label__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0;
  padding: 3px 0 3px;
  border-radius: 4px;
  color: #fff;
  background: #363636;
}

@media all and (max-width: 767px) {
  .list-shop_label__text {
    padding: 6px 0 6px;
  }
}

.list-shop_label__item.is-service-1 .list-shop_label__text {
  color: #666666;
  background: #fff100;
}

.list-shop_label__item.is-service-2 .list-shop_label__text {
  color: #fff;
  background: #27a0d6;
}

.list-shop_label__item.is-service-3 .list-shop_label__text {
  color: #fff;
  background: #e5004f;
}

.list-shop_label__item.is-treatitem-1 .list-shop_label__text {
  color: #fff;
  background: #6970b2;
}

.list-shop_label__item.is-treatitem-2 .list-shop_label__text {
  color: #fff;
  background: #f19ec2;
}

.list-shop_label__item.is-treatitem-3 .list-shop_label__text {
  color: #fff;
  background: #ff9600;
}

.list-shop_label__item.is-treatitem-4 .list-shop_label__text {
  color: #fff;
  background: #bdb97a;
}

.list-shop_label__item.is-treatitem-5 .list-shop_label__text {
  color: #fff;
  background: #ff7a7a;
}

.list-shop_label {
  margin-top: 8px;
}

.list-shop_label:first-child {
  margin-top: 0;
}

/*
---
name: .list-shop_label
category: module/list
tag: list-shop_label
---
- 取扱サービス・商品ラベル
- .is-active付与で表示

```html
<ul class="list-shop_label">
  <li class="list-shop_label__item is-service-1 is-active"><span class="list-shop_label__text">処方せん</span></li>
  <li class="list-shop_label__item is-service-2 is-active"><span class="list-shop_label__text">給水器</span></li>
  <li class="list-shop_label__item is-service-3 is-active"><span class="list-shop_label__text">免税</span></li>
  <li class="list-shop_label__item is-treatitem-1 is-active"><span class="list-shop_label__text">医薬品</span></li>
  <li class="list-shop_label__item is-treatitem-2 is-active"><span class="list-shop_label__text">化粧品</span></li>
  <li class="list-shop_label__item is-treatitem-3 is-active"><span class="list-shop_label__text">食品</span></li>
  <li class="list-shop_label__item is-treatitem-4 is-active"><span class="list-shop_label__text">米</span></li>
  <li class="list-shop_label__item is-treatitem-5 is-active"><span class="list-shop_label__text">酒</span></li>
</ul>
```
*/
/* list-decimal-01
-------------------------------------------------------------------------- */
.list-decimal-01__item {
  position: relative;
  counter-increment: decimal_01;
  padding-left: 1.5em;
}

.list-decimal-01__item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(decimal_01) ".";
  color: #094;
}

.list-decimal-01__item + li {
  margin-top: 1.5em;
}

@media all and (max-width: 767px) {
  .list-decimal-01__item + li {
    margin-top: 1em;
  }
}

/*
---
name: .list-decimal-01
category: module/list
tag: list-decimal-01
---
- 数字リスト初期

```html
<section class="sec-cmn">

<ol class="list-decimal-01">
  <li class="list-decimal-01__item">本規程は、スギホールディングス株式会社（以下「当社」といいます）のグループ会社（以下「当社グループ会社」といいます）が発行するスギポイントカード（以下「ポイントカード」といいます）のご利用に応じ、当社グループ会社がポイントカードの会員（以下「会員」といいます）に対して特典を提供する制度（以下「ポイントサービス」といいます）について定めたものです。</li>
  <li class="list-decimal-01__item">当社および当社グループ会社は、必要があると認めたときは、会員にあらかじめまたは事後に当社および当社グループ会社のＷＥＢサイトに掲載するなどの方法で公開することにより、会員の承諾なくしていつでも本規程を変更することができるものとします。</li>
</ol><!-- /.list-decimal-01 -->

</section><!-- /.sec-cmn -->
```
*/
/* list-decimal-02
-------------------------------------------------------------------------- */
.list-decimal-02__item {
  position: relative;
  counter-increment: decimal_02;
  padding-left: 2.5em;
  margin-left: -.5em;
}

.list-decimal-02__item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "（" counter(decimal_02) "）";
}

/*
---
name: .list-decimal-02
category: module/list
tag: list-decimal-02
---
- 数字リスト初期（第2階層）

```html
<section class="sec-cmn">

<ol class="list-decimal-01">
  <li class="list-decimal-01__item">会員は次の条件を全て満たした場合、累積された有効なポイントを景品に交換することができるものとします。
    <ol class="list-decimal-02">
      <li class="list-decimal-02__item">会員が、会員本人であることの確認を当社グループ会社所定の方法に基づいて行い、その確認が完了すること。</li>
      <li class="list-decimal-02__item">会員が、ポイント還元を申請した時点で本規程に基づく会員であること。</li>
    </ol><!-- /.list-decimal-02 -->
  </li>
  <li class="list-decimal-01__item">当社および当社グループ会社は、当社グループ会社所定の方法に基づいて行われた前項①の本人確認の結果について、一切の責任を負わないものとします。</li>
</ol><!-- /.list-decimal-01 -->

</section><!-- /.sec-cmn -->
```
*/
/* list-order
-------------------------------------------------------------------------- */
.list-order > .list-order__item[data-order-text]:before {
  float: left;
  content: attr(data-order-text);
}

.list-order > .list-order__item + .list-order__item {
  margin-top: .5em;
}

.list-order > .list-order__item > .list-order__item-in {
  overflow: hidden;
}

.list-order {
  margin-top: 1em;
}

.list-order .list-order {
  margin-top: .5em;
}

.list-order:first-child {
  margin-top: 0;
}

/*
---
name: .list-order
category: module/list
tag: list-order
---
- 自由テキストのリスト
- data-order-text=""　に任意のテキストを入れる

```html
<section class="sec-cmn">

<ol class="list-order">
  <li class="list-order__item" data-order-text="（１）">
    <div class="list-order__item-in">
      <p>共同利用する個人データの項目</p>
      <p>氏名、住所、電話番号、生年月日、性別、メールアドレス、購入履歴、その他アンケート等で当社にご登録いただいた情報。</p>
    </div>
  </li><!-- /.list-order__item -->
  <li class="list-order__item" data-order-text="（２）">
    <div class="list-order__item-in">
      <p>共同利用者の範囲</p>
      <p>「グループ会社」</p>
      <ul>
        <li>スギホールディングス株式会社</li>
        <li>スギメディカル株式会社</li>
        <li>スギスマイル株式会社</li>
      </ul>
    </div>
  </li><!-- /.list-order__item -->
  <li class="list-order__item" data-order-text="（３）">
    <div class="list-order__item-in">
      <p>共同利用責任者</p>
      <p>株式会社スギ薬局</p>
    </div>
  </li><!-- /.list-order__item -->
  <li class="list-order__item" data-order-text="（４）">
    <div class="list-order__item-in">
      <p>取得方法</p>
      <p>本人からのお申込み、お問い合わせ等により取得。</p>
    </div>
  </li><!-- /.list-order__item -->
</ol><!-- /.list-order -->

</section><!-- /.sec-cmn -->
```
*/
/* module
-------------------------------------------------------------------------- */
/* .mod-float
-------------------------------------- */
.mod-float {
  overflow: hidden;
  margin: 0 -38px -20px;
}

@media all and (max-width: 767px) {
  .mod-float {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 -38px -12px;
  }
}

.mod-float__float {
  display: block;
  padding: 0 38px 20px;
  text-align: center;
}

@media all and (min-width: 768px) {
  .mod-float__float--left {
    float: left;
  }
  .mod-float__float--right {
    float: right;
  }
}

@media all and (max-width: 767px) {
  .mod-float__float {
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 38px 12px;
  }
}

.mod-float__float .fig-cmn {
  display: block;
  overflow: hidden;
}

.mod-float__content {
  padding: 0 38px 20px;
}

@media all and (max-width: 767px) {
  .mod-float__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 38px 12px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mod-float__content _::-webkit-full-page-media, .mod-float__content _:future, :root .mod-float__content .btn-cmn__item {
    margin-left: -10px;
  }
}

@media all and (max-width: 767px) {
  .mod-float__youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.29%;
  }
  .mod-float__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.mod-float__caption {
  margin-top: 6px;
  width: inherit;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

@media all and (max-width: 767px) {
  .mod-float__caption {
    font-size: 11px;
    line-height: 1.5;
  }
}

.mod-float__prescription .fig-cmn {
  padding: 0 10px 0 50px;
}

@media all and (max-width: 767px) {
  .mod-float__prescription .fig-cmn {
    padding-left: 0;
    text-align: center;
    display: inline-block;
    max-width: calc(234px / 2);
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .mod-float--order .mod-float__float {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media all and (max-width: 767px) {
  .mod-float--order .mod-float__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.mod-float--caution .fig-cmn {
  margin-left: 20px;
  width: 148px;
}

@media all and (max-width: 767px) {
  .mod-float--caution .fig-cmn {
    width: 123px;
    margin: 0 auto;
  }
}

.mod-float--caution .txt-cmn + .txt-note {
  margin-top: 7px;
}

.mod-float--flag .fig-cmn {
  width: 190px;
}

@media all and (max-width: 767px) {
  .mod-float--flag .fig-cmn {
    width: auto;
  }
}

.mod-float--flag .txt-cmn + .txt-note {
  margin-top: 7px;
}

.mod-float {
  margin-top: 40px;
}

.ttl-cmn-03 + .mod-float {
  margin-top: 6px;
}

.mod-float:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-float {
    margin-top: 20px;
  }
  .ttl-cmn-03 + .mod-float {
    margin-top: 6px;
  }
}

_:lang(x)::x-, .mod-float__content > .btn-cmn {
  width: 250px;
  padding-left: 10px;
}

/*
---
name: .mod-float
category: module/mod
tag: mod-float
---

- 右寄せ

```html
<section class="sec-cmn">
<div class="mod-float">
  <div class="mod-float__float mod-float__float--right">
    <figure class="fig-cmn">
      <img src="http://placehold.jp/279x180.png" class="fig-cmn__image u-only-pc" alt="地域の皆様の暮らしに寄り添うディスカウントセンター">
      <img src="http://placehold.jp/630x410.png" class="fig-cmn__image u-only-sp" alt="地域の皆様の暮らしに寄り添うディスカウントセンター">
    </figure><!-- /.fig-cmn -->
  </div><!-- /.mod-float__float -->
  <div class="mod-float__content">
    <p class="txt-cmn">関西・関東エリアを中心に店舗を展開しているスギ薬局グループの「ジャパン」は、ビッグコンビニエンス型ディスカウントセンターをコンセプトに、お客様の暮らしをサポートいたします。</p>
  </div><!-- /.mod-float__content -->
</div><!-- /.mod-float -->
</section><!-- /.sec-cmn -->
```

- 左寄せ

```html
<section class="sec-cmn">
<div class="mod-float mod-float--order mod-float--flag">
  <div class="mod-float__float mod-float__float--left">
    <figure class="fig-cmn">
      <img src="/service/img/img_index_04.jpg" alt="認知症サポーター" class="fig-cmn__image">
    </figure><!-- /fig-cmn -->
  </div><!-- /.mod-float__float -->
  <div class="mod-float__content">
    <p class="txt-cmn">スギ薬局グループのお店には、認知症について正しく理解し、認知症の方やそのご家族を温かく見守る応援する認知症サポーターがいます。</p>
    <ul class="btn-cmn u-flex-left">
      <li class="btn-cmn__item">
        <a href="/service/dementia.html" class="btn-cmn__button"><span class="btn-cmn__button-in">詳しくはコチラ</span><i class="ico-keyboard_arrow_right"></i></a>
      </li><!-- /.btn-cmn__col -->
    </ul><!-- /.btn-cmn -->
  </div><!-- /.mod-float__content -->
</div><!-- /.mod-float -->
</section><!-- /.sec-cmn -->
```
*/
/* .mod-mainimg
-------------------------------------- */
.mod-mainimg {
  position: relative;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
}

@media all and (max-width: 767px) {
  .mod-mainimg {
    border-radius: 4px;
  }
}

.mod-mainimg + * {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .mod-mainimg + * {
    margin-top: 15px;
  }
}

.mod-mainimg__img {
  border-radius: 8px;
  width: 100%;
  height: auto;
}

@media all and (max-width: 767px) {
  .mod-mainimg__img {
    border-radius: 4px;
  }
}

.mod-mainimg__on {
  position: absolute;
}

.mod-mainimg__on--point_get {
  bottom: 33px;
  left: 0;
  width: 100%;
}

@media all and (max-width: 767px) {
  .mod-mainimg__on--point_get {
    bottom: 11.6129%;
    padding: 0 22% 0 24%;
  }
}

@media all and (max-width: 360px) {
  .mod-mainimg__on--point_get .btn-cmn__button {
    font-size: 10px;
  }
}

.mod-mainimg__on--w_point {
  bottom: 12.72727%;
  left: 0;
  width: 100%;
  padding: 0 42.52874% 0 13.21839%;
}

@media all and (max-width: 767px) {
  .mod-mainimg__on--w_point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    height: 32.6087%;
    bottom: 3.62319%;
    padding: 0 2.86533% 0 2.86533%;
  }
}

@media all and (max-width: 360px) {
  .mod-mainimg__on--w_point {
    font-size: 11px;
  }
}

.mod-mainimg--point__text {
  position: absolute;
  top: 190px;
  left: 0;
  width: 100%;
  text-align: center;
}

@media all and (max-width: 767px) {
  .mod-mainimg--point__text {
    top: 51.2vw;
  }
}

@media all and (max-width: 360px) {
  .mod-mainimg--point__text {
    padding: 0 10px;
  }
  .mod-mainimg--point__text br {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .mod-mainimg--point__text-note {
    font-size: 11px;
  }
}

.sec-cmn .mod-mainimg {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mod-mainimg {
  margin-top: 40px;
}

.mod-mainimg:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-mainimg {
    margin-top: 20px;
  }
}

/*
---
name: .mod-mainimg
category: module/mod
tag: mod-mainimg
---

```html
<div class="mod-mainimg">
  <img src="http://placehold.jp/870x290.png" alt="ベビーサイン体験教室" class="mod-mainimg__img">
</div>
```
*/
/* .mod-city
-------------------------------------- */
.mod-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .mod-city {
    display: block;
  }
}

.mod-city + .mod-city {
  padding-top: 30px;
  border-top: 1px dotted #999999;
}

@media all and (max-width: 767px) {
  .mod-city + .mod-city {
    padding-top: 15px;
  }
}

.mod-city__headline {
  display: block;
  padding-right: 20px;
}

.mod-city__body {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0;
}

@media all and (max-width: 767px) {
  .mod-city__headline + .mod-city__body {
    margin-top: 5px;
  }
}

.mod-city__title {
  display: block;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  color: #666666;
}

@media all and (max-width: 767px) {
  .mod-city__title {
    font-size: 15px;
  }
}

.mod-city__title--kanto {
  color: #7ecef4;
}

.mod-city__title--chubu {
  color: #80c269;
}

.mod-city__title--kansai {
  color: #f8b551;
}

.mod-city__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px -15px;
}

@media all and (max-width: 767px) {
  .mod-city__list {
    margin: 0 -2.5px -8px;
  }
}

.mod-city__list-item {
  display: block;
  padding: 0 5px 15px;
}

@media all and (max-width: 767px) {
  .mod-city__list-item {
    padding: 0 2.5px 8px;
  }
}

.mod-city__list-link {
  position: relative;
  display: block;
  padding: 3px 30px 3px 9px;
  border: 1px solid #22a75d;
  border-radius: 5px;
  font-size: 18px;
  color: #333333;
  background-color: #fff;
}

@media all and (min-width: 768px) {
  .mod-city__list-link:hover {
    color: #fff;
    background-color: #249b43;
  }
  .mod-city__list-link:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .mod-city__list-link {
    padding: 3px 16px 3px 4px;
    font-size: 12px;
  }
}

.mod-city__list-link .ico-keyboard_arrow_right {
  position: absolute;
  right: 0;
  top: 50%;
  /* -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); */
  font-size: 27px;
  text-align: center;
  vertical-align: top;
  color: #22a75d;
}

@media all and (max-width: 767px) {
  .mod-city__list-link .ico-keyboard_arrow_right {
    font-size: 14px;
  }
}

.mod-city--city_map {
  display: block;
}

.mod-city--city_map .mod-city__body {
  margin-top: 10px;
}

.mod-city {
  margin-top: 30px;
}

.mod-city + .mod-city {
  margin-top: 30px;
}

.mod-city:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-city {
    margin-top: 10px;
  }
  .mod-city + .mod-city {
    margin-top: 15px;
  }
}

/* .mod-city_map
-------------------------------------- */
.mod-city_map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .mod-city_map {
    display: block;
  }
}

.mod-city_map__headline {
  display: block;
  width: 308px;
  margin-right: 32px;
}

@media all and (max-width: 767px) {
  .mod-city_map__headline {
    width: 215px;
    margin: 0 auto 0;
  }
}

.mod-city_map__body {
  display: block;
  width: 470px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media all and (max-width: 767px) {
  .mod-city_map__body {
    width: auto;
  }
}

@media all and (max-width: 767px) {
  .mod-city_map__headline + .mod-city_map__body {
    margin-top: 12px;
  }
}

.mod-city_map {
  margin-top: 30px;
}

.mod-city_map + .mod-city_map {
  margin-top: 30px;
}

.mod-city_map:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-city_map {
    margin-top: 10px;
  }
  .mod-city_map + .mod-city_map {
    margin-top: 15px;
  }
  .ttl-cmn-02 + .mod-city_map {
    margin-top: 15px;
  }
}

/* .mod-shop_result
-------------------------------------- */
.mod-shop_result {
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

.mod-shop_result__col {
  vertical-align: top;
  padding: 11px 15px 13px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

@media all and (max-width: 767px) {
  .mod-shop_result__col {
    padding: 6px 15px 11px;
  }
}

th.mod-shop_result__col {
  color: #666666;
  background: #f9f9f9;
  text-align: center;
  padding: 17px 15px 16px;
}

@media all and (max-width: 767px) {
  th.mod-shop_result__col {
    padding: 7px 15px 6px;
  }
}

.mod-shop_result--gps .mod-shop_result__col.is-range {
  width: 21.90594%;
  vertical-align: middle;
  text-align: center;
}

@media all and (max-width: 767px) {
  .mod-shop_result--gps .mod-shop_result__col.is-range {
    width: 28.39117%;
  }
}

.mod-shop_result--city .mod-shop_result__col.is-shop {
  width: 21.90594%;
}

.mod-shop_result--city .mod-shop_result__col.is-openhour {
  width: auto;
}

.mod-shop_result--city .mod-shop_result__col.is-rest {
  width: auto;
}

.mod-shop_result--city .mod-shop_result__col.is-address {
  width: auto;
}

.mod-shop_result--city .mod-shop_result__col.is-tel {
  width: auto;
}

@media all and (max-width: 767px) {
  .mod-shop_result--city .mod-shop_result__col.is-openhour {
    display: none;
  }
  .mod-shop_result--city .mod-shop_result__col.is-rest {
    display: none;
  }
  .mod-shop_result--city .mod-shop_result__col.is-address {
    display: none;
  }
  .mod-shop_result--city .mod-shop_result__col.is-tel {
    display: none;
  }
}

.mod-shop_result__shop_name {
  font-size: 16px;
  font-weight: bold;
  color: #009944;
}

@media all and (max-width: 767px) {
  .mod-shop_result__shop_name {
    font-size: 12px;
  }
}

.mod-shop_result__shop_name a {
  color: inherit;
  text-decoration: underline;
}

@media all and (min-width: 768px) {
  .mod-shop_result__shop_name a:hover {
    text-decoration: none;
  }
}

.mod-shop_result__address {
  font-size: 14px;
  line-height: 1.71429;
}

@media all and (max-width: 767px) {
  .mod-shop_result__address {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media all and (max-width: 767px) {
  .mod-shop_result__address {
    margin-top: 5px;
  }
}

.mod-shop_result:not(.is-ready) {
  display: none;
}

.mod-shop_result {
  margin-top: 40px;
}

.mod-shop_result:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-shop_result {
    margin-top: 20px;
  }
}

/* .mod-shop_detail
-------------------------------------- */
.mod-shop_detail {
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

@media all and (max-width: 767px) {
  .mod-shop_detail {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .mod-shop_detail tbody {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .mod-shop_detail__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media all and (max-width: 767px) {
  .mod-shop_detail__row--headline .mod-shop_detail__col {
    width: 50%;
  }
  .mod-shop_detail__row--headline .mod-shop_detail__col.is-index {
    display: none;
  }
}

.mod-shop_detail__col {
  vertical-align: top;
  padding: 16px 40px 15px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

@media all and (max-width: 767px) {
  .mod-shop_detail__col {
    display: block;
    width: 50%;
    padding: 6px 8px 6px;
    text-align: center;
  }
  .mod-shop_detail__col[colspan="2"] {
    width: 100%;
  }
}

th.mod-shop_detail__col {
  color: #666666;
  background: #f9f9f9;
  text-align: center;
  padding: 16px 15px 15px;
}

@media all and (max-width: 767px) {
  th.mod-shop_detail__col {
    padding: 6px 8px 6px;
  }
}

.mod-shop_detail__col.is-index {
  width: 21.65842%;
}

@media all and (max-width: 767px) {
  .mod-shop_detail__col.is-index {
    width: 100%;
  }
}

.mod-shop_detail__text {
  font-size: 16px;
  line-height: 1.5;
}

@media all and (max-width: 767px) {
  .mod-shop_detail__text {
    font-size: 12px;
    line-height: 1.5;
  }
}

.mod-shop_detail__text:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-shop_detail__text {
    margin-top: 5px;
  }
}

.mod-shop_detail__note {
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .mod-shop_detail__note {
    font-size: 10px;
  }
}

.mod-shop_detail__note {
  margin-top: 2px;
}

.mod-shop_detail__note:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-shop_detail__note {
    margin-top: 5px;
  }
}

.mod-shop_detail {
  margin-top: 40px;
}

.mod-shop_detail:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-shop_detail {
    margin-top: 21px;
  }
  .ttl-cmn-02 + .mod-shop_detail {
    margin-top: 21px;
  }
}

/*
---
name: .mod-shop_detail
category: module/mod
tag: mod-shop_detail
---

```html
<section class="sec-cmn">
  <h2 class="ttl-cmn-02">
    <span class="ttl-cmn-02__main">基本情報</span>
  </h2><!-- /.ttl-cmn-02 -->
  <table class="mod-shop_detail">
    <tr class="mod-shop_detail__row mod-shop_detail__row--headline">
      <th class="mod-shop_detail__col is-index">&nbsp;</th>
      <th class="mod-shop_detail__col">スギドラッグ</th>
      <th class="mod-shop_detail__col">スギ薬局調剤</th>
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">営業時間</th>
      <td class="mod-shop_detail__col">
        <p class="mod-shop_detail__text">10:00-22:00</p>
      </td><!-- /.mod-shop_detail__col -->
      <td class="mod-shop_detail__col">
       <p class="mod-shop_detail__text">10:00-19:00</p>
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">定休日</th>
      <td class="mod-shop_detail__col">
        <p class="mod-shop_detail__text">無</p>
      </td><!-- /.mod-shop_detail__col -->
      <td class="mod-shop_detail__col">
        <p class="mod-shop_detail__text">土日祝</p>
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">電話番号</th>
      <td class="mod-shop_detail__col">
       <p class="mod-shop_detail__text"><a href="tel:0523875061">052-387-5061</a></p>
      </td><!-- /.mod-shop_detail__col -->
      <td class="mod-shop_detail__col">
        <p class="mod-shop_detail__text"><a href="tel:0523875061">052-387-5061</a></p>
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">FAX番号</th>
      <td class="mod-shop_detail__col">
      </td><!-- /.mod-shop_detail__col -->
      <td class="mod-shop_detail__col">
        <p class="mod-shop_detail__text">052-387-5062</p>
        <p class="mod-shop_detail__note">※処方せんはFAXでの事前送信も承ります。</p>
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">住所</th>
      <td colspan="2" class="mod-shop_detail__col">
        <p class="mod-shop_detail__text u-left-sp">〒 454-0946 愛知県名古屋市中川区一色新町三丁目1401番地</p>
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">駐車場</th>
      <td colspan="2" class="mod-shop_detail__col">
        <p class="mod-shop_detail__text">25台</p>
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">取扱サービス</th>
      <td colspan="2" class="mod-shop_detail__col">
        <ul class="list-shop_label">
          <li class="list-shop_label__item is-service-1 is-active"><span class="list-shop_label__text">処方せん</span></li>
          <li class="list-shop_label__item is-service-2 is-active"><span class="list-shop_label__text">給水器</span></li>
          <li class="list-shop_label__item is-service-3 is-active"><span class="list-shop_label__text">免税</span></li>
        </ul><!-- /.list-shop_label -->
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
    <tr class="mod-shop_detail__row">
      <th class="mod-shop_detail__col is-index">取扱商品</th>
      <td colspan="2" class="mod-shop_detail__col">
        <ul class="list-shop_label">
          <li class="list-shop_label__item is-treatitem-1 is-active"><span class="list-shop_label__text">医薬品</span></li>
          <li class="list-shop_label__item is-treatitem-2 is-active"><span class="list-shop_label__text">化粧品</span></li>
          <li class="list-shop_label__item is-treatitem-3 is-active"><span class="list-shop_label__text">食品</span></li>
          <li class="list-shop_label__item is-treatitem-4 is-active"><span class="list-shop_label__text">米</span></li>
          <li class="list-shop_label__item is-treatitem-5 is-active"><span class="list-shop_label__text">酒</span></li>
        </ul><!-- /.list-shop_label -->
      </td><!-- /.mod-shop_detail__col -->
    </tr><!-- /.mod-shop_detail__row -->
  </table><!-- /.mod-shop_detail -->
</section><!-- /.sec-cmn -->
```
*/
/* mod-pagination
-------------------------------------------------------------------------- */
.mod-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}

@media all and (max-width: 767px) {
  .mod-pagination__list {
    margin-top: 19px;
  }
}

.mod-pagination__list--item {
  margin: 10px 7px 0;
}

@media all and (max-width: 767px) {
  .mod-pagination__list--item {
    margin: 7px 5px 0;
  }
}

.mod-pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #39b438;
  background-color: #fff;
  color: inherit;
}

@media all and (min-width: 768px) {
  .mod-pagination__link:hover {
    color: #fff;
    background-image: linear-gradient(120deg, #3aba2d, #239944);
  }
}

@media all and (max-width: 767px) {
  .mod-pagination__link {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}

.mod-pagination__link.is-active {
  border: none;
  color: #fff;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
}

.mod-pagination__link.is-active:hover {
  opacity: 1;
}

.mod-pagination__link--prev, .mod-pagination__link--next {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 178px;
  height: 36px;
  margin: 0 -2px;
  border-radius: 8px;
  border: 1px solid #094;
  background-color: #fff;
  color: inherit;
}

@media all and (min-width: 768px) {
  .mod-pagination__link--prev:hover, .mod-pagination__link--next:hover {
    color: #fff;
    background-image: linear-gradient(120deg, #3aba2d, #239944);
  }
  .mod-pagination__link--prev:hover .ico-keyboard_arrow_right, .mod-pagination__link--next:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .mod-pagination__link--prev, .mod-pagination__link--next {
    width: 40px;
    height: 30px;
    margin: 0;
    border-radius: 4px;
    text-indent: 99999px;
    overflow: hidden;
  }
}

.mod-pagination__link--prev .ico-keyboard_arrow_right, .mod-pagination__link--next .ico-keyboard_arrow_right {
  color: #094;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .mod-pagination__link--prev .ico-keyboard_arrow_right, .mod-pagination__link--next .ico-keyboard_arrow_right {
    font-size: 18px;
  }
}

.mod-pagination__link--prev .ico-keyboard_arrow_right:before, .mod-pagination__link--next .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
}

@media all and (max-width: 767px) {
  .mod-pagination__link--prev .ico-keyboard_arrow_right:before, .mod-pagination__link--next .ico-keyboard_arrow_right:before {
    text-indent: 0;
  }
}

.mod-pagination__link--prev {
  padding-left: 20px;
}

.mod-pagination__link--prev .ico-keyboard_arrow_right:before {
  left: 5px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

@media all and (max-width: 767px) {
  .mod-pagination__link--prev .ico-keyboard_arrow_right:before {
    left: 10px;
  }
}

.mod-pagination__link--next {
  padding-right: 20px;
}

.mod-pagination__link--next .ico-keyboard_arrow_right:before {
  right: 5px;
}

@media all and (max-width: 767px) {
  .mod-pagination__link--next .ico-keyboard_arrow_right:before {
    right: 10px;
  }
}

/*
---
name: .mod-pagination
category: module/mod
tag: mod-pagination
---

```html
<div class="mod-pagination">
  <ul class="mod-pagination__list">
    <li class="mod-pagination__list--item"><a class="mod-pagination__link--prev" href="#dummy"><i class="ico-keyboard_arrow_right"></i>前のページへ</a></li>
    <li class="mod-pagination__list--item"><a class="mod-pagination__link" href="#dummy">1</a></li>
    <li class="mod-pagination__list--item"><span class="mod-pagination__link is-active">2</span></li>
    <li class="mod-pagination__list--item"><a class="mod-pagination__link" href="#dummy">3</a></li>
    <li class="mod-pagination__list--item"><a class="mod-pagination__link" href="#dummy">4</a></li>
    <li class="mod-pagination__list--item"><a class="mod-pagination__link" href="#dummy">5</a></li>
    <li class="mod-pagination__list--item"><a class="mod-pagination__link--next" href="#dummy">次のページへ<i class="ico-keyboard_arrow_right"></i></a></li>
  </ul><!-- /.mod-pagination__list -->
</div><!-- /.mod-pagination -->
```
*/
/* mod-card
-------------------------------------------------------------------------- */
.mod-card {
  height: 100%;
  padding-bottom: 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  background-color: #fff;
}

@media all and (max-width: 767px) {
  .mod-card {
    font-size: 12px;
  }
  .grid_col__sp--6 .mod-card {
    padding-bottom: 15px;
  }
}

.mod-card__image {
  width: 100%;
  height: 230px;
  background: no-repeat center/contain;
  border-radius: 8px 8px 0 0;
}

@media all and (max-width: 767px) {
  .mod-card__image {
    height: 0;
    padding-bottom: 54.76%;
  }
}

.mod-card__header {
  margin-top: 20px;
  padding: 0 20px;
}

@media all and (max-width: 767px) {
  .mod-card__header {
    padding: 0 15px;
  }
  .grid_col__sp--6 .mod-card__header {
    margin-top: 10px;
    padding: 0 10px;
  }
}

.mod-card__title {
  color: #094;
  font-size: 22px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  line-height: 30px;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .mod-card__title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
  }
}

.mod-card__text {
  margin-top: 5px;
  word-break: break-all;
}

.mod-card__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 20px;
}

@media all and (max-width: 767px) {
  .mod-card__list {
    margin-top: 12px;
    padding: 0 15px;
  }
}

.mod-card__list:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 20px;
  width: 90px;
  height: 1px;
  background-color: #269946;
}

@media all and (max-width: 767px) {
  .mod-card__list:after {
    left: 15px;
    width: 75px;
  }
}

.mod-card__list--title {
  width: 90px;
  padding: 6px 11px 0;
  border-top: 1px solid #269946;
  font-weight: bold;
  text-align: left;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .mod-card__list--title {
    width: 75px;
    padding: 10px 13px;
  }
}

.mod-card__list--text {
  width: calc(100% - 90px);
  padding: 6px;
  border-top: 1px solid #ccc;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .mod-card__list--text {
    width: calc(100% - 75px);
    padding: 10px;
  }
}

.mod-card__list--text:last-child {
  border-bottom: 1px solid #ccc;
}

.mod-card__bottom {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .mod-card__bottom {
    margin: 15px 15px 0;
  }
  .grid_col__sp--6 .mod-card__bottom {
    margin: 10px 10px 0;
  }
}

.mod-card__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 250px;
  margin: 0 auto;
  padding: 5px 10px 5px;
  border: 1px solid #249b43;
  border-radius: 8px;
  color: #000;
  background: transparent;
}

@media all and (min-width: 768px) {
  .mod-card__button:hover {
    color: #fff;
    background-color: #249b43;
  }
  .mod-card__button:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .mod-card__button {
    width: 100%;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.mod-card__button [class^="ico-"] {
  display: block;
  position: absolute;
  top: 50%;
  /* -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); */
  text-align: center;
  vertical-align: top;
}

.mod-card__button .ico-keyboard_arrow_right {
  right: 5px;
  font-size: 26px;
  color: #094;
}

@media all and (max-width: 767px) {
  .mod-card__button .ico-keyboard_arrow_right {
    right: 3px;
    font-size: 24px;
    margin-top: 0;
  }
}

.mod-card__button--narrow {
  width: 210px;
}

@media all and (max-width: 767px) {
  .mod-card__button--narrow {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

@media all and (max-width: 767px) {
  .mod-card__button--narrow .ico-keyboard_arrow_right {
    font-size: 20px;
  }
}

/*
---
name: .mod-card
category: module/mod
tag: mod-card
---

- 画像は背景対応。センター寄せでエリアに合わせて拡大縮小。

```html
<div class="grid-cmn grid_gutter--30px grid_gutter__sp--15px">
  <div class="grid_col--4 grid_col__sp--6">
    <div class="mod-card">
      <div class="mod-card__image" style="background-image: url('http://placehold.jp/270x232.png');"></div><!-- /.mod-card__image -->
      <div class="mod-card__header">
        <p class="mod-card__title" style="">歯みがき相談室</p>
      </div><!-- /.mod-card__header -->
      <div class="mod-card__bottom">
        <a href="/service/seminar/dentifrice.html" class="mod-card__button mod-card__button--narrow">詳しくはコチラ<i class="ico-keyboard_arrow_right"></i></a>
      </div><!-- /.mod-card__bottom -->
    </div><!-- /.mod-card -->
  </div><!-- /.grid_col--6 -->
  <div class="grid_col--4 grid_col__sp--6">
    <div class="mod-card">
      <div class="mod-card__image" style="background-image: url('http://placehold.jp/270x232.png');"></div><!-- /.mod-card__image -->
      <div class="mod-card__header">
        <p class="mod-card__title" style="">育児相談会</p>
      </div><!-- /.mod-card__header -->
      <div class="mod-card__bottom">
        <a href="/service/seminar/childcare.html" class="mod-card__button mod-card__button--narrow">詳しくはコチラ<i class="ico-keyboard_arrow_right"></i></a>
      </div><!-- /.mod-card__bottom -->
    </div><!-- /.mod-card -->
  </div><!-- /.grid_col--6 -->
  <div class="grid_col--4 grid_col__sp--6">
    <div class="mod-card">
      <div class="mod-card__image" style="background-image: url('http://placehold.jp/270x232.png');"></div><!-- /.mod-card__image -->
      <div class="mod-card__header">
        <p class="mod-card__title" style="">ベビーサイン体験教室</p>
      </div><!-- /.mod-card__header -->
      <div class="mod-card__bottom">
        <a href="/service/seminar/babysign.html" class="mod-card__button mod-card__button--narrow">詳しくはコチラ<i class="ico-keyboard_arrow_right"></i></a>
      </div><!-- /.mod-card__bottom -->
    </div><!-- /.mod-card -->
  </div><!-- /.grid_col--6 -->
</div>
```
*/
/* mod-image_map-service
-------------------------------------- */
.sec-cmn .mod-image_map-service {
  margin: 0 -30px;
}

@media all and (max-width: 767px) {
  .sec-cmn .mod-image_map-service {
    margin: 0 -15px;
  }
}

.mod-image_map-service {
  margin-top: 40px;
}

.mod-image_map-service:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-image_map-service {
    margin-top: 21px;
  }
}

/* mod-point_service
-------------------------------------- */
.mod-point_service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .mod-point_service {
    display: block;
  }
}

.mod-point_service__item {
  position: relative;
  width: 50%;
}

@media all and (max-width: 767px) {
  .mod-point_service__item {
    width: 100%;
    margin-bottom: 80px;
  }
}

.mod-point_service__item:nth-child(2n-1) {
  padding-right: 60px;
}

@media all and (max-width: 767px) {
  .mod-point_service__item:nth-child(2n-1) {
    padding: 0;
  }
}

.mod-point_service__item:nth-child(2n-1)::after {
  content: '';
  position: absolute;
  top: 120px;
  right: 0;
  width: 41px;
  height: 76px;
  margin-right: -20px;
  background: url("/point/img/bg_point_point_arrow_01_pc.png") top left no-repeat;
  background-size: 41px 76px;
}

@media all and (max-width: 767px) {
  .mod-point_service__item:nth-child(2n-1)::after {
    top: auto;
    left: 0;
    bottom: -57px;
    margin: auto;
    width: 57px;
    height: 32px;
    background: url("/point/img/bg_point_point_arrow_01_sp.png") top left no-repeat;
    background-size: 57px 32px;
  }
}

.mod-point_service__item:nth-child(2n) {
  padding-left: 60px;
}

@media all and (max-width: 767px) {
  .mod-point_service__item:nth-child(2n) {
    padding: 0;
  }
}

@media all and (max-width: 767px) {
  .mod-point_service__item:last-child {
    margin-bottom: 0;
  }
}

/*
---
name: .mod-point_service
category: module/mod
tag: mod-point_service
---

```html
<section class="sec-cmn">

<ol class="mod-point_service">
  <li class="mod-point_service__item">
    <div class="card-point_service">
      <h2 class="card-point_service__title"><span class="inner">ポイントをためる！</span></h2>
      <figure class="card-point_service__image">
        <img src="/point/img/img_point_point_card_01_pc.jpg" alt="ポイントをためる！" class="u-only-pc">
        <img src="/point/img/img_point_point_card_01_sp.jpg" alt="ポイントをためる！" class="u-only-sp">
      </figure>
      <div class="card-point_service__details js-matchHeight">
        <p class="card-point_service__description">お買い上げ金額100円につき1ポイントを付与。しかも、スギポイントの有効期限は10年間！じっくりためることができます。（※2）</p>
      </div>
      <ul class="btn-cmn">
        <li class="btn-cmn__item">
          <a href="/contact/faq/card_004.html" class="btn-cmn__button"><span class="btn-cmn__button-in">ポイントの有効期限について</span><i class="ico-keyboard_arrow_right"></i></a>
        </li><!-- /.btn-cmn__col -->
      </ul><!-- /.btn-cmn -->
    </div><!-- /.card-point_service -->
  </li>
  <li class="mod-point_service__item">
    <div class="card-point_service">
      <h2 class="card-point_service__title"><span class="inner">景品・サービスを選んで交換！</span></h2>
      <figure class="card-point_service__image">
        <img src="/point/img/img_point_point_card_02_pc.jpg" alt="景品・サービスを選んで交換！" class="u-only-pc">
        <img src="/point/img/img_point_point_card_02_sp.jpg" alt="景品・サービスを選んで交換！" class="u-only-sp">
      </figure>
      <div class="card-point_service__details js-matchHeight">
        <p class="card-point_service__description">たまったポイントは、多彩な景品・サービスのラインナップの中からお選びいただいたものと交換。PC・スマホ、景品カタログから欲しいものを探し、お買い物の際に店頭でお申し込み！ポイントはANAマイルと交換することもできます。</p>
      </div>
      <ul class="btn-cmn">
        <li class="btn-cmn__item">
          <a href="/keihinkensaku/" class="btn-cmn__button"><span class="btn-cmn__button-in">詳しくはコチラ</span><i class="ico-keyboard_arrow_right"></i></a>
        </li><!-- /.btn-cmn__col -->
      </ul><!-- /.btn-cmn -->
    </div><!-- /.card-point_service -->
  </li>
</ol><!-- /.mod-point_service -->

</section><!-- /.sec-cmn -->
```
*/
/* .mod-links-square
-------------------------------------- */
.mod-links-square {
  overflow: hidden;
  display: block;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 3px rgba(107, 154, 131, 0.3);
          box-shadow: 0 0 15px 3px rgba(107, 154, 131, 0.3);
  background: #fff;
}

@media all and (max-width: 767px) {
  .mod-links-square {
    border-radius: 4px;
  }
}

.mod-links-square__item {
  display: block;
}

.mod-links-square__cover {
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 767px) {
  .mod-links-square__cover {
    display: block;
    border-radius: 4px;
  }
}

@media all and (min-width: 768px) {
  .mod-links-square a.mod-links-square__cover {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .mod-links-square a.mod-links-square__cover:hover {
    opacity: .6;
  }
}

.mod-links-square__item:nth-of-type(2n +1) .mod-links-square__cover {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.mod-links-square__head {
  position: relative;
  width: 50%;
  height: auto;
}

@media all and (max-width: 767px) {
  .mod-links-square__head {
    width: 100%;
    padding-bottom: 0;
  }
}

.mod-links-square__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  text-align: center;
}

.mod-links-square__body:before {
  content: "";
}

@media all and (max-width: 767px) {
  .mod-links-square__body {
    padding: 18px 30px 22px 120px;
    text-align: left;
  }
}

.mod-links-square__body:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  color: #009944;
  font-size: 40px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@media all and (max-width: 767px) {
  .mod-links-square__body:before {
    right: 0;
    font-size: 27px;
  }
}

.mod-links-square__image {
  width: 100%;
  height: auto;
}

.mod-links-square__title {
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
  color: #009944;
}

.mod-links-square__title-sub {
  display: block;
  font-size: 23px;
}

@media all and (max-width: 767px) {
  .mod-links-square__title-sub {
    font-size: 15px;
    line-height: 1.3;
  }
}

.mod-links-square__title-main {
  display: block;
  font-size: 30px;
  line-height: 1.26667;
}

@media all and (max-width: 767px) {
  .mod-links-square__title-main {
    font-size: 19px;
  }
}

.mod-links-square__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 142px;
  height: 142px;
  margin: 15px auto 0;
  border-radius: 50%;
  color: #fff;
  font-size: 80px;
  background: linear-gradient(-30deg, #239944 0%, #3aba2d 100%);
}

@media all and (max-width: 767px) {
  .mod-links-square__icon {
    position: absolute;
    left: 21px;
    top: 50%;
    width: 75px;
    height: 75px;
    margin: 0;
    font-size: 42px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

.mod-links-square__icon--service:before {
  content: "";
}

.mod-links-square__icon--tempo:before {
  content: "";
}

.mod-links-square__text {
  margin-top: 12px;
  line-height: 1.75;
  color: #000000;
}

@media all and (max-width: 767px) {
  .mod-links-square__text {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.4;
  }
}

.mod-links-square__detail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  padding: 30px;
}

@media all and (max-width: 767px) {
  .mod-links-square__detail {
    padding: 15px;
  }
}

.mod-links-square__detail .ttl-cmn-04 + .txt-cmn {
  margin-top: 15px;
}

.mod-links-square__button {
  margin-top: auto;
  padding-top: 15px;
  -ms-flex-item-align: center;
      align-self: center;
}

@media all and (max-width: 767px) {
  .mod-links-square__button {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
}

.mod-links-square {
  margin-top: 30px;
}

.mod-links-square:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-links-square {
    margin-top: 15px;
  }
}

/*
---
name: .mod-links-square
category: module/mod
tag: mod-links-square
---

- 画像は背景対応。センター寄せでエリアに合わせて拡大縮小。

```html
<div class="mod-links-square">
  <div class="mod-links-square__item">
    <a href="/tenpo/" class="mod-links-square__cover">
      <div class="mod-links-square__head">
        <img src="/common/img/module/img_square_01_pc.jpg" alt="お近くの店舗をさがす" class="mod-links-square__image u-only-pc">
        <img src="/common/img/module/img_square_01_sp.jpg" alt="お近くの店舗をさがす" class="mod-links-square__image u-only-sp">
      </div><!-- /.mod-links-square__head -->
      <section class="mod-links-square__body">
        <h2 class="mod-links-square__title">
          <span class="mod-links-square__title-sub">お近くの</span>
          <span class="mod-links-square__title-main">店舗をさがす</span>
        </h2><!-- /.mod-links-square__title -->
        <div class="mod-links-square__icon mod-links-square__icon--tempo"></div>
        <p class="mod-links-square__text">あなたの身近にスギ薬局。<br>お気に入りの店舗がきっと見つかるはず！</p>
      </section><!-- /.mod-links-square__body -->
    </a><!-- /.mod-links-square__cover -->
  </div><!-- /.mod-links-square__item -->
</div>
```
*/
/* utility
-------------------------------------------------------------------------- */
/* .mod-google_map
-------------------------------------- */
.mod-google_map {
  height: auto;
  padding-bottom: 41.90586%;
  background: #e5e3df;
}

@media all and (max-width: 767px) {
  .mod-google_map {
    padding-bottom: 42.69341%;
  }
}

.mod-google_map--shop_detail {
  padding-bottom: 61.23457%;
}

@media all and (max-width: 767px) {
  .mod-google_map--shop_detail {
    padding-bottom: 61.28527%;
  }
}

.mod-google_map:not(.is-ready) {
  display: none;
}

.mod-google_map .gm-style-iw {
  word-break: break-all;
}

.mod-google_map {
  margin-top: 30px;
}

.mod-google_map:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-google_map {
    margin-top: 15px;
  }
  .ttl-cmn-02 + .mod-google_map {
    margin-top: 15px;
  }
}

/* .mod-google_calendar
-------------------------------------- */
.mod-google_calendar {
  margin: 2.0833% 0;
}

.mod-google_calendar__in {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 30px;
  padding-bottom: 70.49369%;
}

@media all and (max-width: 767px) {
  .mod-google_calendar__in {
    padding-bottom: 156.49452%;
  }
}

.mod-google_calendar embed,
.mod-google_calendar object,
.mod-google_calendar iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100% !important;
}

.mod-google_calendar {
  margin-top: 30px;
}

.mod-google_calendar:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .mod-google_calendar {
    margin-top: 15px;
  }
}

/* mod-download-app
-------------------------------------------------------------------------- */
.mod-download-app {
  padding: 15px 30px 20px;
  border-radius: 8px;
  background-color: #d9f0e3;
  text-align: center;
}

@media all and (max-width: 767px) {
  .mod-download-app {
    padding: 15px;
    border-radius: 4px;
  }
}

@media all and (max-width: 767px) {
  .mod-download-app__title {
    max-width: 250px;
    margin: 0 auto;
  }
}

.mod-download-app .txt-cmn {
  margin-top: 6px;
  font-size: 18px;
}

@media all and (max-width: 767px) {
  .mod-download-app .txt-cmn {
    margin-top: auto;
    font-size: 12px;
  }
}

.mod-download-app__inner {
  margin-top: 15px;
  padding: 24px 60px 20px;
  background-color: #fff;
}

@media all and (max-width: 767px) {
  .mod-download-app__inner {
    padding: 15px;
  }
}

.mod-download-app__inner-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-radius: 8px;
  background-color: #28925b;
  color: #fff;
  font-size: 18px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: bold;
}

@media all and (-ms-high-contrast: none) {
  .mod-download-app__inner-title {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .mod-download-app__inner-title {
    height: 25px;
    border-radius: 4px;
    font-size: 12px;
  }
}

.mod-download-app__inner-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.mod-download-app__link {
  margin-right: 8px;
}

@media all and (min-width: 768px) {
  .mod-download-app__link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .mod-download-app__link:hover {
    opacity: .6;
  }
}

.mod-download-app__link-img {
  height: 64px;
}

@media all and (max-width: 767px) {
  .mod-download-app__link-img {
    height: 48px;
  }
}

.mod-download-app__qr {
  max-width: 74px;
}

.page-app__index .mod-download-app {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .page-app__index .mod-download-app {
    margin-top: 15px;
  }
}

.mod-download-app + .ttl-cmn-dots {
  margin-top: 34px;
}

@media all and (max-width: 767px) {
  .mod-download-app + .ttl-cmn-dots {
    margin-top: 18px;
  }
}

.mod-download-app--pharmacist {
  margin-top: 24px;
  background-color: #fff799;
}

.mod-download-app--pharmacist .mod-download-app__inner {
  margin-top: 10px;
}

.mod-download-app--pharmacist .mod-download-app__inner-title {
  background-color: #f39800;
}

.mod-download-app.soon {
  padding-top: 50px;
  background: #d9f0e3 url(/app/img/soon.png) no-repeat 0 0;
}

@media all and (max-width: 767px) {
  .mod-download-app.soon {
    padding-top: 20px;
    background-size: 178px 48px;
  }
}

/*
---
name: .mod-download-app
category: module/mod
tag: mod-download-app
---

- スギともアプリ用

```html
<div class="mod-download-app">
  <p class="mod-download-app__title"><img src="/common/img/module/tit_download_01_pc.png" alt="今スグ！アプリをダウンロード！" class="mod-download-app__title-img u-only-pc"><img src="/common/img/module/tit_download_01_sp.png" alt="今スグ！アプリをダウンロード！" class="mod-download-app__title-img u-only-sp"></p>
  <p class="txt-cmn u-only-pc">下記のボタン、もしくはQRコードよりダウンロードください。</p>
  <p class="txt-cmn u-only-sp">下記のボタンよりダウンロードください。</p>

  <div class="mod-download-app__inner">
    <div class="grid-cmn grid_gutter--30px grid_gutter__sp--20px">
      <div class="grid_col--6 grid_col__sp--12">
        <p class="mod-download-app__inner-title">iPhoneの方</p>
        <div class="mod-download-app__inner-main">
          <a href="https://itunes.apple.com/jp/app/sugitomoapuri/id853001943?mt=8&ign-mpt=uo%3D2" target="_blank" class="mod-download-app__link"><img src="/common/img/module/bnr_appstore_01.png" alt="App Storeからダウンロード" class="mod-download-app__link-img"></a>
          <p class="mod-download-app__qr u-only-pc"><img src="/common/img/module/img_qr_01.png" alt="QRコード" class="mod-download-app__qr-img"></p>
        </div>
      </div><!-- /.grid_col--6 -->
      <div class="grid_col--6 grid_col__sp--12">
        <p class="mod-download-app__inner-title">Androidの方</p>
        <div class="mod-download-app__inner-main">
          <a href="https://play.google.com/store/apps/details?id=jp.sugi.sugitomo&hl=ja" target="_blank" class="mod-download-app__link"><img src="/common/img/module/bnr_googleplay_01.png" alt="Google Playで手に入れよう" class="mod-download-app__link-img"></a>
          <p class="mod-download-app__qr u-only-pc"><img src="/common/img/module/img_qr_02.png" alt="QRコード" class="mod-download-app__qr-img"></p>
        </div>
      </div><!-- /.grid_col--6 -->
    </div><!-- /.grid-cmn -->
  </div><!-- /.mod-download-app__inner -->
</div><!-- /.mod-download-app -->
```
*/
/* mod-denshiokusuri
-------------------------------------------------------------------------- */
.mod-denshiokusuri {
  background-color: #3da745;
  text-align: center;
  max-width: 810px;
  margin-top: 24px;
}

@media all and (max-width: 767px) {
  .mod-denshiokusuri {
    padding: 0;
  }
}

.mod-denshiokusuri .wrap-inner {
  padding: 20px;
  background: #81b746;
}

.mod-denshiokusuri .wrap-inner + .wrap-inner {
  padding: 0 20px 20px;
}

@media all and (max-width: 767px) {
  .mod-denshiokusuri .wrap-inner {
    padding: 5px;
  }
  .mod-denshiokusuri .wrap-inner + .wrap-inner {
    padding: 0 5px 5px;
  }
}

.mod-denshiokusuri .inner {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .mod-denshiokusuri .inner {
    padding: 10px;
  }
}

.mod-denshiokusuri .inner h3 {
  margin-bottom: 20px;
}

@media all and (max-width: 767px) {
  .mod-denshiokusuri .inner h3 {
    margin-bottom: 10px;
  }
}

.mod-denshiokusuri .wrap-movie {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}

.mod-denshiokusuri .wrap-movie .movie {
  position: absolute;
  right: 0;
  bottom: 0;
}

.mod-denshiokusuri .wrap-movie .movie a {
  display: inline-block;
}

.mod-denshiokusuri .wrap-movie .movie a img {
  border: 1px solid #ccc;
}

@media all and (max-width: 767px) {
  .mod-denshiokusuri .wrap-movie {
    display: block;
  }
  .mod-denshiokusuri .wrap-movie .movie {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .mod-denshiokusuri .wrap-movie .movie a {
    display: inline-block;
    width: 50%;
  }
  .mod-denshiokusuri .wrap-movie .movie img {
    width: 100%;
  }
}

/* mod-download-app-02
-------------------------------------------------------------------------- */
.mod-download-app-02 {
  position: relative;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
  overflow: hidden;
}

.mod-download-app-02__body {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 15px 20px;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__body {
    padding: 0 2.85714% 2.85714%;
  }
}

.mod-download-app-02__body-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 30px 16px;
  background: #fff;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__body-in {
    display: block;
    padding: 1.51515% 3.93939% 3.33333%;
  }
}

@media all and (max-width: 767px) {
  .mod-download-app-02__lead {
    width: 56.76568%;
    margin: 0 auto;
  }
}

.mod-download-app-02__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -15px;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__download {
    margin: 1.65017% -2.31023% 0;
  }
}

.mod-download-app-02__download-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__download-item {
    padding: 0 2.31023%;
  }
}

.mod-download-app-02__download-button {
  display: block;
}

@media all and (min-width: 768px) {
  .mod-download-app-02__download-button {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .mod-download-app-02__download-button:hover {
    opacity: .6;
  }
}

.mod-download-app-02__download-button.is-appstore {
  width: 174px;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__download-button.is-appstore {
    width: 100%;
  }
}

.mod-download-app-02__download-button.is-googleplay {
  width: 216px;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__download-button.is-googleplay {
    width: 100%;
  }
}

.mod-download-app-02__download-qr {
  margin-left: 8px;
}

@media all and (max-width: 767px) {
  .mod-download-app-02__download-qr {
    display: none;
  }
}

/*
---
name: .mod-download-app-02
category: module/mod
tag: mod-download-app-02
---

- お薬手帳アプリ用

```html

```
*/
/* mod-anchor-link
-------------------------------------------------------------------------- */
.mod-anchor-link {
  padding: 0 30px;
  border: 1px solid #094;
  border-radius: 8px;
  background-color: #fff;
}

.mod-anchor-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 0;
  margin: -12px 0 0 -50px;
}

.mod-anchor-link__list-item {
  margin: 12px 0 0 50px;
}

.mod-anchor-link__link {
  position: relative;
  padding-left: 21px;
  color: inherit;
}

@media all and (min-width: 768px) {
  .mod-anchor-link__link {
    text-decoration: none;
  }
  .mod-anchor-link__link:hover {
    text-decoration: underline;
  }
}

.mod-anchor-link__link .ico-keyboard_arrow_down {
  color: #094;
  font-size: 24px;
}

.mod-anchor-link__link .ico-keyboard_arrow_down:before {
  position: absolute;
  top: 50%;
  left: -4px;
}

.mod-anchor-link + * {
  margin-top: 30px;
}

/*
---
name: .mod-anchor-link
category: module/mod
tag: mod-anchor-link
---

```html
<section class="sec-cmn">

<div class="mod-anchor-link">
  <ul class="mod-anchor-link__list">
    <li class="mod-anchor-link__list-item"><a href="#dummy" class="mod-anchor-link__link"><i class="ico-keyboard_arrow_down"></i>アンカーリンク</a></li>
    <li class="mod-anchor-link__list-item"><a href="#dummy" class="mod-anchor-link__link"><i class="ico-keyboard_arrow_down"></i>アンカーリンク</a></li>
    <li class="mod-anchor-link__list-item"><a href="#dummy" class="mod-anchor-link__link"><i class="ico-keyboard_arrow_down"></i>アンカーリンク</a></li>
  </ul><!-- /mod-anchor-link__list -->
</div><!-- /mod-anchor-link -->

</section><!-- /.sec-cmn -->
```
*/
/* mod-measure
-------------------------------------------------------------------------- */
.mod-measure-ttl {
  display: block;
  color: #093;
  font-size: 24px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (max-width: 767px) {
  .mod-measure-ttl {
    font-size: 14px;
    line-height: 1.28571;
  }
}

.mod-measure-ttl__main {
  display: block;
}

.mod-measure-ttl + .txt-cmn {
  margin-top: .5em;
  text-align: center;
}

@media all and (max-width: 767px) {
  .mod-measure-ttl + .txt-cmn {
    text-align: left;
  }
}

@media all and (max-width: 767px) {
  .mod-measure .btn-cmn {
    margin-top: 10px;
  }
}

.mod-measure .btn-cmn__button {
  min-width: 100%;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .mod-measure .btn-cmn__button {
    font-size: 13px;
  }
}

/* mod-sns
-------------------------------------------------------------------------- */
.mod-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-sns__guide {
  display: inline-block;
  line-height: 1.5;
  margin-right: 60px;
}

@media all and (max-width: 767px) {
  .mod-sns__guide {
    margin-right: 30px;
  }
}

.mod-sns__guide br {
  display: none;
}

@media all and (max-width: 767px) {
  .mod-sns__guide br {
    display: block;
  }
}

.mod-sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px;
}

@media all and (max-width: 767px) {
  .mod-sns__list {
    margin: 0 -5px;
  }
}

.mod-sns__list > li {
  padding: 0 10px;
  height: 20px;
  line-height: 1;
}

@media all and (max-width: 767px) {
  .mod-sns__list > li {
    padding: 0 5px;
    margin-top: 5px;
    line-height: 1.5;
  }
}

.mod-sns__list iframe {
  vertical-align: top !important;
  line-height: 1;
}

@media all and (max-width: 767px) {
  .mod-sns__list iframe {
    line-height: 1.5;
    vertical-align: bottom !important;
  }
}

/*
---
name: .mod-sns
category: module/mod
tag: mod-sns
---

```html
<div class="sec-cmn">
  <div class="mod-sns">
    <p class="mod-sns__guide">このページを<br>ほかの人にも教える</p>
    <ul class="mod-sns__list">
      <li id="twitter"></li>
      <li id="facebook"></li>
      <li>
        <!--<script type="text/javascript">LineIt.loadButton();</script>-->
        <div class="line-it-button" style="display: none;" data-type="share-a" data-lang="ja"></div>
        <script src="//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js" async="async" defer="defer"></script>
      </li>
    </ul>
  </div>
</div><!-- /.sec-cmn -->
```
*/
/* mod-faq
-------------------------------------------------------------------------- */
.mod-faq__title {
  position: relative;
  padding: 15px 20px 15px 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #094;
  border-radius: 8px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .mod-faq__title {
    padding: 13px 10px 13px 46px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
  }
}

.mod-faq__title:before {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: 'Q';
  width: 33px;
  height: 33px;
  padding-top: 7px;
  border-radius: 50%;
  background-color: #094;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

@media all and (max-width: 767px) {
  .mod-faq__title:before {
    left: 10px;
    width: 28px;
    height: 28px;
    font-size: 15px;
  }
}

.mod-faq__title + .txt-cmn {
  margin-top: 1em;
}

.mod-faq + .mod-faq {
  margin-top: 25px;
}

@media all and (max-width: 767px) {
  .mod-faq + .mod-faq {
    margin-top: 20px;
  }
}

/*
---
name: .mod-faq
category: module/mod
tag: mod-faq
---

```html
<div class="sec-cmn">

<section class="mod-faq">
  <h4 class="mod-faq__title">
    <span class="mod-faq__main">授乳中に赤ちゃんがむせてしまうのですが…</span>
  </h4><!-- /.mod-faq__title -->
  <p class="txt-cmn">お乳がはって、母乳が出過ぎていることが考えられますね。飲み始めや、飲み始めてから少したった頃にむせやすくなります。一度乳首を口から放し、母乳を少し搾り、吸いやすくして落ち着かせてから、飲ませましょう。</p>
</section>

</div><!-- /.sec-cmn -->

```
*/
/* mod-voice
-------------------------------------------------------------------------- */
.mod-voice__item {
  position: relative;
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .mod-voice__item {
    margin-top: 15px;
  }
}

.mod-voice__item--left:before {
  position: absolute;
  content: '';
  bottom: 0;
  right: 727px;
  width: 50px;
  height: 68px;
  background: url("/common/img/module/ico_voice_01.png") no-repeat bottom right;
}

@media all and (max-width: 767px) {
  .mod-voice__item--left:before {
    right: auto;
    left: 10px;
    width: 25px;
    height: 34px;
    background-size: cover;
  }
}

.mod-voice__item--left .mod-voice__text {
  margin-left: 140px;
}

@media all and (max-width: 767px) {
  .mod-voice__item--left .mod-voice__text {
    margin-left: 60px;
  }
}

.mod-voice__item--left .mod-voice__text:before {
  content: "";
  position: absolute;
  bottom: 30px;
  left: -36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 36px 0 0;
  border-color: transparent #e3e3e3 transparent transparent;
}

@media all and (max-width: 767px) {
  .mod-voice__item--left .mod-voice__text:before {
    bottom: 15px;
    left: -16px;
    border-width: 10px 16px 0 0;
  }
}

.mod-voice__item--left-smile:before {
  right: 734px;
  background: url("/common/img/module/ico_voice_03.png") no-repeat bottom right;
}

@media all and (max-width: 767px) {
  .mod-voice__item--left-smile:before {
    right: auto;
    left: 15px;
    width: 18px;
    height: 34px;
    background-size: cover;
  }
}

.mod-voice__item--left-smile02:before {
  right: 727px;
  background: url("/common/img/module/ico_voice_05.png") no-repeat bottom right;
}

@media all and (max-width: 767px) {
  .mod-voice__item--left-smile02:before {
    right: auto;
    left: 7px;
    width: 25px;
    height: 34px;
    background-size: cover;
  }
}

.mod-voice__item--right:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 727px;
  width: 50px;
  height: 68px;
  background: url("/common/img/module/ico_voice_02.png") no-repeat bottom left;
}

@media all and (max-width: 767px) {
  .mod-voice__item--right:before {
    left: auto;
    right: 10px;
    width: 25px;
    height: 34px;
    background-size: cover;
  }
}

.mod-voice__item--right .mod-voice__text {
  margin-right: 140px;
}

@media all and (max-width: 767px) {
  .mod-voice__item--right .mod-voice__text {
    margin-right: 60px;
  }
}

.mod-voice__item--right .mod-voice__text:before {
  content: "";
  position: absolute;
  bottom: 30px;
  right: -36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 0 36px;
  border-color: transparent transparent transparent #e3e3e3;
}

@media all and (-ms-high-contrast: none) {
  .mod-voice__item--right .mod-voice__text:before {
    right: -35px;
  }
}

@media all and (max-width: 767px) {
  .mod-voice__item--right .mod-voice__text:before {
    bottom: 15px;
    right: -16px;
    border-width: 10px 0 0 16px;
  }
}

.mod-voice__item--right-smile:before {
  left: 720px;
  background: url("/common/img/module/ico_voice_04.png") no-repeat bottom left;
}

@media all and (max-width: 767px) {
  .mod-voice__item--right-smile:before {
    left: auto;
    right: 10px;
    width: 25px;
    height: 34px;
    background-size: cover;
  }
}

.mod-voice__text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 26px 0;
  border-radius: 8px;
  background-color: #e3e3e3;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  .mod-voice__text {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (-ms-high-contrast: none) {
  .mod-voice__text {
    height: 100px;
    padding-top: 30px;
  }
}

@media all and (max-width: 767px) {
  .mod-voice__text {
    padding: 10px 16px;
    text-align: left;
  }
}

.mod-voice + .grid--12 {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .mod-voice + .grid--12 {
    margin-top: 15px;
  }
}

/*
---
name: .mod-voice
category: module/mod
tag: mod-voice
---

```html
<section class="sec-cmn">

<div class="mod-voice">
  <div class="mod-voice__item mod-voice__item--left mod-voice__item--left-smile02">
    <p class="mod-voice__text">赤ちゃんと歌にあわせてベビーサインをしてみたら、<br class="u-only-pc">赤ちゃんがにこにこして、とても楽しかったです。</p>
  </div><!-- /.mod-voice__item -->
  <div class="mod-voice__item mod-voice__item--right mod-voice__item--right-smile">
    <p class="mod-voice__text">ベビーサインに前から興味があったので、参加しました。<br>近所で体験出来て、うれしいです。</p>
  </div><!-- /.mod-voice__item -->
  <div class="mod-voice__item mod-voice__item--left mod-voice__item--left-smile02">
    <p class="mod-voice__text">少ない人数だったので、ちょっとした疑問も先生に質問できてよかったです。<br>30分があっという間でした。</p>
  </div><!-- /.mod-voice__item -->
</div><!-- /.mod-voice -->

</section><!-- /.sec-cmn -->
```
*/
/* mod-pct-txt
-------------------------------------------------------------------------- */
.mod-pct-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 767px) {
  .mod-pct-txt {
    display: block;
  }
}

.mod-pct-txt__figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 200px;
  padding: 0 35px;
  margin-right: 10px;
}

@media all and (max-width: 767px) {
  .mod-pct-txt__figure {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
  }
}

.mod-pct-txt__img {
  max-height: 100px;
  max-width: 130px;
}

@media all and (max-width: 767px) {
  .mod-pct-txt__img {
    max-height: 103px;
    max-width: 133px;
  }
}

/* mod-youtube
-------------------------------------------------------------------------- */
.mod-youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.15385%;
}

@media all and (max-width: 767px) {
  .mod-youtube {
    padding-bottom: 56.25%;
  }
}

.mod-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-youtube + .txt-cmn {
  margin-top: 5px;
}

@media all and (max-width: 767px) {
  .mod-youtube + .txt-cmn {
    margin-top: 7px;
  }
}

/* mod-selfmede
-------------------------------------------------------------------------- */
.mod-selfmede {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px -10px 0;
}

@media all and (max-width: 767px) {
  .mod-selfmede {
    margin: 10px -15px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mod-selfmede:first-child {
  margin-top: 0;
}

.mod-selfmede__item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 10px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__item {
    padding: 0 15px;
  }
}

@media all and (max-width: 767px) {
  .mod-selfmede__item--fit {
    width: 100%;
    margin-top: 10px;
  }
}

.mod-selfmede__image--01 {
  width: 143px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__image--01 {
    width: 100px;
  }
}

.mod-selfmede__image--02 {
  width: 184px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__image--02 {
    width: 128px;
  }
}

.mod-selfmede__image--03 {
  width: 136px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__image--03 {
    width: 68px;
  }
}

.mod-selfmede__caption {
  margin-top: 10px;
  text-align: left;
}

.mod-selfmede__box {
  width: 277px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__box {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .mod-selfmede__box-fig {
    float: left;
    margin-right: 10px;
  }
}

.mod-selfmede__box-body {
  margin-top: 15px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__box-body {
    margin-top: 0;
    overflow: hidden;
  }
}

.mod-selfmede__box-text {
  text-align: center;
}

@media all and (max-width: 767px) {
  .mod-selfmede__box-text {
    text-align: left;
  }
}

.mod-selfmede__box-note.txt-note {
  margin-top: 0;
  line-height: 2;
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .mod-selfmede__box-note.txt-note {
    font-size: 10px;
  }
}

/* mod-selfmede-message
-------------------------------------------------------------------------- */
.mod-selfmede-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message {
    display: block;
  }
}

.mod-selfmede-message__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 3px solid #cccccc;
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message__box {
    border: 1.5px solid #cccccc;
    border-radius: 4px;
  }
}

.mod-selfmede-message__box:after {
  content: '';
  display: block;
  height: 0;
  width: 244px;
  visibility: hidden;
}

.mod-selfmede-message__box-in {
  padding: 13px 17px 13px;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message__box-in {
    padding: 11px 17px 11px;
  }
}

.mod-selfmede-message__box--point {
  color: #009944;
  border-color: currentColor;
}

.mod-selfmede-message__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 26px 0 29px;
  color: #009944;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message__arrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 13px 0 13px;
  }
}

.mod-selfmede-message__arrow:before, .mod-selfmede-message__arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 9px 0 9px 12px;
  border-left-color: currentColor;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message__arrow:before, .mod-selfmede-message__arrow:after {
    border-width: 9px 7px 0 7px;
    border-top-color: currentColor;
    border-left-color: transparent;
  }
}

.mod-selfmede-message__arrow:after {
  margin-left: 3px;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message__arrow:after {
    margin-left: 0;
    margin-top: 1.5px;
  }
}

.mod-selfmede-message {
  margin-top: 16px;
}

@media all and (max-width: 767px) {
  .mod-selfmede-message {
    margin-top: 24px;
  }
}

/* nav
-------------------------------------------------------------------------- */
.nav-breadcrumb {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  font-size: 14px;
  color: #000;
}

@media all and (max-width: 767px) {
  .nav-breadcrumb {
    margin: 0 13px;
    font-size: 10px;
  }
}

.nav-breadcrumb:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #094;
  opacity: .5;
}

.nav-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 20px;
}

@media all and (max-width: 767px) {
  .nav-breadcrumb__list {
    display: block;
    padding: 20px 6px 8px;
    letter-spacing: -.4em;
  }
}

.nav-breadcrumb__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}

@media all and (max-width: 767px) {
  .nav-breadcrumb__list-item {
    display: inline;
    height: auto;
    line-height: 1.4;
    letter-spacing: normal;
  }
}

.nav-breadcrumb__list-item + .nav-breadcrumb__list-item:before {
  content: "";
}

.nav-breadcrumb__list-item + .nav-breadcrumb__list-item:before {
  margin: 0 7px;
  color: #999;
  font-size: 14px;
}

@media all and (-ms-high-contrast: none) {
  .nav-breadcrumb__list-item + .nav-breadcrumb__list-item:before {
    margin-top: -3px;
  }
}

@media all and (max-width: 767px) {
  .nav-breadcrumb__list-item + .nav-breadcrumb__list-item:before {
    position: relative;
    top: 1px;
    margin: 0 4px;
    font-size: 10px;
  }
}

.nav-breadcrumb__link {
  display: inline-block;
  color: inherit;
}

@media all and (min-width: 768px) {
  .nav-breadcrumb__link {
    text-decoration: none;
  }
  .nav-breadcrumb__link:hover {
    text-decoration: underline;
  }
}

/* nav-local
-------------------------------------------------------------------------- */
.nav-local {
  border: 2px solid #094;
  border-radius: 6px;
  background-color: #fff;
}

@media all and (max-width: 767px) {
  .nav-local {
    border: 1px solid #094;
    border-radius: 3px;
  }
}

.nav-local:not(.is-ready) {
  display: none;
}

.nav-local__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: -2px;
  padding: 13px 40px 13px 16px;
  height: 50px;
  border-radius: 6px;
  background-image: linear-gradient(120deg, #3aba2d, #239944);
  color: #fff;
  font-size: 16px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-shadow: 1.414px 1.414px 2px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

@media all and (-ms-high-contrast: none) {
  .nav-local__title {
    padding-top: 23px;
    /* IE */
    padding-bottom: 3px;
  }
}

@media all and (min-width: 768px) {
  .nav-local__title {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .nav-local__title:hover {
    opacity: .6;
  }
}

@media all and (-ms-high-contrast: none) {
  .nav-local__title {
    padding-top: .5em;
  }
}

@media all and (max-width: 767px) {
  .nav-local__title {
    margin: -1px;
    padding: 10px 35px 10px 12px;
    border-radius: 3px;
    font-size: 17px;
  }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none) {
  .nav-local__title {
    padding-top: 14px;
    /* IE */
    padding-bottom: 6px;
  }
}

.nav-local__title.js-toggle {
  cursor: pointer;
}

.nav-local__title .ico-add_circle,
.nav-local__title .ico-remove_circle {
  font-size: 24px;
}

@media all and (max-width: 767px) {
  .nav-local__title .ico-add_circle,
  .nav-local__title .ico-remove_circle {
    font-size: 20px;
  }
}

.nav-local__title .ico-add_circle:before,
.nav-local__title .ico-remove_circle:before {
  position: absolute;
  top: 50%;
  right: 12px;
}

@media all and (max-width: 767px) {
  .nav-local__title .ico-add_circle:before,
  .nav-local__title .ico-remove_circle:before {
    right: 10px;
  }
}

.nav-local__list > .nav-local__list-item:last-child .nav-local__list-link {
  border-radius: 0 0 8px 8px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item:last-child .nav-local__list-link {
    border-radius: 0 0 4px 4px;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list {
  display: none;
  padding: 8px 0;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list {
    padding: 0 0;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item + li {
  border-top: none;
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list {
  display: none;
  padding: 0;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list-link {
  background-color: #f9f9f9;
  padding: 5px 30px 5px 44px;
  font-size: 14px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list-link {
    padding: 4px 20px 4px 30px;
    font-size: 11px;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list-link .ico-keyboard_arrow_right {
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list-link .ico-keyboard_arrow_right {
    font-size: 16px;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list-link .ico-keyboard_arrow_right:before {
  right: 14px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list-link .ico-keyboard_arrow_right:before {
    right: 8px;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item.is-current > .nav-local__list-link {
  color: #094;
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item.is-current > .nav-local__list-link {
  color: #094;
}

.nav-local__list > .nav-local__list-item > .nav-local__list > .nav-local__list-item.is-active > .nav-local__list-link {
  background-color: #fff;
}

.nav-local__list > .nav-local__list-item > .nav-local__list .nav-local__list-link {
  background-color: inherit;
  padding: 4px 30px 4px 24px;
  font-size: 14px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list .nav-local__list-link {
    padding: 7px 20px 7px 20px;
    font-size: 11px;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list .nav-local__list-link .ico-keyboard_arrow_right {
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list .nav-local__list-link .ico-keyboard_arrow_right {
    font-size: 16px;
  }
}

.nav-local__list > .nav-local__list-item > .nav-local__list .nav-local__list-link .ico-keyboard_arrow_right:before {
  right: 14px;
}

@media all and (max-width: 767px) {
  .nav-local__list > .nav-local__list-item > .nav-local__list .nav-local__list-link .ico-keyboard_arrow_right:before {
    right: 8px;
  }
}

.nav-local__list > .nav-local__list-item.is-active > .nav-local__list-link {
  background-color: #eff9e7;
}

.nav-local__list > .nav-local__list-item.is-active .nav-local__list {
  display: block !important;
}

.nav-local__list > .nav-local__list-item + li {
  border-top: 1px solid #ccc;
}

.nav-local__list-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 30px 13px 12px;
  color: inherit;
}

@media all and (min-width: 768px) {
  .nav-local__list-link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .nav-local__list-link:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .nav-local__list-link {
    padding: 11px 20px 11px 10px;
    font-size: 13px;
  }
}

.nav-local__list-link .ico-keyboard_arrow_right {
  color: #007d3f;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .nav-local__list-link .ico-keyboard_arrow_right {
    font-size: 20px;
  }
}

.nav-local__list-link .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
  right: 10px;
}

@media all and (max-width: 767px) {
  .nav-local__list-link .ico-keyboard_arrow_right:before {
    right: 5px;
  }
}

/* nav-event-entry
-------------------------------------------------------------------------- */
.nav-event-entry {
  position: relative;
  margin: 50px auto 0;
  width: 612px;
}

@media all and (max-width: 767px) {
  .nav-event-entry {
    margin-top: 30px;
    width: 100%;
    font-size: 12px;
  }
}

.nav-event-entry__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  border-radius: 8px;
  background-color: #fff;
  color: inherit;
  color: #000;
  border: 1px solid #249b43;
}

@media all and (min-width: 768px) {
  .nav-event-entry__link:hover {
    color: #fff;
    background-color: #249b43;
  }
  .nav-event-entry__link:hover .ico-keyboard_arrow_right {
    color: #fff;
  }
}

@media all and (max-width: 767px) {
  .nav-event-entry__link {
    height: 30px;
    border-radius: 4px;
  }
}

.nav-event-entry__link .ico-keyboard_arrow_right {
  color: #094;
  font-size: 26px;
}

@media all and (max-width: 767px) {
  .nav-event-entry__link .ico-keyboard_arrow_right {
    font-size: 18px;
  }
}

.nav-event-entry__link .ico-keyboard_arrow_right:before {
  position: absolute;
  top: 50%;
}

.nav-event-entry__back {
  width: 216px;
  margin: 0 auto;
}

@media all and (max-width: 767px) {
  .nav-event-entry__back {
    width: 200px;
  }
}

.nav-event-entry__back .ico-keyboard_arrow_right:before {
  left: 6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

@media all and (max-width: 767px) {
  .nav-event-entry__back .ico-keyboard_arrow_right:before {
    left: 4px;
  }
}

.nav-event-entry__prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 176px;
  z-index: 1;
  overflow: hidden;
}

@media all and (max-width: 767px) {
  .nav-event-entry__prev {
    width: 40px;
    text-indent: 99999px;
  }
}

.nav-event-entry__prev .nav-event-entry__link {
  padding-left: 20px;
}

@media all and (max-width: 767px) {
  .nav-event-entry__prev .nav-event-entry__link {
    padding-left: 0;
  }
}

.nav-event-entry__prev .ico-keyboard_arrow_right {
  text-indent: 0;
}

.nav-event-entry__prev .ico-keyboard_arrow_right:before {
  left: 6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.nav-event-entry__next {
  position: absolute;
  top: 0;
  right: 0;
  width: 176px;
  z-index: 1;
  overflow: hidden;
}

@media all and (max-width: 767px) {
  .nav-event-entry__next {
    width: 40px;
    text-indent: 99999px;
  }
}

.nav-event-entry__next .nav-event-entry__link {
  padding-right: 20px;
}

@media all and (max-width: 767px) {
  .nav-event-entry__next .nav-event-entry__link {
    padding-right: 0;
  }
}

.nav-event-entry__next .ico-keyboard_arrow_right {
  text-indent: 0;
}

.nav-event-entry__next .ico-keyboard_arrow_right:before {
  right: 6px;
}

/*
---
name: .nav-event-entry
category: module/nav
tag: nav-event-entry
---

```html
<nav class="nav-event-entry">
<p class="nav-event-entry__back"><a class="nav-event-entry__link" href="#dummy"><i class="ico-keyboard_arrow_right"></i>2017年一覧に戻る</a></p>
<p class="nav-event-entry__prev"><a class="nav-event-entry__link" href="#dummy"><i class="ico-keyboard_arrow_right"></i>前のイベント</a></p>
<p class="nav-event-entry__next"><a class="nav-event-entry__link" href="#dummy">次のイベント<i class="ico-keyboard_arrow_right"></i></a></p>
</nav>
```
*/
/* section
-------------------------------------------------------------------------- */
/* .sec-cmn
-------------------------------------- */
.sec-cmn {
  overflow: hidden;
  padding: 30px 30px 30px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
          box-shadow: 0 0 15px rgba(107, 154, 131, 0.5);
}

@media all and (max-width: 767px) {
  .sec-cmn {
    padding: 15px 15px 15px;
    border-radius: 4px;
  }
}

.sec-cmn {
  margin-top: 30px;
}

.mod-google_map:not(.is-ready):first-child + .sec-cmn {
  margin-top: 0;
}

.sec-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .sec-cmn {
    margin-top: 15px;
  }
}

/* .sec-basic
-------------------------------------- */
.sec-basic {
  margin-top: 30px;
}

.sec-cmn .sec-basic + .sec-basic {
  margin-top: 40px;
}

.txt-cmn + .sec-basic,
.txt-note + .sec-basic {
  margin-top: 50px;
}

.ttl-cmn-dots + .sec-basic {
  margin-top: 50px;
}

.sec-basic:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .sec-basic {
    margin-top: 15px;
  }
  .sec-cmn .sec-basic + .sec-basic {
    margin-top: 40px;
  }
  .txt-cmn + .sec-basic,
  .txt-note + .sec-basic {
    margin-top: 20px;
  }
  .ttl-cmn-dots + .sec-basic {
    margin-top: 24px;
  }
}

/* .sec-main
-------------------------------------- */
.sec-main {
  margin-top: 30px;
}

.sec-main:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .sec-main {
    margin-top: 15px;
  }
}

/* .sec-campaign
-------------------------------------- */
.sec-campaign {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .sec-campaign .ttl-cmn-02 + * {
    margin-top: 20px;
  }
}

/* slider
-------------------------------------------------------------------------- */
/* .slider-cmn
-------------------------------------- */
.slider-cmn {
  width: 100%;
  display: block;
  padding: 47px 0 0;
}

.slider-cmn button {
  outline: none;
}

@media all and (max-width: 767px) {
  .slider-cmn {
    padding: 25px 0 0;
  }
}

.slider-cmn__body {
  position: relative;
  display: block;
}

.slider-cmn__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 0;
}

@media all and (max-width: 767px) {
  .slider-cmn__foot {
    padding: 16px 0 18px;
  }
}

.slider-cmn .slick-list {
  overflow: visible;
}

.slider-cmn__slide {
  display: none;
}

.slider-cmn__slide.slick-initialized {
  display: block;
}

.slider-cmn__slide-item {
  display: block;
  width: 814px;
  padding: 0 30px;
  outline: none;
}

@media all and (max-width: 767px) {
  .slider-cmn__slide-item {
    width: 100vw;
    padding: 0 13px;
  }
}

.slider-cmn__slide-item-in {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 30px 3px rgba(8, 93, 50, 0.25);
          box-shadow: 0 0 30px 3px rgba(8, 93, 50, 0.25);
  outline: none;
}

@media all and (min-width: 768px) {
  .slider-cmn__slide-item-in {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .slider-cmn__slide-item-in:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .slider-cmn__slide-item-in {
    border-radius: 4px;
  }
}

.slider-cmn__slide-item-image {
  display: block;
  width: 100%;
}

.slider-cmn__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  display: block;
  width: 814px;
  margin: 0 auto;
}

@media all and (max-width: 767px) {
  .slider-cmn__arrow {
    width: 100%;
  }
}

.slider-cmn__arrow .slick-arrow {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  width: 72px;
  height: 72px;
  border-radius: 10px;
  margin-top: -44px;
  background: rgba(0, 48, 24, 0.8);
}

@media all and (min-width: 768px) {
  .slider-cmn__arrow .slick-arrow {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .slider-cmn__arrow .slick-arrow:hover {
    opacity: .6;
  }
}

.slider-cmn__arrow .slick-arrow:before {
  content: "";
}

@media all and (max-width: 767px) {
  .slider-cmn__arrow .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin-top: 5px;
  }
}

.slider-cmn__arrow .slick-arrow:before {
  text-indent: 0;
  font-size: 72px;
  position: absolute;
  line-height: 1;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
}

@media all and (max-width: 767px) {
  .slider-cmn__arrow .slick-arrow:before {
    font-size: 40px;
  }
}

.slider-cmn__arrow .slick-arrow.slick-prev {
  left: -8px;
}

@media all and (max-width: 767px) {
  .slider-cmn__arrow .slick-arrow.slick-prev {
    left: -4px;
    border-radius: 0 5px 5px 0;
  }
}

.slider-cmn__arrow .slick-arrow.slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.slider-cmn__arrow .slick-arrow.slick-next {
  right: -8px;
}

@media all and (max-width: 767px) {
  .slider-cmn__arrow .slick-arrow.slick-next {
    right: -4px;
    border-radius: 5px 0 0 5px;
  }
}

@-moz-document url-prefix() {
  .slider-cmn__arrow .slick-prev.slick-arrow:before {
    bottom: 2px;
    right: 2px;
  }
  .slider-cmn__arrow .slick-next.slick-arrow:before {
    top: 2px;
    left: 2px;
  }
}

.slider-cmn__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  color: #009944;
}

.slider-cmn__navigation:before {
  content: '';
  width: 0;
  height: 30px;
  visibility: hidden;
  opacity: 0;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation:before {
    height: 20px;
  }
}

.slider-cmn__navigation-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider-cmn__navigation-col + .slider-cmn__navigation-col {
  border-left: 1px solid #cccccc;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-col {
    height: 20px;
  }
}

.slider-cmn__navigation-pager {
  width: 200px;
  padding: 7px 26px 6px;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-pager {
    padding: 5px 17px 4px;
    width: auto;
    max-width: 200px;
  }
}

.slider-cmn__navigation-pager .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7px -5px;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-pager .slick-dots {
    margin: 0 -5px;
  }
}

.slider-cmn__navigation-pager .slick-dots li {
  padding: 0 7px 5px;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-pager .slick-dots li {
    padding: 0 5px;
  }
}

.slider-cmn__navigation-pager .slick-dots button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  display: block;
  width: 17px;
  height: 17px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: transparent;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-pager .slick-dots button {
    width: 11px;
    height: 11px;
    border: 1px solid currentColor;
  }
}

.slider-cmn__navigation-pager .slick-dots button:hover,
.slider-cmn__navigation-pager .slick-dots .slick-active button {
  background: currentColor;
}

.slider-cmn__navigation-button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  position: relative;
  display: block;
  color: inherit;
}

@media all and (min-width: 768px) {
  .slider-cmn__navigation-button {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .slider-cmn__navigation-button:hover {
    opacity: .6;
  }
}

.slider-cmn__navigation-button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.slider-cmn__navigation-button--play {
  width: 15px;
  height: 18px;
  margin: 0 20px;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-button--play {
    width: 10px;
    height: 12px;
    margin: 0 14px;
  }
}

.slider-cmn__navigation-button--play:before {
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 8.5px 0 8.5px 15px;
  border-left-color: currentColor;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-button--play:before {
    border-width: 6px 0 6px 10px;
  }
}

.slider-cmn__navigation-button--pause {
  width: 13px;
  height: 15px;
  margin: 0 20px;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-button--pause {
    width: 9px;
    height: 10px;
    margin: 0 15px;
  }
}

.slider-cmn__navigation-button--pause:before {
  width: inherit;
  height: inherit;
  border-left: 4px solid currentColor;
  border-right: 4px solid currentColor;
}

@media all and (max-width: 767px) {
  .slider-cmn__navigation-button--pause:before {
    border-left: 3px solid currentColor;
    border-right: 3px solid currentColor;
  }
}

/* styleguide スタイルガイド 専用スタイル
-------------------------------------------------------------------------- */
.sg-title-01 {
  font-size: 30px;
  text-align: center;
  color: #fff;
  background: #464646;
  padding: 24px 0 25px;
}

@media all and (max-width: 767px) {
  .sg-title-01 {
    font-size: 15px;
    padding: 12px 0 12px;
  }
}

.sg-title-02 {
  font-size: 16px;
  text-align: left;
  color: #CCCCCC;
  margin-top: 48px;
}

@media all and (max-width: 767px) {
  .sg-title-02 {
    font-size: 10px;
  }
}

@media all and (max-width: 767px) {
  .sg-title-02 {
    margin-top: 24px;
  }
}

.sg-section {
  margin-top: 100px;
}

.sg-section:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .sg-section {
    margin-top: 50px;
  }
}

.sg-preview {
  margin-top: 16px;
}

@media all and (max-width: 767px) {
  .sg-preview {
    margin-top: 8px;
  }
}

/* table-basic
-------------------------------------------------------------------------- */
.table-basic {
  width: 100%;
  border-collapse: collapse;
}

.table-basic__header {
  width: 170px;
  padding: 15px 10px;
  border-top: 1px solid #269946;
  vertical-align: top;
  font-weight: bold;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .table-basic__header {
    width: 23.43%;
    padding: 12px 9px;
  }
}

.table-basic__detail {
  padding: 15px 10px;
  border-top: 1px solid #ccc;
  word-break: break-all;
}

@media all and (max-width: 767px) {
  .table-basic__detail {
    padding: 12px 9px;
  }
}

.table-basic tr:last-child .table-basic__header {
  border-bottom: 1px solid #269946;
}

.table-basic tr:last-child .table-basic__detail {
  border-bottom: 1px solid #ccc;
}

.table-basic--measure {
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .table-basic--measure .table-basic__header {
    width: 25%;
  }
}

@media all and (max-width: 767px) {
  .table-basic--measure {
    margin-top: 15px;
  }
}

/*
---
name: .table-basic
category: module/table
tag: table-basic
---
- normal

```html
<table class="table-basic">
  <tr>
    <th class="table-basic__header">th</th>
    <td class="table-basic__detail">td これはtdのスタイルです。ダミーです。<br>td これはtdのスタイルです。ダミーです。td これはtdのスタイルです。ダミーです。td これはtdのスタイルです。ダミーです。</td>
  </tr>
  <tr>
    <th class="table-basic__header">th</th>
    <td class="table-basic__detail">td これはtdのスタイルです。ダミーです。<br>td これはtdのスタイルです。ダミーです。td これはtdのスタイルです。ダミーです。td これはtdのスタイルです。ダミーです。</td>
  </tr>
  <tr>
    <th class="table-basic__header">th</th>
    <td class="table-basic__detail">td これはtdのスタイルです。ダミーです。</td>
  </tr>
</table>
```
*/
/* table-th
-------------------------------------------------------------------------- */
.table-campaign {
  margin-top: 30px;
  width: 100%;
  border-collapse: collapse;
}

@media all and (max-width: 767px) {
  .table-campaign {
    margin-top: 20px;
    display: block;
    border-top: 1px solid #dcdcdc;
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {
  .table-campaign tbody, .table-campaign tr {
    width: 100%;
    display: block;
  }
}

.table-campaign__th, .table-campaign__td {
  border: 1px solid #dcdcdc;
}

@media all and (max-width: 767px) {
  .table-campaign__th, .table-campaign__td {
    width: 100%;
    display: block;
    border-top: none;
  }
}

.table-campaign__th {
  padding: 16px 20px;
  width: 176px;
  background-color: #f9f9f9;
  color: #666;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}

@media all and (max-width: 767px) {
  .table-campaign__th {
    width: 100%;
    padding: 6px;
  }
}

@media all and (max-width: 767px) {
  .table-campaign__th br {
    display: none;
  }
}

.table-campaign__td {
  padding: 16px 20px 16px 40px;
}

@media all and (max-width: 767px) {
  .table-campaign__td {
    padding: 6px;
    color: #666;
  }
}

@media all and (max-width: 767px) {
  .table-campaign__td--figure {
    margin-top: 0;
  }
}

.table-campaign.table-shop {
  font-size: 1.4rem;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop {
    margin-top: 10px;
    font-size: 12px;
    border-top: none;
  }
}

.table-campaign.table-shop a {
  color: #000;
  text-decoration: underline;
}

.table-campaign.table-shop a:hover {
  text-decoration: none;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop tr {
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .table-campaign.table-shop tr:first-child {
    margin-top: 0;
    border: none;
  }
  .table-campaign.table-shop tr.add {
    margin-top: 0;
  }
}

.table-campaign.table-shop .table-campaign__th {
  padding: 10px;
  width: 10%;
  vertical-align: middle;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .table-campaign__th {
    width: 100%;
    padding: 6px;
    border-top: 1px solid #dcdcdc;
  }
}

.table-campaign.table-shop .table-campaign__td {
  padding: 10px;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .table-campaign__td {
    padding: 6px;
    color: #666;
  }
}

.table-campaign.table-shop .cols-place,
.table-campaign.table-shop .cols-shop {
  width: 25%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-place,
  .table-campaign.table-shop .cols-shop {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-schedule,
.table-campaign.table-shop .cols-tel {
  width: 20%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-schedule,
  .table-campaign.table-shop .cols-tel {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-2 {
  width: 18%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-2 {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-3 {
  width: 12%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-3 {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-4 {
  width: 15%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-4 {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-5 {
  width: 16%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-5 {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-6 {
  width: 16%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-6 {
    width: 100%;
  }
}

.table-campaign.table-shop .cols-7 {
  width: 13%;
}

@media all and (max-width: 767px) {
  .table-campaign.table-shop .cols-7 {
    width: 100%;
  }
}

/*
---
name: .table-campaign
category: module/table
tag: table-campaign
---
- thがグレーのtable

```html
<table class="table-campaign">
  <tr>
    <th class="table-campaign__th">対象年齢</th>
    <td class="table-campaign__td">生後すぐから2歳くらいまでのお子様とその保護者の方。（対象年齢外のお子様もご一緒いただけますが、怪我をされたり、進行の妨げにならない様、保護者で管理いただけるようにお願いします。）</td>
  </tr>
  <tr>
    <th class="table-campaign__th">目安時間</th>
    <td class="table-campaign__td u-center-sp">1回30分程度</td>
  </tr>
  <tr>
    <th class="table-campaign__th">ご予約方法</th>
    <td class="table-campaign__td u-center-sp">ご予約はインターネットにて受け付けます。<br>日程会場は下記のリンクよりご確認ください。</td>
  </tr>
</table>
```
*/
/* txt
-------------------------------------------------------------------------- */
/* .txt-cmn
-------------------------------------- */
.txt-cmn {
  font-size: 16px;
  font-weight: normal;
}

@media all and (max-width: 767px) {
  .txt-cmn {
    font-size: 12px;
  }
}

.txt-cmn {
  margin-top: 1.5em;
}

.txt-cmn + .txt-cmn {
  margin-top: 1.5em;
}

.ttl-cmn-03 + .txt-cmn {
  margin-top: 6px;
}

.txt-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .txt-cmn {
    margin-top: 1.5em;
  }
  .txt-cmn + .txt-cmn {
    margin-top: 1.5em;
  }
  .ttl-cmn-03 + .txt-cmn {
    margin-top: 6px;
  }
}

.txt-cmn.mod-measure-link_text + .txt-note {
  margin-top: 1em;
}

.txt-cmn + .mod-city-tenpo {
  margin-top: 1em;
}

/*
---
name: .txt-cmn
category: module/text
tag: txt-cmn
---

- normal

```html
<p class="txt-cmn">テキストテキストテキストテキストテキストテキストテキスト</p>
```

*/
/* .txt-lead
-------------------------------------- */
.txt-lead {
  font-size: 18px;
  font-weight: normal;
}

@media all and (max-width: 767px) {
  .txt-lead {
    font-size: 12px;
  }
}

/*
---
name: .txt-lead
category: module/text
tag: txt-lead
---

- リード文用

```html
<p class="txt-lead">テキストテキストテキストテキストテキストテキストテキスト</p>
```

*/
/* .txt-note
-------------------------------------- */
.txt-note {
  position: relative;
  display: block;
  overflow: hidden;
  padding-left: 1em;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  .txt-note {
    font-size: 12px;
  }
}

.txt-note:before {
  position: absolute;
  margin-left: -1em;
  content: '※';
  color: #e60021;
}

.txt-note--order {
  padding-left: 2.5em;
}

.txt-note--order:before {
  margin-left: -2.5em;
}

.txt-note__number {
  position: absolute;
  margin-left: -1.5em;
}

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
  .txt-note.u-center-pc:before {
    position: relative;
  }
}

@media all and (min-width: 768px) {
  .txt-note.u-center-pc + .sec-basic {
    margin-top: 0;
  }
}

.txt-note {
  margin-top: .7em;
}

.txt-note + .txt-note {
  margin-top: 0;
}

.txt-note:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .txt-note {
    margin-top: 1.5em;
  }
  .txt-note + .txt-note {
    margin-top: 0;
  }
}

/*
---
name: .txt-note
category: module/text
tag: txt-note
---

- 注釈

```html
<p class="txt-note">テキストテキストテキストテキストテキストテキストテキスト</p>
```

*/
/* .txt-message
-------------------------------------- */
.txt-message {
  color: #094;
  font-size: 26px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 38px;
}

@media all and (-ms-high-contrast: none) {
  .txt-message {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .txt-message {
    margin-bottom: -7px;
    font-size: 16px;
    line-height: 23px;
  }
}

.txt-message__main {
  position: relative;
  display: inline-block;
  font-size: 24px;
}

@media all and (max-width: 767px) {
  .txt-message__main {
    font-size: 15px;
  }
}

.txt-message__main:before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url(/common/img/module/ico_strong_01_pc.png);
  background-size: 18px;
  left: -32px;
  bottom: 9px;
}

@media all and (max-width: 767px) {
  .txt-message__main:before {
    width: 13px;
    height: 13px;
    background-image: url(/common/img/module/ico_strong_01_sp.png);
    background-size: 13px;
    left: -22px;
    bottom: 6px;
  }
}

.txt-message__main:after {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url(/common/img/module/ico_strong_02_pc.png);
  background-size: 18px;
  right: -32px;
  bottom: 9px;
}

@media all and (max-width: 767px) {
  .txt-message__main:after {
    width: 13px;
    height: 13px;
    background-image: url(/common/img/module/ico_strong_02_sp.png);
    background-size: 13px;
    right: -22px;
    bottom: 6px;
  }
}

/*
---
name: .txt-message
category: module/text
tag: txt-message
---

- 注釈

```html
<p class="txt-message">テキストテキストテキストテキストテキストテキストテキスト</p>
```

*/
/* ttl-cmn-01
-------------------------------------------------------------------------- */
.ttl-cmn-01 {
  display: block;
  padding: 8px 0 8px 20px;
  border-left: 4px solid currentColor;
  color: #009933;
  font-size: 32px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  line-height: 2;
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-01 {
    padding-top: 16px;
    /* IE */
    padding-bottom: 0;
  }
}

@media all and (max-width: 767px) {
  .ttl-cmn-01 {
    border-left: 2px solid currentColor;
    padding: 9px 0 9px 16px;
    font-size: 19px;
    line-height: 1.15789;
  }
}

.ttl-cmn-01__main {
  display: block;
}

.ttl-cmn-01__sub {
  display: block;
}

/*
---
name: .ttl-cmn-01
category: module/title
tag: ttl-cmn-01
---
- h1

```html
<h1 class="ttl-cmn-01">
  <span class="ttl-cmn-01__main">h1 これはh1のスタイルです</span>
</h1><!-- /.ttl-cmn-01 -->
```

- h1 + マイ店舗登録ボタン

```html
<div class="layout-contents__header">
  <div class="layout-contents__header-main">
    <h1 class="ttl-cmn-01">
      <span class="ttl-cmn-01__main">STYLE-GUIDE</span>
    </h1><!-- /.ttl-cmn-01 -->
  </div><!-- /.layout-contents__header-main -->
  <div class="layout-contents__header-sub">
    <ul class="btn-cmn u-flex-right-sp">
      <li class="btn-cmn__item">
        <button data-jsElement="mytenpo:btn_entry" data-tenpoID="100" type="submit" class="btn-cmn__button btn-cmn__button--add"><span class="btn-cmn__button-in" data-jsElement="mytenpo:btn_entry__text" data-textToggle='["マイ店舗に追加する","マイ店舗に追加済"]'></span><i class="ico-add"></i></button>
      </li><!-- /.btn-cmn__col -->
    </ul><!-- /.btn-cmn -->
  </div><!-- /.layout-contents__header-sub -->
</div><!-- /.layout-contents__header -->
```

*/
/* ttl-cmn-02
-------------------------------------------------------------------------- */
.ttl-cmn-02 {
  position: relative;
  display: block;
  padding: 24px 28px;
  background-color: #eff9e7;
  border-radius: 8px;
  color: #009933;
  font-size: 28px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.2857;
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-02 {
    padding-top: 28px;
    /* IE */
    padding-bottom: 14px;
  }
}

@media all and (max-width: 767px) {
  .ttl-cmn-02 {
    padding: 11px 15px 10px;
    border-radius: 4px;
    font-size: 14px;
  }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none) {
  .ttl-cmn-02 {
    padding-top: 18px;
    /* IE */
  }
}

.ttl-cmn-02__main {
  position: relative;
  display: block;
}

@media all and (max-width: 360px) {
  .ttl-cmn-02__image + .ttl-cmn-02__main {
    padding-right: 50%;
  }
}

.ttl-cmn-02__sub {
  display: block;
}

.ttl-cmn-02__image {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media all and (max-width: 360px) {
  .ttl-cmn-02__image {
    width: 50%;
  }
}

.ttl-cmn-02__image img {
  width: 100%;
  height: auto;
}

.ttl-cmn-02 .link-cmn[target="_blank"]:after {
  display: none;
}

.link-cmn[target="_blank"] .ttl-cmn-02__main:after {
  content: "";
}

.link-cmn[target="_blank"] .ttl-cmn-02__main:after {
  position: absolute;
  width: 1em;
  height: 1em;
  margin-left: .3em;
  vertical-align: top;
  text-decoration: none !important;
  overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
  .link-cmn[target="_blank"] .ttl-cmn-02__main:after {
    margin-top: -.2em;
    /* IE */
  }
}

.ttl-cmn-02 {
  margin-top: 40px;
}

.txt-lead + .ttl-cmn-02 {
  margin-top: 26px;
}

@media all and (max-width: 767px) {
  .ttl-cmn-02 {
    margin-top: 20px;
  }
  .txt-lead + .ttl-cmn-02 {
    margin-top: 12px;
  }
}

.sec-cmn > .ttl-cmn-02:first-child,
.sec-basic > .ttl-cmn-02:first-child {
  margin-top: 0;
}

section > .ttl-cmn-02 {
  margin-top: 40px;
}

@media all and (max-width: 767px) {
  section > .ttl-cmn-02 {
    margin-top: 20px;
  }
}

.ttl-cmn-02 + * {
  margin-top: 26px;
}

@media all and (max-width: 767px) {
  .ttl-cmn-02 + * {
    margin-top: 12px;
  }
}

/*
---
name: .ttl-cmn-02
category: module/title
tag: ttl-cmn-02
---
- h2

```html
<section class="sec-cmn">
  <h2 class="ttl-cmn-02">
    <span class="ttl-cmn-02__main">h2 これはh2のスタイルです</span>
  </h2><!-- /.ttl-cmn-02 -->
</section><!-- /.sec-cmn -->
```
*/
/* ttl-cmn-03
-------------------------------------------------------------------------- */
.ttl-cmn-03 {
  position: relative;
  display: block;
  margin-top: 28px;
  padding-left: 24px;
  font-size: 22px;
  line-height: 1.63636;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-03 {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .ttl-cmn-03 {
    padding-left: 13px;
    font-size: 14px;
    line-height: 1.42857;
  }
}

.ttl-cmn-03:before {
  position: absolute;
  left: 0;
  top: 0.81818em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 4px solid #093;
  margin-top: -1px;
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-03:before {
    margin-top: -3px;
  }
}

@media all and (max-width: 767px) {
  .ttl-cmn-03:before {
    top: 0.71429em;
    width: 9px;
    height: 9px;
    border: 2px solid #093;
  }
}

.ttl-cmn-03--mark {
  padding-left: 0;
  overflow: hidden;
}

.ttl-cmn-03--mark:before {
  content: none;
}

.ttl-cmn-03__main {
  display: block;
}

.ttl-cmn-03__sub {
  display: block;
}

.ttl-cmn-03__number {
  float: left;
  margin-right: .25em;
  font-size: 32px;
  color: #093;
}

@media all and (max-width: 767px) {
  .ttl-cmn-03__number {
    font-size: 19px;
  }
}

.ttl-cmn-03__number + .ttl-cmn-03__main {
  overflow: hidden;
}

.ttl-cmn-03:first-child {
  margin-top: 0;
}

section > .ttl-cmn-03:first-child {
  margin-top: 28px;
}

@media all and (max-width: 767px) {
  section > .ttl-cmn-03:first-child {
    margin-top: 12px;
  }
}

.ttl-cmn-03 + * {
  margin-top: 28px;
}

@media all and (max-width: 767px) {
  .ttl-cmn-03 + * {
    margin-top: 12px;
  }
}

@media all and (max-width: 767px) {
  h2.ttl-cmn-03 {
    margin-top: 20px !important;
  }
}

/*
---
name: .ttl-cmn-03
category: module/title
tag: ttl-cmn-03
---
- h3

```html
<section class="sec-cmn">
  <h3 class="ttl-cmn-03">
    <span class="ttl-cmn-03__main">h3 これはh3のスタイルです</span>
  </h3><!-- /.ttl-cmn-03 -->
</section><!-- /.sec-cmn -->
```
*/
/* ttl-cmn-04
-------------------------------------------------------------------------- */
.ttl-cmn-04 {
  display: block;
  color: #093;
  margin-top: 28px;
  font-size: 22px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-04 {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-04 {
    margin-top: calc(28px - .5em);
  }
}

@media all and (max-width: 767px) {
  .ttl-cmn-04 {
    font-size: 14px;
  }
}

.ttl-cmn-04__main {
  display: block;
}

.ttl-cmn-04__sub {
  display: block;
}

.ttl-cmn-04:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .ttl-cmn-04 {
    margin-top: 15px;
  }
}

.ttl-cmn-04 + * {
  margin-top: 8px;
}

@media all and (max-width: 767px) {
  .ttl-cmn-04 + * {
    margin-top: 4px;
  }
}

/*
---
name: .ttl-cmn-04
category: module/title
tag: ttl-cmn-04
---
- h4

```html
<section class="sec-cmn">
  <h4 class="ttl-cmn-04">
    <span class="ttl-cmn-04__main">h4 これはh4のスタイルです</span>
  </h4><!-- /.ttl-cmn-04 -->
</section><!-- /.sec-cmn -->
```
*/
/* ttl-cmn-dots
-------------------------------------------------------------------------- */
.ttl-cmn-dots {
  padding: 0 1.5em;
  color: #094;
  font-size: 24px;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: bold;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  .ttl-cmn-dots {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .ttl-cmn-dots {
    padding: 0 1.0em;
    font-size: 15px;
  }
}

.ttl-cmn-dots__main {
  position: relative;
  display: inline-block;
}

.ttl-cmn-dots__main:before, .ttl-cmn-dots__main:after {
  position: absolute;
  content: '…';
  bottom: 0;
}

.ttl-cmn-dots__main:before {
  left: -1.5em;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

@media all and (max-width: 767px) {
  .ttl-cmn-dots__main:before {
    left: -1.4em;
  }
}

.ttl-cmn-dots__main:after {
  right: -1.5em;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}

@media all and (max-width: 767px) {
  .ttl-cmn-dots__main:after {
    right: -1.4em;
  }
}

.ttl-cmn-dots__main-text-lg {
  font-size: 1.5em;
  color: #094;
  display: inline-block;
  margin-bottom: -0.11111em;
}

.ttl-cmn-dots {
  margin-top: 26px;
}

.ttl-cmn-02 + .ttl-cmn-dots {
  margin-top: 20px;
}

.ttl-cmn-dots:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .ttl-cmn-dots {
    margin-top: 24px;
  }
  .ttl-cmn-02 + .ttl-cmn-dots {
    margin-top: 12px;
  }
}

.ttl-cmn-dots + * {
  margin-top: 20px;
}

@media all and (max-width: 767px) {
  .ttl-cmn-dots + * {
    margin-top: 12px;
  }
}

/*
---
name: .ttl-cmn-dots
category: module/title
tag: ttl-cmn-dots
---
- dots

```html
<section class="sec-cmn">
  <p class="ttl-cmn-dots">
    <span class="ttl-cmn-dots__main">管理栄養士がお客様の<br>食事・栄養についてアドバイス！</span>
  </p><!-- /.ttl-cmn-dots -->
</section><!-- /.sec-cmn -->
```
*/
/* ttl-section_fit
-------------------------------------------------------------------------- */
.ttl-section_fit {
  position: relative;
  display: block;
  width: auto !important;
  margin: -30px -30px 0;
}

.ttl-section_fit:after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 5.85534%;
  background: url(/common/img/module/bg_arrow_01.svg) 0 0/cover no-repeat;
}

@media all and (-ms-high-contrast: none) {
  .ttl-section_fit:after {
    margin-top: 0.57405%;
  }
}

.ttl-section_fit__main {
  display: block;
  padding: 30px 30px 0;
  font-size: 28px;
  background: #28925b;
  text-align: center;
  color: #fff;
  letter-spacing: -.05em;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  .ttl-section_fit__main {
    padding-top: .25em;
    /* IE */
    margin-bottom: -.25em;
    /* IE */
  }
}

@media all and (-ms-high-contrast: none) {
  .ttl-section_fit__main {
    padding-top: 40px;
    /* IE */
  }
}

@media all and (max-width: 767px) {
  .ttl-section_fit__main {
    padding: 38px 30px 6px;
    font-size: 15px;
  }
}

.ttl-section_fit + * {
  margin-top: 36px;
}

@media all and (max-width: 767px) {
  .ttl-section_fit + * {
    margin-top: 20px;
  }
}

/*
---
name: .ttl-section_fit
category: module/title
tag: ttl-section_fit
---

```html
<section class="sec-cmn">
  <h2 class="ttl-section_fit">
    <span class="ttl-section_fit__main">スマホをお持ちでない方はこちら</span>
  </h2><!-- /.ttl-section_fit -->
</section><!-- /.sec-cmn -->
```
*/
/* =============================================================================
   #Utility
   ========================================================================== */
/* #Align
  -------------------------------------------------------------------------- */
.u-left {
  text-align: left !important;
}

@media all and (max-width: 374px) {
  .u-left-spsm {
    text-align: left !important;
  }
}

@media all and (max-width: 767px) {
  .u-left-sp {
    text-align: left !important;
  }
}

@media all and (min-width: 768px) {
  .u-left-pc {
    text-align: left !important;
  }
}

@media all and (max-width: 420px) {
  .u-left-ssp420 {
    text-align: left !important;
  }
}

@media all and (max-width: 360px) {
  .u-left-ssp {
    text-align: left !important;
  }
}

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

@media all and (max-width: 374px) {
  .u-center-spsm {
    text-align: center !important;
  }
}

@media all and (max-width: 767px) {
  .u-center-sp {
    text-align: center !important;
  }
}

@media all and (min-width: 768px) {
  .u-center-pc {
    text-align: center !important;
  }
}

@media all and (max-width: 420px) {
  .u-center-ssp420 {
    text-align: center !important;
  }
}

@media all and (max-width: 360px) {
  .u-center-ssp {
    text-align: center !important;
  }
}

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

@media all and (max-width: 374px) {
  .u-right-spsm {
    text-align: right !important;
  }
}

@media all and (max-width: 767px) {
  .u-right-sp {
    text-align: right !important;
  }
}

@media all and (min-width: 768px) {
  .u-right-pc {
    text-align: right !important;
  }
}

@media all and (max-width: 420px) {
  .u-right-ssp420 {
    text-align: right !important;
  }
}

@media all and (max-width: 360px) {
  .u-right-ssp {
    text-align: right !important;
  }
}

/* #background
  -------------------------------------------------------------------------- */
.u-bg-cover {
  background-size: cover;
}

.u-bg-contain {
  background-size: contain;
}

/* #color
  -------------------------------------------------------------------------- */
.u-color-main {
  color: #093 !important;
}

@media all and (max-width: 374px) {
  .u-color-main-spsm {
    color: #093 !important;
  }
}

@media all and (max-width: 767px) {
  .u-color-main-sp {
    color: #093 !important;
  }
}

@media all and (min-width: 768px) {
  .u-color-main-pc {
    color: #093 !important;
  }
}

@media all and (max-width: 420px) {
  .u-color-main-ssp420 {
    color: #093 !important;
  }
}

@media all and (max-width: 360px) {
  .u-color-main-ssp {
    color: #093 !important;
  }
}

.u-color-strong {
  color: #e60021 !important;
}

@media all and (max-width: 374px) {
  .u-color-strong-spsm {
    color: #e60021 !important;
  }
}

@media all and (max-width: 767px) {
  .u-color-strong-sp {
    color: #e60021 !important;
  }
}

@media all and (min-width: 768px) {
  .u-color-strong-pc {
    color: #e60021 !important;
  }
}

@media all and (max-width: 420px) {
  .u-color-strong-ssp420 {
    color: #e60021 !important;
  }
}

@media all and (max-width: 360px) {
  .u-color-strong-ssp {
    color: #e60021 !important;
  }
}

@media all and (max-width: 767px) {
  .u-only-pc {
    display: none !important;
  }
}

@media all and (min-width: 768px) {
  .u-only-sp {
    display: none !important;
  }
}

@media all and (max-width: 374px) {
  .u-no-spsm {
    display: none !important;
  }
}

.u-ffs-palt {
  -webkit-font-feature-settings: "palt" !important;
          font-feature-settings: "palt" !important;
}

/* #flex
  -------------------------------------------------------------------------- */
.u-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media all and (max-width: 374px) {
  .u-flex-spsm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-sp {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-pc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-ssp420 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-ssp {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.u-flex-jc-strech {
  -webkit-box-pack: stretch !important;
      -ms-flex-pack: stretch !important;
          justify-content: stretch !important;
}

@media all and (max-width: 374px) {
  .u-flex-jc-strech-spsm {
    -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
            justify-content: stretch !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-jc-strech-sp {
    -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
            justify-content: stretch !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-jc-strech-pc {
    -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
            justify-content: stretch !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-jc-strech-ssp420 {
    -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
            justify-content: stretch !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-jc-strech-ssp {
    -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
            justify-content: stretch !important;
  }
}

.u-flex-left {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

@media all and (max-width: 374px) {
  .u-flex-left-spsm {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-left-sp {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-left-pc {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-left-ssp420 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-left-ssp {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

.u-flex-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

@media all and (max-width: 374px) {
  .u-flex-center-spsm {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-center-sp {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-center-pc {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-center-ssp420 {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-center-ssp {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.u-flex-right {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

@media all and (max-width: 374px) {
  .u-flex-right-spsm {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-right-sp {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-right-pc {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-right-ssp420 {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-right-ssp {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

.u-flex-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

@media all and (max-width: 374px) {
  .u-flex-between-spsm {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-between-sp {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-between-pc {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-between-ssp420 {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-between-ssp {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

.u-flex-ai-strech {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

@media all and (max-width: 374px) {
  .u-flex-ai-strech-spsm {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-ai-strech-sp {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-ai-strech-pc {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-ai-strech-ssp420 {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-ai-strech-ssp {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

.u-flex-top {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

@media all and (max-width: 374px) {
  .u-flex-top-spsm {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-top-sp {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-top-pc {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-top-ssp420 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-top-ssp {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

.u-flex-middle {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

@media all and (max-width: 374px) {
  .u-flex-middle-spsm {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-middle-sp {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-middle-pc {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-middle-ssp420 {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-middle-ssp {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

.u-flex-bottom {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

@media all and (max-width: 374px) {
  .u-flex-bottom-spsm {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media all and (max-width: 767px) {
  .u-flex-bottom-sp {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media all and (min-width: 768px) {
  .u-flex-bottom-pc {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media all and (max-width: 420px) {
  .u-flex-bottom-ssp420 {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media all and (max-width: 360px) {
  .u-flex-bottom-ssp {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

/* #font-weight
  -------------------------------------------------------------------------- */
.u-normal {
  font-weight: bold !important;
}

@media all and (max-width: 374px) {
  .u-normal-spsm {
    font-weight: bold !important;
  }
}

@media all and (max-width: 767px) {
  .u-normal-sp {
    font-weight: bold !important;
  }
}

@media all and (min-width: 768px) {
  .u-normal-pc {
    font-weight: bold !important;
  }
}

@media all and (max-width: 420px) {
  .u-normal-ssp420 {
    font-weight: bold !important;
  }
}

@media all and (max-width: 360px) {
  .u-normal-ssp {
    font-weight: bold !important;
  }
}

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

@media all and (max-width: 374px) {
  .u-bold-spsm {
    font-weight: bold !important;
  }
}

@media all and (max-width: 767px) {
  .u-bold-sp {
    font-weight: bold !important;
  }
}

@media all and (min-width: 768px) {
  .u-bold-pc {
    font-weight: bold !important;
  }
}

@media all and (max-width: 420px) {
  .u-bold-ssp420 {
    font-weight: bold !important;
  }
}

@media all and (max-width: 360px) {
  .u-bold-ssp {
    font-weight: bold !important;
  }
}

/* JS is
  -------------------------------------------------------------------------- */
.js-is-sealAllImgThumb {
  background-size: contain;
  background-repeat: no-repeat;
}

/* =============================================================================
   #page
   ========================================================================== */
/* top page style #frame
-------------------------------------------------------------------------- */
/* layout-contents
-------------------------------------- */
.layout-contents__top-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 0 60px;
}

@media all and (max-width: 767px) {
  .layout-contents__top-inner {
    padding: 0 13px 50px;
  }
}

/* top page style #module
-------------------------------------------------------------------------- */
/* .top-sec-cmn
-------------------------------------- */
.top-sec-cmn {
  margin-top: 60px;
}

.top-sec-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .top-sec-cmn {
    margin-top: 48px;
  }
}

/* .top-ttl-cmn
-------------------------------------- */
.top-ttl-cmn {
  font-size: 32px;
  color: #009944;
  text-align: center;
  line-height: 1.25;
  font-family: "Noto Sans Japanese", sans-serif;
}

@media all and (max-width: 767px) {
  .top-ttl-cmn {
    font-size: 19px;
  }
}

.top-ttl-cmn {
  margin-top: 60px;
}

.top-ttl-cmn:first-child {
  margin-top: 0;
}

@media all and (max-width: 767px) {
  .top-ttl-cmn {
    margin-top: 48px;
  }
}

/* .top-mod-links-square
-------------------------------------- */
.top-mod-links-square {
  overflow: hidden;
  display: block;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 3px rgba(107, 154, 131, 0.3);
          box-shadow: 0 0 15px 3px rgba(107, 154, 131, 0.3);
}

@media all and (max-width: 767px) {
  .top-mod-links-square {
    overflow: visible;
    border-radius: 4px;
    margin-top: 21.42857%;
  }
}

.top-mod-links-square__item {
  display: block;
}

@media all and (max-width: 767px) {
  .top-mod-links-square__item + .top-mod-links-square__item {
    margin-top: 7.14286%;
  }
}

.top-mod-links-square__cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 768px) {
  .top-mod-links-square__cover {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .top-mod-links-square__cover:hover {
    opacity: .6;
  }
}

@media all and (max-width: 767px) {
  .top-mod-links-square__cover {
    display: block;
  }
}

.top-mod-links-square__item:nth-of-type(2n) .top-mod-links-square__cover {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.top-mod-links-square__head {
  position: relative;
  width: 56.41026%;
  height: auto;
}

@media all and (max-width: 767px) {
  .top-mod-links-square__head {
    width: 100%;
    padding-bottom: 0;
  }
}

.top-mod-links-square__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  text-align: center;
}

.top-mod-links-square__body:before {
  content: "";
}

@media all and (max-width: 767px) {
  .top-mod-links-square__body {
    padding: 24px 40px 24px 115px;
    text-align: left;
  }
}

.top-mod-links-square__body:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  color: #009944;
  font-size: 40px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@media all and (max-width: 767px) {
  .top-mod-links-square__body:before {
    right: 4px;
    font-size: 27px;
  }
}

.top-mod-links-square__image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.top-mod-links-square__image--mask {
  position: static;
}

.top-mod-links-square__item:first-child .top-mod-links-square__image--mask {
  border-radius: 8px 0 0 0;
}

@media all and (max-width: 767px) {
  .top-mod-links-square__item:first-child .top-mod-links-square__image--mask {
    border-radius: 4px 4px 0 0;
  }
}

.top-mod-links-square__title {
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
  color: #009944;
}

.top-mod-links-square__title-sub {
  display: block;
  font-size: 23px;
}

@media all and (max-width: 767px) {
  .top-mod-links-square__title-sub {
    font-size: 15px;
    line-height: 1.3;
  }
}

.top-mod-links-square__title-main {
  display: block;
  font-size: 30px;
  line-height: 1.26667;
}

@media all and (max-width: 767px) {
  .top-mod-links-square__title-main {
    font-size: 19px;
  }
}

.top-mod-links-square__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 142px;
  height: 142px;
  margin: 15px auto 0;
  border-radius: 50%;
  color: #fff;
  font-size: 80px;
  background: linear-gradient(-30deg, #239944 0%, #3aba2d 100%);
}

@media all and (max-width: 767px) {
  .top-mod-links-square__icon {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 75px;
    height: 75px;
    margin: 0;
    font-size: 42px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

.top-mod-links-square__icon--service:before {
  content: "";
}

.top-mod-links-square__icon--tempo:before {
  content: "";
}

.top-mod-links-square__text {
  margin-top: 12px;
  line-height: 1.75;
  color: #000000;
}

@media all and (max-width: 767px) {
  .top-mod-links-square__text {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.4;
  }
}

/* .top-mod-qa
-------------------------------------- */
.top-mod-qa {
  display: block;
}

.top-mod-qa__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 -20px;
}

@media all and (max-width: 767px) {
  .top-mod-qa__list {
    margin: 0 0 -12px;
  }
}

.top-mod-qa__list-item {
  display: block;
  width: 25%;
  padding: 0 0 20px;
}

@media all and (max-width: 767px) {
  .top-mod-qa__list-item {
    width: 50%;
    padding: 0 0 12px;
  }
}

.top-mod-qa__list-item-in {
  display: block;
  margin-left: -1px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.top-mod-qa__list-link {
  position: relative;
  display: block;
  text-align: center;
  padding-bottom: 4px;
  color: inherit;
}

@media all and (min-width: 768px) {
  .top-mod-qa__list-link {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
  }
  .top-mod-qa__list-link:hover {
    opacity: .6;
  }
}

.top-mod-qa__list-link:before {
  content: "";
}

@media all and (max-width: 767px) {
  .top-mod-qa__list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 7px 28px 7px 52px;
    text-align: left;
  }
}

.top-mod-qa__list-link:before {
  position: absolute;
  top: 50%;
  right: 8px;
  font-size: 40px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  color: #009944;
}

@media all and (max-width: 767px) {
  .top-mod-qa__list-link:before {
    right: 4px;
    font-size: 24px;
  }
}

.top-mod-qa__list-icon {
  position: relative;
  width: 100%;
  height: 100px;
  font-size: 50px;
  vertical-align: top;
  line-height: 1;
  color: #28925b;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

@media all and (max-width: 767px) {
  .top-mod-qa__list-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 1.3em;
    height: 1em;
    font-size: 25px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.2);
  }
}

.top-mod-qa__list-icon--shopping:before {
  content: "";
}

.top-mod-qa__list-icon--drug:before {
  content: "";
}

.top-mod-qa__list-icon--point_card:before {
  content: "";
}

.top-mod-qa__list-icon--card:before {
  content: "";
}

.top-mod-qa__list-icon--present:before {
  content: "";
}

.top-mod-qa__list-icon--other:before {
  content: "";
}

.top-mod-qa__list-icon--app:before {
  content: "";
}

.top-mod-qa__list-icon--info:before {
  content: "";
}

.top-mod-qa__list-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

@media all and (max-width: 374px) {
  .top-mod-qa__list-index {
    font-size: 10px;
  }
}

.top-mod-qa {
  margin-top: 32px;
}

@media all and (max-width: 767px) {
  .top-mod-qa {
    margin-top: 20px;
  }
}

.top-mod-qa__list-icon.top-mod-qa__list-icon--info {
  font-size: 70px;
}

@media all and (max-width: 767px) {
  .top-mod-qa__list-icon.top-mod-qa__list-icon--info {
    font-size: 30px;
  }
}

/* overwrite #module
-------------------------------------------------------------------------- */
/* .btn-cmn
-------------------------------------- */
.theme-top .btn-cmn__button {
  min-width: 370px;
}

@media all and (max-width: 767px) {
  .theme-top .btn-cmn__button {
    min-width: 0;
  }
}

/* ADD 1902
-------------------------------------------------------------------------- */
.grid_break{
  display: block !important;
  width: 100%;
  padding: 0 !important;
}

.list-shop_label__item.is-service-4 .list-shop_label__text {
  color: #fff;
  background: #ec4316;
}
.list-shop_label__item.is-service-5 .list-shop_label__text {
  color: #fff;
  background: #0174aa;
}
.list-shop_label__item.is-service-6 .list-shop_label__text {
  color: #fff;
  background: #53a524;
}
.list-shop_label__item.is-service-7 .list-shop_label__text {
  color: #fff;
  background: #00bbcc;
}
.list-shop_label__item.is-service-8 .list-shop_label__text {
  color: #fff;
  background: #909090;
}

/* ADD 1908
-------------------------------------------------------------------------- */

.list-shop_label__item.is-service-9 .list-shop_label__text {
  color: #fff;
  background: #778e57;
}