@charset "UTF-8";
/* ==========================================================
 fonts
========================================================== */
/* ==========================================================
 base
========================================================== */
/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section {
  display: block;
}

/* ==========================================================
 reseting
========================================================== */
html {
  font-size: 62.5%;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption {
  margin: 0;
  padding: 0;
}

input, textarea {
  margin: 0;
  font-size: 100%;
}

input, textarea, select {
  /*-webkit-appearance: none;*/
}

textarea {
  resize: none;
}

button {
  border: none;
  overflow: visible;
  background: none;
  vertical-align: top;
  font-size: 100%;
  font-size: 1.4rem;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
}

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

fieldset {
  border: 0;
}

img {
  border: 0;
  height: auto;
  vertical-align: top;
}

address, caption, code, em, th {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6, strong, em {
  font-size: 100%;
  font-weight: normal;
}

a, input {
  /* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/
}

sup, sub {
  font-size: 63%;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* ==========================================================
 base Link
========================================================== */
a {
  text-decoration: none;
  color: #333;
}

a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
}

/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.contents:before, .contents:after {
  content: "";
  display: table;
}

.clearfix:after, .contents:after {
  clear: both;
}

/* For IE 6/7
---------------------------------------------------------- */
.clearfix, .contents {
  *zoom: 1;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 layout
========================================================== */
html {
  height: 100vh;
}

body {
  position: relative;
  min-height: 100%;
  background-color: #e6e6e6;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.4rem;
  line-height: 1.86;
  color: #333;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 813px) {
  body {
    min-width: 1260px;
  }
}

@media (max-width: 812px) {
  body {
    min-width: 1px;
    font-size: 1.3rem;
  }
}

/* wrapper
---------------------------------------------------------- */
.wrapper {
  overflow: hidden;
  padding-top: 80px;
}

/* nav-breadcrumb
---------------------------------------------------------- */
.nav-breadcrumb {
  padding: 12px 30px;
  overflow-x: auto;
}

@media (max-width: 812px) {
  .nav-breadcrumb {
    padding: 12px 10px;
    border-bottom: 1px solid #fff;
  }
}

.nav-breadcrumb .list {
  display: flex;
  white-space: nowrap;
}

.nav-breadcrumb .list .item {
  position: relative;
  padding-right: 18px;
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .nav-breadcrumb .list .item {
    padding-right: 15px;
    font-size: 1rem;
  }
}

.nav-breadcrumb .list .item:after {
  content: ">";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  font-size: 1rem;
  line-height: 1;
}

.nav-breadcrumb .list .item:last-child:after {
  display: none;
}

/* contents
---------------------------------------------------------- */
/* contents-main
---------------------------------------------------------- */
/* container
---------------------------------------------------------- */
.container, .l-2clm_container {
  padding-right: 30px;
  padding-left: 30px;
}

@media (min-width: 813px) {
  .container, .l-2clm_container {
    width: 1260px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 812px) {
  .container, .l-2clm_container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .container.-nopd_sp, .-nopd_sp.l-2clm_container {
    padding-right: 0;
    padding-left: 0;
  }
  .container .errorBox {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.container-withSideNav {
  width: 80%;
}

@media (min-width: 813px) {
  .container.-sm, .-sm.l-2clm_container {
    width: 830px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 812px) {
  .l-2clm_container {
    padding: 0;
  }
}

.l-2clm_container .container, .l-2clm_container .l-2clm_container {
  width: 100%;
}

@media (min-width: 813px) {
  .l-2clm_cont {
    width: calc(79% - 20px);
    float: left;
    margin-left: 20px;
  }
}

@media (min-width: 813px) {
  .l-2clm_nav {
    width: 21%;
    float: left;
    margin-top: 20px;
    padding: 10px;
  }
}

/* background
---------------------------------------------------------- */
.bg-white {
  background-color: #fff;
}

@media (min-width: 813px) {
  .bg-pc-white {
    background-color: #fff;
  }
}

@media (max-width: 812px) {
  .bg-sp-white {
    background-color: #fff;
  }
}

/* background
---------------------------------------------------------- */
.bg-white {
  background-color: #fff;
}

.text-decor-underline {
  text-decoration: underline;
}

@media (min-width: 813px) {
  .text-decor-underline:hover {
    text-decoration: none;
  }
}

.w-100p {
  width: 100% !important;
}

@media (max-width: 812px) {
  .no-sp-padding {
    margin: 0 -10px;
  }
}

/* logo
---------------------------------------------------------- */
h1.logo img.only-pc {
  width: 112px;
  height: auto;
}

/* iframe
---------------------------------------------------------- */
@media (max-width: 812px) {
  .iframe-contents {
    width: 100vw;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* c-grid
---------------------------------------------------------- */
/*
  Exam
  <div class="row pd-32 pd-sp-0">
    <div class="col-pc-6 col-sp-12">
      test
    </div>
    <div class="col-pc-6 col-sp-12">
      test
    </div>
    <div class="col-pc-6 col-sp-12">
      test
    </div>
  </div>
  **pd-32 -> .row { margin-left: -32px; margin-right: -32px;}
          -> .row [class^="col"] { padding-left: 32px; padding-right: 32px;}
*/
.c-grid {
  /* c-grid col-i
---------------------------------------------------------- */
}

.c-grid .row {
  display: flex;
  flex-wrap: wrap;
}

.c-grid .row.pd-0 {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

.c-grid .row.pd-0 > [class^="col"] {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
}

.c-grid .row.pd-1 {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -2px;
}

.c-grid .row.pd-1 > [class^="col"] {
  padding-left: 1px;
  padding-right: 1px;
  margin-top: 2px;
}

.c-grid .row.pd-2 {
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -4px;
}

.c-grid .row.pd-2 > [class^="col"] {
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 4px;
}

.c-grid .row.pd-3 {
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -6px;
}

.c-grid .row.pd-3 > [class^="col"] {
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 6px;
}

.c-grid .row.pd-4 {
  margin-left: -4px;
  margin-right: -4px;
  margin-top: -8px;
}

.c-grid .row.pd-4 > [class^="col"] {
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 8px;
}

.c-grid .row.pd-5 {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -10px;
}

.c-grid .row.pd-5 > [class^="col"] {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}

.c-grid .row.pd-6 {
  margin-left: -6px;
  margin-right: -6px;
  margin-top: -12px;
}

.c-grid .row.pd-6 > [class^="col"] {
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 12px;
}

.c-grid .row.pd-7 {
  margin-left: -7px;
  margin-right: -7px;
  margin-top: -14px;
}

.c-grid .row.pd-7 > [class^="col"] {
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 14px;
}

.c-grid .row.pd-8 {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -16px;
}

.c-grid .row.pd-8 > [class^="col"] {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 16px;
}

.c-grid .row.pd-9 {
  margin-left: -9px;
  margin-right: -9px;
  margin-top: -18px;
}

.c-grid .row.pd-9 > [class^="col"] {
  padding-left: 9px;
  padding-right: 9px;
  margin-top: 18px;
}

.c-grid .row.pd-10 {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -20px;
}

.c-grid .row.pd-10 > [class^="col"] {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}

.c-grid .row.pd-11 {
  margin-left: -11px;
  margin-right: -11px;
  margin-top: -22px;
}

.c-grid .row.pd-11 > [class^="col"] {
  padding-left: 11px;
  padding-right: 11px;
  margin-top: 22px;
}

.c-grid .row.pd-12 {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -24px;
}

.c-grid .row.pd-12 > [class^="col"] {
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 24px;
}

.c-grid .row.pd-13 {
  margin-left: -13px;
  margin-right: -13px;
  margin-top: -26px;
}

.c-grid .row.pd-13 > [class^="col"] {
  padding-left: 13px;
  padding-right: 13px;
  margin-top: 26px;
}

.c-grid .row.pd-14 {
  margin-left: -14px;
  margin-right: -14px;
  margin-top: -28px;
}

.c-grid .row.pd-14 > [class^="col"] {
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 28px;
}

.c-grid .row.pd-15 {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -30px;
}

.c-grid .row.pd-15 > [class^="col"] {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
}

.c-grid .row.pd-16 {
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -32px;
}

.c-grid .row.pd-16 > [class^="col"] {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 32px;
}

.c-grid .row.pd-17 {
  margin-left: -17px;
  margin-right: -17px;
  margin-top: -34px;
}

.c-grid .row.pd-17 > [class^="col"] {
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 34px;
}

.c-grid .row.pd-18 {
  margin-left: -18px;
  margin-right: -18px;
  margin-top: -36px;
}

.c-grid .row.pd-18 > [class^="col"] {
  padding-left: 18px;
  padding-right: 18px;
  margin-top: 36px;
}

.c-grid .row.pd-19 {
  margin-left: -19px;
  margin-right: -19px;
  margin-top: -38px;
}

.c-grid .row.pd-19 > [class^="col"] {
  padding-left: 19px;
  padding-right: 19px;
  margin-top: 38px;
}

.c-grid .row.pd-20 {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -40px;
}

.c-grid .row.pd-20 > [class^="col"] {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 40px;
}

.c-grid .row.pd-21 {
  margin-left: -21px;
  margin-right: -21px;
  margin-top: -42px;
}

.c-grid .row.pd-21 > [class^="col"] {
  padding-left: 21px;
  padding-right: 21px;
  margin-top: 42px;
}

.c-grid .row.pd-22 {
  margin-left: -22px;
  margin-right: -22px;
  margin-top: -44px;
}

.c-grid .row.pd-22 > [class^="col"] {
  padding-left: 22px;
  padding-right: 22px;
  margin-top: 44px;
}

.c-grid .row.pd-23 {
  margin-left: -23px;
  margin-right: -23px;
  margin-top: -46px;
}

.c-grid .row.pd-23 > [class^="col"] {
  padding-left: 23px;
  padding-right: 23px;
  margin-top: 46px;
}

.c-grid .row.pd-24 {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -48px;
}

.c-grid .row.pd-24 > [class^="col"] {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 48px;
}

.c-grid .row.pd-25 {
  margin-left: -25px;
  margin-right: -25px;
  margin-top: -50px;
}

.c-grid .row.pd-25 > [class^="col"] {
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 50px;
}

.c-grid .row.pd-26 {
  margin-left: -26px;
  margin-right: -26px;
  margin-top: -52px;
}

.c-grid .row.pd-26 > [class^="col"] {
  padding-left: 26px;
  padding-right: 26px;
  margin-top: 52px;
}

.c-grid .row.pd-27 {
  margin-left: -27px;
  margin-right: -27px;
  margin-top: -54px;
}

.c-grid .row.pd-27 > [class^="col"] {
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 54px;
}

.c-grid .row.pd-28 {
  margin-left: -28px;
  margin-right: -28px;
  margin-top: -56px;
}

.c-grid .row.pd-28 > [class^="col"] {
  padding-left: 28px;
  padding-right: 28px;
  margin-top: 56px;
}

.c-grid .row.pd-29 {
  margin-left: -29px;
  margin-right: -29px;
  margin-top: -58px;
}

.c-grid .row.pd-29 > [class^="col"] {
  padding-left: 29px;
  padding-right: 29px;
  margin-top: 58px;
}

.c-grid .row.pd-30 {
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -60px;
}

.c-grid .row.pd-30 > [class^="col"] {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 60px;
}

.c-grid .row.pd-31 {
  margin-left: -31px;
  margin-right: -31px;
  margin-top: -62px;
}

.c-grid .row.pd-31 > [class^="col"] {
  padding-left: 31px;
  padding-right: 31px;
  margin-top: 62px;
}

.c-grid .row.pd-32 {
  margin-left: -32px;
  margin-right: -32px;
  margin-top: -64px;
}

.c-grid .row.pd-32 > [class^="col"] {
  padding-left: 32px;
  padding-right: 32px;
  margin-top: 64px;
}

.c-grid .row.pd-33 {
  margin-left: -33px;
  margin-right: -33px;
  margin-top: -66px;
}

.c-grid .row.pd-33 > [class^="col"] {
  padding-left: 33px;
  padding-right: 33px;
  margin-top: 66px;
}

.c-grid .row.pd-34 {
  margin-left: -34px;
  margin-right: -34px;
  margin-top: -68px;
}

.c-grid .row.pd-34 > [class^="col"] {
  padding-left: 34px;
  padding-right: 34px;
  margin-top: 68px;
}

.c-grid .row.pd-35 {
  margin-left: -35px;
  margin-right: -35px;
  margin-top: -70px;
}

.c-grid .row.pd-35 > [class^="col"] {
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 70px;
}

.c-grid .row.pd-36 {
  margin-left: -36px;
  margin-right: -36px;
  margin-top: -72px;
}

.c-grid .row.pd-36 > [class^="col"] {
  padding-left: 36px;
  padding-right: 36px;
  margin-top: 72px;
}

.c-grid .row.pd-37 {
  margin-left: -37px;
  margin-right: -37px;
  margin-top: -74px;
}

.c-grid .row.pd-37 > [class^="col"] {
  padding-left: 37px;
  padding-right: 37px;
  margin-top: 74px;
}

.c-grid .row.pd-38 {
  margin-left: -38px;
  margin-right: -38px;
  margin-top: -76px;
}

.c-grid .row.pd-38 > [class^="col"] {
  padding-left: 38px;
  padding-right: 38px;
  margin-top: 76px;
}

.c-grid .row.pd-39 {
  margin-left: -39px;
  margin-right: -39px;
  margin-top: -78px;
}

.c-grid .row.pd-39 > [class^="col"] {
  padding-left: 39px;
  padding-right: 39px;
  margin-top: 78px;
}

.c-grid .row.pd-40 {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -80px;
}

.c-grid .row.pd-40 > [class^="col"] {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 80px;
}

.c-grid .row.pd-41 {
  margin-left: -41px;
  margin-right: -41px;
  margin-top: -82px;
}

.c-grid .row.pd-41 > [class^="col"] {
  padding-left: 41px;
  padding-right: 41px;
  margin-top: 82px;
}

.c-grid .row.pd-42 {
  margin-left: -42px;
  margin-right: -42px;
  margin-top: -84px;
}

.c-grid .row.pd-42 > [class^="col"] {
  padding-left: 42px;
  padding-right: 42px;
  margin-top: 84px;
}

.c-grid .row.pd-43 {
  margin-left: -43px;
  margin-right: -43px;
  margin-top: -86px;
}

.c-grid .row.pd-43 > [class^="col"] {
  padding-left: 43px;
  padding-right: 43px;
  margin-top: 86px;
}

.c-grid .row.pd-44 {
  margin-left: -44px;
  margin-right: -44px;
  margin-top: -88px;
}

.c-grid .row.pd-44 > [class^="col"] {
  padding-left: 44px;
  padding-right: 44px;
  margin-top: 88px;
}

.c-grid .row.pd-45 {
  margin-left: -45px;
  margin-right: -45px;
  margin-top: -90px;
}

.c-grid .row.pd-45 > [class^="col"] {
  padding-left: 45px;
  padding-right: 45px;
  margin-top: 90px;
}

.c-grid .row.pd-46 {
  margin-left: -46px;
  margin-right: -46px;
  margin-top: -92px;
}

.c-grid .row.pd-46 > [class^="col"] {
  padding-left: 46px;
  padding-right: 46px;
  margin-top: 92px;
}

.c-grid .row.pd-47 {
  margin-left: -47px;
  margin-right: -47px;
  margin-top: -94px;
}

.c-grid .row.pd-47 > [class^="col"] {
  padding-left: 47px;
  padding-right: 47px;
  margin-top: 94px;
}

.c-grid .row.pd-48 {
  margin-left: -48px;
  margin-right: -48px;
  margin-top: -96px;
}

.c-grid .row.pd-48 > [class^="col"] {
  padding-left: 48px;
  padding-right: 48px;
  margin-top: 96px;
}

.c-grid .row.pd-49 {
  margin-left: -49px;
  margin-right: -49px;
  margin-top: -98px;
}

.c-grid .row.pd-49 > [class^="col"] {
  padding-left: 49px;
  padding-right: 49px;
  margin-top: 98px;
}

.c-grid .row.pd-50 {
  margin-left: -50px;
  margin-right: -50px;
  margin-top: -100px;
}

.c-grid .row.pd-50 > [class^="col"] {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 100px;
}

.c-grid .row.pd-51 {
  margin-left: -51px;
  margin-right: -51px;
  margin-top: -102px;
}

.c-grid .row.pd-51 > [class^="col"] {
  padding-left: 51px;
  padding-right: 51px;
  margin-top: 102px;
}

.c-grid .row.pd-52 {
  margin-left: -52px;
  margin-right: -52px;
  margin-top: -104px;
}

.c-grid .row.pd-52 > [class^="col"] {
  padding-left: 52px;
  padding-right: 52px;
  margin-top: 104px;
}

.c-grid .row.pd-53 {
  margin-left: -53px;
  margin-right: -53px;
  margin-top: -106px;
}

.c-grid .row.pd-53 > [class^="col"] {
  padding-left: 53px;
  padding-right: 53px;
  margin-top: 106px;
}

.c-grid .row.pd-54 {
  margin-left: -54px;
  margin-right: -54px;
  margin-top: -108px;
}

.c-grid .row.pd-54 > [class^="col"] {
  padding-left: 54px;
  padding-right: 54px;
  margin-top: 108px;
}

.c-grid .row.pd-55 {
  margin-left: -55px;
  margin-right: -55px;
  margin-top: -110px;
}

.c-grid .row.pd-55 > [class^="col"] {
  padding-left: 55px;
  padding-right: 55px;
  margin-top: 110px;
}

.c-grid .row.pd-56 {
  margin-left: -56px;
  margin-right: -56px;
  margin-top: -112px;
}

.c-grid .row.pd-56 > [class^="col"] {
  padding-left: 56px;
  padding-right: 56px;
  margin-top: 112px;
}

.c-grid .row.pd-57 {
  margin-left: -57px;
  margin-right: -57px;
  margin-top: -114px;
}

.c-grid .row.pd-57 > [class^="col"] {
  padding-left: 57px;
  padding-right: 57px;
  margin-top: 114px;
}

.c-grid .row.pd-58 {
  margin-left: -58px;
  margin-right: -58px;
  margin-top: -116px;
}

.c-grid .row.pd-58 > [class^="col"] {
  padding-left: 58px;
  padding-right: 58px;
  margin-top: 116px;
}

.c-grid .row.pd-59 {
  margin-left: -59px;
  margin-right: -59px;
  margin-top: -118px;
}

.c-grid .row.pd-59 > [class^="col"] {
  padding-left: 59px;
  padding-right: 59px;
  margin-top: 118px;
}

.c-grid .row.pd-60 {
  margin-left: -60px;
  margin-right: -60px;
  margin-top: -120px;
}

.c-grid .row.pd-60 > [class^="col"] {
  padding-left: 60px;
  padding-right: 60px;
  margin-top: 120px;
}

@media (min-width: 813px) {
  .c-grid .row.pd-pc-0 {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  .c-grid .row.pd-pc-0 > [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
  }
  .c-grid .row.pd-pc-1 {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -2px;
  }
  .c-grid .row.pd-pc-1 > [class^="col"] {
    padding-left: 1px;
    padding-right: 1px;
    margin-top: 2px;
  }
  .c-grid .row.pd-pc-2 {
    margin-left: -2px;
    margin-right: -2px;
    margin-top: -4px;
  }
  .c-grid .row.pd-pc-2 > [class^="col"] {
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 4px;
  }
  .c-grid .row.pd-pc-3 {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -6px;
  }
  .c-grid .row.pd-pc-3 > [class^="col"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 6px;
  }
  .c-grid .row.pd-pc-4 {
    margin-left: -4px;
    margin-right: -4px;
    margin-top: -8px;
  }
  .c-grid .row.pd-pc-4 > [class^="col"] {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 8px;
  }
  .c-grid .row.pd-pc-5 {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -10px;
  }
  .c-grid .row.pd-pc-5 > [class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
  }
  .c-grid .row.pd-pc-6 {
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -12px;
  }
  .c-grid .row.pd-pc-6 > [class^="col"] {
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 12px;
  }
  .c-grid .row.pd-pc-7 {
    margin-left: -7px;
    margin-right: -7px;
    margin-top: -14px;
  }
  .c-grid .row.pd-pc-7 > [class^="col"] {
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 14px;
  }
  .c-grid .row.pd-pc-8 {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -16px;
  }
  .c-grid .row.pd-pc-8 > [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px;
  }
  .c-grid .row.pd-pc-9 {
    margin-left: -9px;
    margin-right: -9px;
    margin-top: -18px;
  }
  .c-grid .row.pd-pc-9 > [class^="col"] {
    padding-left: 9px;
    padding-right: 9px;
    margin-top: 18px;
  }
  .c-grid .row.pd-pc-10 {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -20px;
  }
  .c-grid .row.pd-pc-10 > [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
  .c-grid .row.pd-pc-11 {
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -22px;
  }
  .c-grid .row.pd-pc-11 > [class^="col"] {
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 22px;
  }
  .c-grid .row.pd-pc-12 {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -24px;
  }
  .c-grid .row.pd-pc-12 > [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 24px;
  }
  .c-grid .row.pd-pc-13 {
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -26px;
  }
  .c-grid .row.pd-pc-13 > [class^="col"] {
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 26px;
  }
  .c-grid .row.pd-pc-14 {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -28px;
  }
  .c-grid .row.pd-pc-14 > [class^="col"] {
    padding-left: 14px;
    padding-right: 14px;
    margin-top: 28px;
  }
  .c-grid .row.pd-pc-15 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -30px;
  }
  .c-grid .row.pd-pc-15 > [class^="col"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }
  .c-grid .row.pd-pc-16 {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -32px;
  }
  .c-grid .row.pd-pc-16 > [class^="col"] {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
  }
  .c-grid .row.pd-pc-17 {
    margin-left: -17px;
    margin-right: -17px;
    margin-top: -34px;
  }
  .c-grid .row.pd-pc-17 > [class^="col"] {
    padding-left: 17px;
    padding-right: 17px;
    margin-top: 34px;
  }
  .c-grid .row.pd-pc-18 {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: -36px;
  }
  .c-grid .row.pd-pc-18 > [class^="col"] {
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 36px;
  }
  .c-grid .row.pd-pc-19 {
    margin-left: -19px;
    margin-right: -19px;
    margin-top: -38px;
  }
  .c-grid .row.pd-pc-19 > [class^="col"] {
    padding-left: 19px;
    padding-right: 19px;
    margin-top: 38px;
  }
  .c-grid .row.pd-pc-20 {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -40px;
  }
  .c-grid .row.pd-pc-20 > [class^="col"] {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
  }
  .c-grid .row.pd-pc-21 {
    margin-left: -21px;
    margin-right: -21px;
    margin-top: -42px;
  }
  .c-grid .row.pd-pc-21 > [class^="col"] {
    padding-left: 21px;
    padding-right: 21px;
    margin-top: 42px;
  }
  .c-grid .row.pd-pc-22 {
    margin-left: -22px;
    margin-right: -22px;
    margin-top: -44px;
  }
  .c-grid .row.pd-pc-22 > [class^="col"] {
    padding-left: 22px;
    padding-right: 22px;
    margin-top: 44px;
  }
  .c-grid .row.pd-pc-23 {
    margin-left: -23px;
    margin-right: -23px;
    margin-top: -46px;
  }
  .c-grid .row.pd-pc-23 > [class^="col"] {
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 46px;
  }
  .c-grid .row.pd-pc-24 {
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -48px;
  }
  .c-grid .row.pd-pc-24 > [class^="col"] {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 48px;
  }
  .c-grid .row.pd-pc-25 {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -50px;
  }
  .c-grid .row.pd-pc-25 > [class^="col"] {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 50px;
  }
  .c-grid .row.pd-pc-26 {
    margin-left: -26px;
    margin-right: -26px;
    margin-top: -52px;
  }
  .c-grid .row.pd-pc-26 > [class^="col"] {
    padding-left: 26px;
    padding-right: 26px;
    margin-top: 52px;
  }
  .c-grid .row.pd-pc-27 {
    margin-left: -27px;
    margin-right: -27px;
    margin-top: -54px;
  }
  .c-grid .row.pd-pc-27 > [class^="col"] {
    padding-left: 27px;
    padding-right: 27px;
    margin-top: 54px;
  }
  .c-grid .row.pd-pc-28 {
    margin-left: -28px;
    margin-right: -28px;
    margin-top: -56px;
  }
  .c-grid .row.pd-pc-28 > [class^="col"] {
    padding-left: 28px;
    padding-right: 28px;
    margin-top: 56px;
  }
  .c-grid .row.pd-pc-29 {
    margin-left: -29px;
    margin-right: -29px;
    margin-top: -58px;
  }
  .c-grid .row.pd-pc-29 > [class^="col"] {
    padding-left: 29px;
    padding-right: 29px;
    margin-top: 58px;
  }
  .c-grid .row.pd-pc-30 {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -60px;
  }
  .c-grid .row.pd-pc-30 > [class^="col"] {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 60px;
  }
  .c-grid .row.pd-pc-31 {
    margin-left: -31px;
    margin-right: -31px;
    margin-top: -62px;
  }
  .c-grid .row.pd-pc-31 > [class^="col"] {
    padding-left: 31px;
    padding-right: 31px;
    margin-top: 62px;
  }
  .c-grid .row.pd-pc-32 {
    margin-left: -32px;
    margin-right: -32px;
    margin-top: -64px;
  }
  .c-grid .row.pd-pc-32 > [class^="col"] {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 64px;
  }
  .c-grid .row.pd-pc-33 {
    margin-left: -33px;
    margin-right: -33px;
    margin-top: -66px;
  }
  .c-grid .row.pd-pc-33 > [class^="col"] {
    padding-left: 33px;
    padding-right: 33px;
    margin-top: 66px;
  }
  .c-grid .row.pd-pc-34 {
    margin-left: -34px;
    margin-right: -34px;
    margin-top: -68px;
  }
  .c-grid .row.pd-pc-34 > [class^="col"] {
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 68px;
  }
  .c-grid .row.pd-pc-35 {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: -70px;
  }
  .c-grid .row.pd-pc-35 > [class^="col"] {
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 70px;
  }
  .c-grid .row.pd-pc-36 {
    margin-left: -36px;
    margin-right: -36px;
    margin-top: -72px;
  }
  .c-grid .row.pd-pc-36 > [class^="col"] {
    padding-left: 36px;
    padding-right: 36px;
    margin-top: 72px;
  }
  .c-grid .row.pd-pc-37 {
    margin-left: -37px;
    margin-right: -37px;
    margin-top: -74px;
  }
  .c-grid .row.pd-pc-37 > [class^="col"] {
    padding-left: 37px;
    padding-right: 37px;
    margin-top: 74px;
  }
  .c-grid .row.pd-pc-38 {
    margin-left: -38px;
    margin-right: -38px;
    margin-top: -76px;
  }
  .c-grid .row.pd-pc-38 > [class^="col"] {
    padding-left: 38px;
    padding-right: 38px;
    margin-top: 76px;
  }
  .c-grid .row.pd-pc-39 {
    margin-left: -39px;
    margin-right: -39px;
    margin-top: -78px;
  }
  .c-grid .row.pd-pc-39 > [class^="col"] {
    padding-left: 39px;
    padding-right: 39px;
    margin-top: 78px;
  }
  .c-grid .row.pd-pc-40 {
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -80px;
  }
  .c-grid .row.pd-pc-40 > [class^="col"] {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 80px;
  }
  .c-grid .row.pd-pc-41 {
    margin-left: -41px;
    margin-right: -41px;
    margin-top: -82px;
  }
  .c-grid .row.pd-pc-41 > [class^="col"] {
    padding-left: 41px;
    padding-right: 41px;
    margin-top: 82px;
  }
  .c-grid .row.pd-pc-42 {
    margin-left: -42px;
    margin-right: -42px;
    margin-top: -84px;
  }
  .c-grid .row.pd-pc-42 > [class^="col"] {
    padding-left: 42px;
    padding-right: 42px;
    margin-top: 84px;
  }
  .c-grid .row.pd-pc-43 {
    margin-left: -43px;
    margin-right: -43px;
    margin-top: -86px;
  }
  .c-grid .row.pd-pc-43 > [class^="col"] {
    padding-left: 43px;
    padding-right: 43px;
    margin-top: 86px;
  }
  .c-grid .row.pd-pc-44 {
    margin-left: -44px;
    margin-right: -44px;
    margin-top: -88px;
  }
  .c-grid .row.pd-pc-44 > [class^="col"] {
    padding-left: 44px;
    padding-right: 44px;
    margin-top: 88px;
  }
  .c-grid .row.pd-pc-45 {
    margin-left: -45px;
    margin-right: -45px;
    margin-top: -90px;
  }
  .c-grid .row.pd-pc-45 > [class^="col"] {
    padding-left: 45px;
    padding-right: 45px;
    margin-top: 90px;
  }
  .c-grid .row.pd-pc-46 {
    margin-left: -46px;
    margin-right: -46px;
    margin-top: -92px;
  }
  .c-grid .row.pd-pc-46 > [class^="col"] {
    padding-left: 46px;
    padding-right: 46px;
    margin-top: 92px;
  }
  .c-grid .row.pd-pc-47 {
    margin-left: -47px;
    margin-right: -47px;
    margin-top: -94px;
  }
  .c-grid .row.pd-pc-47 > [class^="col"] {
    padding-left: 47px;
    padding-right: 47px;
    margin-top: 94px;
  }
  .c-grid .row.pd-pc-48 {
    margin-left: -48px;
    margin-right: -48px;
    margin-top: -96px;
  }
  .c-grid .row.pd-pc-48 > [class^="col"] {
    padding-left: 48px;
    padding-right: 48px;
    margin-top: 96px;
  }
  .c-grid .row.pd-pc-49 {
    margin-left: -49px;
    margin-right: -49px;
    margin-top: -98px;
  }
  .c-grid .row.pd-pc-49 > [class^="col"] {
    padding-left: 49px;
    padding-right: 49px;
    margin-top: 98px;
  }
  .c-grid .row.pd-pc-50 {
    margin-left: -50px;
    margin-right: -50px;
    margin-top: -100px;
  }
  .c-grid .row.pd-pc-50 > [class^="col"] {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 100px;
  }
  .c-grid .row.pd-pc-51 {
    margin-left: -51px;
    margin-right: -51px;
    margin-top: -102px;
  }
  .c-grid .row.pd-pc-51 > [class^="col"] {
    padding-left: 51px;
    padding-right: 51px;
    margin-top: 102px;
  }
  .c-grid .row.pd-pc-52 {
    margin-left: -52px;
    margin-right: -52px;
    margin-top: -104px;
  }
  .c-grid .row.pd-pc-52 > [class^="col"] {
    padding-left: 52px;
    padding-right: 52px;
    margin-top: 104px;
  }
  .c-grid .row.pd-pc-53 {
    margin-left: -53px;
    margin-right: -53px;
    margin-top: -106px;
  }
  .c-grid .row.pd-pc-53 > [class^="col"] {
    padding-left: 53px;
    padding-right: 53px;
    margin-top: 106px;
  }
  .c-grid .row.pd-pc-54 {
    margin-left: -54px;
    margin-right: -54px;
    margin-top: -108px;
  }
  .c-grid .row.pd-pc-54 > [class^="col"] {
    padding-left: 54px;
    padding-right: 54px;
    margin-top: 108px;
  }
  .c-grid .row.pd-pc-55 {
    margin-left: -55px;
    margin-right: -55px;
    margin-top: -110px;
  }
  .c-grid .row.pd-pc-55 > [class^="col"] {
    padding-left: 55px;
    padding-right: 55px;
    margin-top: 110px;
  }
  .c-grid .row.pd-pc-56 {
    margin-left: -56px;
    margin-right: -56px;
    margin-top: -112px;
  }
  .c-grid .row.pd-pc-56 > [class^="col"] {
    padding-left: 56px;
    padding-right: 56px;
    margin-top: 112px;
  }
  .c-grid .row.pd-pc-57 {
    margin-left: -57px;
    margin-right: -57px;
    margin-top: -114px;
  }
  .c-grid .row.pd-pc-57 > [class^="col"] {
    padding-left: 57px;
    padding-right: 57px;
    margin-top: 114px;
  }
  .c-grid .row.pd-pc-58 {
    margin-left: -58px;
    margin-right: -58px;
    margin-top: -116px;
  }
  .c-grid .row.pd-pc-58 > [class^="col"] {
    padding-left: 58px;
    padding-right: 58px;
    margin-top: 116px;
  }
  .c-grid .row.pd-pc-59 {
    margin-left: -59px;
    margin-right: -59px;
    margin-top: -118px;
  }
  .c-grid .row.pd-pc-59 > [class^="col"] {
    padding-left: 59px;
    padding-right: 59px;
    margin-top: 118px;
  }
  .c-grid .row.pd-pc-60 {
    margin-left: -60px;
    margin-right: -60px;
    margin-top: -120px;
  }
  .c-grid .row.pd-pc-60 > [class^="col"] {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 120px;
  }
}

@media (max-width: 812px) {
  .c-grid .row.pd-sp-0 {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  .c-grid .row.pd-sp-0 > [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
  }
  .c-grid .row.pd-sp-1 {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -2px;
  }
  .c-grid .row.pd-sp-1 > [class^="col"] {
    padding-left: 1px;
    padding-right: 1px;
    margin-top: 2px;
  }
  .c-grid .row.pd-sp-2 {
    margin-left: -2px;
    margin-right: -2px;
    margin-top: -4px;
  }
  .c-grid .row.pd-sp-2 > [class^="col"] {
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 4px;
  }
  .c-grid .row.pd-sp-3 {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -6px;
  }
  .c-grid .row.pd-sp-3 > [class^="col"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 6px;
  }
  .c-grid .row.pd-sp-4 {
    margin-left: -4px;
    margin-right: -4px;
    margin-top: -8px;
  }
  .c-grid .row.pd-sp-4 > [class^="col"] {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 8px;
  }
  .c-grid .row.pd-sp-5 {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -10px;
  }
  .c-grid .row.pd-sp-5 > [class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
  }
  .c-grid .row.pd-sp-6 {
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -12px;
  }
  .c-grid .row.pd-sp-6 > [class^="col"] {
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 12px;
  }
  .c-grid .row.pd-sp-7 {
    margin-left: -7px;
    margin-right: -7px;
    margin-top: -14px;
  }
  .c-grid .row.pd-sp-7 > [class^="col"] {
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 14px;
  }
  .c-grid .row.pd-sp-8 {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -16px;
  }
  .c-grid .row.pd-sp-8 > [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px;
  }
  .c-grid .row.pd-sp-9 {
    margin-left: -9px;
    margin-right: -9px;
    margin-top: -18px;
  }
  .c-grid .row.pd-sp-9 > [class^="col"] {
    padding-left: 9px;
    padding-right: 9px;
    margin-top: 18px;
  }
  .c-grid .row.pd-sp-10 {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -20px;
  }
  .c-grid .row.pd-sp-10 > [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
  .c-grid .row.pd-sp-11 {
    margin-left: -11px;
    margin-right: -11px;
    margin-top: -22px;
  }
  .c-grid .row.pd-sp-11 > [class^="col"] {
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 22px;
  }
  .c-grid .row.pd-sp-12 {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -24px;
  }
  .c-grid .row.pd-sp-12 > [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 24px;
  }
  .c-grid .row.pd-sp-13 {
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -26px;
  }
  .c-grid .row.pd-sp-13 > [class^="col"] {
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 26px;
  }
  .c-grid .row.pd-sp-14 {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -28px;
  }
  .c-grid .row.pd-sp-14 > [class^="col"] {
    padding-left: 14px;
    padding-right: 14px;
    margin-top: 28px;
  }
  .c-grid .row.pd-sp-15 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -30px;
  }
  .c-grid .row.pd-sp-15 > [class^="col"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }
  .c-grid .row.pd-sp-16 {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -32px;
  }
  .c-grid .row.pd-sp-16 > [class^="col"] {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
  }
  .c-grid .row.pd-sp-17 {
    margin-left: -17px;
    margin-right: -17px;
    margin-top: -34px;
  }
  .c-grid .row.pd-sp-17 > [class^="col"] {
    padding-left: 17px;
    padding-right: 17px;
    margin-top: 34px;
  }
  .c-grid .row.pd-sp-18 {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: -36px;
  }
  .c-grid .row.pd-sp-18 > [class^="col"] {
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 36px;
  }
  .c-grid .row.pd-sp-19 {
    margin-left: -19px;
    margin-right: -19px;
    margin-top: -38px;
  }
  .c-grid .row.pd-sp-19 > [class^="col"] {
    padding-left: 19px;
    padding-right: 19px;
    margin-top: 38px;
  }
  .c-grid .row.pd-sp-20 {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -40px;
  }
  .c-grid .row.pd-sp-20 > [class^="col"] {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
  }
  .c-grid .row.pd-sp-21 {
    margin-left: -21px;
    margin-right: -21px;
    margin-top: -42px;
  }
  .c-grid .row.pd-sp-21 > [class^="col"] {
    padding-left: 21px;
    padding-right: 21px;
    margin-top: 42px;
  }
  .c-grid .row.pd-sp-22 {
    margin-left: -22px;
    margin-right: -22px;
    margin-top: -44px;
  }
  .c-grid .row.pd-sp-22 > [class^="col"] {
    padding-left: 22px;
    padding-right: 22px;
    margin-top: 44px;
  }
  .c-grid .row.pd-sp-23 {
    margin-left: -23px;
    margin-right: -23px;
    margin-top: -46px;
  }
  .c-grid .row.pd-sp-23 > [class^="col"] {
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 46px;
  }
  .c-grid .row.pd-sp-24 {
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -48px;
  }
  .c-grid .row.pd-sp-24 > [class^="col"] {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 48px;
  }
  .c-grid .row.pd-sp-25 {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -50px;
  }
  .c-grid .row.pd-sp-25 > [class^="col"] {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 50px;
  }
  .c-grid .row.pd-sp-26 {
    margin-left: -26px;
    margin-right: -26px;
    margin-top: -52px;
  }
  .c-grid .row.pd-sp-26 > [class^="col"] {
    padding-left: 26px;
    padding-right: 26px;
    margin-top: 52px;
  }
  .c-grid .row.pd-sp-27 {
    margin-left: -27px;
    margin-right: -27px;
    margin-top: -54px;
  }
  .c-grid .row.pd-sp-27 > [class^="col"] {
    padding-left: 27px;
    padding-right: 27px;
    margin-top: 54px;
  }
  .c-grid .row.pd-sp-28 {
    margin-left: -28px;
    margin-right: -28px;
    margin-top: -56px;
  }
  .c-grid .row.pd-sp-28 > [class^="col"] {
    padding-left: 28px;
    padding-right: 28px;
    margin-top: 56px;
  }
  .c-grid .row.pd-sp-29 {
    margin-left: -29px;
    margin-right: -29px;
    margin-top: -58px;
  }
  .c-grid .row.pd-sp-29 > [class^="col"] {
    padding-left: 29px;
    padding-right: 29px;
    margin-top: 58px;
  }
  .c-grid .row.pd-sp-30 {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -60px;
  }
  .c-grid .row.pd-sp-30 > [class^="col"] {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 60px;
  }
  .c-grid .row.pd-sp-31 {
    margin-left: -31px;
    margin-right: -31px;
    margin-top: -62px;
  }
  .c-grid .row.pd-sp-31 > [class^="col"] {
    padding-left: 31px;
    padding-right: 31px;
    margin-top: 62px;
  }
  .c-grid .row.pd-sp-32 {
    margin-left: -32px;
    margin-right: -32px;
    margin-top: -64px;
  }
  .c-grid .row.pd-sp-32 > [class^="col"] {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 64px;
  }
  .c-grid .row.pd-sp-33 {
    margin-left: -33px;
    margin-right: -33px;
    margin-top: -66px;
  }
  .c-grid .row.pd-sp-33 > [class^="col"] {
    padding-left: 33px;
    padding-right: 33px;
    margin-top: 66px;
  }
  .c-grid .row.pd-sp-34 {
    margin-left: -34px;
    margin-right: -34px;
    margin-top: -68px;
  }
  .c-grid .row.pd-sp-34 > [class^="col"] {
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 68px;
  }
  .c-grid .row.pd-sp-35 {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: -70px;
  }
  .c-grid .row.pd-sp-35 > [class^="col"] {
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 70px;
  }
  .c-grid .row.pd-sp-36 {
    margin-left: -36px;
    margin-right: -36px;
    margin-top: -72px;
  }
  .c-grid .row.pd-sp-36 > [class^="col"] {
    padding-left: 36px;
    padding-right: 36px;
    margin-top: 72px;
  }
  .c-grid .row.pd-sp-37 {
    margin-left: -37px;
    margin-right: -37px;
    margin-top: -74px;
  }
  .c-grid .row.pd-sp-37 > [class^="col"] {
    padding-left: 37px;
    padding-right: 37px;
    margin-top: 74px;
  }
  .c-grid .row.pd-sp-38 {
    margin-left: -38px;
    margin-right: -38px;
    margin-top: -76px;
  }
  .c-grid .row.pd-sp-38 > [class^="col"] {
    padding-left: 38px;
    padding-right: 38px;
    margin-top: 76px;
  }
  .c-grid .row.pd-sp-39 {
    margin-left: -39px;
    margin-right: -39px;
    margin-top: -78px;
  }
  .c-grid .row.pd-sp-39 > [class^="col"] {
    padding-left: 39px;
    padding-right: 39px;
    margin-top: 78px;
  }
  .c-grid .row.pd-sp-40 {
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -80px;
  }
  .c-grid .row.pd-sp-40 > [class^="col"] {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 80px;
  }
  .c-grid .row.pd-sp-41 {
    margin-left: -41px;
    margin-right: -41px;
    margin-top: -82px;
  }
  .c-grid .row.pd-sp-41 > [class^="col"] {
    padding-left: 41px;
    padding-right: 41px;
    margin-top: 82px;
  }
  .c-grid .row.pd-sp-42 {
    margin-left: -42px;
    margin-right: -42px;
    margin-top: -84px;
  }
  .c-grid .row.pd-sp-42 > [class^="col"] {
    padding-left: 42px;
    padding-right: 42px;
    margin-top: 84px;
  }
  .c-grid .row.pd-sp-43 {
    margin-left: -43px;
    margin-right: -43px;
    margin-top: -86px;
  }
  .c-grid .row.pd-sp-43 > [class^="col"] {
    padding-left: 43px;
    padding-right: 43px;
    margin-top: 86px;
  }
  .c-grid .row.pd-sp-44 {
    margin-left: -44px;
    margin-right: -44px;
    margin-top: -88px;
  }
  .c-grid .row.pd-sp-44 > [class^="col"] {
    padding-left: 44px;
    padding-right: 44px;
    margin-top: 88px;
  }
  .c-grid .row.pd-sp-45 {
    margin-left: -45px;
    margin-right: -45px;
    margin-top: -90px;
  }
  .c-grid .row.pd-sp-45 > [class^="col"] {
    padding-left: 45px;
    padding-right: 45px;
    margin-top: 90px;
  }
  .c-grid .row.pd-sp-46 {
    margin-left: -46px;
    margin-right: -46px;
    margin-top: -92px;
  }
  .c-grid .row.pd-sp-46 > [class^="col"] {
    padding-left: 46px;
    padding-right: 46px;
    margin-top: 92px;
  }
  .c-grid .row.pd-sp-47 {
    margin-left: -47px;
    margin-right: -47px;
    margin-top: -94px;
  }
  .c-grid .row.pd-sp-47 > [class^="col"] {
    padding-left: 47px;
    padding-right: 47px;
    margin-top: 94px;
  }
  .c-grid .row.pd-sp-48 {
    margin-left: -48px;
    margin-right: -48px;
    margin-top: -96px;
  }
  .c-grid .row.pd-sp-48 > [class^="col"] {
    padding-left: 48px;
    padding-right: 48px;
    margin-top: 96px;
  }
  .c-grid .row.pd-sp-49 {
    margin-left: -49px;
    margin-right: -49px;
    margin-top: -98px;
  }
  .c-grid .row.pd-sp-49 > [class^="col"] {
    padding-left: 49px;
    padding-right: 49px;
    margin-top: 98px;
  }
  .c-grid .row.pd-sp-50 {
    margin-left: -50px;
    margin-right: -50px;
    margin-top: -100px;
  }
  .c-grid .row.pd-sp-50 > [class^="col"] {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 100px;
  }
  .c-grid .row.pd-sp-51 {
    margin-left: -51px;
    margin-right: -51px;
    margin-top: -102px;
  }
  .c-grid .row.pd-sp-51 > [class^="col"] {
    padding-left: 51px;
    padding-right: 51px;
    margin-top: 102px;
  }
  .c-grid .row.pd-sp-52 {
    margin-left: -52px;
    margin-right: -52px;
    margin-top: -104px;
  }
  .c-grid .row.pd-sp-52 > [class^="col"] {
    padding-left: 52px;
    padding-right: 52px;
    margin-top: 104px;
  }
  .c-grid .row.pd-sp-53 {
    margin-left: -53px;
    margin-right: -53px;
    margin-top: -106px;
  }
  .c-grid .row.pd-sp-53 > [class^="col"] {
    padding-left: 53px;
    padding-right: 53px;
    margin-top: 106px;
  }
  .c-grid .row.pd-sp-54 {
    margin-left: -54px;
    margin-right: -54px;
    margin-top: -108px;
  }
  .c-grid .row.pd-sp-54 > [class^="col"] {
    padding-left: 54px;
    padding-right: 54px;
    margin-top: 108px;
  }
  .c-grid .row.pd-sp-55 {
    margin-left: -55px;
    margin-right: -55px;
    margin-top: -110px;
  }
  .c-grid .row.pd-sp-55 > [class^="col"] {
    padding-left: 55px;
    padding-right: 55px;
    margin-top: 110px;
  }
  .c-grid .row.pd-sp-56 {
    margin-left: -56px;
    margin-right: -56px;
    margin-top: -112px;
  }
  .c-grid .row.pd-sp-56 > [class^="col"] {
    padding-left: 56px;
    padding-right: 56px;
    margin-top: 112px;
  }
  .c-grid .row.pd-sp-57 {
    margin-left: -57px;
    margin-right: -57px;
    margin-top: -114px;
  }
  .c-grid .row.pd-sp-57 > [class^="col"] {
    padding-left: 57px;
    padding-right: 57px;
    margin-top: 114px;
  }
  .c-grid .row.pd-sp-58 {
    margin-left: -58px;
    margin-right: -58px;
    margin-top: -116px;
  }
  .c-grid .row.pd-sp-58 > [class^="col"] {
    padding-left: 58px;
    padding-right: 58px;
    margin-top: 116px;
  }
  .c-grid .row.pd-sp-59 {
    margin-left: -59px;
    margin-right: -59px;
    margin-top: -118px;
  }
  .c-grid .row.pd-sp-59 > [class^="col"] {
    padding-left: 59px;
    padding-right: 59px;
    margin-top: 118px;
  }
  .c-grid .row.pd-sp-60 {
    margin-left: -60px;
    margin-right: -60px;
    margin-top: -120px;
  }
  .c-grid .row.pd-sp-60 > [class^="col"] {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 120px;
  }
}

.c-grid .col {
  width: 100% !important;
}

.c-grid .col-12 {
  width: 100%;
}

.c-grid .col-11 {
  width: 91.66667%;
}

.c-grid .col-10 {
  width: 83.33333%;
}

.c-grid .col-9 {
  width: 75%;
}

.c-grid .col-8 {
  width: 66.66667%;
}

.c-grid .col-7 {
  width: 58.33333%;
}

.c-grid .col-6 {
  width: 50%;
}

.c-grid .col-5 {
  width: 41.66667%;
}

.c-grid .col-4 {
  width: 33.33333%;
}

.c-grid .col-3 {
  width: 25%;
}

.c-grid .col-2 {
  width: 16.66667%;
}

.c-grid .col-1 {
  width: 8.33333%;
}

@media (min-width: 813px) {
  .c-grid .col-pc-12 {
    width: 100%;
  }
  .c-grid .col-pc-11 {
    width: 91.66667%;
  }
  .c-grid .col-pc-10 {
    width: 83.33333%;
  }
  .c-grid .col-pc-9 {
    width: 75%;
  }
  .c-grid .col-pc-8 {
    width: 66.66667%;
  }
  .c-grid .col-pc-7 {
    width: 58.33333%;
  }
  .c-grid .col-pc-6 {
    width: 50%;
  }
  .c-grid .col-pc-5 {
    width: 41.66667%;
  }
  .c-grid .col-pc-4 {
    width: 33.33333%;
  }
  .c-grid .col-pc-3 {
    width: 25%;
  }
  .c-grid .col-pc-2 {
    width: 16.66667%;
  }
  .c-grid .col-pc-1 {
    width: 8.33333%;
  }
}

@media (max-width: 812px) {
  .c-grid .col-sp-12 {
    width: 100%;
  }
  .c-grid .col-sp-11 {
    width: 91.66667%;
  }
  .c-grid .col-sp-10 {
    width: 83.33333%;
  }
  .c-grid .col-sp-9 {
    width: 75%;
  }
  .c-grid .col-sp-8 {
    width: 66.66667%;
  }
  .c-grid .col-sp-7 {
    width: 58.33333%;
  }
  .c-grid .col-sp-6 {
    width: 50%;
  }
  .c-grid .col-sp-5 {
    width: 41.66667%;
  }
  .c-grid .col-sp-4 {
    width: 33.33333%;
  }
  .c-grid .col-sp-3 {
    width: 25%;
  }
  .c-grid .col-sp-2 {
    width: 16.66667%;
  }
  .c-grid .col-sp-1 {
    width: 8.33333%;
  }
}

/* ==========================================================
 components
========================================================== */
/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 heading
========================================================== */
/* c-ttl-01
---------------------------------------------------------- */
.c-ttl-01 {
  margin-bottom: 40px;
  font-size: 2.8rem;
  text-align: center;
}

@media (max-width: 812px) {
  .c-ttl-01 {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
}

.c-ttl-01 .text {
  display: inline-block;
  font-weight: bold;
  line-height: 1.33;
}

.c-ttl-01.-bold {
  font-weight: bold;
}

.c-ttl-01.-crown .text {
  position: relative;
  padding-left: 65px;
}

@media (max-width: 812px) {
  .c-ttl-01.-crown .text {
    padding-left: 35px;
  }
}

.c-ttl-01.-crown .text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 32px;
  background: url("/ec/images/common/icon_crown.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (max-width: 812px) {
  .c-ttl-01.-crown .text:before {
    width: 24px;
    height: 16px;
  }
}

/* c-ttl-02
---------------------------------------------------------- */
.c-ttl-02 {
  margin-bottom: 20px;
  background-color: #e6e6e6;
  padding: 8px 15px;
  font-size: 1.8rem;
}

@media (max-width: 812px) {
  .c-ttl-02 {
    margin-bottom: 15px;
    padding: 8px 15px;
    font-size: 1.3rem;
    text-align: left;
  }
}

.c-ttl-02 .text {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.c-error-icon {
  display: block;
  width: 100%;
  height: 3rem;
  background: url("/ec/images/common/icon_error.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

/* c-ttl-slist
---------------------------------------------------------- */
.c-ttl-slist {
  margin-bottom: 20px;
  background-color: #e00501;
  color: #ffffff;
  padding: 8px 15px;
  font-size: 1.8rem;
  text-align: center;
}

@media (max-width: 812px) {
  .c-ttl-slist {
    margin-bottom: 15px;
    padding: 8px 15px;
    font-size: 1.3rem;
  }
}

.c-ttl-slist .text {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 text
========================================================== */
/* c-txt
---------------------------------------------------------- */
.c-txt-require {
  color: #e00501;
  margin-left: 6px;
}

.text-regis-confirm {
  font-weight: 500;
  padding-left: 5px;
  margin-bottom: 16px !important;
}

.text-regis-confirm:last-of-type {
  margin-bottom: 15px !important;
}

@media (min-width: 813px) {
  .text-regis-confirm {
    margin-bottom: 30px !important;
    padding-left: 10px;
  }
  .text-regis-confirm:last-of-type {
    margin-bottom: 25px !important;
  }
}

.txt-caution {
  background: url(/ec/images/common/ico_caution.png) no-repeat left center;
  background-size: 14px;
  padding-left: 20px;
}

.txt-wrap {
  word-break: break-all;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 link
========================================================== */
/* c-link-underline
---------------------------------------------------------- */
.c-link-underline {
  text-decoration: underline;
}

.c-link-underline:hover {
  text-decoration: none;
}

/* c-link-tel
---------------------------------------------------------- */
.c-link-tel {
  pointer-events: none;
}

@media (max-width: 812px) {
  .c-link-tel {
    pointer-events: auto;
    text-decoration: underline;
  }
  .c-link-tel:hover {
    text-decoration: underline;
  }
}

/* c-link-banner
---------------------------------------------------------- */
.c-link-banner {
  text-align: center;
}

.c-link-banner a {
  display: inline-block;
}

@media (min-width: 813px) {
  .c-link-banner a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-link-banner a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-link-banner > * {
  display: inline-block;
}

.c-link-banner img {
  max-width: 100%;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 button
========================================================== */
/* c-btn-link
---------------------------------------------------------- */
.c-btn-link, .digicata_headerButton, .digicata_longButton {
  position: relative;
  display: inline-block;
  width: 270px;
  padding: 11px;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}

@media (min-width: 813px) {
  .c-btn-link, .digicata_headerButton, .digicata_longButton {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-btn-link:hover, .digicata_headerButton:hover, .digicata_longButton:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-btn-link.-arrowRight:before, .-arrowRight.digicata_headerButton:before, .-arrowRight.digicata_longButton:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 9px;
  height: 14px;
  background-image: url("/ec/images/common/icon_arrow_link_gray.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.c-btn-link.-arrowLeft:before, .-arrowLeft.digicata_headerButton:before, .-arrowLeft.digicata_longButton:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%) rotate(180deg);
  width: 9px;
  height: 14px;
  background-image: url("/ec/images/common/icon_arrow_link_gray.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.c-btn-link.-arrowDown:before, .-arrowDown.digicata_headerButton:before, .-arrowDown.digicata_longButton:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 14px;
  height: 9px;
  background-image: url("/ec/images/common/arrow_down.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.c-btn-link.-pencil span, .-pencil.digicata_headerButton span, .-pencil.digicata_longButton span {
  position: relative;
  padding-left: 13px !important;
}

.c-btn-link.-pencil span:before, .-pencil.digicata_headerButton span:before, .-pencil.digicata_longButton span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-image: url("/ec/images/common/icon_pencil.png");
  background-position: 0 0;
  background-size: 16px;
  background-repeat: no-repeat;
}

@media (max-width: 812px) {
  .c-btn-link, .digicata_headerButton, .digicata_longButton {
    padding: 15px;
    border-radius: 3px;
    font-size: 1.6rem;
  }
}

.c-btn-link.-iconPlus, .-iconPlus.digicata_headerButton, .-iconPlus.digicata_longButton {
  padding: 7px;
}

.c-btn-link.-iconPlus:after, .-iconPlus.digicata_headerButton:after, .-iconPlus.digicata_longButton:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 12px;
  right: 16px;
  background-image: url("/ec/images/common/icon_other_plus.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.c-btn-link.-red, .-red.digicata_headerButton, .-red.digicata_longButton {
  border-color: transparent;
  background-color: #e00501;
  color: #fff;
}

.c-btn-link.-red.-arrowRight:before, .-red.-arrowRight.digicata_headerButton:before, .-red.-arrowRight.digicata_longButton:before, .c-btn-link.-red.-arrowLeft:before, .-red.-arrowLeft.digicata_headerButton:before, .-red.-arrowLeft.digicata_longButton:before {
  background-image: url("/ec/images/common/icon_arrow_link_white.png");
}

.c-btn-link.-green, .-green.digicata_headerButton, .-green.digicata_longButton {
  border-color: transparent;
  background-color: #00b900;
  color: #fff;
}

.c-btn-link.-green.-arrowRight:before, .-green.-arrowRight.digicata_headerButton:before, .-green.-arrowRight.digicata_longButton:before, .c-btn-link.-green.-arrowLeft:before, .-green.-arrowLeft.digicata_headerButton:before, .-green.-arrowLeft.digicata_longButton:before {
  background-image: url("/ec/images/common/icon_arrow_link_white.png");
}

.c-btn-link.-gray, .-gray.digicata_headerButton, .-gray.digicata_longButton {
  border-color: transparent;
  background-color: #999;
  color: #fff;
}

.c-btn-link.-gray.-arrowRight:before, .-gray.-arrowRight.digicata_headerButton:before, .-gray.-arrowRight.digicata_longButton:before, .c-btn-link.-gray.-arrowLeft:before, .-gray.-arrowLeft.digicata_headerButton:before, .-gray.-arrowLeft.digicata_longButton:before {
  background-image: url("/ec/images/common/icon_arrow_link_white.png");
}

.c-btn-link.-dark, .-dark.digicata_headerButton, .-dark.digicata_longButton {
  border-color: transparent;
  background-color: #666;
  color: #fff;
}

@media (max-width: 812px) {
  .c-btn-link.-dark, .-dark.digicata_headerButton, .-dark.digicata_longButton {
    height: 40px;
    font-size: 1.6rem;
  }
}

.c-btn-link.-dark.-arrowRight:before, .-dark.-arrowRight.digicata_headerButton:before, .-dark.-arrowRight.digicata_longButton:before, .c-btn-link.-dark.-arrowLeft:before, .-dark.-arrowLeft.digicata_headerButton:before, .-dark.-arrowLeft.digicata_longButton:before {
  background-image: url("/ec/images/common/icon_arrow_link_white.png");
}

.c-btn-link.-inactive, .-inactive.digicata_headerButton, .-inactive.digicata_longButton {
  border-color: transparent;
  background-color: #eee;
  color: #fff;
  pointer-events: none;
}

.c-btn-link.-inactive.-arrowRight:before, .-inactive.-arrowRight.digicata_headerButton:before, .-inactive.-arrowRight.digicata_longButton:before, .c-btn-link.-inactive.-arrowLeft:before, .-inactive.-arrowLeft.digicata_headerButton:before, .-inactive.-arrowLeft.digicata_longButton:before {
  background-image: url("/ec/images/common/icon_arrow_link_white.png");
}

.c-btn-link.-noclick, .-noclick.digicata_headerButton, .-noclick.digicata_longButton {
  pointer-events: none;
}

.c-btn-link.-small, .matrixTables_wrapper .c-btn-link.status02::before, .matrixTables_wrapper .status02.digicata_headerButton::before, .matrixTables_wrapper .status02.digicata_longButton::before, .matrixTables_wrapper .c-btn-link.status03::before, .matrixTables_wrapper .status03.digicata_headerButton::before, .matrixTables_wrapper .status03.digicata_longButton::before, .matrixTables_wrapper .c-btn-link.status04::before, .matrixTables_wrapper .status04.digicata_headerButton::before, .matrixTables_wrapper .status04.digicata_longButton::before, .-small.digicata_headerButton, .-small.digicata_longButton {
  padding: 7px;
}

@media (max-width: 812px) {
  .c-btn-link.-small, .matrixTables_wrapper .c-btn-link.status02::before, .matrixTables_wrapper .status02.digicata_headerButton::before, .matrixTables_wrapper .status02.digicata_longButton::before, .matrixTables_wrapper .c-btn-link.status03::before, .matrixTables_wrapper .status03.digicata_headerButton::before, .matrixTables_wrapper .status03.digicata_longButton::before, .matrixTables_wrapper .c-btn-link.status04::before, .matrixTables_wrapper .status04.digicata_headerButton::before, .matrixTables_wrapper .status04.digicata_longButton::before, .-small.digicata_headerButton, .-small.digicata_longButton {
    padding: 6px;
  }
}

.c-btn-link.-delete, .-delete.digicata_headerButton, .-delete.digicata_longButton {
  width: 140px;
  height: 40px;
  padding: 3px;
  color: #666;
  font-weight: normal;
  font-size: 1.8rem;
}

@media (max-width: 812px) {
  .c-btn-link.-delete, .-delete.digicata_headerButton, .-delete.digicata_longButton {
    padding: 6px;
    width: 70px;
    height: 32px;
    padding: 5px;
    font-size: 1.2rem;
  }
}

.c-btn-link.d-block, .d-block.digicata_headerButton, .d-block.digicata_longButton {
  width: 100%;
}

@media (min-width: 813px) {
  .c-btn-link.d-pc-block, .d-pc-block.digicata_headerButton, .d-pc-block.digicata_longButton {
    width: 100%;
  }
}

@media (max-width: 812px) {
  .c-btn-link.d-sp-block, .d-sp-block.digicata_headerButton, .d-sp-block.digicata_longButton {
    width: 100%;
  }
}

.c-btn-link.-addrAdd, .-addrAdd.digicata_headerButton, .-addrAdd.digicata_longButton {
  width: 100%;
  text-align: left;
  padding: 20px;
  border: none;
  font-size: 1.3rem;
}

@media (min-width: 813px) {
  .c-btn-link.-addrAdd, .-addrAdd.digicata_headerButton, .-addrAdd.digicata_longButton {
    font-size: 1.5rem;
  }
}

.c-btn-link.-autowidth, .-autowidth.digicata_headerButton, .-autowidth.digicata_longButton {
  width: auto !important;
}

.c-btn-link .icon-line, .digicata_headerButton .icon-line, .digicata_longButton .icon-line {
  position: relative;
  padding-left: 24px;
  display: inline-block;
}

.c-btn-link .icon-line:after, .digicata_headerButton .icon-line:after, .digicata_longButton .icon-line:after {
  content: "";
  position: absolute;
  left: -19px;
  top: -4px;
  width: 38px;
  height: 38px;
  background: url(/ec/images/common/ico_line.png) 0 0 no-repeat;
  background-size: 38px auto;
}

/* c-btn-more
---------------------------------------------------------- */
.c-btn-more a {
  position: relative;
  display: block;
  width: 280px;
  padding: 13px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #333;
  font-size: 1.6rem;
  text-align: center;
}

@media (min-width: 813px) {
  .c-btn-more a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-btn-more a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .c-btn-more a {
    width: 100%;
    padding: 18px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: 1.2rem;
  }
}

.c-btn-more a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 10px;
  height: 14px;
  background-image: url("/ec/images/common/icon_btnmore_pc.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (max-width: 812px) {
  .c-btn-more a:after {
    right: 30px;
    width: 8px;
    height: 14px;
    background-image: url("/ec/images/common/icon_btnmore_sp.png");
  }
}

.c-btn-more a.noArrow:after {
  content: none;
}

.c-btn-more .text {
  padding-left: 25px;
  background-image: url("/ec/images/common/icon-refresh.png");
  background-size: 14px 14px;
  background-position: 0 center;
  background-repeat: no-repeat;
}

/* c-btn-show-pw
---------------------------------------------------------- */
.c-btn-show-pw,
.c-btn-clear-history,
.c-btn-simple {
  font-size: 0.9rem;
  color: #666;
  border: 1px solid #666;
  border-radius: 6px;
  padding: 4px 8px;
  transition: background-color 0.2s;
}

.c-btn-show-pw:hover,
.c-btn-clear-history:hover,
.c-btn-simple:hover {
  background-color: rgba(102, 102, 102, 0.1);
}

/* c-float-button
---------------------------------------------------------- */
.c-float-button, .c-sp-float-button {
  display: block;
  position: fixed;
  left: 0px;
  right: 0;
  bottom: 0;
  padding: 10px 15px;
  background-color: #fff;
  z-index: 2;
}

.c-float-button .c-btn-link, .c-sp-float-button .c-btn-link, .c-float-button .digicata_headerButton, .c-sp-float-button .digicata_headerButton, .c-float-button .digicata_longButton, .c-sp-float-button .digicata_longButton {
  right: 0;
  left: 0;
}

@media (max-width: 812px) {
  .c-float-button .c-btn-link, .c-sp-float-button .c-btn-link, .c-float-button .digicata_headerButton, .c-sp-float-button .digicata_headerButton, .c-float-button .digicata_longButton, .c-sp-float-button .digicata_longButton {
    width: 100%;
  }
}

@media (min-width: 813px) {
  .c-sp-float-button {
    position: initial;
  }
}

/* c-btn-order
---------------------------------------------------------- */
.c-btn-order {
  position: relative;
  padding: 0 30px;
  border-left: 1px solid #e6e6e6;
}

.c-btn-order .textElement {
  font-size: 1.2rem;
  font-weight: bold;
  width: 6em;
  text-align: center;
}

@media (max-width: 812px) {
  .c-btn-order .textElement {
    font-size: 1rem;
    line-height: 1;
    text-align: center;
  }
}

.c-btn-order select {
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  padding: 0;
  background: white;
  height: 100%;
  width: 100%;
  opacity: 0;
}

@media (min-width: 813px) {
  .c-btn-order {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-btn-order:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (min-width: 813px) {
  .c-btn-order {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 812px) {
  .c-btn-order {
    display: block;
    padding: 5px 15px 0;
  }
}

.c-btn-order .icon {
  display: block;
  width: 31px;
  height: 25px;
  background: url("/ec/images/common/icon_order.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (min-width: 813px) {
  .c-btn-order .icon {
    margin-right: 10px;
  }
}

@media (max-width: 812px) {
  .c-btn-order .icon {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 9px;
  }
}

/* c-btn-filter
---------------------------------------------------------- */
.c-btn-filter {
  padding: 0 30px;
  border-left: 1px solid #e6e6e6;
  font-size: 1.2rem;
  font-weight: bold;
}

@media (min-width: 813px) {
  .c-btn-filter {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-btn-filter:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (min-width: 813px) {
  .c-btn-filter {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 812px) {
  .c-btn-filter {
    display: block;
    padding: 5px 15px;
    font-size: 1rem;
  }
}

.c-btn-filter .icon {
  display: block;
  width: 30px;
  height: 25px;
  background: url("/ec/images/common/icon_filter.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (min-width: 813px) {
  .c-btn-filter .icon {
    margin-right: 10px;
  }
}

@media (max-width: 812px) {
  .c-btn-filter .icon {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
  }
}

.c-pager {
  text-align: center;
  font-size: 1.5rem;
}

@media (max-width: 812px) {
  .c-pager {
    font-size: 1.3rem;
  }
}

.c-pager_prev, .c-pager_next, .c-pager_numList, .c-pager_numListItem {
  display: inline-block;
}

.c-pager_prev:hover, .c-pager_next:hover, .c-pager_numListItem:hover {
  opacity: 0.6;
}

.c-pager_numListItem {
  margin: 0 0.3em;
  font-weight: bold;
  font-size: 1.2em;
}

.c-pager_numListItem.is-active {
  opacity: 0.3 !important;
}

.c-pager_numListItem.is-active > a {
  display: inline-block;
  pointer-events: none !important;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 list
========================================================== */
/* c-card-product
---------------------------------------------------------- */
.c-card-product {
  position: relative;
}

.c-card-product a {
  position: relative;
  display: block;
  outline: none;
}

@media (min-width: 813px) {
  .c-card-product a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-card-product a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-card-product .rank {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 30px;
  height: 45px;
  padding-top: 8px;
  background-image: url("/ec/images/common/icon_rank_gray.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #666;
}

.c-card-product .rank.-gold {
  background-image: url("/ec/images/common/icon_rank_gold.png");
  color: #fff;
}

.c-card-product .rank.-silver {
  background-image: url("/ec/images/common/icon_rank_silver.png");
  color: #fff;
}

.c-card-product .rank.-bronze {
  background-image: url("/ec/images/common/icon_rank_bronze.png");
  color: #fff;
}

@media (max-width: 812px) {
  .c-card-product .rank {
    width: 20px;
    height: 30px;
    padding-top: 5px;
    font-size: 1.4rem;
    letter-spacing: -0.02em;
  }
}

.c-card-product .image {
  position: relative;
  overflow: hidden;
}

.c-card-product .image img {
  max-width: 100%;
}

@media (max-width: 812px) {
  .c-card-product .image img {
    width: 100%;
  }
}

.c-card-product .image .label-new {
  position: absolute;
  top: 20px;
  right: -70px;
  transform: rotate(45deg);
  transform-origin: center;
  z-index: 1;
  display: inline-block;
  width: 200px;
  padding: 2px 5px;
  background-color: #e00501;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media (max-width: 812px) {
  .c-card-product .image .label-new {
    padding: 0 5px;
  }
}

.c-card-product .image .btn-fav {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 32px;
  height: 32px;
  background-image: url("/ec/images/common/btn_fav_off.png");
  background-position: 0 0;
  background-size: 31px 31px;
  background-repeat: no-repeat;
}

.c-card-product .image .btn-fav.is-active {
  background-image: url("/ec/images/common/btn_fav_on.png");
}

.c-card-product .tag-group {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}

.c-card-product .tag-group .tag {
  display: inline-block;
  padding: 0 5px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 4px;
  margin-right: 4px;
}

@media (max-width: 812px) {
 .c-card-product .tag-group .tag {
    font-size: 1rem;
  }
}

.c-card-product .tag-group .tag.-orange {
  background-color: #eea800;
}

.c-card-product .tag-group .tag.-blue {
  background-color: #4b99f7;
}

.c-card-product .tag-group .tag.-pink {
  background-color: #d84067;
}

.c-card-product .tag-group .tag.-red {
  background-color: #e00501;
}

.c-card-product .tag-group .tag.-green {
  background-color: #23b033;
}

.c-card-product .tag-group + .detail {
  padding-top: 10px;
}

.c-card-product .detail {
  padding-top: 20px;
}

@media (max-width: 812px) {
  .c-card-product .detail {
    padding-top: 15px;
  }
}

.c-card-product .detail .text {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: -0.02em;
}

@media (max-width: 812px) {
  .c-card-product .detail .text {
    font-size: 1rem;
  }
}

.c-card-product .detail .text.-linet_through {
  text-decoration: line-through;
}

.c-card-product .detail .price {
  font-size: 2rem;
  line-height: 1.7;
}

@media (max-width: 812px) {
  .c-card-product .detail .price {
    font-size: 1.4rem;
  }
}

.c-card-product .detail .price-normal {
  font-size: 1.7rem;
  line-height: 1.2;
}

@media (max-width: 812px) {
  .c-card-product .detail .price-normal {
    font-size: 1.3rem;
  }
}

.c-card-product .detail .rating {
  margin-top: 10px;
}

@media (max-width: 812px) {
  .c-card-product .detail .rating {
    margin-top: 5px;
  }
}

.c-card-product.-typecolumn > * {
  display: flex;
}

.c-card-product.-typecolumn .image {
  margin: 0;
  width: 292px;
  flex: 0 0 292px;
}

@media (max-width: 812px) {
  .c-card-product.-typecolumn .image {
    width: 57%;
    flex: 0 0 57%;
  }
}

.c-card-product.-typecolumn .detail {
  padding-top: 0;
  padding-left: 15px;
}

/* c-card-myproduct
---------------------------------------------------------- */
.c-card-myproduct {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.c-card-myproduct .card {
  overflow: hidden;
}

.c-card-myproduct .image {
  width: 200px;
  float: left;
}

@media (max-width: 812px) {
  .c-card-myproduct .image {
    width: 30%;
    max-width: 200px;
  }
}

.c-card-myproduct .image img {
  max-width: 100%;
}

@media (max-width: 812px) {
  .c-card-myproduct .image img {
    width: 100%;
  }
}

.c-card-myproduct .detail {
  overflow: hidden;
  padding-left: 30px;
  height: 100%;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail {
    padding-left: 15px;
  }
}

.c-card-myproduct .detail .code,
.c-card-myproduct .detail .title,
.c-card-myproduct .detail .inavailable {
  font-size: 1.6rem;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .code,
  .c-card-myproduct .detail .title,
  .c-card-myproduct .detail .inavailable {
    font-size: 1rem;
  }
}

.c-card-myproduct .detail .title {
  overflow: hidden;
  width: 100%;
  max-height: 60px;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .title {
    max-height: 38px;
  }
}

.c-card-myproduct .detail .title.oneline {
  height: 30px;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .title.oneline {
    height: 18px;
  }
}

.c-card-myproduct .detail .info {
  font-size: 1.6rem;
  overflow: hidden;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .info {
    font-size: 1rem;
  }
}

.c-card-myproduct .detail .info dt {
  float: left;
  clear: left;
}

.c-card-myproduct .detail .info dd {
  overflow: hidden;
}

.c-card-myproduct .detail .info .status01 {
  color: #4b99f7;
}

.c-card-myproduct .detail .info .status01::before {
  content: "●";
}

.c-card-myproduct .detail .info .status02::before {
  content: "";
  display: inline-block;
  border-left: 0.5em solid transparent !important;
  border-right: 0.5em solid transparent !important;
  border-bottom: 1em solid #ed3323 !important;
}

.c-card-myproduct .detail .info .status03::before {
  content: "";
  display: inline-block;
  width: 1em !important;
  height: 1em !important;
  display: inline-block;
  margin-left: 0.5em;
}

.c-card-myproduct .detail .info .status04 {
  vertical-align: middle;
}

.c-card-myproduct .detail .info .status04::before {
  content: "";
  border-left: 0.5em solid transparent !important;
  border-right: 0.5em solid transparent !important;
  border-top: 1em solid #f39d38 !important;
  display: inline-block;
}

.c-card-myproduct .detail .info .status05 {
  color: #000000;
  vertical-align: top;
}

.c-card-myproduct .detail .info .status05::before {
  content: "×";
}
/* ↓最終的に不要になる。削除予定 */
.c-card-myproduct .detail .info .status.-little_stock {
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom: 10px solid #ed3323;
}

.c-card-myproduct .detail .info .status.-shipment_after_arrival {
  background-color: #90fa5b;
  -webkit-transform: 5px rotate(45deg);
      -ms-transform: 5px rotate(45deg);
          transform: 5px rotate(45deg);
}

.c-card-myproduct .detail .info .status.-ship_later {
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  border-top: 10px solid #f39d38;
}

.c-card-myproduct .detail .info .-choice_out {
  font-weight:bold;
  color:#ff0000;
}

.c-card-myproduct .detail .info .-choice_in {
  font-weight:bold;
}
/* ↑最終的に不要になる。削除予定 */

.c-card-myproduct .detail .price {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .price {
    font-size: 1rem;
  }
}

.c-card-myproduct .detail .c-btn-link, .c-card-myproduct .detail .digicata_headerButton, .c-card-myproduct .detail .digicata_longButton {
  width: 140px;
  height: 40px;
  padding: 3px;
  color: #666;
  font-weight: normal;
  font-size: 1.8rem;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .c-btn-link, .c-card-myproduct .detail .digicata_headerButton, .c-card-myproduct .detail .digicata_longButton {
    width: 70px;
    height: 32px;
    padding: 5px;
    font-size: 1.2rem;
  }
}

.c-card-myproduct .detail .c-btn-link.-red, .c-card-myproduct .detail .-red.digicata_headerButton, .c-card-myproduct .detail .-red.digicata_longButton {
  width: 200px;
  height: 40px;
  padding: 3px;
  font-weight: normal;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 812px) {
  .c-card-myproduct .detail .c-btn-link.-red, .c-card-myproduct .detail .-red.digicata_headerButton, .c-card-myproduct .detail .-red.digicata_longButton {
    width: 100px;
    height: 32px;
    padding: 5px;
    font-size: 1.2rem;
    line-height: 1.7;
  }
}

.c-card-myproduct .box-quantity {
  display: flex;
  align-items: center;
}

.c-card-myproduct .box-quantity .col-left {
  width: 200px;
  text-align: center;
}

@media (max-width: 812px) {
  .c-card-myproduct .box-quantity .col-left {
    width: 100px;
  }
}

.c-card-myproduct .box-quantity .col-right {
  padding-left: 30px;
  flex: 1 0 auto;
}

@media (max-width: 812px) {
  .c-card-myproduct .box-quantity .col-right {
    padding-left: 15px;
  }
}

.c-card-myproduct.-favorite {
  display: flex;
}

.c-card-myproduct.-review .image {
  width: 110px;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 list
========================================================== */
/* c-list-product
---------------------------------------------------------- */
.c-list-product {
  /* @include mq-pc {
    &::-webkit-scrollbar {
      height: 10px;
    }
    &::-webkit-scrollbar-track {
      background: #f4f4f4;
    }
    &::-webkit-scrollbar-thumb {
      background: #e6e6e6;
    }
  }*/
}

.c-list-product > .list, .c-list-product--categoryTop > .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -40px;
}

@media (min-width: 813px) {
  .c-list-product > .list, .c-list-product--categoryTop > .list {
    margin-right: -1.65%;
    margin-left: -1.65%;
  }
}

@media (max-width: 812px) {
  .c-list-product > .list, .c-list-product--categoryTop > .list {
    margin-top: -20px;
  }
}

@media (max-width: 350px) {
  .c-list-product > .list, .c-list-product--categoryTop > .list {
    margin-top: -10px;
  }
}

.c-list-product > .list .item, .c-list-product--categoryTop > .list .item {
  margin-top: 40px;
  outline: none;
  flex-shrink: 0;
}

.c-list-product > .list .item img, .c-list-product--categoryTop > .list .item img {
  width: 100%;
}

.c-list-product > .list .item:first-child, .c-list-product--categoryTop > .list .item:first-child {
  margin-left: 0;
}

.c-list-product > .list .item:nth-child(5n + 6), .c-list-product--categoryTop > .list .item:nth-child(5n + 6) {
  margin-left: 0;
}

@media (min-width: 813px) {
  .c-list-product > .list .item, .c-list-product--categoryTop > .list .item {
    width: 20%;
    padding-right: 1.65%;
    padding-left: 1.65%;
  }
}

@media (max-width: 812px) {
  .c-list-product > .list .item, .c-list-product--categoryTop > .list .item {
    width: 110px;
    margin-top: 20px;
    margin-left: 20px;
  }
}

@media (max-width: 350px) {
  .c-list-product > .list .item, .c-list-product--categoryTop > .list .item {
    margin-top: 10px;
    margin-left: 10px;
  }
}

@media (min-width: 813px) {
  .c-list-product > .list.-column_4_pc .item, .c-list-product--categoryTop > .list.-column_4_pc .item {
    width: 25%;
  }
}

@media (max-width: 812px) {
  .c-list-product > .list.-column_2_sp, .c-list-product--categoryTop > .list.-column_2_sp {
    margin: -10px -5px 0;
  }
  .c-list-product > .list.-column_2_sp .item, .c-list-product--categoryTop > .list.-column_2_sp .item {
    width: 50%;
    margin-left: 0;
    padding: 0 5px;
    margin-top: 10px;
  }
}

@media (max-width: 812px) {
  .c-list-product > .list.-column_3_sp, .c-list-product--categoryTop > .list.-column_3_sp {
    margin: -10px -5px 0;
  }
  .c-list-product > .list.-column_3_sp .item, .c-list-product--categoryTop > .list.-column_3_sp .item {
    width: 33.33%;
    margin-left: 0;
    padding: 0 5px;
    margin-top: 10px;
  }
}

.c-list-product.-slider_sp > .list .item, .-slider_sp.c-list-product--categoryTop > .list .item {
  margin-left: 0;
}

.c-list-product.-slider_sp .owl-stage-outer, .-slider_sp.c-list-product--categoryTop .owl-stage-outer {
  overflow: visible;
}

.c-list-product--categoryTop > .list .item:nth-child(4n + 5) {
  margin-left: 0;
}

@media (min-width: 813px) {
  .c-list-product--categoryTop > .list .item {
    width: 25%;
  }
}

/* c-list-banner
---------------------------------------------------------- */
.c-list-banner {
  position: relative;
}

@media (max-width: 812px) {
  .c-list-banner {
    overflow: hidden;
  }
}

.c-list-banner .list {
  display: flex;
  justify-content: center;
  width: auto;
}

@media (min-width: 813px) {
  .c-list-banner .list {
    margin-right: -1.65%;
    margin-left: -1.65%;
  }
}

@media (max-width: 812px) {
  .c-list-banner .list {
    margin: 0 -20px;
  }
}

.c-list-banner .list .item {
  width: 33.33%;
  outline: none;
}

@media (min-width: 813px) {
  .c-list-banner .list .item {
    padding-right: 1.65%;
    padding-left: 1.65%;
  }
}

@media (max-width: 812px) {
  .c-list-banner .list .item {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.c-list-banner .list a {
  position: relative;
  display: block;
  outline: none;
}

.c-list-banner .list a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity .3s;
}

@media (min-width: 813px) {
  .c-list-banner .list a:hover:before {
    opacity: 1;
  }
}

.c-list-banner .list a img {
  width: 100%;
}

.c-list-banner .list.is-slider {
  position: relative;
  display: block;
  margin: 0;
}

.c-list-banner .list.is-slider .item {
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}

@media (min-width: 813px) {
  .c-list-banner .list.is-slider .item img {
    width: 70%;
    margin: 0 auto;
  }
}

.c-list-banner .list.is-slider .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.c-list-banner .list.is-slider .owl-dots .owl-dot {
  display: block;
  margin-left: 8px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.c-list-banner .list.is-slider .owl-dots .owl-dot:first-child {
  margin-left: 0;
}

.c-list-banner .list.is-slider .owl-dots .owl-dot span {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #e6e6e6;
  text-indent: -999px;
  overflow: hidden;
  outline: none;
}

.c-list-banner .list.is-slider .owl-dots .owl-dot.active span {
  background-color: #ef8280;
}

.c-list-banner .list.is-slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 32px;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

@media (min-width: 813px) {
  .c-list-banner .list.is-slider .owl-nav button {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-list-banner .list.is-slider .owl-nav button:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-list-banner .list.is-slider .owl-nav button.owl-prev {
  left: -20px;
  background-image: url("/ec/images/common/icon_arrow_prev.png");
}

.c-list-banner .list.is-slider .owl-nav button.owl-next {
  right: -20px;
  background-image: url("/ec/images/common/icon_arrow_next.png");
}

.c-list-banner.--categoryTop .list.is-slider {
  position: relative;
  display: block;
  margin: 0;
}

.c-list-banner.--categoryTop .list.is-slider .item {
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}

@media (min-width: 813px) {
  .c-list-banner.--categoryTop .list.is-slider .item img {
    width: 74.29%;
    margin: 0 auto;
  }
}

/* c-list-myproduct
---------------------------------------------------------- */
.c-list-myproduct.-bdr_bottom {
  border-bottom: 1px solid #e6e6e6;
}

.c-list-myproduct .item {
  padding-top: 30px;
  padding-bottom: 30px;
  outline: none;
  flex-shrink: 0;
  border-bottom: 1px solid #e6e6e6;
}

.c-list-myproduct .item:last-child {
  border-bottom: 0;
}

@media (max-width: 812px) {
  .c-list-myproduct .item {
    margin-left: 0;
    padding-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 812px) {
  .c-list-myproduct .item.-favorite {
    padding-right: 0;
    padding-left: 0;
  }
}

.c-list-myproduct .buttons {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-end;
}

.c-list-type-rec {
  padding: 18px 25px;
  font-size: 12px;
}

@media (min-width: 813px) {
  .c-list-type-rec {
    font-size: 1.4rem;
  }
}

.c-list-type-rec > li {
  position: relative;
}

.c-list-type-rec > li:not(:first-child) {
  margin-top: 30px;
}

.c-list-type-rec > li:before {
  content: "";
  font-size: 12px;
  position: absolute;
  width: 10px;
  height: 10px;
  left: -2px;
  background: #000;
  transform: translateX(-100%);
  z-index: 0;
  top: 7px;
}

.c-list-type-rec > li ol {
  list-style: decimal;
  margin-left: 15px;
}

/* c-list-category
---------------------------------------------------------- */
.c-list-category, .c-ctCategoryList_listContainer {
  border-top: 1px solid #e6e6e6;
}

.c-list-category .list-main > .item, .c-ctCategoryList_listContainer .list-main > .item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateZ(0);
  border-bottom: 1px solid #e6e6e6;
  flex: 1;
}

@media (max-width: 812px) {
  .c-list-category .list-main > .item:last-child, .c-ctCategoryList_listContainer .list-main > .item:last-child {
    border-bottom: 0;
  }
}

.c-list-category .list-main .accd, .c-ctCategoryList_listContainer .list-main .accd {
  position: relative;
  transform: translateZ(0);
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 13px 45px 13px 13px;
  height: 50px;
  cursor: pointer;
}

.c-list-category .list-main .accd:before, .c-ctCategoryList_listContainer .list-main .accd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-list-category .list-main .accd:hover:before, .c-ctCategoryList_listContainer .list-main .accd:hover:before {
    opacity: 1;
  }
}

.c-list-category .list-main .accd:after, .c-ctCategoryList_listContainer .list-main .accd:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -7px;
  width: 8px;
  height: 14px;
  transform: rotate(90deg);
  transform-origin: center;
  background-image: url("/ec/images/common/arrow_right.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.c-list-category .list-main .accd.is-open:after, .c-ctCategoryList_listContainer .list-main .accd.is-open:after {
  transform: rotate(-90deg);
}

.c-list-category .list-main .accd .icon, .c-ctCategoryList_listContainer .list-main .accd .icon {
  line-height: 1;
}

.c-list-category .list-main .accd .text, .c-ctCategoryList_listContainer .list-main .accd .text {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7;
}

.c-list-category .list-main a, .c-ctCategoryList_listContainer .list-main a {
  position: relative;
  display: block;
  padding: 7px 45px 7px 10px;
  font-size: 1.2rem;
}

@media (min-width: 813px) {
  .c-list-category .list-main a, .c-ctCategoryList_listContainer .list-main a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-list-category .list-main a:hover, .c-ctCategoryList_listContainer .list-main a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-list-category .list-sub, .c-ctCategoryList_listContainer .list-sub {
  display: none;
  padding-left: 20px;
  border-top: 1px solid #e6e6e6;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-list-category .list-sub .item, .c-ctCategoryList_listContainer .list-sub .item {
  border-bottom: 1px solid #e6e6e6;
}

.c-list-category .list-sub .item:last-child, .c-ctCategoryList_listContainer .list-sub .item:last-child {
  border-bottom: 0;
}

.c-list-category .list-sub .accd, .c-ctCategoryList_listContainer .list-sub .accd {
  padding: 7px 45px 7px 10px;
}

.c-list-category.-sidenav .accd, .-sidenav.c-ctCategoryList_listContainer .accd {
  padding: 12px 15px;
  font-size: 1.4rem;
  transition: background-color 0.2s;
}

.c-list-category.-sidenav .accd:after, .-sidenav.c-ctCategoryList_listContainer .accd:after {
  right: 20px;
  background-image: url("/ec/images/common/icon_arrow_link_gray.png");
}

.c-list-category.-sidenav .accd:hover, .-sidenav.c-ctCategoryList_listContainer .accd:hover {
  background-color: #f4f4f4;
  opacity: 1;
}

.c-list-category.-sidenav .accd.is-open, .-sidenav.c-ctCategoryList_listContainer .accd.is-open {
  font-weight: bold;
}

.c-list-category.-sidenav .accd.is-open:after, .-sidenav.c-ctCategoryList_listContainer .accd.is-open:after {
  right: 18px;
}

.c-list-category.-sidenav .accd.is-current + *, .-sidenav.c-ctCategoryList_listContainer .accd.is-current + * {
  display: block;
}

.c-list-category.-sidenav .list-sub, .-sidenav.c-ctCategoryList_listContainer .list-sub {
  padding-left: 10px;
}

.c-list-category.-sidenav .list-sub a, .-sidenav.c-ctCategoryList_listContainer .list-sub a {
  padding: 12px 15px;
  font-size: 1.4rem;
  transition: background-color 0.2s;
}

.c-list-category.-sidenav .list-sub a:hover, .-sidenav.c-ctCategoryList_listContainer .list-sub a:hover {
  background-color: #f4f4f4;
  opacity: 1;
}

.c-list-category.-sidenav .list-sub a.is-current, .-sidenav.c-ctCategoryList_listContainer .list-sub a.is-current {
  font-weight: bold;
}

.c-list-category.-sidenav .list-sub a.is-opened {
  background-color: #f4f4f4;
  opacity: 1;
  font-weight: bold;
}

/* c-list-star
---------------------------------------------------------- */
.c-list-star {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.c-list-star .list {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 4px;
}

.c-list-star .list .star {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background-image: url("/ec/images/common/icon_star_empty.png");
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  line-height: 1;
}

.c-list-star .list .star:first-child {
  margin-left: 0;
}

@media (max-width: 812px) {
  .c-list-star .list .star {
    width: 18px;
    height: 18px;
    margin-left: 2px;
  }
}

.c-list-star .list .star.-full {
  background-image: url("/ec/images/common/icon_star_full.png");
}

.c-list-star .list .star.-half {
  background-image: url("/ec/images/common/icon_star_half.png");
}

.c-list-star .number {
  white-space: nowrap;
  margin-top: 3px;
  font-size: 1.4rem;
  line-height: 1;
}

@media (max-width: 812px) {
  .c-list-star .number {
    margin-top: 0;
    margin-left: 5px;
    font-size: 1.2rem;
  }
}

/* c-list-square
---------------------------------------------------------- */
.c-list-square .item {
  position: relative;
  padding-left: 15px;
  font-size: 1.2rem;
}

.c-list-square .item:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  transform: rotate(45deg);
}

@media (max-width: 812px) {
  .c-list-square .item:before {
    top: 5px;
    width: 8px;
    height: 8px;
  }
}

@media (max-width: 812px) {
  .c-list-square .item {
    font-size: 1.1rem;
  }
}

.c-list-sns {
  display: flex;
  justify-content: center;
}

.c-list-sns li {
  width: 65px;
  margin-left: 20px;
}

@media (max-width: 812px) {
  .c-list-sns li {
    margin-left: 10px;
    width: 37px;
  }
}

.c-list-sns li:first-child {
  margin-left: 0;
}

@media (min-width: 813px) {
  .c-list-sns li a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-list-sns li a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-list-sns li img {
  width: 100%;
  max-width: 100%;
}

/* c-list-radio-accd
---------------------------------------------------------- */
.c-list-radio-accd {
  border-top: 1px solid #e6e6e6;
}

.c-list-radio-accd .item {
  border-bottom: 1px solid #e6e6e6;
}

.c-list-radio-accd .detail {
  display: none;
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid #e6e6e6;
}

.c-list-type-circle li {
  position: relative;
  padding-left: 10px;
}

.c-list-type-circle li:before {
  content: "•";
  position: absolute;
  left: 0;
}

.c-list-type-circle li a {
  text-decoration: underline;
}

.c-list-type-circle li a:hover {
  text-decoration: none;
}

/* c-list-bullet
---------------------------------------------------------- */
.c-list-bullet > .item {
  position: relative;
  padding-left: 15px;
}

.c-list-bullet > .item:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 5px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
}

/* c-list-reference
---------------------------------------------------------- */
.c-list-reference > .item {
  position: relative;
  padding-left: 22px;
}

.c-list-reference > .item:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 5px;
  border-radius: 50%;
}

/* c-list-note
---------------------------------------------------------- */
.c-list-note > .item {
  position: relative;
  padding-left: 15px;
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .c-list-note > .item {
    padding-left: 12px;
    font-size: 1rem;
  }
}

.c-list-note > .item:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .c-list-note > .item:before {
    font-size: 1rem;
  }
}

.c-list-number {
  counter-reset: list-counter;
}

.c-list-number > .item {
  position: relative;
  padding-left: 18px;
  font-size: 1.4rem;
}

@media (max-width: 812px) {
  .c-list-number > .item {
    padding-left: 18px;
    font-size: 1.2rem;
  }
}

.c-list-number > .item:before {
  counter-increment: list-counter;
  content: counter(list-counter);
  position: absolute;
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  font-size: 1rem;
  border-radius: 50%;
  border: 1px solid #333333;
  text-align: center;
  line-height: 12px;
}

@media (max-width: 812px) {
  .c-list-number > .item:before {
    top: 4px;
    font-size: 1rem;
  }
}

.c-list-search {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.c-list-search > .item {
  margin: 0 5px 10px 5px;
}

.c-list-search > .item a {
  background-color: #e5e5e5;
  display: block;
  border-radius: 20px;
  padding: 2px 15px;
}

@media (min-width: 813px) and (min-width: 813px) {
  .c-list-search > .item a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-list-search > .item a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-ctCategoryList_row:nth-of-type(n + 2) {
  margin-top: 10px;
}

.c-ctCategoryList_row .c-ctCategoryList_buttons {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.c-ctCategoryList_row .c-ctCategoryList_buttons .c-ctCategoryList_button {
  text-align: center;
  width: 24%;
  font-size: 12px;
}

.c-ctCategoryList_row .c-ctCategoryList_buttons .c-ctCategoryList_button img {
  width: 72%;
  margin: 16% 0;
}

.c-ctCategoryList_row .c-ctCategoryList_buttons .c-ctCategoryList_button:focus {
  outline: none;
}

.c-ctCategoryList_row .c-ctCategoryList_contents {
  position: relative;
  padding: 0 10px;
  margin: 10px 0 0;
  background-color: #efefef;
  overflow: hidden;
}

.c-ctCategoryList_row .c-ctCategoryList_contents .c-list-category, .c-ctCategoryList_row .c-ctCategoryList_contents .c-ctCategoryList_listContainer {
  padding-bottom: 30px;
}

.c-ctCategoryList_row .c-ctCategoryList_contents .c-list-category .item > a, .c-ctCategoryList_row .c-ctCategoryList_contents .c-ctCategoryList_listContainer .item > a {
  padding: 13px 45px 13px 13px;
  font-size: inherit;
}

.c-ctCategoryList_row .c-ctCategoryList_contents .btn-close {
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 4px;
  right: 10px;
  bottom: 10px;
  background-color: #ffffff;
  box-sizing: content-box;
  border-radius: 4px;
}

.c-ctCategoryList_row .c-ctCategoryList_contents .btn-close::before, .c-ctCategoryList_row .c-ctCategoryList_contents .btn-close::after {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 80%;
  background-color: #333333;
  top: 14%;
  left: 50%;
}

.c-ctCategoryList_row .c-ctCategoryList_contents .btn-close::before {
  transform: rotate(-45deg);
}

.c-ctCategoryList_row .c-ctCategoryList_contents .btn-close::after {
  transform: rotate(45deg);
}

.c-list-guideContent {
  list-style-type: disc;
  padding: 0 2em;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 form component
========================================================== */
/* c-input-text
---------------------------------------------------------- */
/* c-select
---------------------------------------------------------- */
.c-select {
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.c-select select {
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* c-radio
---------------------------------------------------------- */
.c-radio {
  display: inline-block;
  position: relative;
  padding: 15px 15px 15px 40px;
  cursor: pointer;
  font-size: 1.3rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 812px) {
  .c-radio {
    padding: 10px 10px 10px 40px;
  }
}

.c-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.c-radio .radiobtn {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 50%;
}

.c-radio .radiobtn.error {
  background: #ffe5e5;
}

.c-radio .radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

.c-radio .radiobtn.-floatleft {
  left: 0;
}

.c-radio input:checked ~ .radiobtn:after {
  display: block;
}

.c-radio .radiobtn:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e00501;
}

/* c-checkbox
---------------------------------------------------------- */
.c-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 1.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.c-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.c-checkbox input:checked ~ .checkmark {
  background-color: #e00501;
}

.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #ccc;
  border-radius: 2px;
}

.checkmark:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 1px;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.c-toggleButton {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 1.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-toggleButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.c-toggleButton input:checked ~ .toggleButton:after {
  display: block;
}

.c-toggleButton input:checked ~ .toggleButton {
  background-color: #e00501;
}

.c-toggleButton input:checked ~ .toggleButton:after {
  left: 25px;
}

.toggleButton {
  position: absolute;
  top: 0px;
  left: 0;
  height: 27px;
  width: 50px;
  background-color: #ccc;
  border-radius: 23px;
  transition: .2s;
}

.toggleButton:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #ffffff;
  transition: .2s;
}


/* c-text-area
---------------------------------------------------------- */
.c-text-area {
  width: 100%;
  height: 80px;
  padding: 8px;
  background-color: #fafafa;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.c-text-area.-resizeable {
  resize: auto;
}

.c-text-area.error {
  background: #ffe5e5;
}

/* c-checkbox-agree
---------------------------------------------------------- */
.c-checkbox-agree {
  position: relative;
  display: block;
  padding-left: 30px;
  font-weight: bold;
}

@media (max-width: 812px) {
  .c-checkbox-agree {
    padding-left: 28px;
  }
}

.c-checkbox-agree input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.c-checkbox-agree .icon-checkbox {
  position: relative;
  padding-left: 28px;
}

.c-checkbox-agree .icon-checkbox:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e5e5e5;
  background-image: url("/ec/images/common/icon_check.png");
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.c-checkbox-agree input:checked + .icon-checkbox:before {
  background-color: #e00501;
}

/* ==========================================================
 form layout
========================================================== */
/* c-form
---------------------------------------------------------- */
.label-regis-confirm {
  font-size: 1rem;
  position: relative;
  margin-left: 6px;
  margin-bottom: 0;
  font-weight: 600;
}

@media (min-width: 813px) {
  .label-regis-confirm {
    font-size: 1.4rem;
    margin-left: 12px;
    margin-bottom: 5px;
  }
}

.label-regis-confirm:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background: #666;
}

@media (min-width: 813px) {
  .label-regis-confirm:before {
    left: -12px;
    width: 4px;
    height: 24px;
  }
}

.lebel-ship-status {
  font-size: 1.4rem;
  line-height: 1.4;
  display: inline-block;
  width: 80px;
  text-align: center;
  background-color: #ffe074;
  padding: 4px;
}

@media (max-width: 812px) {
  .lebel-ship-status {
    font-size: 1.2rem;
  }
}

.lebel-ship-status.-complete {
  background-color: #e5e5e5;
}

.input-box {
  display: flex;
  flex-direction: column;
}

.input-box label {
  line-height: 1;
  margin-bottom: 5px;
}

@media (min-width: 813px) {
  .input-box label {
    margin-bottom: 10px;
  }
}

.input-box > span {
  text-decoration: underline;
}

.input-box > span.no-underline {
  text-decoration: none;
}

.input-box > span.no-underline.no-input {
  text-decoration: none;
  display: block;
  line-height: 40px;
}

.input-box input {
  display: block;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background: #fafafa;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.input-box input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.input-box input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.input-box input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.input-box input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.input-box input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.input-box input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b3b3b3;
}

.input-box input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b3b3b3;
}

@media (max-width: 812px) {
  .input-box input {
    height: 35px;
    padding-left: 5px;
    font-size: 1.6rem;
  }
}

.input-box input.error, .input-group.-error .input-box.-error input, .input-box.-error input, .input-row input.error,.input-group.-error .input-row input {
  background: #ffe5e5;
}

.select-box {
  position: relative;
  width: 100%;
}

.select-box select {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding-left: 10px;
  color: #333;
  font-size: 1.6rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/ec/images/common/icon_arrow_down.png) #fafafa no-repeat;
  background-size: 15px 10px;
  background-position: center right 10px;
  position: relative;
}

.select-box select::-ms-expand {
  display: none;
}

@media (max-width: 812px) {
  .select-box select {
    height: 32px;
    padding-left: 5px;
    background-size: 10px 6px;
    background-position: center right 5px;
  }
}

.select-box select.error, .input-group.-error .select-box select {
  -webkit-appearance: none;
  background: url(/ec/images/common/icon_arrow_down.png) #ffe5e5 no-repeat;
  background-size: 15px 10px;
  background-position: center right 10px;
}
@media (max-width: 812px) {
  .select-box select.error, .input-group.-error .select-box select {
    padding-left: 5px;
    background-size: 10px 6px;
    background-position: center right 5px;
  }
}

.select-box .placeholder {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  color: #b3b3b3;
  pointer-events: none;
}

@media (max-width: 812px) {
  .select-box .placeholder {
    padding-left: 5px;
  }
}

.input-group {
  font-size: 1.3rem;
}

.input-group .error-txt {
  visibility: hidden;
}

@media (min-width: 813px) {
  .input-group {
    font-size: 1.4rem;
  }
}

.input-group h3 {
  font-weight: bold;
}

.input-group p {
  font-size: 1rem;
}

@media (min-width: 813px) {
  .input-group p {
    font-size: 1.3rem;
  }
}

.input-group p a {
  text-decoration: underline;
}

.input-group.-review .input-row {
  align-items: center;
}

.input-group.-review .input-row > span {
  flex: 0 0 40%;
}

.input-group.-review .input-row input,
.input-group.-review .input-row select {
  padding-left: 10px;
}

.input-group.-review .input-row textarea {
  width: 100%;
  border-radius: 6px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 8px;
}

.input-group.-error .error-txt {
  visibility: visible;
}

.input-row {
  display: flex;
}

.input-row > div {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}

.input-row > div input,
.input-row > div select {
  flex-grow: 1;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.4rem;
}

@media (max-width: 812px) {
  .input-row > div input,
  .input-row > div select {
    font-size: 1.6rem;
  }
}

.input-row > div span + input,
.input-row > div span + select {
  margin-left: 10px;
}

.input-row > div select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("/ec/images/common/icon_arrow_down.png") #fafafa no-repeat;
  background-size: 10px 6px;
  background-position: center right 14px;
  position: relative;
  outline: none;
}

@media (min-width: 813px) {
  .input-row > div select:hover {
    cursor: pointer;
  }
}

.input-row > div select::-ms-expand {
  display: none;
}

.input-row input,
.input-row select {
  padding: 0 15px;
  width: 100%;
  height: 40px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background: #fafafa;
  text-align: center;
}

@media (max-width: 812px) {
  .input-row input,
  .input-row select {
    height: 32px;
  }
}

.input-row a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #e00501;
  color: #fff;
  height: 32px;
  border-radius: 3px;
}

@media (min-width: 813px) {
  .input-row a {
    height: 40px;
  }
  .input-row a:hover {
    opacity: 0.7;
  }
}

.input-row.-postal div input,
.input-row.-postal div select {
  text-align: center;
}

.input-row.-postal div:first-child {
  flex: 0 0 17.19%;
}

.input-row.-postal div:nth-child(2) {
  flex: 0 0 18.75%;
  margin-left: 13px;
  position: relative;
}

.input-row.-postal div:nth-child(2):before {
  content: "";
  width: 6px;
  height: 2px;
  background: #e6e6e6;
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translate(-100%, -50%);
  z-index: 1;
}

.input-row.-postal div:last-child {
  flex: 0 0 34.38%;
  margin-left: 8px;
}

.input-row.-shipper > div {
  width: auto;
}

.input-row.-shipper > div:nth-child(even) {
  width: 28.12%;
  margin-left: 8px;
}

.input-row.-shipper > div span {
  margin-left: 11px;
}

.input-row input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

.input-row input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

.input-row input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

.input-row input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

.input-row input::placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

.input-row input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

.input-row input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
  font-size: 1.3rem;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 table
========================================================== */
/* c-table
---------------------------------------------------------- */
/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 box
========================================================== */
/* c-box-search
---------------------------------------------------------- */
.c-box-search {
  display: flex;
  align-items: center;
}

@media (max-width: 812px) {
  .c-box-search {
    padding: 10px;
    justify-content: center;
  }
}

.c-box-search .box-input {
  position: relative;
  display: flex;
  width: 260px;
  background-color: #fff;
  padding-right: 45px;
  margin-right: 18px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}

@media (max-width: 812px) {
  .c-box-search .box-input {
    width: 215px;
    margin-right: 10px;
  }
}

.c-box-search .box-input input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 10px 0 10px 15px;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  line-height: 1;
}

@media (max-width: 812px) {
  .c-box-search .box-input input {
    padding-left: 12px;
    font-size: 1.2rem;
  }
}

.c-box-search .box-input input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.c-box-search .box-input input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.c-box-search .box-input input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.c-box-search .box-input input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.c-box-search .box-input input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  opacity: 1;
  /* Firefox */
}

.c-box-search .box-input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b3b3b3;
}

.c-box-search .box-input input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b3b3b3;
}

.c-box-search .box-input.-left {
  background-color: #fafafa;
  border-radius: 2px;
  padding-right: 0;
  margin-right: 0;
  width: 100%;
}

.c-box-search .box-input.-left input {
  background-color: #fafafa;
  padding-right: 0;
  padding-left: 45px;
  border-radius: 2px;
}

.c-box-search .box-input.-left button {
  right: inherit;
  left: 0;
}

.c-box-search .box-input button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 45px;
  height: 100%;
  background: url("/ec/images/common/icon_search_gray.png") center no-repeat;
  background-size: 15px;
  text-indent: -9999px;
  overflow: hidden;
}

@media (min-width: 813px) {
  .c-box-search .box-input button {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-box-search .box-input button:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-box-search .btn-catalog {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  background-color: #666666;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}

@media (min-width: 813px) {
  .c-box-search .btn-catalog {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-box-search .btn-catalog:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .c-box-search .btn-catalog {
    padding: 5px 6px;
    border-radius: 3px;
  }
}

.c-box-search .btn-catalog .text {
  display: inline-block;
  padding-left: 30px;
  background-image: url("/ec/images/common/icon_book.png");
  background-size: 20px 15px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
}

@media (min-width: 1200px) {
  .c-box-search .btn-catalog .text {
    font-size: 1.4rem;
  }
}

@media (max-width: 812px) {
  .c-box-search .btn-catalog .text {
    padding-left: 25px;
    font-size: 1rem;
  }
}

@media (max-width: 320px) {
  .c-box-search .btn-catalog .text {
    padding-left: 20px;
    background-size: 15px auto;
  }
}

/* c-box-image
---------------------------------------------------------- */
.c-box-image img {
  max-width: 100%;
}

.c-box-image.-fullimage img {
  width: 100%;
}

/* c-box-quantity
---------------------------------------------------------- */
.c-box-quantity .label {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 812px) {
  .c-box-quantity .label {
    font-size: 1.2rem;
  }
}

.c-box-quantity .select-box {
  width: 70px;
}

.c-box-quantity .select-box select {
  height: 32px;
}

.c-box-quantity .input-box {
  width: 70px;
}

.c-box-quantity .input-box input {
  height: 32px;
  padding: 0;
  text-align: center;
}

.c-box-quantity .btn {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background-color: #e6e6e6;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

@media (min-width: 813px) {
  .c-box-quantity .btn {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-box-quantity .btn:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-box-quantity .btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 2px;
  background-color: #666;
}

.c-box-quantity .btn.-increase:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 15px;
  background-color: #666;
}

.c-box-quantity .btn.-disabled {
  opacity: 0.3;
  cursor: default;
}

.c-box-quantity .btn.-disabled:hover {
  opacity: 0.3;
}

@media (max-width: 320px) {
  .c-box-quantity .btn {
    margin-left: 6px;
  }
}

@media (max-width: 320px) {
  .c-box-quantity .input-box {
    width: 40px !important;
  }
}

/* c-box-alert
---------------------------------------------------------- */
.c-box-alert {
  padding: 15px;
  border: 1px solid #e00501;
  color: #e00501;
  text-align: center;
}

/* c-box-overflow
---------------------------------------------------------- */
.c-box-overflow {
  overflow: hidden;
}

.c-box-attentionBalloon {
  position: relative;
  background-color: #e6e6e6;
  border-radius: 7px;
  padding: 10px;
}

@media (max-width: 812px) {
  .c-box-attentionBalloon::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: inherit;
    position: absolute;
    bottom: -8px;
    left: 28px;
    transform: rotate(-45deg);
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Tab
========================================================== */
/* c-tab-module
---------------------------------------------------------- */
.c-tab-module .c-tab-content {
  display: none;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 section
========================================================== */
/* c-sec-product
---------------------------------------------------------- */
.c-sec-product {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
}

@media (max-width: 812px) {
  .c-sec-product {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 10px;
  }
}

.c-sec-product .container, .c-sec-product .l-2clm_container {
  overflow: hidden;
}

.c-sec-product .alert-msg {
  margin-bottom: 55px;
  padding: 6px;
  border: 2px solid #e00501;
  font-size: 2rem;
  color: #e00501;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 812px) {
  .c-sec-product .alert-msg {
    margin-bottom: 20px;
    border-width: 1px;
    font-size: 1.4rem;
    line-height: 1.33;
  }
}

.c-sec-product.-shadow_bottom {
    box-shadow: 0px 3px 3px 1px rgba(214, 214, 214, 0.7);
}

@media (min-width: 813px) {
  .c-sec-product.-shadow_bottom_pc {
    box-shadow: 0px 3px 3px 1px rgba(214, 214, 214, 0.7);
  }
}

@media (max-width: 812px) {
  .c-sec-product.-shadow_bottom_sp {
    box-shadow: 0px 2px 2px 1px rgba(214, 214, 214, 0.7);
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 header
========================================================== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  width: 100%;
  height: 65px;
  background-color: #fff;
  box-shadow: 0px 2px 2px 1px rgba(227, 227, 227, 0.7);
}

.header.-fixed {
  position: fixed !important;
}

@media (max-width: 812px) {
  .header {
    height: 50px;
    padding: 10px 15px;
  }
}

.header .btn-menu {
  cursor: pointer;
}

@media (min-width: 813px) {
  .header .btn-menu {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .header .btn-menu:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.header .btn-menu .line {
  display: block;
  width: 24px;
  height: 3px;
  background-color: #e00501;
  margin-bottom: 7px;
  transition: transform 0.3s;
  transform-origin: center;
  margin-left: auto;
  margin-right: auto;
}

.header .btn-menu .line:last-child {
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .header .btn-menu .line {
    height: 2px;
  }
}

.header .btn-menu::after {
  content: "メニュー";
  font-size: 10px;
  line-height: 1;
  text-align: center;
  display: block;
  margin-top: 6px;
  color: #e00501;
}

.header .btn-menu.is-open {
  /*.line {
        &:nth-child(1) {
          transform: translateY(9px) rotate(45deg);
        }

        &:nth-child(2) {
          opacity: 0;
        }

        &:nth-child(3) {
          transform: translateY(-9px) rotate(-45deg);
        }
      }*/
}

@media (max-width: 812px) {
  .header .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.header .logo a {
  display: block;
  line-height: 1;
}

@media (max-width: 812px) {
  .header .logo {
    text-align: center;
  }
}

.header .logo .text {
  display: block;
  margin-top: 3px;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.2;
}

.header .header-cont {
  display: flex;
  align-items: center;
}

.header .header-links {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

@media (min-width: 1200px) {
  .header .header-links {
    margin-right: 40px;
  }
}

@media (max-width: 812px) {
  .header .header-links {
    margin-right: 0;
  }
}

.header .header-links .link {
  position: relative;
  margin-left: 30px;
  line-height: 1;
}

@media (min-width: 813px) {
  .header .header-links .link {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .header .header-links .link:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (min-width: 1200px) {
  .header .header-links .link {
    margin-left: 40px;
  }
}

@media (max-width: 812px) {
  .header .header-links .link {
    margin-left: 15px;
  }
}

.header .header-links .link.-search {
  width: 20px;
}

@media (max-width: 812px) {
  .header .header-links .link.-search {
    width: 17px;
  }
}

.header .header-links .link.-favorite {
  width: 24px;
}

@media (max-width: 812px) {
  .header .header-links .link.-favorite {
    width: 19px;
  }
}

.header .header-links .link.-cart {
  width: 24px;
}

@media (max-width: 812px) {
  .header .header-links .link.-cart {
    width: 18px;
  }
}

.header .header-links .link img {
  width: 100%;
}

.header .header-links .link .number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -14px;
  right: -14px;
  width: 24px;
  height: 24px;
  background-color: #e00501;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
}

@media (max-width: 812px) {
  .header .header-links .link .number {
    top: -9px;
    right: -9px;
    width: 18px;
    height: 18px;
    font-size: 1rem;
  }
}

/* nav-global-panel
---------------------------------------------------------- */
.nav-global-panel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.nav-global-panel .btn-close {
  position: fixed;
  top: 10px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-image: url("/ec/images/common/icon_x.png");
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  border-radius: 5px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transition: transform .3s;
}

.nav-global-panel .btn-close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s;
}

.nav-global-panel .btn-close:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 813px) {
  .nav-global-panel .btn-close {
    right: 297px;
    transform: translateX(100%);
  }
}

@media (max-width: 812px) {
  .nav-global-panel .btn-close {
    left: 280px;
    transform: translateX(-100%);
  }
}

.nav-global-panel.is-open .btn-close {
  transform: translateX(0);
}

.nav-global-panel.is-open .nav-global {
  transform: translateX(0);
}

.nav-global {
  position: absolute;
  top: 0;
  width: 270px;
  background-color: #fff;
  transition: transform .3s;
}

@media (min-width: 813px) {
  .nav-global {
    right: 0;
    transform: translateX(100%);
  }
}

@media (max-width: 812px) {
  .nav-global {
    left: 0;
    transform: translateX(-100%);
  }
}

.nav-global .inner {
  padding: 20px 10px 0;
}

.nav-global .heading {
  margin-bottom: 18px;
  font-size: 1.4rem;
  font-weight: bold;
}

.nav-global .title {
  padding: 7px 10px;
  background-color: #e6e6e6;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
}

.list-gnav .item {
  border-bottom: 1px solid #e6e6e6;
}

.list-gnav .item:last-child {
  border-bottom: 0;
}

.list-gnav .link, .list-gnav .accd {
  position: relative;
  display: block;
  padding: 10px 40px 10px 10px;
  font-size: 1.2rem;
  line-height: 1.7;
}

.list-gnav .accd {
  display: flex;
  align-items: center;
}

.list-gnav .accd .icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.list-gnav .link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background-image: url("/ec/images/common/arrow_right.png");
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.list-gnav .accd:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  width: 8px;
  height: 14px;
  transform: rotate(90deg);
  transform-origin: center;
  background-image: url("/ec/images/common/arrow_right.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.list-gnav .accd.is-open:after {
  transform: rotate(-90deg);
}

.list-gnav.-sub {
  display: none;
  border-top: 1px solid #e6e6e6;
}

.list-gnav.-sub .link, .list-gnav.-sub .accd {
  padding-left: 25px;
}

/* ==========================================================
 mainvisual
========================================================== */
/* c-mainvisual
---------------------------------------------------------- */
/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 footer
========================================================== */
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  background-color: #e6e6e6;
}

@media (min-width: 813px) {
  .footer-main {
    display: flex;
    justify-content: space-between;
    padding: 30px 40px;
    margin-top: 20px;
    background-color: #fff;
  }
}

@media (max-width: 812px) {
  .footer-main {
    margin-top: 20px;
  }
}

@media (min-width: 813px) {
  .footer-links {
    padding-right: 40px;
  }
}

@media (max-width: 812px) {
  .footer-links {
    padding: 30px 10px;
    background-color: #fff;
  }
}

.nav-footer-01 {
  margin-bottom: 20px;
}

.nav-footer-01 .list-links {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -2px 0;
}

@media (max-width: 812px) {
  .nav-footer-01 .list-links {
    margin: -10px -5px 0;
  }
}

.nav-footer-01 .list-links .item {
  margin-top: 4px;
  padding: 0 2px;
}

@media (max-width: 812px) {
  .nav-footer-01 .list-links .item {
    display: flex;
    width: 33.33%;
    margin-top: 10px;
    padding: 0 5px;
  }
  .nav-footer-01 .list-links .item:first-child {
    width: 100%;
  }
}

.nav-footer-01 a {
  display: block;
  width: 130px;
  padding: 8px;
  background-color: #e6e6e6;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 813px) {
  .nav-footer-01 a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .nav-footer-01 a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .nav-footer-01 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px;
    background-color: transparent;
    border: 1px solid #e6e6e6;
  }
}

.nav-footer-02 .list-links {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
}

@media (max-width: 812px) {
  .nav-footer-02 .list-links {
    margin: 0 -10px 0;
  }
}

@media (min-width: 813px) {
  .nav-footer-02 .list-links .item {
    position: relative;
    padding-right: 15px;
    margin-top: 15px;
    margin-right: 15px;
  }
  .nav-footer-02 .list-links .item:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #333;
  }
  .nav-footer-02 .list-links .item:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .nav-footer-02 .list-links .item:last-child:after {
    display: none;
  }
}

@media (max-width: 812px) {
  .nav-footer-02 .list-links .item {
    display: flex;
    width: 50%;
    padding: 0 10px;
  }
}

.nav-footer-02 a {
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (min-width: 813px) {
  .nav-footer-02 a:hover {
    text-decoration: underline;
  }
}

@media (max-width: 812px) {
  .nav-footer-02 a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px 10px 5px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 1rem;
  }
  .nav-footer-02 a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 7px;
    height: 11px;
    background: url("/ec/images/common/arrow_right.png") 0 0 no-repeat;
    background-size: 100% auto;
  }
}

@media (max-width: 812px) {
  .footer-sns {
    padding: 20px 10px 25px;
    background-color: #e6e6e6;
  }
}

.footer-sns .heading {
  margin-bottom: 15px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

@media (max-width: 812px) {
  .footer-sns .heading {
    margin-bottom: 20px;
  }
}

.footer-sns .list-sns {
  display: flex;
  margin: 0 -15px;
  justify-content: center;
}

.footer-sns .list-sns .item {
  padding: 0 15px;
}

@media (max-width: 812px) {
  .footer-sns .list-sns .item {
    padding: 0 18px;
  }
}

.footer-sns .list-sns a {
  display: block;
  width: 33px;
}

@media (min-width: 813px) {
  .footer-sns .list-sns a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .footer-sns .list-sns a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.footer-sns .list-sns a img {
  width: 100%;
}

.footer-attention {
  width: 100%;
  padding: 0 40px;
  font-size: 10px;
  background: #ffffff;
}

@media (max-width: 812px) {
  .footer-attention {
    padding: 8px;
  }
}

.footer-markList {
  display: flex;
  background: #ffffff;
  padding: 20px 40px 30px;
  align-items: center;
}

@media (max-width: 812px) {
  .footer-markList {
    padding: 8px;
    justify-content: center;
  }
}

.footer-markList li {
  width: 80px;
  margin-right: 20px;
}

.footer-markList li img {
  max-width: 100%;
}

.footer-name {
  padding: 13px;
  background-color: #cd1203;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
}

.label-regis-confirm {
  font-size: 1rem;
  position: relative;
  margin-left: 6px;
  margin-bottom: 0;
  font-weight: 600;
}

@media (min-width: 813px) {
  .label-regis-confirm {
    font-size: 1.4rem;
    margin-left: 12px;
    margin-bottom: 5px;
  }
}

.label-regis-confirm:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background: #666;
}

@media (min-width: 813px) {
  .label-regis-confirm:before {
    left: -12px;
    width: 4px;
    height: 24px;
  }
}

.lebel-ship-status {
  font-size: 1.4rem;
  line-height: 1.4;
  display: inline-block;
  width: 80px;
  text-align: center;
  background-color: #ffe074;
  padding: 4px;
}

@media (max-width: 812px) {
  .lebel-ship-status {
    font-size: 1.2rem;
  }
}

.lebel-ship-status.-complete {
  background-color: #e5e5e5;
}

.c-address-list h3 {
  font-size: 1.3rem;
  font-weight: 700;
}

@media (min-width: 813px) {
  .c-address-list h3 {
    font-size: 1.6rem;
  }
}

.c-address-list p {
  font-size: 1rem !important;
}

@media (min-width: 813px) {
  .c-address-list p {
    font-size: 1.3rem !important;
  }
}

.c-address-list ul {
  display: flex;
}

@media (min-width: 813px) {
  .c-address-list ul {
    justify-content: center;
  }
}

.c-address-list ul li a {
  border-radius: 3px;
  background: #999;
  color: #fff;
  width: 70px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}

@media (min-width: 813px) {
  .c-address-list ul li a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-address-list ul li a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (min-width: 813px) {
  .c-address-list ul li a {
    font-size: 1.4rem;
  }
}

.c-address-list ul li:not(:first-child) {
  margin-left: 8px;
}

.c-accordion {
  position: relative;
  z-index: 1;
}

.c-accordion-head {
  display: block;
  padding: 10px 15px;
  position: relative;
}

@media (min-width: 813px) {
  .c-accordion-head {
    padding: 20px 25px;
  }
  .c-accordion-head:hover {
    opacity: 0.7;
  }
}

.c-accordion-head:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%) rotate(90deg);
  width: 9px;
  height: 14px;
  background-image: url("/ec/images/common/icon_arrow_link_gray.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.c-accordion-head.-open:after {
  transform: translate(0, -50%) rotate(-90deg);
}

.c-accordion-content {
  display: none;
}

.c-accordion-content.initial-open {
  display: block;
}

@media (min-width: 813px) {
  .c-accordion.-disable-on-pc .c-accordion-head {
    pointer-events: none;
  }
  .c-accordion.-disable-on-pc .c-accordion-head:after {
    content: none;
  }
  .c-accordion.-disable-on-pc .c-accordion-content {
    display: block !important;
  }
}

.c-rating {
  margin: 0 auto;
}

.c-rating .custom-star-01 .rateit-range {
  background: url(/ec/images/common/icon_star_empty@2x.png);
  background-size: 32px;
  height: 24px;
}

.c-rating .custom-star-01 .rateit-hover {
  background: url(/ec/images/common/icon_star_full@2x.png);
  background-size: 32px;
}

.c-rating .custom-star-01 .rateit-selected {
  background: url(/ec/images/common/icon_star_full@2x.png);
  background-size: 32px;
}

.c-rating .custom-star-01 .rateit-reset {
  display: none !important;
}

.c-rating .custom-star-02 .rateit-range {
  background: url(/ec/images/common/icon_star_empty_red.png);
  height: 13px;
}

.c-rating .custom-star-02 .rateit-hover {
  background: url(/ec/images/common/icon_star_full_red.png);
}

.c-rating .custom-star-02 .rateit-selected {
  background: url(/ec/images/common/icon_star_full_red.png);
}

.c-rating .custom-star-02 .rateit-reset {
  display: none !important;
}

.c-rating .custom-star-03 .rateit-range {
  background: url(/ec/images/common/icon_star_empty_small.png);
  height: 13px;
}

.c-rating .custom-star-03 .rateit-hover {
  background: url(/ec/images/common/icon_star_full_small.png);
}

.c-rating .custom-star-03 .rateit-selected {
  background: url(/ec/images/common/icon_star_full_small.png);
}

.c-rating .custom-star-03 .rateit-reset {
  display: none !important;
}

.c-icon-status.-instock, .c-card-myproduct .detail .info .-instock.status02::before, .c-card-myproduct .detail .info .-instock.status03::before, .c-card-myproduct .detail .info .-instock.status04::before, .matrixTables_wrapper .-instock.status02::before, .matrixTables_wrapper .-instock.status03::before, .matrixTables_wrapper .-instock.status04::before {
  width: 15px;
  height: 15px;
  background-color: #4b99f7;
  border-radius: 50%;
}

.c-icon-status.-little_stock, .c-card-myproduct .detail .info .status02::before, .c-card-myproduct .detail .info .-little_stock.status03::before, .c-card-myproduct .detail .info .-little_stock.status04::before, .matrixTables_wrapper .status02::before, .matrixTables_wrapper .-little_stock.status03::before, .matrixTables_wrapper .status03.status02::before, .matrixTables_wrapper .-little_stock.status04::before, .matrixTables_wrapper .status04.status02::before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #ed3323;
}

.c-icon-status.-shipment_after_arrival, .c-card-myproduct .detail .info .-shipment_after_arrival.status02::before, .c-card-myproduct .detail .info .status03::before, .c-card-myproduct .detail .info .-shipment_after_arrival.status04::before, .matrixTables_wrapper .-shipment_after_arrival.status02::before, .matrixTables_wrapper .status02.status03::before, .matrixTables_wrapper .status03::before, .matrixTables_wrapper .-shipment_after_arrival.status04::before, .matrixTables_wrapper .status04.status03::before {
  width: 15px;
  height: 15px;
  background-color: #90fa5b;
  transform: rotate(45deg);
}

.c-icon-status.-ship_later, .c-card-myproduct .detail .info .-ship_later.status02::before, .c-card-myproduct .detail .info .-ship_later.status03::before, .c-card-myproduct .detail .info .status04::before, .matrixTables_wrapper .-ship_later.status02::before, .matrixTables_wrapper .status02.status04::before, .matrixTables_wrapper .-ship_later.status03::before, .matrixTables_wrapper .status03.status04::before, .matrixTables_wrapper .status04::before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 14px solid #f39d38;
}

.c-icon-status.-small.-instock, .c-card-myproduct .detail .info .-small.-instock.status02::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-instock.status02::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-instock.status02::before, .c-card-myproduct .detail .info .-small.-instock.status03::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-instock.status03::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-instock.status03::before, .c-card-myproduct .detail .info .-small.-instock.status04::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-instock.status04::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-instock.status04::before, .matrixTables_wrapper .-instock.status02::before, .matrixTables_wrapper .-instock.status03::before, .matrixTables_wrapper .-instock.status04::before {
  width: 10px;
  height: 10px;
}

.c-icon-status.-small.-little_stock, .c-card-myproduct .detail .info .-small.status02::before, .c-card-myproduct .detail .info .matrixTables_wrapper .status02::before, .matrixTables_wrapper .c-card-myproduct .detail .info .status02::before, .c-card-myproduct .detail .info .-small.-little_stock.status03::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-little_stock.status03::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-little_stock.status03::before, .c-card-myproduct .detail .info .-small.-little_stock.status04::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-little_stock.status04::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-little_stock.status04::before, .matrixTables_wrapper .status02::before, .matrixTables_wrapper .-little_stock.status03::before, .matrixTables_wrapper .status03.status02::before, .matrixTables_wrapper .-little_stock.status04::before, .matrixTables_wrapper .status04.status02::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #ed3323;
}

.c-icon-status.-small.-shipment_after_arrival, .c-card-myproduct .detail .info .-small.-shipment_after_arrival.status02::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-shipment_after_arrival.status02::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-shipment_after_arrival.status02::before, .c-card-myproduct .detail .info .-small.status03::before, .c-card-myproduct .detail .info .matrixTables_wrapper .status03::before, .matrixTables_wrapper .c-card-myproduct .detail .info .status03::before, .c-card-myproduct .detail .info .-small.-shipment_after_arrival.status04::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-shipment_after_arrival.status04::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-shipment_after_arrival.status04::before, .matrixTables_wrapper .-shipment_after_arrival.status02::before, .matrixTables_wrapper .status02.status03::before, .matrixTables_wrapper .status03::before, .matrixTables_wrapper .-shipment_after_arrival.status04::before, .matrixTables_wrapper .status04.status03::before {
  width: 10px;
  height: 10px;
}

.c-icon-status.-small.-ship_later, .c-card-myproduct .detail .info .-small.-ship_later.status02::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-ship_later.status02::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-ship_later.status02::before, .c-card-myproduct .detail .info .-small.-ship_later.status03::before, .c-card-myproduct .detail .info .matrixTables_wrapper .-ship_later.status03::before, .matrixTables_wrapper .c-card-myproduct .detail .info .-ship_later.status03::before, .c-card-myproduct .detail .info .-small.status04::before, .c-card-myproduct .detail .info .matrixTables_wrapper .status04::before, .matrixTables_wrapper .c-card-myproduct .detail .info .status04::before, .matrixTables_wrapper .-ship_later.status02::before, .matrixTables_wrapper .status02.status04::before, .matrixTables_wrapper .-ship_later.status03::before, .matrixTables_wrapper .status03.status04::before, .matrixTables_wrapper .status04::before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #f39d38;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Search Panel
========================================================== */
/* c-panel-search
---------------------------------------------------------- */
.c-panel-search {
  position: fixed;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  font-size: 1.4rem;
  line-height: 1.33;
  visibility: hidden;
}

.c-panel-search.-show {
  visibility: visible;
  opacity: 1;
  z-index: 100;
}

@media (min-width: 813px) {
  .c-panel-search {
   left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
  }
}

@media (max-width: 812px) {
  .c-panel-search {
    right: 0;
    z-index: 100;
    transform: translate3d(100%, 0, 0);
    background-color: #fff;
    font-size: 1.2rem;
    transition: transform 0.2s;
  }
  .c-panel-search.-show {
    transform: none;
  }
}

.c-panel-search .panel-search-inner .btn-cancel {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-image: url("/ec/images/common/icon_x.png");
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  border-radius: 5px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s;
  z-index: 100;
}

.c-panel-search .panel-search-inner .btn-cancel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

.c-panel-search .panel-search-inner .btn-cancel:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-inner .btn-cancel {
    top: -36px;
    right: -36px;
  }
}

@media (max-width: 812px) {
  .c-panel-search .panel-search-inner .btn-cancel {
    background-color: rgba(0, 0, 0, 0.1);
    top: 9px;
    right: 13px;
  }
}

.c-panel-search .panel-search-inner.is-open .btn-close {
   transform: translateX(0);
}

.c-panel-search .panel-search-inner.is-open .nav-global {
   transform: translateX(0);
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (max-width: 812px) {
  .c-panel-search .panel-search-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.c-panel-search .panel-search-module {
  position: relative;
  background-color: #fff;
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-module {
    width: 800px;
    height: 800px;
    margin: 0 auto;
  }
}

@media (max-width: 812px) {
  .c-panel-search .panel-search-module {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.c-panel-search .panel-search-head {
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 3px 3px 1px rgba(227, 227, 227, 0.7);
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
}

@media (max-width: 812px) {
  .c-panel-search .panel-search-head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: left 0.2s;
  }
}

.c-panel-search .panel-search-head.is-open .btn-close {
    transform: translateX(0);
}

.c-panel-search .panel-search-head.is-open .nav-global {
    transform: translateX(0);
}

.c-panel-search .panel-search-head.-hide {
  display: none;
}

.c-panel-search .panel-search-head .btn-back {
  position: absolute;
  z-index: 1;
  display: block;
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  background: url("/ec/images/common/icon_back_red.png") center no-repeat;
  background-size: 12px auto;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-head .btn-back {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-panel-search .panel-search-head .btn-back:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-panel-search .panel-search-head .btn-back.-hide {
  display: none;
}

.c-panel-search .panel-search-head .name {
  flex-grow: 1;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-panel-search .panel-search-content {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

.c-panel-search .panel-search-content .row {
  border-bottom: 1px solid #e6e6e6;
  /*      &:last-child {
        border-bottom: 0;
      }
*/
}

.c-panel-search .panel-search-content .row .title {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 10px;
}

.c-panel-search .panel-search-page {
  position: absolute;
  top: 50px;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  height: calc(100% - 120px);
  background-color: #fff;
  overflow-y: auto;
  padding-bottom: 40px;
}

.c-panel-search .panel-search-page.-subpage {
  padding-bottom: 0;
  transform: translateX(100%);
  visibility: hidden;
}

.c-panel-search .panel-search-page.-subpage.-active {
  position: relative;
  transform: translateX(0);
  visibility: visible;
}

.c-panel-search .panel-search-page.-subpage.-color {
  padding-bottom: 80px;
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-page {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 812px) {
  .c-panel-search .panel-search-page {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.c-panel-search .panel-search-bottom {
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0px -3px 3px 1px rgba(227, 227, 227, 0.7);
  transition: bottom 0.3s;
}

@media (min-width: 813px) {
  .c-panel-search .panel-search-bottom {
    position: absolute;
  }
}

@media (max-width: 812px) {
  .c-panel-search .panel-search-bottom {
    position: fixed;
   left: 0%;
  }	
}

.c-panel-search .panel-search-bottom .c-btn-link, .c-panel-search .panel-search-bottom .digicata_headerButton, .c-panel-search .panel-search-bottom .digicata_longButton {
  display: block;
  height: 40px;
  line-height: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.c-panel-search .panel-search-bottom .c-btn-link.-clear, .c-panel-search .panel-search-bottom .-clear.digicata_headerButton, .c-panel-search .panel-search-bottom .-clear.digicata_longButton {
  width: 110px;
}

.c-panel-search .panel-search-bottom .c-btn-link.-decide, .c-panel-search .panel-search-bottom .-decide.digicata_headerButton, .c-panel-search .panel-search-bottom .-decide.digicata_longButton {
  width: 160px;
}



.c-panel-search .box-input-search {
  display: flex;
  align-items: center;
  padding: 10px;
}

.c-panel-search .box-input-search .label {
  flex-shrink: 0;
}

.c-panel-search .box-input-search .input-box {
  flex-grow: 1;
  padding-left: 20px;
}

.c-panel-search .box-link-arrow {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 35px 16px 10px;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-panel-search .box-link-arrow {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-panel-search .box-link-arrow:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-panel-search .box-link-arrow.-category {
  padding-top: 10px;
  padding-bottom: 10px;
}

.c-panel-search .box-link-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: url("/ec/images/common/arrow_right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.c-panel-search .box-link-arrow .label {
  flex-shrink: 0;
  flex-grow: 1;
}

.c-panel-search .box-link-arrow .result {
  text-align: right;
}

.c-panel-search .box-link-arrow .result.-unspecified {
 opacity: 0.3;
}

.c-panel-search .box-link-arrow .box-icon {
  display: flex;
  align-items: center;
}

.c-panel-search .box-link-arrow .box-icon .icon {
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

@media (max-width: 812px) {
  .c-panel-search .box-link-arrow .box-icon .icon {
    width: 20px;
    height: 20px;
  }
}

.c-panel-search .box-link-arrow .box-icon .icon img {
  position: absolute;
  left: 0;
  right: 0;
  top: -100%;
  bottom: -100%;
  margin: auto 0;
  max-width: 100%;
  height: auto;
}

.c-panel-search .box-link-arrow.-selected {
  color: #e00501;
}

.c-panel-search .box-link-check {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 35px 16px 10px;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-panel-search .box-link-check {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-panel-search .box-link-check:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-panel-search .box-link-check:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/ec/images/common/icon_check_red.png") 0 0 no-repeat;
  background-size: 100% auto;
  visibility: hidden;
}

.c-panel-search .box-link-check.-selected {
  color: #e00501;
}

.c-panel-search .box-link-check.-selected:after {
  visibility: visible;
}

.c-panel-search .box-check-color
,.c-panel-search .box-check-size {
	  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 50px 16px 10px;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-panel-search .box-check-color
 ,.c-panel-search .box-check-size  {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-panel-search .box-check-color:hover
 ,.c-panel-search .box-check-size:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-panel-search .box-check-color:after
,.c-panel-search .box-check-size:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background-color: #e6e6e6;
  background-image: url("/ec/images/common/icon_check.png");
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.c-panel-search .box-check-color.-selected
,.c-panel-search .box-check-size.-selected {
  color: #e00501;
}

.c-panel-search .box-check-color.-selected:after
,.c-panel-search .box-check-size.-selected:after {
  background-color: #e00501;
}

.c-panel-search .box-color
,.c-panel-search .box-size {
  display: flex;
  align-items: center;
}

.c-panel-search .box-color .color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

.c-panel-search .box-color .color.-white {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.c-panel-search .box-color .color.-black {
  background-color: #000;
}

.c-panel-search .box-color .color.-gray {
  background-color: #999;
}

.c-panel-search .box-color .color.-blue {
  background-color: #0046f8;
}

.c-panel-search .box-color .color.-beige {
  background-color: #ecdac2;
}

.c-panel-search .box-color .color.-brown {
  background-color: #996633;
}

.c-panel-search .box-color .color.-pink {
  background-color: #feccff;
}

.c-panel-search .box-color .color.-red {
  background-color: #f50201;
}

.c-panel-search .box-color .color.-purple {
  background-color: #800080;
}

.c-panel-search .box-color .color.-yellow {
  background-color: #ffff00;
}

.c-panel-search .box-color .color.-green {
  background-color: #008000;
}

.c-panel-search .box-color .color.-silver {
  background-color: #c0c0c0;
}

.c-panel-search .box-color .color.-orange {
  background-color: #ffa500;
}

.c-panel-search .box-color .color.-gold {
  background-color: #ffd700;
}

.c-panel-search .box-color .color.-etc {
  background-color: #eaf4fc;
}

.c-panel-search .box-toggleButton-input {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
}

.c-panel-search .box-toggleButton-input .c-toggleButton {
  vertical-align: top;
  line-height: 1;
}

.c-panel-search .toggleButton-area {
  display: flex;
  justify-content: space-between;
  padding-right: 30px;
}

.c-panel-search .box-checkbox-input {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.c-panel-search .box-checkbox-input .c-checkbox {
  vertical-align: top;
  line-height: 1.7;
  width: 50%;
}

.c-panel-search .checkbox-area {
  display: flex;
}

.c-panel-search .checkbox-area .label {
  width: 20%;
}

.c-panel-search .list-keyword {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -10px;
}

.c-panel-search .list-keyword .item {
  margin: 10px 0 0 10px;
}

.c-panel-search .list-keyword .tag-keyword {
  display: inline-block;
  padding: 8px 15px;
  border-radius: 25px;
  background-color: #e5e5e5;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-panel-search .list-keyword .tag-keyword {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-panel-search .list-keyword .tag-keyword:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-panel-search .box-rageprice-input {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.c-panel-search .box-rageprice-input input {
  display: block;
  width: 100px;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
}

.c-panel-search #slider-range {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

@media (max-width: 812px) {
  .c-panel-search #slider-range {
    width: 90%;
    margin: 0 auto;
  }
}

.c-panel-search #slider-range .noUi-connects {
  top: 7px;
  height: 2px;
  background-color: #e6e6e6;
}

.c-panel-search #slider-range .noUi-connects .noUi-connect {
  background-color: #e00501;
}

.c-panel-search #slider-range .noUi-handle {
  width: 30px;
  height: 30px;
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  box-shadow: 1px 2px 3px 1px rgba(227, 227, 227, 0.7);
  outline: none;
}

.c-panel-search #slider-range .noUi-handle:before, .c-panel-search #slider-range .noUi-handle:after {
  display: none;
}

.c-panel-search .btn-more-option {
  position: relative;
  padding: 13px 10px;
  background-color: #e6e6e6;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 813px) {
  .c-panel-search .btn-more-option {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .c-panel-search .btn-more-option:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.c-panel-search .btn-more-option:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(90deg);
  margin-top: -7px;
  width: 8px;
  height: 14px;
  background: url("/ec/images/common/arrow_right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.c-panel-search .btn-more-option.-open:after {
  transform: rotate(-90deg);
}

/* list-color-selected
---------------------------------------------------------- */
.list-color-selected {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  justify-content: flex-end;
}

.list-color-selected .item {
  margin: 10px 0 0 10px;
}

.list-color-selected .color {
  margin-right: 5px !important;
}

@media (max-width: 812px) {
  .list-color-selected .color {
    width: 15px !important;
    height: 15px !important;
  }
}

.list-color-selected .text {
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .list-color-selected .text {
    font-size: 1rem;
  }
}

/* oooo
---------------------------------------------------------- */
/* oooo
---------------------------------------------------------- */
/* oooo
---------------------------------------------------------- */
/* oooo
---------------------------------------------------------- */
/* oooo
---------------------------------------------------------- */
.nav-side {
  padding: 10px 0px;
}

.nav-side.-my .heading {
  margin-bottom: 25px;
  background-color: #e6e6e6;
  padding: 11px 15px;
  font-size: 1.6rem;
}

@media (max-width: 812px) {
  .nav-side.-my .heading {
    margin-bottom: 15px;
    padding: 8px 15px;
    font-size: 1.3rem;
    text-align: left;
  }
}

.nav-side.-my .heading .text {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.nav-side.-my .heading .text .icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  background-position: left center;
  background-repeat: no-repeat;
}

.nav-side.-my .heading .text .icon.-cart {
  background-image: url("/ec/images/common/icon_cart.png");
  background-size: 20px auto;
}

.nav-side.-my .heading .text .icon.-user {
  background-image: url("/ec/images/common/icon_user.png");
  background-size: 20px auto;
}

.nav-side.-my .heading .text .icon.-mail {
  background-image: url("/ec/images/common/icon_mail.png");
  background-size: 20px auto;
}

.nav-side.-my .heading .text .icon.-quit {
  background-image: url("/ec/images/common/icon_quit.png");
  background-size: 20px auto;
}

.nav-side .heading {
  margin-bottom: 18px;
  font-size: 1.4rem;
  font-weight: bold;
}

.nav-side .title {
  padding: 7px 10px;
  background-color: #e6e6e6;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
}

.nav-side .forCatalogUser {
  font-size: 1.8rem;
  line-height: 1.4;
}

.nav-side .forCatalogUser_button {
  position: relative;
  display: block;
  height: 3em;
  padding-left: 1em;
  background: #efefef;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  opacity: 1;
  transition: opacity 0.2s ease 0s;
}

.nav-side .forCatalogUser_button:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease 0s;
}

.nav-side .forCatalogUser_button:nth-of-type(n + 2) {
  margin-top: 2px;
}

.nav-side .forCatalogUser_button .redArrow {
  position: absolute;
  display: block;
  border-left: 2px solid #e00501;
  border-bottom: 2px solid #e00501;
  width: .6em;
  height: .6em;
  right: 1em;
  transform: rotate(-135deg);
}

.nav-side .cm {
  width: 100%;
  vertical-align: middle;
  opacity: 1;
  transition: opacity 0.2s ease 0s;
}

.nav-side .cm img {
  width: 100%;
}

.nav-side .cm:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease 0s;
}

.nav-side .cm .play {
  display: inline-block;
  color: #ffffff;
  background-color: #e00501;
  font-size: 0.9em;
  vertical-align: middle;
  width: 4.4em;
  margin-left: 1em;
  line-height: 1.4;
  text-align: center;
}

/* ==========================================================
 pages
========================================================== */
/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Top
========================================================== */
/* bnr-campaign
---------------------------------------------------------- */
.bnr-campaign a {
  display: block;
  background-color: #ffd400;
  text-align: center;
}

@media (min-width: 813px) {
  .bnr-campaign a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .bnr-campaign a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.bnr-campaign a img {
  max-width: 100%;
}

.bnr-campaign + .header {
  position: relative;
}

/* top-bnr
---------------------------------------------------------- */
.top-campaign-bnr {
  width: 100%;
}

.top-campaign-bnr a {
  display: block;
  max-width: 950px;
  text-align: center;
  margin: 0 auto;
}

@media (min-width: 813px) {
  .top-campaign-bnr a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .top-campaign-bnr a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.top-campaign-bnr a img {
  max-width: 100%;
}

/* top-bnr
---------------------------------------------------------- */
.top-bnrs-container {
  width: 100%;
  max-width: 950px;
  padding: 5px 0;
}

.top-bnrs-container a {
  display: block;
  text-align: center;
}

@media (min-width: 813px) {
  .top-bnrs-container a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .top-bnrs-container a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.top-bnrs-container a img {
  max-width: 100%;
}

/* top-mainvisual-pc
---------------------------------------------------------- */
.top-mainvisual-pc {
  height: 600px;
  visibility: hidden;
  margin-bottom: 20px;
  background-color: #fff;
}

.top-mainvisual-pc .slider-main {
  position: relative;
}

.top-mainvisual-pc .slider-main .slider {
  position: relative;
  overflow: hidden;
  padding: 0 calc((100% - 1200px) / 2);
  margin-left: -2px;
  max-height: 600px;
}

.top-mainvisual-pc .slider-main .slider:before, .top-mainvisual-pc .slider-main .slider:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: calc((100% - 1200px) / 2);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.top-mainvisual-pc .slider-main .slider:before {
  left: -2px;
}

.top-mainvisual-pc .slider-main .slider:after {
  right: 0;
}

.top-mainvisual-pc .slider-main .slider .item {
  position: relative;
  outline: none;
  padding-left: 2px;
}

.top-mainvisual-pc .slider-main .slider a {
  display: block;
  outline: none;
}

.top-mainvisual-pc .slider-main .slider .owl-stage-outer {
  margin-left: -2px;
  overflow: visible;
}

.top-mainvisual-pc .slider-main .slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.top-mainvisual-pc .slider-main .slider .owl-nav button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 0.3s;
}

.top-mainvisual-pc .slider-main .slider .owl-nav button:hover:before {
  opacity: 1;
}

.top-mainvisual-pc .slider-main .slider .owl-nav button.owl-prev {
  left: calc((100% - 1200px) / 2 - 4.7%);
  background-image: url("/ec/images/top/btn_slider_prev.png");
}

@media screen and (max-width: 1330px) {
  .top-mainvisual-pc .slider-main .slider .owl-nav button.owl-prev {
    left: 0;
  }
}

.top-mainvisual-pc .slider-main .slider .owl-nav button.owl-next {
  right: calc((100% - 1200px) / 2 - 4.7%);
  background-image: url("/ec/images/top/btn_slider_next.png");
}

@media screen and (max-width: 1330px) {
  .top-mainvisual-pc .slider-main .slider .owl-nav button.owl-next {
    right: 0;
  }
}

.top-mainvisual-pc .slider-main .slider .owl-dots {
  position: absolute;
  bottom: 25px;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  width: 100%;
}

.top-mainvisual-pc .slider-main .slider .owl-dots .owl-dot {
  margin-left: 16px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.top-mainvisual-pc .slider-main .slider .owl-dots .owl-dot:first-child {
  margin-left: 0;
}

.top-mainvisual-pc .slider-main .slider .owl-dots .owl-dot span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
}

.top-mainvisual-pc .slider-main .slider .owl-dots .owl-dot.active span {
  background-color: #e00501;
}

.categoryTop-mainvisual-pc {
  width: 100%;
}

.categoryTop-mainvisual-pc img {
  width: 100%;
}

/* top-mainvisual-sp
---------------------------------------------------------- */
.top-mainvisual-sp, .categoryTop-mainvisual-sp {
  height: 400px;
  visibility: hidden;
  margin-bottom: 10px;
  background-color: #fff;
}

.top-mainvisual-sp .slider-main, .categoryTop-mainvisual-sp .slider-main {
  position: relative;
}

.top-mainvisual-sp .slider-main .slider, .categoryTop-mainvisual-sp .slider-main .slider {
  position: relative;
  overflow: hidden;
}

.top-mainvisual-sp .slider-main .slider .item, .categoryTop-mainvisual-sp .slider-main .slider .item {
  position: relative;
  outline: none;
}

.top-mainvisual-sp .slider-main .slider a, .categoryTop-mainvisual-sp .slider-main .slider a {
  display: block;
  outline: none;
}

.top-mainvisual-sp .slider-main .slider img, .categoryTop-mainvisual-sp .slider-main .slider img {
  width: 100%;
}

.top-mainvisual-sp .slider-nav, .categoryTop-mainvisual-sp .slider-nav {
  position: relative;
  padding: 8px 20px 8px 2px;
  overflow: hidden;
}

.top-mainvisual-sp .slider-nav .slider, .categoryTop-mainvisual-sp .slider-nav .slider {
  position: relative;
}

.top-mainvisual-sp .slider-nav .slider .item, .categoryTop-mainvisual-sp .slider-nav .slider .item {
  position: relative;
  outline: none;
  border: 2px solid transparent;
  border-radius: 3px;
  margin-left: 5px;
}

.top-mainvisual-sp .slider-nav .slider .item.selected, .categoryTop-mainvisual-sp .slider-nav .slider .item.selected {
  border-color: #e00501;
}

.top-mainvisual-sp .slider-nav .slider a, .categoryTop-mainvisual-sp .slider-nav .slider a {
  display: block;
  outline: none;
}

.top-mainvisual-sp .slider-nav .slider img, .categoryTop-mainvisual-sp .slider-nav .slider img {
  width: 100%;
}

.top-mainvisual-sp .slider-nav .slider .owl-stage-outer, .categoryTop-mainvisual-sp .slider-nav .slider .owl-stage-outer {
  overflow: visible;
}

.categoryTop-mainvisual-sp {
  height: auto;
  visibility: visible;
  background-color: #e6e6e6;
  margin-bottom: 0;
}

.categoryTop-mainvisual-sp .item {
  text-align: center;
}

.categoryTop-mainvisual-sp .item img {
  width: 100%;
}

/* box-txt-intro
---------------------------------------------------------- */
.box-txt-intro {
  padding: 20px 15px 15px;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
}

@media (min-width: 813px) {
  .box-txt-intro {
    background-color: #f4f4f4;
  }
}

@media (max-width: 812px) {
  .box-txt-intro {
    background-color: #fff;
    text-align: left;
  }
}

.box-txt-intro a {
  display: inline-block;
  text-decoration: underline;
}

.box-txt-intro a:hover {
  text-decoration: none;
}

@media (max-width: 812px) {
  .box-txt-intro a {
    font-size: 1rem;
  }
}

/* nav-category
---------------------------------------------------------- */
.nav-category {
  background-color: #fff;
  transition: transform 0.4s;

}

.nav-category.-fixed {
  position: fixed;
  left: 0;
  z-index: 98;
  width: 100%;
}

.nav-category.-fixed.-hide {
  transform: translateY(-100%);
}

@media (min-width: 813px) {
  .nav-category {
    padding: 10px;
  }
}

.list-category {
  display: flex;
}

.list-category .item {
  width: 20%;
}

.list-category a {
  display: block;
  padding: 6px;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
}

@media (min-width: 813px) {
  .list-category a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .list-category a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .list-category a {
    padding: 12px 5px 10px;
    font-size: 1rem;
  }
}

.list-category a .icon {
  display: inline-block;
  margin-right: 5px;
  background-size: 100% auto;
  background-position: left center;
  background-repeat: no-repeat;
}

@media (max-width: 812px) {
  .list-category a .icon {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.list-category a .icon.-women {
  width: 10px;
  background-image: url("/ec/images/top/women_shoes.png");
}

@media (max-width: 812px) {
  .list-category a .icon.-women {
    width: 8px;
  }
}

.list-category a .icon.-men {
  width: 8px;
  background-image: url("/ec/images/top/men_shoes.png");
}

@media (max-width: 812px) {
  .list-category a .icon.-men {
    width: 6px;
  }
}

.list-category a .icon.-sport {
  width: 12px;
  background-image: url("/ec/images/top/sport_shoes.png");
}

@media (max-width: 812px) {
  .list-category a .icon.-sport {
    width: 10px;
  }
}

.list-category a .icon.-school {
  width: 20px;
  background-image: url("/ec/images/top/school_shoes.png");
}

@media (max-width: 812px) {
  .list-category a .icon.-school {
    width: 16px;
  }
}

.list-category a .icon.-house {
  width: 18px;
  background-image: url("/ec/images/top/house.png");
}

@media (max-width: 812px) {
  .list-category a .icon.-house {
    width: 14px;
  }
}

@media (max-width: 812px) {
  .list-category a .text {
    display: block;
  }
}

.list-category a.is-current {
  background-color: #cc1102;
  color: #fff;
}

.list-category a.is-current .icon.-women {
  background-image: url("/ec/images/top/women_shoes_on.png");
}

.list-category a.is-current .icon.-men {
  background-image: url("/ec/images/top/men_shoes_on.png");
}

.list-category a.is-current .icon.-sport {
  background-image: url("/ec/images/top/sport_shoes_on.png");
}

.list-category a.is-current .icon.-school {
  background-image: url("/ec/images/top/school_shoes_on.png");
}

.list-category a.is-current .icon.-house {
  background-image: url("/ec/images/top/house_on.png");
}

/* nav-tab-cate
---------------------------------------------------------- */
.nav-tab-cate {
  margin-bottom: 50px;
}

@media (max-width: 812px) {
  .nav-tab-cate {
    margin-bottom: 20px;
  }
}

.nav-tab-cate .list-nav {
  display: flex;
  margin: 0 -1px;
}

@media (max-width: 812px) {
  .nav-tab-cate .list-nav {
    margin: 0 -10px;
  }
}

.nav-tab-cate .list-nav .item {
  flex: 1;
  padding: 0 1px;
}

@media (max-width: 812px) {
  .nav-tab-cate .list-nav .item {
    padding: 0;
    border-right: 1px solid #fff;
  }
}

.nav-tab-cate .list-nav a {
  display: block;
  padding: 9px;
  background-color: #e6e6e6;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}

@media (min-width: 813px) {
  .nav-tab-cate .list-nav a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .nav-tab-cate .list-nav a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.nav-tab-cate .list-nav a.is-active {
  background-color: #e00501;
  color: #fff;
}

.nav-tab-cate .list-nav a.is-active:hover {
  opacity: 1;
}

@media (max-width: 812px) {
  .nav-tab-cate .list-nav a {
    padding: 11px 2px;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
  }
}

/* list-bnr-recommend
---------------------------------------------------------- */
.list-bnr-recommend {
  overflow: hidden;
  margin-top: -38px;
}

@media (min-width: 813px) {
  .list-bnr-recommend {
    width: 950px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 812px) {
  .list-bnr-recommend {
    margin: -10px -10px 0;
  }
}

.list-bnr-recommend .item {
  float: left;
  margin-top: 38px;
  margin-left: 40px;
}

@media (min-width: 813px) {
  .list-bnr-recommend .item {
    width: 208px;
  }
  .list-bnr-recommend .item:first-child {
    width: 454px;
    margin-left: 0;
  }
}

@media (max-width: 812px) {
  .list-bnr-recommend .item {
    width: 50%;
    margin-top: 10px;
    margin-left: 0;
    padding: 0 10px;
  }
  .list-bnr-recommend .item:nth-child(5) {
    display: none;
  }
}

.list-bnr-recommend a {
  display: block;
}

@media (min-width: 813px) {
  .list-bnr-recommend a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .list-bnr-recommend a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.list-bnr-recommend a img {
  width: 100%;
}

/* nav-login
---------------------------------------------------------- */
.nav-login {
  background-color: #fff;
  margin-bottom: 10px;
}

.nav-login .list-nav {
  display: flex;
}

.nav-login .list-nav .item {
  width: 33.33%;
  padding: 10px 0;
}

.nav-login .list-nav .item:last-child a {
  border-right: 0;
}

.nav-login .list-nav a {
  display: block;
  padding: 5px;
  border-right: 1px solid #e6e6e6;
  font-size: 1.2rem;
  text-align: center;
}

.nav-info {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.nav-info_icon {
  display: block;
  width: 32px;
  margin-right: 12px;
}

.nav-info_icon img {
  width: 100%;
}

/* sec-instagram
---------------------------------------------------------- */
.sec-instagram .heading {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

/* list-ranking
---------------------------------------------------------- */
@media (max-width: 812px) {
  .list-ranking > .item:nth-child(n + 7) {
    display: none;
  }
}

/* jsEllipsisThreeLine
---------------------------------------------------------- */
.jsEllipsisTwoLine {
  overflow: hidden;
  max-height: 60px;
  width: 100%;
}

@media (max-width: 812px) {
  .jsEllipsisTwoLine {
    max-height: 34px;
  }
}

.jsEllipsisThreeLine {
  overflow: hidden;
  width: 100%;
  max-height: 90px;
  font-size: 1.6rem !important;
}

@media (max-width: 812px) {
  .jsEllipsisThreeLine {
    max-height: 60px;
    font-size: 1.2rem !important;
  }
}

.list-insta {
  overflow: hidden;
  margin-top: -38px;
}

@media (min-width: 813px) {
  .list-insta {
    width: 950px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 812px) {
  .list-insta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    justify-content: space-between;
  }
}

.list-insta_item {
  float: left;
  margin-top: 38px;
  margin-left: 40px;
}

.list-insta_item a {
  display: block;
  width: 100%;
}

.list-insta_item img {
  width: 100%;
}

@media (min-width: 813px) {
  .list-insta_item {
    width: 208px;
  }
  .list-insta_item:first-child {
    width: 454px;
    margin-left: 0;
  }
}

@media (max-width: 812px) {
  .list-insta_item {
    float: none;
    margin: 0;
    width: calc(33.333% - 2px);
  }
  .list-insta_item:nth-of-type(n + 4) {
    margin-top: 4px;
  }
}

.attention {
  text-align: center;
}

.attention_title {
  display: inline-block;
  margin-right: 2em;
  font-size: 2rem;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding: 0 0.5em;
  vertical-align: middle;
}

@media (max-width: 812px) {
  .attention_title {
    font-size: 1.6rem;
    margin-right: 1em;
  }
}

.attention-list {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 2;
}

@media (max-width: 812px) {
  .attention-list {
    line-height: 1.6;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Formpage
========================================================== */
/* main-form
---------------------------------------------------------- */
.main-form {
  position: relative;
  background-color: #fff;
  padding-bottom: 40px;
}

@media (max-width: 812px) {
  .main-form {
    padding-bottom: 30px;
    box-shadow: 0px 2px 2px 1px #d6d6d6;
  }
}

.main-form + .main-form {
  margin-top: 20px;
}

@media (max-width: 812px) {
  .main-form + .main-form {
    margin-top: 15px;
  }
}

@media (min-width: 813px) {
  .main-form .container, .main-form .l-2clm_container {
    width: 830px;
  }
}

@media (max-width: 812px) {
  .main-form .container .inner, .main-form .l-2clm_container .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.main-form .heading {
  margin-bottom: 25px;
  background-color: #e6e6e6;
  padding: 11px 15px;
  font-size: 1.8rem;
}

@media (max-width: 812px) {
  .main-form .heading {
    margin-bottom: 15px;
    padding: 8px 15px;
    font-size: 1.3rem;
    text-align: left;
  }
}

.main-form .heading .text {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.main-form .heading .text .icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  background-position: left center;
  background-repeat: no-repeat;
}

.main-form .heading .text .icon.-cart {
  background-image: url("/ec/images/common/icon_cart.png");
  background-size: 20px auto;
}

.main-form .heading .text .icon.-user {
  background-image: url("/ec/images/common/icon_user.png");
  background-size: 20px auto;
}

.main-form .heading .text .icon.-mail {
  background-image: url("/ec/images/common/icon_mail.png");
  background-size: 20px auto;
}

.main-form .heading .text .icon.-quit {
  background-image: url("/ec/images/common/icon_quit.png");
  background-size: 20px auto;
}

.main-form.-complete p {
  margin-bottom: 35px;
  font-size: 1.8rem;
  line-height: 1.7;
}

.main-form.-complete p:last-child {
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .main-form.-complete p {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}

.main-form.-no-shadow {
  box-shadow: none;
}

/* nav-form
---------------------------------------------------------- */
.nav-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 35px;
}

@media (min-width: 813px) {
  .nav-form {
    background-color: #fff;
  }
}

@media (max-width: 812px) {
  .nav-form {
    padding: 20px 10px 30px;
    background-color: transparent;
  }
}

.nav-form .item {
  margin-bottom: 25px;
}

@media (max-width: 812px) {
  .nav-form .item {
    width: 100%;
    margin-bottom: 20px;
  }
}

.nav-form .item:last-child {
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .nav-form .c-btn-link, .nav-form .digicata_headerButton, .nav-form .digicata_longButton {
    width: 100%;
  }
}

/* sec-form-step
---------------------------------------------------------- */
.sec-form-step {
  padding-top: 80px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 812px) {
  .sec-form-step {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}

/* list-form-step
---------------------------------------------------------- */
.list-form-step {
  display: flex;
  justify-content: center;
}

.list-form-step .item {
  position: relative;
  width: 150px;
  padding: 0 10px;
}

@media (max-width: 812px) {
  .list-form-step .item {
    width: 75px;
    padding: 0 5px;
  }
}

.list-form-step .item:before, .list-form-step .item:after {
  content: "";
  position: absolute;
  top: 18px;
  width: 50%;
  height: 4px;
  background-color: #666;
}

@media (max-width: 812px) {
  .list-form-step .item:before, .list-form-step .item:after {
    top: 9px;
    height: 2px;
  }
}

.list-form-step .item:before {
  left: 0;
}

.list-form-step .item:after {
  right: 0;
}

.list-form-step .item:first-child:before {
  display: none;
}

.list-form-step .item:last-child:after {
  display: none;
}

.list-form-step .item.is-current .circle {
  background-color: #fff;
}

.list-form-step .item.is-current .circle:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #e00501;
}

@media (max-width: 812px) {
  .list-form-step .item.is-current .circle:before {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
  }
}

.list-form-step .circle {
  position: relative;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 15px;
  background-color: #e6e6e6;
  border: 4px solid #666;
  border-radius: 50%;
}

@media (max-width: 812px) {
  .list-form-step .circle {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    border-width: 2px;
  }
}

.list-form-step .text {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.33;
  text-align: center;
}

@media (max-width: 812px) {
  .list-form-step .text {
    font-size: 1rem;
  }
}

/* box-term
---------------------------------------------------------- */
.box-term {
  height: 210px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fafafa;
  overflow-y: auto;
}

@media (max-width: 812px) {
  .box-term {
    height: 150px;
  }
}

.box-term .wrap {
  padding: 10px;
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .box-term .wrap {
    font-size: 1rem;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Shopping
========================================================== */
/* sec-shopping-thank
---------------------------------------------------------- */
.sec-shopping-thank {
  padding-top: 100px;
  padding-bottom: 70px;
}

@media (max-width: 812px) {
  .sec-shopping-thank {
    padding-top: 25px;
    padding-bottom: 45px;
  }
}

.sec-shopping-thank p {
  margin-bottom: 30px;
  text-align: center;
  line-height: 2.3;
}

@media (max-width: 812px) {
  .sec-shopping-thank p {
    margin-bottom: 10px;
    line-height: 1.6;
  }
}

/* bnr-shopping
---------------------------------------------------------- */
.bnr-shopping {
  text-align: center;
}

.bnr-shopping a {
  display: inline-block;
}

@media (min-width: 813px) {
  .bnr-shopping a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .bnr-shopping a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.bnr-shopping img {
  max-width: 100%;
}

/* box-search-price
---------------------------------------------------------- */
.box-search-price {
  padding: 30px;
  margin-bottom: 40px;
  background-color: #e5e5e5;
}

@media (max-width: 812px) {
  .box-search-price {
    padding: 15px;
    margin-bottom: 25px;
  }
}

.box-search-price .btn-price {
  position: relative;
  display: block;
}

.box-search-price .btn-price input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.box-search-price .btn-price .btn {
  display: block;
  padding: 15px;
  border: 1px solid #333;
  background-color: #fff;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 813px) {
  .box-search-price .btn-price .btn {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .box-search-price .btn-price .btn:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .box-search-price .btn-price .btn {
    padding: 10px 5px;
    font-size: 1.2rem;
  }
}

.box-search-price .btn-price input[type="radio"]:checked + .btn {
  background-color: #333;
  color: #fff;
}

.box-search-price .btn-price input[type="radio"]:checked + .btn:hover {
  opacity: 1;
}

.box-order-detail {
  overflow: hidden;
}

@media (max-width: 812px) {
  .box-order-detail {
    font-size: 1.1rem;
  }
}

.box-order-detail dt {
  float: left;
  width: 130px;
  font-weight: bold;
}

@media (max-width: 812px) {
  .box-order-detail dt {
    width: 70px;
  }
}

.box-order-detail dd {
  overflow: hidden;
}

/* box-cardcom-input
---------------------------------------------------------- */
.box-cardcom-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}
@media (max-width: 812px) {
  .box-cardcom-input {
    margin: 0 -8px;
  }
}

.box-cardcom-input .col {
  position: relative;
  padding: 0 12px;
}

@media (max-width: 812px) {
  .box-cardcom-input .col {
    padding: 0 8px;
  }
}

.box-cardcom-input .select-box {
  width: 240px;
}

@media (max-width: 812px) {
  .box-cardcom-input .select-box {
    width: 200px;
  }
}

.box-cardcom-input.-error .col .select-box select {
  -webkit-appearance: none;
  background: url(/ec/images/common/icon_arrow_down.png) #ffe5e5 no-repeat;
  background-size: 15px 10px;
  background-position: center right 10px;
}
@media (max-width: 812px) {
  .box-cardcom-input.-error .col .select-box select {
    padding-left: 5px;
    background-size: 10px 6px;
    background-position: center right 5px;
  }
}

/* box-cardnumber-input
---------------------------------------------------------- */
.box-cardnumber-input, .box-postcode-input {
  display: flex;
  margin: 0 -12px;
}

@media (max-width: 812px) {
  .box-cardnumber-input, .box-postcode-input {
    margin: 0 -8px;
  }
}

.box-cardnumber-input .col, .box-postcode-input .col {
  position: relative;
  padding: 0 12px;
}

@media (max-width: 812px) {
  .box-cardnumber-input .col, .box-postcode-input .col {
    padding: 0 8px;
  }
}

.box-cardnumber-input .col:after, .box-postcode-input .col:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  width: 12px;
  height: 1px;
  background-color: #e6e6e6;
}

@media (max-width: 812px) {
  .box-cardnumber-input .col:after, .box-postcode-input .col:after {
    right: -3px;
    width: 6px;
  }
}

.box-cardnumber-input .col:last-child:after, .box-postcode-input .col:last-child:after {
  display: none;
}


.box-cardnumber-input span {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  width: 12px;
  height: 1px;
  background-color: #e6e6e6;
}

@media (max-width: 812px) {
  .box-cardnumber-input span {
    right: -3px;
    width: 6px;
  }
}

.box-cardnumber-input .col input, .box-postcode-input .col input {
  width: 110px;
}

@media (max-width: 812px) {
  .box-cardnumber-input .col input, .box-postcode-input .col input {
    width: 55px;
  }
}

.box-cardnumber-input .col input.longInput {
  width: 140px;
}

@media (max-width: 812px) {
  .box-cardnumber-input .col input.longInput {
    width: 80px;
  }
}

/* box-postcode-input
---------------------------------------------------------- */
.box-postcode-input .col:nth-child(2) input {
  width: calc(110px * 1.3);
}

@media (max-width: 812px) {
  .box-postcode-input .col:nth-child(2) input {
    width: calc(55px * 1.3);
  }
}

/* box-zipcode-input
2019/10/15 カード番号から分離
---------------------------------------------------------- */
.box-zipcode-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

@media (max-width: 812px) {
  .box-zipcode-input {
    margin: 0 -8px;
  }
}

.box-zipcode-input .col {
  position: relative;
  padding: 0 12px;
}

@media (max-width: 812px) {
  .box-zipcode-input .col {
    padding: 0 8px;
  }
}

.box-zipcode-input .col:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  width: 12px;
  height: 1px;
  background-color: #e6e6e6;
}

@media (max-width: 812px) {
  .box-zipcode-input .col:after {
    right: -3px;
    width: 6px;
  }
}

.box-zipcode-input .col:last-child:after {
  display: none;
}

.box-zipcode-input .col input {
  width: 110px;
}

@media (max-width: 812px) {
  .box-zipcode-input .col input {
    width: 55px;
  }
}

/* box-expiration-input
---------------------------------------------------------- */
.box-expiration-input {
  display: flex;
  margin: 0 -12px;
}

@media (max-width: 812px) {
  .box-expiration-input {
    margin: 0 -6px;
  }
}

.box-expiration-input .col {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 12px;
}

@media (max-width: 812px) {
  .box-expiration-input .col {
    padding: 0 8px;
  }
}

.box-expiration-input .col .select-box {
  width: 110px;
}

@media (max-width: 812px) {
  .box-expiration-input .col .select-box {
    width: 55px;
  }
}

.box-expiration-input .col .select-box select {
  width: 100%;
}

.box-expiration-input.-error .col .select-box select {
  -webkit-appearance: none;
  background: url(/ec/images/common/icon_arrow_down.png) #ffe5e5 no-repeat;
  background-size: 15px 10px;
  background-position: center right 10px;
}
@media (max-width: 812px) {
  .box-expiration-input.-error .col .select-box select {
    padding-left: 5px;
    background-size: 10px 6px;
    background-position: center right 5px;
  }
}

.c-address-radio-accd .c-address-list {
  display: none;
}

.list-catalog-order {
  counter-reset: order-counter;
}

.list-catalog-order .item {
  margin-bottom: 20px;
  counter-increment: order-counter;
}

.list-catalog-order .item h3 {
  position: relative;
}

.list-catalog-order .item h3:before {
  content: "No. " counter(order-counter) " ";
}

/* ==========================================================
 My
========================================================== */
/* list-my
---------------------------------------------------------- */
.list-my {
  margin-bottom: 40px;
}

.list-my:last-child {
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .list-my {
    margin-bottom: 30px;
  }
}

.list-my .item {
  border-bottom: 1px solid #e6e6e6;
}

.list-my a {
  position: relative;
  display: block;
  padding: 12px 10px;
}

@media (min-width: 813px) {
  .list-my a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .list-my a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.list-my a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: url("/ec/images/common/arrow_right.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (max-width: 812px) {
  .list-my a {
    font-size: 1.3rem;
  }
}

/* oooo
---------------------------------------------------------- */
.container-purchase-history .c-accordion:last-of-type .c-accordion-content {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 40px;
}

/* bnr-catalog
---------------------------------------------------------- */
.bnr-catalog {
  width: 100%;
}

@media (max-width: 812px) {
  .bnr-catalog {
    width: 32%;
  }
}

.bnr-catalog img {
  max-width: 100%;
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Search
========================================================== */
/* box-review
---------------------------------------------------------- */
.box-review {
  padding: 30px 10px 40px;
  border-bottom: 1px solid #e6e6e6;
}

.box-review:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

@media (max-width: 812px) {
  .box-review {
    padding: 15px 10px 20px;
  }
}

.box-review .text {
  margin-bottom: 10px;
}

.box-review .text:last-child {
  margin-bottom: 0;
}

.box-review .table-detail {
  padding: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background-color: #fafafa;
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .box-review .table-detail {
    padding: 10px;
    font-size: 1rem;
  }
}

.box-review .table-detail .row {
  display: flex;
}

.box-review .table-detail .label {
  width: 160px;
  flex-shrink: 0;
}

.box-review .table-detail .detail {
  width: 70%;
  flex-grow: 1;
}

.box-review .btn-see-table {
  display: inline-block;
  position: relative;
  padding: 5px 25px 5px 15px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}

@media (min-width: 813px) {
  .box-review .btn-see-table {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .box-review .btn-see-table:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.box-review .btn-see-table:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) rotate(0);
  width: 11px;
  height: 7px;
  background: url("/ec/images/common/icon_arrow_down.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (max-width: 812px) {
  .box-review .btn-see-table {
    font-size: 1rem;
  }
}

.box-review .btn-see-table.-close:after {
   transform: translateY(-50%) rotate(180deg);
}

.box-review .btn-see-table.-hide {
  display: none;
}

/* heading-search
---------------------------------------------------------- */
.heading-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 812px) {
  .heading-search {
    padding: 5px 0;
  }
}

/* layout-search-itemlist
---------------------------------------------------------- */
@media (min-width: 813px) {
  .layout-search-itemlist {
    display: flex;
    justify-content: space-between;
  }
  .layout-search-itemlist .nav-side {
    width: 240px;
  }
  .layout-search-itemlist .main {
    width: 900px;
  }
}

.layout-search-itemlist .nav-side .heading {
  background-color: #e6e6e6;
  padding: 6px 12px;
}

/* select-cate
---------------------------------------------------------- */
.select-cate select {
  height: 40px;
  padding-left: 10px;
  background-position: right 10px center;
}

/* product-detail
---------------------------------------------------------- */
.product-detail {
  overflow: hidden;
  margin-bottom: 20px;
}

@media (min-width: 813px) {
  .product-detail {
    padding-bottom: 80px;
    background-color: #fff;
  }
}

@media (max-width: 812px) {
  .product-detail .box-name {
    background-color: #e6e6e6;
  }
}

/* slider-product
---------------------------------------------------------- */
.slider-product {
  height: 500px;
  visibility: hidden;
}

@media (min-width: 813px) {
  .slider-product {
    max-width: 600px;
  }
}

/* slider-product-main
---------------------------------------------------------- */
.slider-product-main {
  position: relative;
  overflow: hidden;
}

@media (max-width: 812px) {
  .slider-product-main {
    padding-right: 8.5%;
    padding-left: 8.5%;
  }
}

.slider-product-main .slider {
  display: flex;
  position: relative;
  padding-bottom: 10px;
}

.slider-product-main .slider .item {
  position: relative;
  outline: none;
}

@media (max-width: 812px) {
  .slider-product-main .slider .item {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
  }
}

.slider-product-main .slider a {
  display: block;
  outline: none;
  box-shadow: 0px 3px 3px 1px rgba(227, 227, 227, 0.7);
}

.slider-product-main .slider img {
  width: 100%;
}

.slider-product-main .btn-fav {
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  width: 62px;
  height: 62px;
  background-image: url("/ec/images/common/btn_fav_off.png");
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media (max-width: 812px) {
  .slider-product-main .btn-fav {
    width: 40px;
    height: 40px;
    right: calc(9% + 10px);
  }
}

.slider-product-main .btn-fav.is-active {
  background-image: url("/ec/images/common/btn_fav_on.png");
}

.slider-product-main .owl-stage-outer {
  overflow: visible;
}

.slider-product-main .owl-nav button {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  width: 30px;
  height: 80px;
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  text-indent: -9999px;
}

.slider-product-main .owl-nav button.owl-prev {
  left: 0;
  background-image: url("/ec/images/common/btn_slider_prev_narrow.png")!important;
}

.slider-product-main .owl-nav button.owl-next {
  right: 0;
  background-image: url("/ec/images/common/btn_slider_next_narrow.png")!important;
}

.slider-product-main .owl-nav button.disabled {
  z-index: 0;
  visibility: hidden;
}

/* modal-slider-product
---------------------------------------------------------- */
.modal-slider-product {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.3s;
}

.modal-slider-product.is-show {
  visibility: visible;
  opacity: 1;
  z-index: 99;
}

.modal-slider-product .modal-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 812px) {
  .modal-slider-product .modal-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.modal-slider-product .modal-cont {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 813px) {
  .modal-slider-product .modal-cont {
    width: 800px;
  }
}

.modal-slider-product .modal-cont .btn-close {
  position: absolute;
  top: -50px;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  background: url("/ec/images/common/icon_close_popup.png") right 10px center no-repeat;
  background-size: 15px;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
}

.modal-slider-product .slider {
  display: flex;
}

@media (max-width: 812px) {
  .modal-slider-product .slider {
    width: 100%;
  }
}

.modal-slider-product .slider .item {
  outline: none;
}

.modal-slider-product .slider .item img {
  width: 100%;
}

.modal-slider-product .bottom-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.modal-slider-product .owl-nav button {
  position: absolute;
  bottom: -60px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.modal-slider-product .owl-nav button span {
  display: block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
  background-size: 15px auto;
  background-repeat: no-repeat !important;
}

.modal-slider-product .owl-nav button.owl-prev {
  left: 0;
}

.modal-slider-product .owl-nav button.owl-prev span {
  left: 0;
  background-image: url("/ec/images/common/icon_prev_slider_popup.png");
  background-position: left 15px center;
}

.modal-slider-product .owl-nav button.owl-next {
  right: 0;
}

.modal-slider-product .owl-nav button.owl-next span {
  background-image: url("/ec/images/common/icon_next_slider_popup.png");
  background-position: right 15px center;
}

.modal-slider-product .owl-nav button.disabled {
  visibility: hidden;
}

.modal-slider-product .slider-number {
  color: #fff;
  text-align: center;
}

/* slider-product-nav
---------------------------------------------------------- */
.slider-product-nav {
  overflow: hidden;
}

@media (max-width: 812px) {
  .slider-product-nav {
    padding-right: 8%;
    padding-left: 8%;
  }
}

.slider-product-nav .slider {
  display: flex;
  margin: 0 -2px;
}

@media (min-width: 813px) {
  .slider-product-nav .slider {
    width: auto;
    margin-top: -4px;
    flex-wrap: wrap;
  }
}

@media (max-width: 812px) {
  .slider-product-nav .slider {
    margin: 0 -5px;
  }
}

.slider-product-nav .slider .item {
  padding: 0 2px;
  outline: none;
}

@media (min-width: 813px) {
  .slider-product-nav .slider .item {
    float: left;
   margin-top: 4px;
  }
}

@media (max-width: 812px) {
  .slider-product-nav .slider .item {
    padding: 0;
  }
}

.slider-product-nav .slider .item.selected a {
  border: 2px solid #e00501;
}

.slider-product-nav .slider a {
  display: block;
  width: 71px;
  border: 2px solid transparent;
  outline: none;
}

@media (min-width: 813px) {
  .slider-product-nav .slider a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .slider-product-nav .slider a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .slider-product-nav .slider a {
    width: 100%;
    border-width: 1px;
  }
}

.slider-product-nav .slider a img {
  width: 100%;
}

.slider-product-nav .slider .owl-stage-outer {
  overflow: visible;
}

/* sec-product-catchcopy
---------------------------------------------------------- */
@media (max-width: 812px) {
  .sec-product-catchcopy {
    padding-top: 15px;
    padding-bottom: 25px;
    background-color: #fff;
    margin-bottom: 10px;
  }
}

.sec-product-catchcopy .product-catchcopy {
  margin-bottom: 10px;
}

@media (max-width: 812px) {
  .sec-product-catchcopy .product-catchcopy img {
     max-width: 100%;
     display: block;
     margin-left: auto;
     margin-right: auto;
  }
}

/* sec-product-detail
---------------------------------------------------------- */
.sec-product-detail {
  padding-top: 30px;
  padding-bottom: 30px;
}

.sec-product-detail:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .sec-product-detail {
    padding-top: 15px;
    padding-bottom: 25px;
    background-color: #fff;
    margin-bottom: 10px;
  }
}

@media (min-width: 813px) {
  .sec-product-detail.-left {
    float: left;
    width: 600px;
  }
}

@media (min-width: 813px) {
  .sec-product-detail.-right {
    float: right;
    width: 540px;
  }
}

@media (max-width: 812px) {
  .sec-product-detail .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 813px) {
  .sec-product-detail .cont {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.sec-product-detail.-review .cont {
  position: relative;
  overflow: hidden;
}

.sec-product-detail.-review .cont:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: url("/ec/images/common/shadow_white.png") 0 0 repeat-x;
  background-size: auto 100%;
  display: none;
}

@media (max-width: 812px) {
.sec-product-detail.-review .cont.-hide_content:before {
    .sec-product-detail.-review .cont.-hide_content:before {
    display: block;
    }
  }
}

.sec-product-detail.-review .btn-see {
  position: relative;
  padding: 25px 0;
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
  font-size: 1.6rem;
  text-align: center;
}

@media (min-width: 813px) {
  .sec-product-detail.-review .btn-see {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .sec-product-detail.-review .btn-see:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .sec-product-detail.-review .btn-see {
    padding: 20px 0;
    margin-right: -10px;
    margin-left: -10px;
    font-size: 1.2rem;
  }
  .sec-product-detail.-review .btn-see:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: rotate(90deg);
    width: 8px;
    height: 14px;
    margin-top: -7px;
    background-image: url("/ec/images/common/arrow_right.png");
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
  }
}

.sec-product-detail.-review .btn-see .text {
  display: inline-block;
  position: relative;
}

@media (min-width: 813px) {
  .sec-product-detail.-review .btn-see .text {
    padding-right: 30px;
  }
  .sec-product-detail.-review .btn-see .text:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: rotate(90deg);
    width: 10px;
    height: 14px;
    margin-top: -8px;
    background-image: url("/ec/images/common/icon_btnmore_pc.png");
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
  }
}

.sec-product-detail.-review .btn-see.-see_less {
  display: none;
}

.sec-product-detail.-review .btn-see.-see_less .text:after {
  transform: rotate(-90deg);
}

@media (max-width: 812px) {
  .sec-product-detail.-review .btn-see.-see_less:after {
     transform: rotate(-90deg);
  }
}

/* box-product-info
---------------------------------------------------------- */
.box-product-info {
  padding-bottom: 30px;
  line-height: 1.5;
}

@media (min-width: 813px) {
  .box-product-info {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media (max-width: 812px) {
  .box-product-info {
    border-bottom: 10px solid #e6e6e6;
  }
}

@media (max-width: 812px) {
  .box-product-info .heading {
    padding: 10px;
    background-color: #e6e6e6;
    border-radius: 7px;
  }
}

.box-product-info .tag-group {
  margin-bottom: 15px;
  z-index: 1;
  display: flex;
  padding-top: 10px;
  line-height: 1.86;
}

.box-product-info .tag-group .tag {
  display: inline-block;
  padding: 0 5px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.box-product-info .tag-group .tag + .tag {
  margin-left: 0.5em;
}

@media (max-width: 812px) {
  .box-product-info .tag-group .tag {
    font-size: 1rem;
  }
}

.box-product-info .tag-group .tag.-orange {
  background-color: #eea800;
}

.box-product-info .tag-group .tag.-blue {
  background-color: #4b99f7;
}

.box-product-info .tag-group .tag.-pink {
  background-color: #d84067;
}

.box-product-info .tag-group .tag.-red {
  background-color: #e00501;
}

.box-product-info .tag-group .tag.-green {
  background-color: #23b033;
}

.box-product-info .tag-group + .detail {
  padding-top: 10px;
}

/* list-color-btn
---------------------------------------------------------- */
.list-color-btn {
  display: flex;
  flex-wrap: wrap;
  margin: -15px 0 0 -16px;
}

@media (max-width: 812px) {
  .list-color-btn {
    margin: 0 10px 0 10px;
  }
}

.list-color-btn .item {
  margin: 15px 0 0 16px;
}

@media (max-width: 812px) {
  .list-color-btn .item {
    margin: 10px 0 0 3.5%;
    width: 17%;
  }
  .list-color-btn .item:nth-of-type(5n + 1) {
    margin: 10px 0 0 0%;
  }
}

.list-color-btn .item .text {
  font-size: 2vw;
}

.list-color-btn label {
  position: relative;
  display: block;
}

.list-color-btn input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.list-color-btn .image {
  width: 50px;
  border: 2px solid #e6e6e6;
}

.list-color-btn .image img {
  width: 100%;
}

@media (max-width: 812px) {
  .list-color-btn .image {
    width: 100%;
    border: 1px solid #e6e6e6;
  }
}

.list-color-btn input:checked + .image {
  border-color: #e00501;
}

/* box-item-desc
---------------------------------------------------------- */
.box-item-desc .heading {
  position: relative;
  padding: 12px 15px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (min-width: 813px) {
  .box-item-desc .heading {
    display: none;
  }
}

.box-item-desc .heading:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(90deg);
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background-image: url("/ec/images/common/arrow_right.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.box-item-desc .heading.is-open:after {
  transform: rotate(-90deg);
}

@media (max-width: 812px) {
  .box-item-desc .detail {
    display: none;
    padding-top: 25px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.box-item-desc .detail .item-desc {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* table-size
---------------------------------------------------------- */
.table-size {
  margin-bottom: 20px;
  overflow-x: auto;
  cursor: -webkit-grab;
  cursor: grab;
}

@media (max-width: 812px) {
  .table-size {
    margin-bottom: 15px;
  }
}

.table-size table {
  width: 100%;
  table-layout: fixed;
  margin-right: auto;
  margin-left: auto;
}

.table-size table th,
.table-size table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #e6e6e6;
  width: 70px;
}

@media (max-width: 812px) {
  .table-size table th,
  .table-size table td {
    width: 50px;
    padding: 7px 2px;
    line-height: 1.2;
  }
}

.table-size table thead th {
  font-weight: bold;
}

/* table-status
---------------------------------------------------------- */
.table-status .heading {
  padding: 5px;
  background-color: #e6e6e6;
  font-weight: bold;
  text-align: center;
}

.table-status .cont {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 812px) {
  .table-status .cont {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.table-status table {
  display: table;
  width: 100%;
}

.table-status table th,
.table-status table td {
  padding: 10px;
  text-align: center;
  line-height: 1.3;
}

@media (min-width: 813px) {
  .table-status table tr {
    border-bottom: 1px solid #e6e6e6;
  }
  .table-status table tr:last-child {
    border-bottom: 0;
  }
}

.table-status table thead th {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  font-size: 1.2rem;
}

@media (max-width: 812px) {
  .table-status table thead th {
    padding: 10px 5px;
  }
}

.table-status .c-icon-status, .table-status .c-card-myproduct .detail .info .status02::before, .c-card-myproduct .detail .info .table-status .status02::before, .table-status .c-card-myproduct .detail .info .status03::before, .c-card-myproduct .detail .info .table-status .status03::before, .table-status .c-card-myproduct .detail .info .status04::before, .c-card-myproduct .detail .info .table-status .status04::before, .table-status .matrixTables_wrapper .status02::before, .matrixTables_wrapper .table-status .status02::before, .table-status .matrixTables_wrapper .status03::before, .matrixTables_wrapper .table-status .status03::before, .table-status .matrixTables_wrapper .status04::before, .matrixTables_wrapper .table-status .status04::before {
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 812px) {
  .table-status .c-box-quantity {
     margin-right: auto;
     margin-left: auto;
     width:  150px;
     height: 100%;
  }
}

@media (max-width: 812px) {
  .table-status .c-box-quantity .input-box input {
    font-size: 1.6rem;
    transform: scale(0.8);
  }
}

/* list-status
---------------------------------------------------------- */
.list-status {
  display: flex;
  margin-top: -10px;
  font-size: 1.2rem;
  flex-wrap: wrap;
}

@media (max-width: 812px) {
  .list-status {
    margin-top: -8px;
    font-size: 1rem;
  }
}

.list-status .item {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-left: 10px;
}

@media (max-width: 812px) {
  .list-status .item {
    margin-top: 8px;
    margin-left: 8px;
  }
}

.list-status .item:first-child {
  margin-left: 0;
}

/* btn-cart
---------------------------------------------------------- */
.btn-cart {
  display: inline-block;
  padding: 18px;
  background-color: #e00501;
  border-radius: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

@media (min-width: 813px) {
  .btn-cart {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .btn-cart:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

/* modal-cart-complete
---------------------------------------------------------- */
.modal-cart-complete {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transform: opacity 0.2s;
}

.modal-cart-complete.-show {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

.modal-cart-complete .modal-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

/* box-card-complete
---------------------------------------------------------- */
.box-card-complete {
  position: relative;
  width: 640px;
  height: 640px;
  margin: 0 auto;
  background-color: #fff;
  padding: 75px 35px 140px;
}

@media (max-width: 812px) {
  .box-card-complete {
    width: 100%;
    height: 470px;
  }
}

.box-card-complete .heading,
.box-card-complete .bottom {
  padding-right: 35px;
  padding-left: 35px;
}

.box-card-complete .heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 15px;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.box-card-complete .btn-close {
  position: absolute;
  top: -50px;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  background: url(/ec/images/common/icon_close_popup.png) right 10px center no-repeat;
  background-size: 15px;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
}

.box-card-complete .cont {
  height: 100%;
  overflow-y: auto;
}

.box-card-complete .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding-bottom: 30px;
  background-color: #fff;
}

.box-card-complete .bottom:before {
  content: "";
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 80px;
  background-image: url("/ec/images/common/shadow_white.png");
  background-position: 0 0;
  background-size: auto 100%;
  background-repeat: repeat-x;
}

.list-cart-complete {
  margin-bottom: 40px;
}

.list-cart-complete .item {
  border-bottom: 1px solid #e6e6e6;
}

.list-cart-complete .item:first-child {
  border-top: 1px solid #e6e6e6;
}

.list-cart-complete .item .box {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.list-cart-complete .item .box .image {
  width: 40px;
  flex-shrink: 0;
}

.list-cart-complete .item .box .image img {
  width: 100%;
}

.list-cart-complete .item .box .box-detail {
  padding-left: 15px;
  flex-grow: 1;
}

.list-cart-complete .item .box .box-detail .row {
  display: flex;
}

.list-cart-complete .item .box .box-detail .row .label {
  width: 50px;
  flex-shrink: 0;
}

.list-cart-complete .item .box .box-detail .row .detail {
  flex-grow: 1;
}

/* box-floating-cart
---------------------------------------------------------- */
.box-floating-cart {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  background-color: #fff;
  box-shadow: 0px -2px 2px 1px rgba(227, 227, 227, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transform: opacity 0.2s;
}

.box-floating-cart.-show {
  visibility: visible;
  opacity: 1;
  z-index: 99;
}

.box-floating-cart .part-quantity {
  position: relative;
  flex-shrink: 0;
  width: 45px;
  background: url("/ec/images/common/icon_cart_black.jpg") center no-repeat;
  background-size: 38px auto;
}

.box-floating-cart .part-quantity .number {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -13px 0 0 -6px;
  font-size: 0.8rem;
  font-weight: bold;
  color: #e00501;
  text-align: center;
}

.box-floating-cart .part-chart {
  flex-grow: 1;
  padding: 8px;
}

.box-floating-cart .part-button {
  width: 80px;
  flex-shrink: 0;
}

.box-floating-cart .part-button .btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 8px;
  background-color: #e00501;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #fff;
}

.box-floating-cart .box-chart-wrap {
  position: relative;
  z-index: 1;
  height: 35px;
  overflow: hidden;
  border-radius: 5px;
}

.box-floating-cart .box-chart-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 5px 10px;
  background-color: #e6e6e6;
}

.box-floating-cart .box-chart-cont .measure {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}

.box-floating-cart .box-chart-cont .measure .line {
  display: block;
  width: 10%;
  height: 8px;
  border-right: 1px solid #ccc;
}

.box-floating-cart .box-chart-cont .measure .line:last-child {
  border-right: 0;
}

.box-floating-cart .box-chart-cont .cont {
  position: relative;
  z-index: 1;
  width: auto;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box-floating-cart .box-chart-cont .price-sum {
  align-self: flex-end;
  font-size: 1.3rem;
  line-height: 1.3;
}

.box-floating-cart .box-chart-cont .price-sum .unit {
  font-size: 1rem;
}

.box-floating-cart .box-chart-cont .price-meter {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: right;
}

.box-floating-cart .box-chart-cont.-on {
  z-index: 2;
  background-color: #5085ed;
}

.box-floating-cart .box-chart-cont.-on .measure .line {
  border-right-color: #fff;
}

.box-floating-cart .box-chart-cont.-on .price-sum {
  color: #fff;
}

.matrixTables_wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  /* 商品在庫 */
  /* font color */
  /* 131028 font-size追記 */
  /* 131028 追記ここまで */
}

.matrixTables_wrapper * {
  box-sizing: content-box;
}

.matrixTables_wrapper .matrixTables_container {
  min-width: 770px;
  border: 1px solid #e6e6e6;
  padding: 20px;
}

.matrixTables_wrapper .stockStatus {
  margin: 10px 0 20px 180px;
}

.matrixTables_wrapper .stockStatus-li {
  float: left;
  margin: 0 0 0 10px;
}

.matrixTables_wrapper a.stockStatus-a:link,
.matrixTables_wrapper a.attention-a:link {
  color: #f00;
  text-decoration: underline;
}

.matrixTables_wrapper a.stockStatus-a:hover,
.matrixTables_wrapper a.attention-a:hover {
  text-decoration: none;
}

.matrixTables_wrapper .stockTableHead-th {
  background: #e6e6e6;
  width: 54px;
  padding: 5px 5px 5px 5px;
  font-size: 10px;
  border-left: #fff 2px solid;
  border-bottom: #fff 2px solid;
  text-align: center;
  vertical-align: middle;
}

.matrixTables_wrapper .stockTableHead-td {
  /*width:90px;*/
  height: 8px;
  border-left: #fff 2px solid;
  border-bottom: #fff 2px solid;
  text-align: center;
  vertical-align: middle;
}

.matrixTables_wrapper .stockTableHead-td img {
  display: block;
}

.matrixTables_wrapper th.first-stockTableHead,
.matrixTables_wrapper td.first-stockTableHead {
  background: #ffffff;
  width: 30px;
}

.matrixTables_wrapper th.second-stockTableHead,
.matrixTables_wrapper td.second-stockTableHead {
  background: #e6e6e6;
  width: 56px;
}

.matrixTables_wrapper th.second-stockTable {
  background: #e6e6e6;
  width: 56px;
  color: #f00;
}

.matrixTables_wrapper th.first-stockTable,
.matrixTables_wrapper td.first-stockTable {
  background: #e6e6e6;
  width: 30px;
}

.matrixTables_wrapper .stockTable-td,
.matrixTables_wrapper .stockTable-th {
  width: 54px;
  padding: 5px 5px 5px 5px;
  font-size: 10px;
  border-left: #fff 2px solid;
  border-bottom: #fff 2px solid;
  text-align: center;
  vertical-align: middle;
  box-sizing: content-box;
}

.matrixTables_wrapper .stockTable tr:nth-child(even) td {
  background: #f4f4f4;
}

.matrixTables_wrapper .stockTable tr:nth-child(odd) td {
  background: #f9f9f9;
}

.matrixTables_wrapper .stockTable input.buyNum {
  width: 30px;
}

.matrixTables_wrapper .stockTablePrice {
  font-size: 12px;
  font-weight: bold;
}

.matrixTables_wrapper .status01 {
  color: #4b99f7;
  font-size: 14px;
}

.matrixTables_wrapper .status01::before {
  content: "●";
  display: inline-block;
}
.matrixTables_wrapper .status02 {
  text-align: center;
}

.matrixTables_wrapper .status02::before {
  content: "";
  display: inline-block;
}

.matrixTables_wrapper .status03 {
  text-align: center;
}

.matrixTables_wrapper .status03::before {
  content: "";
  display: inline-block;
}

.matrixTables_wrapper .status04 {
  text-align: center;
}

.matrixTables_wrapper .status04::before {
  content: "";
  display: inline-block;
}

.matrixTables_wrapper .status05 {
  color: #000000;
  font-size: 14px;
  line-height: 1.2;
}

.matrixTables_wrapper .status05-small {
  font-size: 10px;
  display: block;
}

.matrixTables_wrapper .status05::before {
  content: "×";
  display: inline-block;
}

.list-static-guide {
  margin: 0 auto;
}

@media (max-width: 812px) {
  .list-static-guide {
    max-width: 290px;
  }
}

.list-static-guide .item {
  text-align: center;
}

.list-static-guide .item .card {
  display: block;
  width: 210px;
  height: 210px;
  padding: 20px;
  margin: 20px;
  background-color: #eaeaea;
}

@media (min-width: 813px) {
  .list-static-guide .item .card {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .list-static-guide .item .card:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media (max-width: 812px) {
  .list-static-guide .item .card {
    width: 120px;
    height: 120px;
    margin: 10px;
    padding: 10px 5px 5px;
  }
}

.list-static-guide .item .card figure {
  position: relative;
  height: 140px;
  display: block;
}

.list-static-guide .item .card figure img {
  display: inline-block;
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  left: 50%;
}

@media (max-width: 812px) {
  .list-static-guide .item .card figure {
    height: 76px;
  }
  .list-static-guide .item .card figure .img-01 {
    width: 37px;
  }
  .list-static-guide .item .card figure .img-02 {
    width: 50px;
  }
  .list-static-guide .item .card figure .img-03 {
    width: 49px;
  }
  .list-static-guide .item .card figure .img-04 {
    width: 49px;
  }
  .list-static-guide .item .card figure .img-05 {
    width: 50px;
  }
  .list-static-guide .item .card figure .img-06 {
    width: 50px;
  }
}

.box-faq-head {
  margin-bottom: 30px;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 3px 3px 1px rgba(227, 227, 227, 0.7);
}

@media (max-width: 812px) {
  .box-faq-head {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
}

@media (min-width: 813px) {
  .box-faq-head .container, .box-faq-head .l-2clm_container {
    width: 830px;
  }
}

.box-faq-body {
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 3px 3px 1px rgba(227, 227, 227, 0.7);
}

@media (min-width: 813px) {
  .box-faq-body .container, .box-faq-body .l-2clm_container {
    width: 830px;
  }
}

.ttl-faq {
  margin-bottom: 5px;
  background-color: #e6e6e6;
  padding: 7px 15px;
  font-size: 1.5rem;
}

@media (max-width: 812px) {
  .ttl-faq {
    font-size: 1.3rem;
  }
}

.list-faq {
  padding-bottom: 20px;
}

.list-faq li a {
  padding: 10px 40px 10px 6px;
  border: none;
  width: 100%;
  text-align: left;
  font-weight: normal;
  font-size: 1.3rem;
}

@media (max-width: 812px) {
  .list-faq li a {
    font-size: 1.3rem;
  }
}

.list-faq li a.-arrowRight:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 9px;
  height: 14px;
  background-image: url("/ec/images/common/arrow_right_lightgray.png");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.ttl-faq {
  position: relative;
}

.ttl-faq:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("/ec/images/common/arrow_right.png");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.lifecard_tokutenTitle {
  width: 80px;
  margin-left: 10px;
}

.lifecard_tokutenTitle img {
  width: 100%;
}

@media (max-width: 812px) {
  .lifecard_tokutenTitle {
    width: 50px;
  }
}

.lifecard_leadText {
  font-size: 1.7rem;
  margin: 0 5px;
}

@media (max-width: 812px) {
  .lifecard_leadText {
    font-size: 1.3rem;
  }
}

.lifecard_leadText--bigRed {
  font-size: 2.1rem;
  font-weight: bold;
  color: #e00501;
}

@media (max-width: 812px) {
  .lifecard_leadText--bigRed {
    font-size: 1.6rem;
  }
}

.lifecard_annotation {
  font-size: 1.3rem;
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 5px;
}

@media (max-width: 812px) {
  .lifecard_annotation {
    font-size: 1rem;
  }
}

.lifecard_annotation + .lifecard_annotation {
  margin-top: 1.2em;
}

.lifecard_tel {
  font-size: 2.1rem;
  font-weight: bold;
  margin-left: 10px;
}

@media (max-width: 812px) {
  .lifecard_tel {
    font-size: 1.6rem;
  }
}

.lifecard_telSub {
  font-size: 1.7rem;
  font-weight: normal;
  margin-left: .5em;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  line-height: 1.3;
  margin-top: .6em;
}

@media (max-width: 812px) {
  .lifecard_telSub {
    font-size: 1.3rem;
  }
}

.lifecard_table {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-left: none;
  width: 100%;
  font-size: 1.4rem;
}

@media (max-width: 812px) {
  .lifecard_table {
    font-size: 1.1rem;
  }
}

.lifecard_table img {
  max-width: 200px;
  width: 80%;
  margin: 4px;
}

.lifecard_table tr {
  border-top: 1px solid #e5e5e5;
}

.lifecard_table td {
  border-left: 1px solid #e5e5e5;
  padding: 0 .5em;
}

/* c-list-category
---------------------------------------------------------- */
.list-sitemap {
  border-top: 1px solid #e6e6e6;
}

.list-sitemap .list-main > .item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateZ(0);
  border-bottom: 1px solid #e6e6e6;
  flex: 1;
}

.list-sitemap .list-main > .item a {
  position: relative;
  transform: translateZ(0);
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 13px 45px 13px 13px;
  height: 50px;
  cursor: pointer;
  font-size: inherit;
}

.list-sitemap .list-main > .item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
}

@media (min-width: 813px) {
  .list-sitemap .list-main > .item a:hover:before {
    opacity: 1;
  }
}

.list-sitemap .list-main > .item a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -7px;
  width: 8px;
  height: 14px;
  transform-origin: center;
  background-image: url("/ec/images/common/arrow_right.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.list-sitemap .list-main .accd {
  position: relative;
  transform: translateZ(0);
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 13px 45px 13px 13px;
  height: 50px;
  cursor: pointer;
  font-size: inherit;
}

.list-sitemap .list-main .accd:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
}

@media (min-width: 813px) {
  .list-sitemap .list-main .accd:hover:before {
    opacity: 1;
  }
}

.list-sitemap .list-main .accd:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -7px;
  width: 8px;
  height: 14px;
  transform: rotate(90deg);
  transform-origin: center;
  background-image: url("/ec/images/common/arrow_right.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.list-sitemap .list-main .accd.is-open:after {
  transform: rotate(-90deg);
}

.list-sitemap .list-main a {
  position: relative;
  display: block;
  padding: 7px 45px 7px 10px;
  font-size: 1.2rem;
}

@media (min-width: 813px) {
  .list-sitemap .list-main a {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
  }
  .list-sitemap .list-main a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.list-sitemap .list-sub {
  display: none;
  padding-left: 20px;
  border-top: 1px solid #e6e6e6;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.list-sitemap .list-sub .item {
  border-bottom: 1px solid #e6e6e6;
}

.list-sitemap .list-sub .item:last-child {
  border-bottom: 0;
}

.list-sitemap .list-sub .accd {
  padding: 7px 45px 7px 10px;
}

.digicata_header {
  border: 2px solid #e00501;
  max-width: 750px;
  margin: 0 auto;
  padding: 24px 0 12px;
}

.digicata_headerContainer {
  display: flex;
  padding: 0 24px;
  margin-bottom: 12px;
}

@media (max-width: 812px) {
  .digicata_headerContainer {
    flex-direction: column;
    align-items: center;
  }
}

.digicata_headerLeft {
  margin-right: 40px;
}

@media (max-width: 812px) {
  .digicata_headerLeft {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .digicata_headerLeft img {
    width: 100%;
  }
}

.digicata_headerLogo {
  margin-bottom: 12px;
}

@media (max-width: 812px) {
  .digicata_headerLogo img {
    width: 100%;
  }
}

.digicata_headerLead {
  margin-bottom: 26px;
  font-size: 16px;
}

@media (max-width: 812px) {
  .digicata_headerLead {
    font-size: 14px;
    text-align: center;
  }
}

.digicata_headerAttention {
  font-size: 12px;
  text-align: center;
}

@media (max-width: 812px) {
  .digicata_headerAttention {
    text-align: left;
    width: 88%;
    margin: 0 auto;
  }
}

.digicata_headerButton {
  width: 300px;
}

@media (max-width: 812px) {
  .digicata_headerButton {
    margin-bottom: 20px;
    width: 100%;
  }
}

.digicata_container {
  max-width: 750px;
  width: 92%;
  margin: 0 auto;
}

.digicata_tabButtonsList {
  display: flex;
  border-bottom: 2px solid #e00501;
}

.digicata_tabButtonsList li {
  flex: 1;
}

.digicata_tabButtonsList .digicata_tabButton {
  display: block;
  background-color: #e6e6e6;
  width: 97%;
  margin: 0 auto;
  border-radius: 8px 8px 0 0;
  padding: 1em 0 calc(1em - 2px);
  font-size: 18px;
  line-height: 1;
}

.digicata_tabButtonsList .digicata_tabButton.--active {
  background-color: #e00501;
  color: #ffffff;
  font-weight: bold;
}

.digicata_control {
  display: flex;
  justify-content: space-around;
}

@media (max-width: 812px) {
  .digicata_control {
    flex-direction: column;
    align-items: center;
  }
}

.digicata_controlCard {
  width: 30%;
  border: 1px solid #e6e6e6;
}

@media (max-width: 812px) {
  .digicata_controlCard {
    width: 60%;
  }
  .digicata_controlCard:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}

.digicata_controlCardPicture img {
  width: 100%;
}

.digicata_controlCardTexts {
  padding: 20px 16px;
  line-height: 1.4;
}

.digicata_anchorList-pc {
  display: flex;
  flex-wrap: wrap;
  counter-reset: anchorListCounter-pc;
}

.digicata_anchorList-pc li {
  counter-increment: anchorListCounter-pc;
  flex-grow: 2;
  border-left: 2px solid #fff;
}

.digicata_anchorList-pc li:nth-of-type(n + 6) {
  margin-top: 2px;
  flex-grow: 1;
}

.digicata_anchorList-pc li:first-child, .digicata_anchorList-pc li:nth-child(6) {
  border-left: 0;
}

.digicata_anchorList-pc li:nth-child(-n + 5) {
  width: 20%;
}

.digicata_anchorList-pc .digicata_anchorListItem::before {
  content: counter(anchorListCounter-pc);
}

.digicata_anchorList-tab {
  display: flex;
  flex-wrap: wrap;
  counter-reset: anchorListCounter-tab;
}

.digicata_anchorList-tab li {
  counter-increment: anchorListCounter-tab;
  flex-grow: 2;
  border-left: 2px solid #fff;
}

@media (min-width: 813px) {
  .digicata_anchorList-tab li:nth-of-type(n + 5) {
    margin-top: 2px;
  }
  .digicata_anchorList-tab li:first-child, .digicata_anchorList-tab li:nth-child(5) {
    border-left: 0;
  }
  .digicata_anchorList-tab li:nth-child(1) {
    width: 154px;
  }
  .digicata_anchorList-tab li:nth-child(2) {
    width: 239px;
  }
  .digicata_anchorList-tab li:nth-child(3) {
    width: 196px;
  }
  .digicata_anchorList-tab li:nth-child(4) {
    width: 154px;
  }
  .digicata_anchorList-tab li:nth-child(5) {
    width: 178px;
  }
  .digicata_anchorList-tab li:nth-child(6) {
    width: 269px;
  }
  .digicata_anchorList-tab li:nth-child(7) {
    width: 298px;
  }
}

@media (max-width: 812px) {
  .digicata_anchorList-tab li {
    width: 50%;
    flex-grow: 1;
  }
  .digicata_anchorList-tab li:nth-child(2n - 1) {
    border-left: 0;
  }
  .digicata_anchorList-tab li:nth-child(n + 3) {
    margin-top: 2px;
  }
}

.digicata_anchorList-tab .digicata_anchorListItem::before {
  content: counter(anchorListCounter-tab);
}

.digicata_anchorListItem {
  display: flex;
  width: 100%;
  background-color: #e6e6e6;
  position: relative;
  align-items: center;
  padding: 1em 0.8em;
}

@media (max-width: 812px) {
  .digicata_anchorListItem {
    font-size: 11px;
  }
}

.digicata_anchorListItem::before {
  display: inline-block;
  background-color: #e00501;
  color: #ffffff;
  font-weight: bold;
  width: 1.6em;
  height: 1.6em;
  border-radius: 100%;
  text-align: center;
  line-height: 1.6em;
  margin-right: 0.4em;
}

.digicata_anchorListItem::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid #e00501;
  border-bottom: 2px solid #e00501;
  transform: rotate(45deg);
  margin-left: auto;
  margin-top: -0.3em;
}

.digicata_longButton {
  width: auto;
  font-size: 14px;
  padding-left: 2em;
  padding-right: 3em;
}

.digicata_explanationList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: explanation-counter;
}

@media (max-width: 812px) {
  .digicata_explanationList {
    flex-direction: column;
  }
}

.digicata_explanationListItem {
  width: calc(50% - 20px);
  border: 2px solid #e6e6e6;
  padding: 20px calc(((50% - 25px) - 295px) / 2);
  counter-increment: explanation-counter;
}

.digicata_explanationListItem:nth-of-type(n + 3) {
  margin-top: 40px;
}

@media (max-width: 812px) {
  .digicata_explanationListItem {
    width: 100%;
    padding: 20px;
  }
  .digicata_explanationListItem:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}

.digicata_explanationPicture {
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}

.digicata_explanationPicture img {
  width: 100%;
}

.digicata_explanationTitle {
  font-weight: bold;
  margin-bottom: 10px;
}

.digicata_explanationTitle::before {
  content: counter(explanation-counter);
  display: inline-block;
  background-color: #e00501;
  color: #ffffff;
  font-weight: bold;
  width: 1.6em;
  height: 1.6em;
  border-radius: 100%;
  text-align: center;
  line-height: 1.6em;
  margin-right: 0.4em;
}

.digicata_explanationText {
  line-height: 1.4;
  position: relative;
}

.digicata_explanationText .number {
  position: relative;
  display: inline-block;
  background-color: #e00501;
  color: #ffffff;
  font-weight: bold;
  width: 1.6em;
  height: 1.6em;
  font-size: 10.5px;
  border-radius: 100%;
  text-align: center;
  line-height: 1.6em;
  margin-right: 0.4em;
  top: -0.2em;
}

.guide_stockTable {
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
}

.guide_stockTable tr {
  border-top: 1px solid #ccc;
}

.guide_stockTable td {
  border-left: 1px solid #ccc;
  padding: 0.2em 0.5em;
}

.guide_stockTable td span {
  margin: 0 0.2em;
}

.guide_feeTable, .guide_returnsTable {
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
}

.guide_feeTable tr, .guide_returnsTable tr {
  border-top: 1px solid #ccc;
}

.guide_feeTable th, .guide_returnsTable th {
  background-color: #e6e6e6;
}

.guide_feeTable td, .guide_returnsTable td, .guide_feeTable th, .guide_returnsTable th {
  border-left: 1px solid #ccc;
  padding: 0.2em 0.5em;
}

.guide_feeTable td span, .guide_returnsTable td span,
.guide_feeTable th span,
.guide_returnsTable th span {
  margin: 0 0.2em;
}

.guide_returnsTable th {
  text-align: center;
  font-weight: bold;
}

.guide_returnsTable td {
  vertical-align: top;
}

.guide_returnsTable tr th:nth-child(1) {
  width: 10%;
}

.guide_returnsTable tr th:nth-child(n + 2) {
  width: calc((100% - 10%) / 3);
}

.guide_telBox {
  background-color: #eeeeee;
  padding: 6px 12px;
  border: 1px solid #ccc;
}

.guide_telBoxTable td,
.guide_telBoxTable th {
  padding: 0.1em 0.6em;
}

@media (max-width: 812px) {
  .guide_telBoxTable {
    margin-bottom: 0.8em;
  }
  .guide_telBoxTable td,
  .guide_telBoxTable th {
    padding: 0em;
    display: block;
  }
  .guide_telBoxTable tr {
    display: block;
    margin-top: 0.8em;
  }
}

.anchor_section {
  padding-top: 80px;
  margin-top: -80px;
}

/* ==========================================================
 utils
========================================================== */
/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
@media (min-width: 813px) {
  .only-sp {
    display: none !important;
  }
}

@media (max-width: 812px) {
  .only-pc {
    display: none !important;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.visible-hid {
  visibility: hidden;
}

@media (min-width: 813px) {
  .d-pc-none {
    display: none !important;
  }
  .d-pc-inline {
    display: inline !important;
  }
  .d-pc-inline-block {
    display: inline-block !important;
  }
  .d-pc-block {
    display: block !important;
  }
  .d-pc-table {
    display: table !important;
  }
  .d-pc-table-row {
    display: table-row !important;
  }
  .d-pc-table-cell {
    display: table-cell !important;
  }
  .d-pc-flex {
    display: flex !important;
  }
  .d-pc-inline-flex {
    display: inline-flex !important;
  }
}

@media (max-width: 812px) {
  .d-sp-none {
    display: none !important;
  }
  .d-sp-inline {
    display: inline !important;
  }
  .d-sp-inline-block {
    display: inline-block !important;
  }
  .d-sp-block {
    display: block !important;
  }
  .d-sp-table {
    display: table !important;
  }
  .d-sp-table-row {
    display: table-row !important;
  }
  .d-sp-table-cell {
    display: table-cell !important;
  }
  .d-sp-flex {
    display: flex !important;
  }
  .d-sp-inline-flex {
    display: inline-flex !important;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 813px) {
  .flex-pc-row {
    flex-direction: row !important;
  }
  .flex-pc-column {
    flex-direction: column !important;
  }
  .flex-pc-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-pc-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-pc-wrap {
    flex-wrap: wrap !important;
  }
  .flex-pc-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-pc-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-pc-fill {
    flex: 1 1 auto !important;
  }
  .flex-pc-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-pc-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-pc-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-pc-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-pc-start {
    justify-content: flex-start !important;
  }
  .justify-content-pc-end {
    justify-content: flex-end !important;
  }
  .justify-content-pc-center {
    justify-content: center !important;
  }
  .justify-content-pc-between {
    justify-content: space-between !important;
  }
  .justify-content-pc-around {
    justify-content: space-around !important;
  }
  .align-items-pc-start {
    align-items: flex-start !important;
  }
  .align-items-pc-end {
    align-items: flex-end !important;
  }
  .align-items-pc-center {
    align-items: center !important;
  }
  .align-items-pc-baseline {
    align-items: baseline !important;
  }
  .align-items-pc-stretch {
    align-items: stretch !important;
  }
  .align-content-pc-start {
    align-content: flex-start !important;
  }
  .align-content-pc-end {
    align-content: flex-end !important;
  }
  .align-content-pc-center {
    align-content: center !important;
  }
  .align-content-pc-between {
    align-content: space-between !important;
  }
  .align-content-pc-around {
    align-content: space-around !important;
  }
  .align-content-pc-stretch {
    align-content: stretch !important;
  }
  .align-self-pc-auto {
    align-self: auto !important;
  }
  .align-self-pc-start {
    align-self: flex-start !important;
  }
  .align-self-pc-end {
    align-self: flex-end !important;
  }
  .align-self-pc-center {
    align-self: center !important;
  }
  .align-self-pc-baseline {
    align-self: baseline !important;
  }
  .align-self-pc-stretch {
    align-self: stretch !important;
  }
  .flex-grow-pc-auto {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 812px) {
  .flex-sp-row {
    flex-direction: row !important;
  }
  .flex-sp-column {
    flex-direction: column !important;
  }
  .flex-sp-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sp-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sp-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sp-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sp-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sp-fill {
    flex: 1 1 auto !important;
  }
  .flex-sp-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sp-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sp-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sp-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sp-start {
    justify-content: flex-start !important;
  }
  .justify-content-sp-end {
    justify-content: flex-end !important;
  }
  .justify-content-sp-center {
    justify-content: center !important;
  }
  .justify-content-sp-between {
    justify-content: space-between !important;
  }
  .justify-content-sp-around {
    justify-content: space-around !important;
  }
  .align-items-sp-start {
    align-items: flex-start !important;
  }
  .align-items-sp-end {
    align-items: flex-end !important;
  }
  .align-items-sp-center {
    align-items: center !important;
  }
  .align-items-sp-baseline {
    align-items: baseline !important;
  }
  .align-items-sp-stretch {
    align-items: stretch !important;
  }
  .align-content-sp-start {
    align-content: flex-start !important;
  }
  .align-content-sp-end {
    align-content: flex-end !important;
  }
  .align-content-sp-center {
    align-content: center !important;
  }
  .align-content-sp-between {
    align-content: space-between !important;
  }
  .align-content-sp-around {
    align-content: space-around !important;
  }
  .align-content-sp-stretch {
    align-content: stretch !important;
  }
  .align-self-sp-auto {
    align-self: auto !important;
  }
  .align-self-sp-start {
    align-self: flex-start !important;
  }
  .align-self-sp-end {
    align-self: flex-end !important;
  }
  .align-self-sp-center {
    align-self: center !important;
  }
  .align-self-sp-baseline {
    align-self: baseline !important;
  }
  .align-self-sp-stretch {
    align-self: stretch !important;
  }
  .flex-grow-sp-auto {
    flex: 0 0 auto !important;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
.mt-0 {
  margin-top: 0px !important;
}

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

.ma-0 {
  margin: 0px !important;
}

.pa-0 {
  padding: 0px !important;
}

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

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

.ma-0 {
  margin: 0px !important;
}

.pa-0 {
  padding: 0px !important;
}

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

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

.ma-0 {
  margin: 0px !important;
}

.pa-0 {
  padding: 0px !important;
}

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

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

.ma-0 {
  margin: 0px !important;
}

.pa-0 {
  padding: 0px !important;
}

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

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

.ma-5 {
  margin: 5px !important;
}

.pa-5 {
  padding: 5px !important;
}

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

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

.ma-5 {
  margin: 5px !important;
}

.pa-5 {
  padding: 5px !important;
}

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

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

.ma-5 {
  margin: 5px !important;
}

.pa-5 {
  padding: 5px !important;
}

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

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

.ma-5 {
  margin: 5px !important;
}

.pa-5 {
  padding: 5px !important;
}

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

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

.ma-8 {
  margin: 8px !important;
}

.pa-8 {
  padding: 8px !important;
}

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

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

.ma-8 {
  margin: 8px !important;
}

.pa-8 {
  padding: 8px !important;
}

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

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

.ma-8 {
  margin: 8px !important;
}

.pa-8 {
  padding: 8px !important;
}

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

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

.ma-8 {
  margin: 8px !important;
}

.pa-8 {
  padding: 8px !important;
}

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

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

.ma-10 {
  margin: 10px !important;
}

.pa-10 {
  padding: 10px !important;
}

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

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

.ma-10 {
  margin: 10px !important;
}

.pa-10 {
  padding: 10px !important;
}

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

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

.ma-10 {
  margin: 10px !important;
}

.pa-10 {
  padding: 10px !important;
}

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

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

.ma-10 {
  margin: 10px !important;
}

.pa-10 {
  padding: 10px !important;
}

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

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

.ma-12 {
  margin: 12px !important;
}

.pa-12 {
  padding: 12px !important;
}

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

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

.ma-12 {
  margin: 12px !important;
}

.pa-12 {
  padding: 12px !important;
}

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

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

.ma-12 {
  margin: 12px !important;
}

.pa-12 {
  padding: 12px !important;
}

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

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

.ma-12 {
  margin: 12px !important;
}

.pa-12 {
  padding: 12px !important;
}

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

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

.ma-13 {
  margin: 13px !important;
}

.pa-13 {
  padding: 13px !important;
}

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

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

.ma-13 {
  margin: 13px !important;
}

.pa-13 {
  padding: 13px !important;
}

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

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

.ma-13 {
  margin: 13px !important;
}

.pa-13 {
  padding: 13px !important;
}

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

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

.ma-13 {
  margin: 13px !important;
}

.pa-13 {
  padding: 13px !important;
}

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

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

.ma-14 {
  margin: 14px !important;
}

.pa-14 {
  padding: 14px !important;
}

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

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

.ma-14 {
  margin: 14px !important;
}

.pa-14 {
  padding: 14px !important;
}

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

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

.ma-14 {
  margin: 14px !important;
}

.pa-14 {
  padding: 14px !important;
}

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

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

.ma-14 {
  margin: 14px !important;
}

.pa-14 {
  padding: 14px !important;
}

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

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

.ma-15 {
  margin: 15px !important;
}

.pa-15 {
  padding: 15px !important;
}

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

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

.ma-15 {
  margin: 15px !important;
}

.pa-15 {
  padding: 15px !important;
}

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

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

.ma-15 {
  margin: 15px !important;
}

.pa-15 {
  padding: 15px !important;
}

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

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

.ma-15 {
  margin: 15px !important;
}

.pa-15 {
  padding: 15px !important;
}

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

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

.ma-16 {
  margin: 16px !important;
}

.pa-16 {
  padding: 16px !important;
}

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

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

.ma-16 {
  margin: 16px !important;
}

.pa-16 {
  padding: 16px !important;
}

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

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

.ma-16 {
  margin: 16px !important;
}

.pa-16 {
  padding: 16px !important;
}

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

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

.ma-16 {
  margin: 16px !important;
}

.pa-16 {
  padding: 16px !important;
}

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

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

.ma-17 {
  margin: 17px !important;
}

.pa-17 {
  padding: 17px !important;
}

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

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

.ma-17 {
  margin: 17px !important;
}

.pa-17 {
  padding: 17px !important;
}

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

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

.ma-17 {
  margin: 17px !important;
}

.pa-17 {
  padding: 17px !important;
}

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

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

.ma-17 {
  margin: 17px !important;
}

.pa-17 {
  padding: 17px !important;
}

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

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

.ma-20 {
  margin: 20px !important;
}

.pa-20 {
  padding: 20px !important;
}

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

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

.ma-20 {
  margin: 20px !important;
}

.pa-20 {
  padding: 20px !important;
}

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

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

.ma-20 {
  margin: 20px !important;
}

.pa-20 {
  padding: 20px !important;
}

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

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

.ma-20 {
  margin: 20px !important;
}

.pa-20 {
  padding: 20px !important;
}

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

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

.ma-22 {
  margin: 22px !important;
}

.pa-22 {
  padding: 22px !important;
}

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

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

.ma-22 {
  margin: 22px !important;
}

.pa-22 {
  padding: 22px !important;
}

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

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

.ma-22 {
  margin: 22px !important;
}

.pa-22 {
  padding: 22px !important;
}

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

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

.ma-22 {
  margin: 22px !important;
}

.pa-22 {
  padding: 22px !important;
}

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

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

.ma-25 {
  margin: 25px !important;
}

.pa-25 {
  padding: 25px !important;
}

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

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

.ma-25 {
  margin: 25px !important;
}

.pa-25 {
  padding: 25px !important;
}

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

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

.ma-25 {
  margin: 25px !important;
}

.pa-25 {
  padding: 25px !important;
}

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

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

.ma-25 {
  margin: 25px !important;
}

.pa-25 {
  padding: 25px !important;
}

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

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

.ma-30 {
  margin: 30px !important;
}

.pa-30 {
  padding: 30px !important;
}

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

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

.ma-30 {
  margin: 30px !important;
}

.pa-30 {
  padding: 30px !important;
}

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

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

.ma-30 {
  margin: 30px !important;
}

.pa-30 {
  padding: 30px !important;
}

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

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

.ma-30 {
  margin: 30px !important;
}

.pa-30 {
  padding: 30px !important;
}

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

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

.ma-35 {
  margin: 35px !important;
}

.pa-35 {
  padding: 35px !important;
}

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

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

.ma-35 {
  margin: 35px !important;
}

.pa-35 {
  padding: 35px !important;
}

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

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

.ma-35 {
  margin: 35px !important;
}

.pa-35 {
  padding: 35px !important;
}

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

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

.ma-35 {
  margin: 35px !important;
}

.pa-35 {
  padding: 35px !important;
}

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

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

.ma-40 {
  margin: 40px !important;
}

.pa-40 {
  padding: 40px !important;
}

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

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

.ma-40 {
  margin: 40px !important;
}

.pa-40 {
  padding: 40px !important;
}

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

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

.ma-40 {
  margin: 40px !important;
}

.pa-40 {
  padding: 40px !important;
}

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

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

.ma-40 {
  margin: 40px !important;
}

.pa-40 {
  padding: 40px !important;
}

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

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

.ma-45 {
  margin: 45px !important;
}

.pa-45 {
  padding: 45px !important;
}

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

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

.ma-45 {
  margin: 45px !important;
}

.pa-45 {
  padding: 45px !important;
}

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

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

.ma-45 {
  margin: 45px !important;
}

.pa-45 {
  padding: 45px !important;
}

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

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

.ma-45 {
  margin: 45px !important;
}

.pa-45 {
  padding: 45px !important;
}

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

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

.ma-50 {
  margin: 50px !important;
}

.pa-50 {
  padding: 50px !important;
}

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

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

.ma-50 {
  margin: 50px !important;
}

.pa-50 {
  padding: 50px !important;
}

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

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

.ma-50 {
  margin: 50px !important;
}

.pa-50 {
  padding: 50px !important;
}

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

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

.ma-50 {
  margin: 50px !important;
}

.pa-50 {
  padding: 50px !important;
}

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

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

.ma-55 {
  margin: 55px !important;
}

.pa-55 {
  padding: 55px !important;
}

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

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

.ma-55 {
  margin: 55px !important;
}

.pa-55 {
  padding: 55px !important;
}

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

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

.ma-55 {
  margin: 55px !important;
}

.pa-55 {
  padding: 55px !important;
}

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

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

.ma-55 {
  margin: 55px !important;
}

.pa-55 {
  padding: 55px !important;
}

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

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

.ma-60 {
  margin: 60px !important;
}

.pa-60 {
  padding: 60px !important;
}

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

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

.ma-60 {
  margin: 60px !important;
}

.pa-60 {
  padding: 60px !important;
}

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

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

.ma-60 {
  margin: 60px !important;
}

.pa-60 {
  padding: 60px !important;
}

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

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

.ma-60 {
  margin: 60px !important;
}

.pa-60 {
  padding: 60px !important;
}

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

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

.ma-65 {
  margin: 65px !important;
}

.pa-65 {
  padding: 65px !important;
}

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

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

.ma-65 {
  margin: 65px !important;
}

.pa-65 {
  padding: 65px !important;
}

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

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

.ma-65 {
  margin: 65px !important;
}

.pa-65 {
  padding: 65px !important;
}

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

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

.ma-65 {
  margin: 65px !important;
}

.pa-65 {
  padding: 65px !important;
}

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

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

.ma-70 {
  margin: 70px !important;
}

.pa-70 {
  padding: 70px !important;
}

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

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

.ma-70 {
  margin: 70px !important;
}

.pa-70 {
  padding: 70px !important;
}

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

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

.ma-70 {
  margin: 70px !important;
}

.pa-70 {
  padding: 70px !important;
}

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

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

.ma-70 {
  margin: 70px !important;
}

.pa-70 {
  padding: 70px !important;
}

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

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

.ma-75 {
  margin: 75px !important;
}

.pa-75 {
  padding: 75px !important;
}

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

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

.ma-75 {
  margin: 75px !important;
}

.pa-75 {
  padding: 75px !important;
}

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

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

.ma-75 {
  margin: 75px !important;
}

.pa-75 {
  padding: 75px !important;
}

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

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

.ma-75 {
  margin: 75px !important;
}

.pa-75 {
  padding: 75px !important;
}

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

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

.ma-80 {
  margin: 80px !important;
}

.pa-80 {
  padding: 80px !important;
}

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

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

.ma-80 {
  margin: 80px !important;
}

.pa-80 {
  padding: 80px !important;
}

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

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

.ma-80 {
  margin: 80px !important;
}

.pa-80 {
  padding: 80px !important;
}

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

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

.ma-80 {
  margin: 80px !important;
}

.pa-80 {
  padding: 80px !important;
}

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

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

.ma-85 {
  margin: 85px !important;
}

.pa-85 {
  padding: 85px !important;
}

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

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

.ma-85 {
  margin: 85px !important;
}

.pa-85 {
  padding: 85px !important;
}

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

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

.ma-85 {
  margin: 85px !important;
}

.pa-85 {
  padding: 85px !important;
}

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

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

.ma-85 {
  margin: 85px !important;
}

.pa-85 {
  padding: 85px !important;
}

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

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

.ma-90 {
  margin: 90px !important;
}

.pa-90 {
  padding: 90px !important;
}

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

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

.ma-90 {
  margin: 90px !important;
}

.pa-90 {
  padding: 90px !important;
}

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

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

.ma-90 {
  margin: 90px !important;
}

.pa-90 {
  padding: 90px !important;
}

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

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

.ma-90 {
  margin: 90px !important;
}

.pa-90 {
  padding: 90px !important;
}

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

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

.ma-95 {
  margin: 95px !important;
}

.pa-95 {
  padding: 95px !important;
}

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

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

.ma-95 {
  margin: 95px !important;
}

.pa-95 {
  padding: 95px !important;
}

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

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

.ma-95 {
  margin: 95px !important;
}

.pa-95 {
  padding: 95px !important;
}

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

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

.ma-95 {
  margin: 95px !important;
}

.pa-95 {
  padding: 95px !important;
}

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

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

.ma-100 {
  margin: 100px !important;
}

.pa-100 {
  padding: 100px !important;
}

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

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

.ma-100 {
  margin: 100px !important;
}

.pa-100 {
  padding: 100px !important;
}

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

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

.ma-100 {
  margin: 100px !important;
}

.pa-100 {
  padding: 100px !important;
}

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

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

.ma-100 {
  margin: 100px !important;
}

.pa-100 {
  padding: 100px !important;
}

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

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

.ma-110 {
  margin: 110px !important;
}

.pa-110 {
  padding: 110px !important;
}

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

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

.ma-110 {
  margin: 110px !important;
}

.pa-110 {
  padding: 110px !important;
}

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

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

.ma-110 {
  margin: 110px !important;
}

.pa-110 {
  padding: 110px !important;
}

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

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

.ma-110 {
  margin: 110px !important;
}

.pa-110 {
  padding: 110px !important;
}

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

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

.ma-120 {
  margin: 120px !important;
}

.pa-120 {
  padding: 120px !important;
}

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

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

.ma-120 {
  margin: 120px !important;
}

.pa-120 {
  padding: 120px !important;
}

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

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

.ma-120 {
  margin: 120px !important;
}

.pa-120 {
  padding: 120px !important;
}

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

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

.ma-120 {
  margin: 120px !important;
}

.pa-120 {
  padding: 120px !important;
}

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

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

.ma-150 {
  margin: 150px !important;
}

.pa-150 {
  padding: 150px !important;
}

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

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

.ma-150 {
  margin: 150px !important;
}

.pa-150 {
  padding: 150px !important;
}

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

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

.ma-150 {
  margin: 150px !important;
}

.pa-150 {
  padding: 150px !important;
}

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

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

.ma-150 {
  margin: 150px !important;
}

.pa-150 {
  padding: 150px !important;
}

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

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

.ma-305 {
  margin: 305px !important;
}

.pa-305 {
  padding: 305px !important;
}

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

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

.ma-305 {
  margin: 305px !important;
}

.pa-305 {
  padding: 305px !important;
}

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

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

.ma-305 {
  margin: 305px !important;
}

.pa-305 {
  padding: 305px !important;
}

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

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

.ma-305 {
  margin: 305px !important;
}

.pa-305 {
  padding: 305px !important;
}

@media (min-width: 813px) {
  .mt-pc-0 {
    margin-top: 0px !important;
  }
  .pt-pc-0 {
    padding-top: 0px !important;
  }
  .ma-pc-0 {
    margin: 0px !important;
  }
  .pa-pc-0 {
    padding: 0px !important;
  }
  .mb-pc-0 {
    margin-bottom: 0px !important;
  }
  .pb-pc-0 {
    padding-bottom: 0px !important;
  }
  .ma-pc-0 {
    margin: 0px !important;
  }
  .pa-pc-0 {
    padding: 0px !important;
  }
  .ml-pc-0 {
    margin-left: 0px !important;
  }
  .pl-pc-0 {
    padding-left: 0px !important;
  }
  .ma-pc-0 {
    margin: 0px !important;
  }
  .pa-pc-0 {
    padding: 0px !important;
  }
  .mr-pc-0 {
    margin-right: 0px !important;
  }
  .pr-pc-0 {
    padding-right: 0px !important;
  }
  .ma-pc-0 {
    margin: 0px !important;
  }
  .pa-pc-0 {
    padding: 0px !important;
  }
  .mt-pc-5 {
    margin-top: 5px !important;
  }
  .pt-pc-5 {
    padding-top: 5px !important;
  }
  .ma-pc-5 {
    margin: 5px !important;
  }
  .pa-pc-5 {
    padding: 5px !important;
  }
  .mb-pc-5 {
    margin-bottom: 5px !important;
  }
  .pb-pc-5 {
    padding-bottom: 5px !important;
  }
  .ma-pc-5 {
    margin: 5px !important;
  }
  .pa-pc-5 {
    padding: 5px !important;
  }
  .ml-pc-5 {
    margin-left: 5px !important;
  }
  .pl-pc-5 {
    padding-left: 5px !important;
  }
  .ma-pc-5 {
    margin: 5px !important;
  }
  .pa-pc-5 {
    padding: 5px !important;
  }
  .mr-pc-5 {
    margin-right: 5px !important;
  }
  .pr-pc-5 {
    padding-right: 5px !important;
  }
  .ma-pc-5 {
    margin: 5px !important;
  }
  .pa-pc-5 {
    padding: 5px !important;
  }
  .mt-pc-8 {
    margin-top: 8px !important;
  }
  .pt-pc-8 {
    padding-top: 8px !important;
  }
  .ma-pc-8 {
    margin: 8px !important;
  }
  .pa-pc-8 {
    padding: 8px !important;
  }
  .mb-pc-8 {
    margin-bottom: 8px !important;
  }
  .pb-pc-8 {
    padding-bottom: 8px !important;
  }
  .ma-pc-8 {
    margin: 8px !important;
  }
  .pa-pc-8 {
    padding: 8px !important;
  }
  .ml-pc-8 {
    margin-left: 8px !important;
  }
  .pl-pc-8 {
    padding-left: 8px !important;
  }
  .ma-pc-8 {
    margin: 8px !important;
  }
  .pa-pc-8 {
    padding: 8px !important;
  }
  .mr-pc-8 {
    margin-right: 8px !important;
  }
  .pr-pc-8 {
    padding-right: 8px !important;
  }
  .ma-pc-8 {
    margin: 8px !important;
  }
  .pa-pc-8 {
    padding: 8px !important;
  }
  .mt-pc-10 {
    margin-top: 10px !important;
  }
  .pt-pc-10 {
    padding-top: 10px !important;
  }
  .ma-pc-10 {
    margin: 10px !important;
  }
  .pa-pc-10 {
    padding: 10px !important;
  }
  .mb-pc-10 {
    margin-bottom: 10px !important;
  }
  .pb-pc-10 {
    padding-bottom: 10px !important;
  }
  .ma-pc-10 {
    margin: 10px !important;
  }
  .pa-pc-10 {
    padding: 10px !important;
  }
  .ml-pc-10 {
    margin-left: 10px !important;
  }
  .pl-pc-10 {
    padding-left: 10px !important;
  }
  .ma-pc-10 {
    margin: 10px !important;
  }
  .pa-pc-10 {
    padding: 10px !important;
  }
  .mr-pc-10 {
    margin-right: 10px !important;
  }
  .pr-pc-10 {
    padding-right: 10px !important;
  }
  .ma-pc-10 {
    margin: 10px !important;
  }
  .pa-pc-10 {
    padding: 10px !important;
  }
  .mt-pc-12 {
    margin-top: 12px !important;
  }
  .pt-pc-12 {
    padding-top: 12px !important;
  }
  .ma-pc-12 {
    margin: 12px !important;
  }
  .pa-pc-12 {
    padding: 12px !important;
  }
  .mb-pc-12 {
    margin-bottom: 12px !important;
  }
  .pb-pc-12 {
    padding-bottom: 12px !important;
  }
  .ma-pc-12 {
    margin: 12px !important;
  }
  .pa-pc-12 {
    padding: 12px !important;
  }
  .ml-pc-12 {
    margin-left: 12px !important;
  }
  .pl-pc-12 {
    padding-left: 12px !important;
  }
  .ma-pc-12 {
    margin: 12px !important;
  }
  .pa-pc-12 {
    padding: 12px !important;
  }
  .mr-pc-12 {
    margin-right: 12px !important;
  }
  .pr-pc-12 {
    padding-right: 12px !important;
  }
  .ma-pc-12 {
    margin: 12px !important;
  }
  .pa-pc-12 {
    padding: 12px !important;
  }
  .mt-pc-13 {
    margin-top: 13px !important;
  }
  .pt-pc-13 {
    padding-top: 13px !important;
  }
  .ma-pc-13 {
    margin: 13px !important;
  }
  .pa-pc-13 {
    padding: 13px !important;
  }
  .mb-pc-13 {
    margin-bottom: 13px !important;
  }
  .pb-pc-13 {
    padding-bottom: 13px !important;
  }
  .ma-pc-13 {
    margin: 13px !important;
  }
  .pa-pc-13 {
    padding: 13px !important;
  }
  .ml-pc-13 {
    margin-left: 13px !important;
  }
  .pl-pc-13 {
    padding-left: 13px !important;
  }
  .ma-pc-13 {
    margin: 13px !important;
  }
  .pa-pc-13 {
    padding: 13px !important;
  }
  .mr-pc-13 {
    margin-right: 13px !important;
  }
  .pr-pc-13 {
    padding-right: 13px !important;
  }
  .ma-pc-13 {
    margin: 13px !important;
  }
  .pa-pc-13 {
    padding: 13px !important;
  }
  .mt-pc-14 {
    margin-top: 14px !important;
  }
  .pt-pc-14 {
    padding-top: 14px !important;
  }
  .ma-pc-14 {
    margin: 14px !important;
  }
  .pa-pc-14 {
    padding: 14px !important;
  }
  .mb-pc-14 {
    margin-bottom: 14px !important;
  }
  .pb-pc-14 {
    padding-bottom: 14px !important;
  }
  .ma-pc-14 {
    margin: 14px !important;
  }
  .pa-pc-14 {
    padding: 14px !important;
  }
  .ml-pc-14 {
    margin-left: 14px !important;
  }
  .pl-pc-14 {
    padding-left: 14px !important;
  }
  .ma-pc-14 {
    margin: 14px !important;
  }
  .pa-pc-14 {
    padding: 14px !important;
  }
  .mr-pc-14 {
    margin-right: 14px !important;
  }
  .pr-pc-14 {
    padding-right: 14px !important;
  }
  .ma-pc-14 {
    margin: 14px !important;
  }
  .pa-pc-14 {
    padding: 14px !important;
  }
  .mt-pc-15 {
    margin-top: 15px !important;
  }
  .pt-pc-15 {
    padding-top: 15px !important;
  }
  .ma-pc-15 {
    margin: 15px !important;
  }
  .pa-pc-15 {
    padding: 15px !important;
  }
  .mb-pc-15 {
    margin-bottom: 15px !important;
  }
  .pb-pc-15 {
    padding-bottom: 15px !important;
  }
  .ma-pc-15 {
    margin: 15px !important;
  }
  .pa-pc-15 {
    padding: 15px !important;
  }
  .ml-pc-15 {
    margin-left: 15px !important;
  }
  .pl-pc-15 {
    padding-left: 15px !important;
  }
  .ma-pc-15 {
    margin: 15px !important;
  }
  .pa-pc-15 {
    padding: 15px !important;
  }
  .mr-pc-15 {
    margin-right: 15px !important;
  }
  .pr-pc-15 {
    padding-right: 15px !important;
  }
  .ma-pc-15 {
    margin: 15px !important;
  }
  .pa-pc-15 {
    padding: 15px !important;
  }
  .mt-pc-16 {
    margin-top: 16px !important;
  }
  .pt-pc-16 {
    padding-top: 16px !important;
  }
  .ma-pc-16 {
    margin: 16px !important;
  }
  .pa-pc-16 {
    padding: 16px !important;
  }
  .mb-pc-16 {
    margin-bottom: 16px !important;
  }
  .pb-pc-16 {
    padding-bottom: 16px !important;
  }
  .ma-pc-16 {
    margin: 16px !important;
  }
  .pa-pc-16 {
    padding: 16px !important;
  }
  .ml-pc-16 {
    margin-left: 16px !important;
  }
  .pl-pc-16 {
    padding-left: 16px !important;
  }
  .ma-pc-16 {
    margin: 16px !important;
  }
  .pa-pc-16 {
    padding: 16px !important;
  }
  .mr-pc-16 {
    margin-right: 16px !important;
  }
  .pr-pc-16 {
    padding-right: 16px !important;
  }
  .ma-pc-16 {
    margin: 16px !important;
  }
  .pa-pc-16 {
    padding: 16px !important;
  }
  .mt-pc-17 {
    margin-top: 17px !important;
  }
  .pt-pc-17 {
    padding-top: 17px !important;
  }
  .ma-pc-17 {
    margin: 17px !important;
  }
  .pa-pc-17 {
    padding: 17px !important;
  }
  .mb-pc-17 {
    margin-bottom: 17px !important;
  }
  .pb-pc-17 {
    padding-bottom: 17px !important;
  }
  .ma-pc-17 {
    margin: 17px !important;
  }
  .pa-pc-17 {
    padding: 17px !important;
  }
  .ml-pc-17 {
    margin-left: 17px !important;
  }
  .pl-pc-17 {
    padding-left: 17px !important;
  }
  .ma-pc-17 {
    margin: 17px !important;
  }
  .pa-pc-17 {
    padding: 17px !important;
  }
  .mr-pc-17 {
    margin-right: 17px !important;
  }
  .pr-pc-17 {
    padding-right: 17px !important;
  }
  .ma-pc-17 {
    margin: 17px !important;
  }
  .pa-pc-17 {
    padding: 17px !important;
  }
  .mt-pc-20 {
    margin-top: 20px !important;
  }
  .pt-pc-20 {
    padding-top: 20px !important;
  }
  .ma-pc-20 {
    margin: 20px !important;
  }
  .pa-pc-20 {
    padding: 20px !important;
  }
  .mb-pc-20 {
    margin-bottom: 20px !important;
  }
  .pb-pc-20 {
    padding-bottom: 20px !important;
  }
  .ma-pc-20 {
    margin: 20px !important;
  }
  .pa-pc-20 {
    padding: 20px !important;
  }
  .ml-pc-20 {
    margin-left: 20px !important;
  }
  .pl-pc-20 {
    padding-left: 20px !important;
  }
  .ma-pc-20 {
    margin: 20px !important;
  }
  .pa-pc-20 {
    padding: 20px !important;
  }
  .mr-pc-20 {
    margin-right: 20px !important;
  }
  .pr-pc-20 {
    padding-right: 20px !important;
  }
  .ma-pc-20 {
    margin: 20px !important;
  }
  .pa-pc-20 {
    padding: 20px !important;
  }
  .mt-pc-22 {
    margin-top: 22px !important;
  }
  .pt-pc-22 {
    padding-top: 22px !important;
  }
  .ma-pc-22 {
    margin: 22px !important;
  }
  .pa-pc-22 {
    padding: 22px !important;
  }
  .mb-pc-22 {
    margin-bottom: 22px !important;
  }
  .pb-pc-22 {
    padding-bottom: 22px !important;
  }
  .ma-pc-22 {
    margin: 22px !important;
  }
  .pa-pc-22 {
    padding: 22px !important;
  }
  .ml-pc-22 {
    margin-left: 22px !important;
  }
  .pl-pc-22 {
    padding-left: 22px !important;
  }
  .ma-pc-22 {
    margin: 22px !important;
  }
  .pa-pc-22 {
    padding: 22px !important;
  }
  .mr-pc-22 {
    margin-right: 22px !important;
  }
  .pr-pc-22 {
    padding-right: 22px !important;
  }
  .ma-pc-22 {
    margin: 22px !important;
  }
  .pa-pc-22 {
    padding: 22px !important;
  }
  .mt-pc-25 {
    margin-top: 25px !important;
  }
  .pt-pc-25 {
    padding-top: 25px !important;
  }
  .ma-pc-25 {
    margin: 25px !important;
  }
  .pa-pc-25 {
    padding: 25px !important;
  }
  .mb-pc-25 {
    margin-bottom: 25px !important;
  }
  .pb-pc-25 {
    padding-bottom: 25px !important;
  }
  .ma-pc-25 {
    margin: 25px !important;
  }
  .pa-pc-25 {
    padding: 25px !important;
  }
  .ml-pc-25 {
    margin-left: 25px !important;
  }
  .pl-pc-25 {
    padding-left: 25px !important;
  }
  .ma-pc-25 {
    margin: 25px !important;
  }
  .pa-pc-25 {
    padding: 25px !important;
  }
  .mr-pc-25 {
    margin-right: 25px !important;
  }
  .pr-pc-25 {
    padding-right: 25px !important;
  }
  .ma-pc-25 {
    margin: 25px !important;
  }
  .pa-pc-25 {
    padding: 25px !important;
  }
  .mt-pc-30 {
    margin-top: 30px !important;
  }
  .pt-pc-30 {
    padding-top: 30px !important;
  }
  .ma-pc-30 {
    margin: 30px !important;
  }
  .pa-pc-30 {
    padding: 30px !important;
  }
  .mb-pc-30 {
    margin-bottom: 30px !important;
  }
  .pb-pc-30 {
    padding-bottom: 30px !important;
  }
  .ma-pc-30 {
    margin: 30px !important;
  }
  .pa-pc-30 {
    padding: 30px !important;
  }
  .ml-pc-30 {
    margin-left: 30px !important;
  }
  .pl-pc-30 {
    padding-left: 30px !important;
  }
  .ma-pc-30 {
    margin: 30px !important;
  }
  .pa-pc-30 {
    padding: 30px !important;
  }
  .mr-pc-30 {
    margin-right: 30px !important;
  }
  .pr-pc-30 {
    padding-right: 30px !important;
  }
  .ma-pc-30 {
    margin: 30px !important;
  }
  .pa-pc-30 {
    padding: 30px !important;
  }
  .mt-pc-35 {
    margin-top: 35px !important;
  }
  .pt-pc-35 {
    padding-top: 35px !important;
  }
  .ma-pc-35 {
    margin: 35px !important;
  }
  .pa-pc-35 {
    padding: 35px !important;
  }
  .mb-pc-35 {
    margin-bottom: 35px !important;
  }
  .pb-pc-35 {
    padding-bottom: 35px !important;
  }
  .ma-pc-35 {
    margin: 35px !important;
  }
  .pa-pc-35 {
    padding: 35px !important;
  }
  .ml-pc-35 {
    margin-left: 35px !important;
  }
  .pl-pc-35 {
    padding-left: 35px !important;
  }
  .ma-pc-35 {
    margin: 35px !important;
  }
  .pa-pc-35 {
    padding: 35px !important;
  }
  .mr-pc-35 {
    margin-right: 35px !important;
  }
  .pr-pc-35 {
    padding-right: 35px !important;
  }
  .ma-pc-35 {
    margin: 35px !important;
  }
  .pa-pc-35 {
    padding: 35px !important;
  }
  .mt-pc-40 {
    margin-top: 40px !important;
  }
  .pt-pc-40 {
    padding-top: 40px !important;
  }
  .ma-pc-40 {
    margin: 40px !important;
  }
  .pa-pc-40 {
    padding: 40px !important;
  }
  .mb-pc-40 {
    margin-bottom: 40px !important;
  }
  .pb-pc-40 {
    padding-bottom: 40px !important;
  }
  .ma-pc-40 {
    margin: 40px !important;
  }
  .pa-pc-40 {
    padding: 40px !important;
  }
  .ml-pc-40 {
    margin-left: 40px !important;
  }
  .pl-pc-40 {
    padding-left: 40px !important;
  }
  .ma-pc-40 {
    margin: 40px !important;
  }
  .pa-pc-40 {
    padding: 40px !important;
  }
  .mr-pc-40 {
    margin-right: 40px !important;
  }
  .pr-pc-40 {
    padding-right: 40px !important;
  }
  .ma-pc-40 {
    margin: 40px !important;
  }
  .pa-pc-40 {
    padding: 40px !important;
  }
  .mt-pc-45 {
    margin-top: 45px !important;
  }
  .pt-pc-45 {
    padding-top: 45px !important;
  }
  .ma-pc-45 {
    margin: 45px !important;
  }
  .pa-pc-45 {
    padding: 45px !important;
  }
  .mb-pc-45 {
    margin-bottom: 45px !important;
  }
  .pb-pc-45 {
    padding-bottom: 45px !important;
  }
  .ma-pc-45 {
    margin: 45px !important;
  }
  .pa-pc-45 {
    padding: 45px !important;
  }
  .ml-pc-45 {
    margin-left: 45px !important;
  }
  .pl-pc-45 {
    padding-left: 45px !important;
  }
  .ma-pc-45 {
    margin: 45px !important;
  }
  .pa-pc-45 {
    padding: 45px !important;
  }
  .mr-pc-45 {
    margin-right: 45px !important;
  }
  .pr-pc-45 {
    padding-right: 45px !important;
  }
  .ma-pc-45 {
    margin: 45px !important;
  }
  .pa-pc-45 {
    padding: 45px !important;
  }
  .mt-pc-50 {
    margin-top: 50px !important;
  }
  .pt-pc-50 {
    padding-top: 50px !important;
  }
  .ma-pc-50 {
    margin: 50px !important;
  }
  .pa-pc-50 {
    padding: 50px !important;
  }
  .mb-pc-50 {
    margin-bottom: 50px !important;
  }
  .pb-pc-50 {
    padding-bottom: 50px !important;
  }
  .ma-pc-50 {
    margin: 50px !important;
  }
  .pa-pc-50 {
    padding: 50px !important;
  }
  .ml-pc-50 {
    margin-left: 50px !important;
  }
  .pl-pc-50 {
    padding-left: 50px !important;
  }
  .ma-pc-50 {
    margin: 50px !important;
  }
  .pa-pc-50 {
    padding: 50px !important;
  }
  .mr-pc-50 {
    margin-right: 50px !important;
  }
  .pr-pc-50 {
    padding-right: 50px !important;
  }
  .ma-pc-50 {
    margin: 50px !important;
  }
  .pa-pc-50 {
    padding: 50px !important;
  }
  .mt-pc-55 {
    margin-top: 55px !important;
  }
  .pt-pc-55 {
    padding-top: 55px !important;
  }
  .ma-pc-55 {
    margin: 55px !important;
  }
  .pa-pc-55 {
    padding: 55px !important;
  }
  .mb-pc-55 {
    margin-bottom: 55px !important;
  }
  .pb-pc-55 {
    padding-bottom: 55px !important;
  }
  .ma-pc-55 {
    margin: 55px !important;
  }
  .pa-pc-55 {
    padding: 55px !important;
  }
  .ml-pc-55 {
    margin-left: 55px !important;
  }
  .pl-pc-55 {
    padding-left: 55px !important;
  }
  .ma-pc-55 {
    margin: 55px !important;
  }
  .pa-pc-55 {
    padding: 55px !important;
  }
  .mr-pc-55 {
    margin-right: 55px !important;
  }
  .pr-pc-55 {
    padding-right: 55px !important;
  }
  .ma-pc-55 {
    margin: 55px !important;
  }
  .pa-pc-55 {
    padding: 55px !important;
  }
  .mt-pc-60 {
    margin-top: 60px !important;
  }
  .pt-pc-60 {
    padding-top: 60px !important;
  }
  .ma-pc-60 {
    margin: 60px !important;
  }
  .pa-pc-60 {
    padding: 60px !important;
  }
  .mb-pc-60 {
    margin-bottom: 60px !important;
  }
  .pb-pc-60 {
    padding-bottom: 60px !important;
  }
  .ma-pc-60 {
    margin: 60px !important;
  }
  .pa-pc-60 {
    padding: 60px !important;
  }
  .ml-pc-60 {
    margin-left: 60px !important;
  }
  .pl-pc-60 {
    padding-left: 60px !important;
  }
  .ma-pc-60 {
    margin: 60px !important;
  }
  .pa-pc-60 {
    padding: 60px !important;
  }
  .mr-pc-60 {
    margin-right: 60px !important;
  }
  .pr-pc-60 {
    padding-right: 60px !important;
  }
  .ma-pc-60 {
    margin: 60px !important;
  }
  .pa-pc-60 {
    padding: 60px !important;
  }
  .mt-pc-65 {
    margin-top: 65px !important;
  }
  .pt-pc-65 {
    padding-top: 65px !important;
  }
  .ma-pc-65 {
    margin: 65px !important;
  }
  .pa-pc-65 {
    padding: 65px !important;
  }
  .mb-pc-65 {
    margin-bottom: 65px !important;
  }
  .pb-pc-65 {
    padding-bottom: 65px !important;
  }
  .ma-pc-65 {
    margin: 65px !important;
  }
  .pa-pc-65 {
    padding: 65px !important;
  }
  .ml-pc-65 {
    margin-left: 65px !important;
  }
  .pl-pc-65 {
    padding-left: 65px !important;
  }
  .ma-pc-65 {
    margin: 65px !important;
  }
  .pa-pc-65 {
    padding: 65px !important;
  }
  .mr-pc-65 {
    margin-right: 65px !important;
  }
  .pr-pc-65 {
    padding-right: 65px !important;
  }
  .ma-pc-65 {
    margin: 65px !important;
  }
  .pa-pc-65 {
    padding: 65px !important;
  }
  .mt-pc-70 {
    margin-top: 70px !important;
  }
  .pt-pc-70 {
    padding-top: 70px !important;
  }
  .ma-pc-70 {
    margin: 70px !important;
  }
  .pa-pc-70 {
    padding: 70px !important;
  }
  .mb-pc-70 {
    margin-bottom: 70px !important;
  }
  .pb-pc-70 {
    padding-bottom: 70px !important;
  }
  .ma-pc-70 {
    margin: 70px !important;
  }
  .pa-pc-70 {
    padding: 70px !important;
  }
  .ml-pc-70 {
    margin-left: 70px !important;
  }
  .pl-pc-70 {
    padding-left: 70px !important;
  }
  .ma-pc-70 {
    margin: 70px !important;
  }
  .pa-pc-70 {
    padding: 70px !important;
  }
  .mr-pc-70 {
    margin-right: 70px !important;
  }
  .pr-pc-70 {
    padding-right: 70px !important;
  }
  .ma-pc-70 {
    margin: 70px !important;
  }
  .pa-pc-70 {
    padding: 70px !important;
  }
  .mt-pc-75 {
    margin-top: 75px !important;
  }
  .pt-pc-75 {
    padding-top: 75px !important;
  }
  .ma-pc-75 {
    margin: 75px !important;
  }
  .pa-pc-75 {
    padding: 75px !important;
  }
  .mb-pc-75 {
    margin-bottom: 75px !important;
  }
  .pb-pc-75 {
    padding-bottom: 75px !important;
  }
  .ma-pc-75 {
    margin: 75px !important;
  }
  .pa-pc-75 {
    padding: 75px !important;
  }
  .ml-pc-75 {
    margin-left: 75px !important;
  }
  .pl-pc-75 {
    padding-left: 75px !important;
  }
  .ma-pc-75 {
    margin: 75px !important;
  }
  .pa-pc-75 {
    padding: 75px !important;
  }
  .mr-pc-75 {
    margin-right: 75px !important;
  }
  .pr-pc-75 {
    padding-right: 75px !important;
  }
  .ma-pc-75 {
    margin: 75px !important;
  }
  .pa-pc-75 {
    padding: 75px !important;
  }
  .mt-pc-80 {
    margin-top: 80px !important;
  }
  .pt-pc-80 {
    padding-top: 80px !important;
  }
  .ma-pc-80 {
    margin: 80px !important;
  }
  .pa-pc-80 {
    padding: 80px !important;
  }
  .mb-pc-80 {
    margin-bottom: 80px !important;
  }
  .pb-pc-80 {
    padding-bottom: 80px !important;
  }
  .ma-pc-80 {
    margin: 80px !important;
  }
  .pa-pc-80 {
    padding: 80px !important;
  }
  .ml-pc-80 {
    margin-left: 80px !important;
  }
  .pl-pc-80 {
    padding-left: 80px !important;
  }
  .ma-pc-80 {
    margin: 80px !important;
  }
  .pa-pc-80 {
    padding: 80px !important;
  }
  .mr-pc-80 {
    margin-right: 80px !important;
  }
  .pr-pc-80 {
    padding-right: 80px !important;
  }
  .ma-pc-80 {
    margin: 80px !important;
  }
  .pa-pc-80 {
    padding: 80px !important;
  }
  .mt-pc-85 {
    margin-top: 85px !important;
  }
  .pt-pc-85 {
    padding-top: 85px !important;
  }
  .ma-pc-85 {
    margin: 85px !important;
  }
  .pa-pc-85 {
    padding: 85px !important;
  }
  .mb-pc-85 {
    margin-bottom: 85px !important;
  }
  .pb-pc-85 {
    padding-bottom: 85px !important;
  }
  .ma-pc-85 {
    margin: 85px !important;
  }
  .pa-pc-85 {
    padding: 85px !important;
  }
  .ml-pc-85 {
    margin-left: 85px !important;
  }
  .pl-pc-85 {
    padding-left: 85px !important;
  }
  .ma-pc-85 {
    margin: 85px !important;
  }
  .pa-pc-85 {
    padding: 85px !important;
  }
  .mr-pc-85 {
    margin-right: 85px !important;
  }
  .pr-pc-85 {
    padding-right: 85px !important;
  }
  .ma-pc-85 {
    margin: 85px !important;
  }
  .pa-pc-85 {
    padding: 85px !important;
  }
  .mt-pc-90 {
    margin-top: 90px !important;
  }
  .pt-pc-90 {
    padding-top: 90px !important;
  }
  .ma-pc-90 {
    margin: 90px !important;
  }
  .pa-pc-90 {
    padding: 90px !important;
  }
  .mb-pc-90 {
    margin-bottom: 90px !important;
  }
  .pb-pc-90 {
    padding-bottom: 90px !important;
  }
  .ma-pc-90 {
    margin: 90px !important;
  }
  .pa-pc-90 {
    padding: 90px !important;
  }
  .ml-pc-90 {
    margin-left: 90px !important;
  }
  .pl-pc-90 {
    padding-left: 90px !important;
  }
  .ma-pc-90 {
    margin: 90px !important;
  }
  .pa-pc-90 {
    padding: 90px !important;
  }
  .mr-pc-90 {
    margin-right: 90px !important;
  }
  .pr-pc-90 {
    padding-right: 90px !important;
  }
  .ma-pc-90 {
    margin: 90px !important;
  }
  .pa-pc-90 {
    padding: 90px !important;
  }
  .mt-pc-95 {
    margin-top: 95px !important;
  }
  .pt-pc-95 {
    padding-top: 95px !important;
  }
  .ma-pc-95 {
    margin: 95px !important;
  }
  .pa-pc-95 {
    padding: 95px !important;
  }
  .mb-pc-95 {
    margin-bottom: 95px !important;
  }
  .pb-pc-95 {
    padding-bottom: 95px !important;
  }
  .ma-pc-95 {
    margin: 95px !important;
  }
  .pa-pc-95 {
    padding: 95px !important;
  }
  .ml-pc-95 {
    margin-left: 95px !important;
  }
  .pl-pc-95 {
    padding-left: 95px !important;
  }
  .ma-pc-95 {
    margin: 95px !important;
  }
  .pa-pc-95 {
    padding: 95px !important;
  }
  .mr-pc-95 {
    margin-right: 95px !important;
  }
  .pr-pc-95 {
    padding-right: 95px !important;
  }
  .ma-pc-95 {
    margin: 95px !important;
  }
  .pa-pc-95 {
    padding: 95px !important;
  }
  .mt-pc-100 {
    margin-top: 100px !important;
  }
  .pt-pc-100 {
    padding-top: 100px !important;
  }
  .ma-pc-100 {
    margin: 100px !important;
  }
  .pa-pc-100 {
    padding: 100px !important;
  }
  .mb-pc-100 {
    margin-bottom: 100px !important;
  }
  .pb-pc-100 {
    padding-bottom: 100px !important;
  }
  .ma-pc-100 {
    margin: 100px !important;
  }
  .pa-pc-100 {
    padding: 100px !important;
  }
  .ml-pc-100 {
    margin-left: 100px !important;
  }
  .pl-pc-100 {
    padding-left: 100px !important;
  }
  .ma-pc-100 {
    margin: 100px !important;
  }
  .pa-pc-100 {
    padding: 100px !important;
  }
  .mr-pc-100 {
    margin-right: 100px !important;
  }
  .pr-pc-100 {
    padding-right: 100px !important;
  }
  .ma-pc-100 {
    margin: 100px !important;
  }
  .pa-pc-100 {
    padding: 100px !important;
  }
  .mt-pc-110 {
    margin-top: 110px !important;
  }
  .pt-pc-110 {
    padding-top: 110px !important;
  }
  .ma-pc-110 {
    margin: 110px !important;
  }
  .pa-pc-110 {
    padding: 110px !important;
  }
  .mb-pc-110 {
    margin-bottom: 110px !important;
  }
  .pb-pc-110 {
    padding-bottom: 110px !important;
  }
  .ma-pc-110 {
    margin: 110px !important;
  }
  .pa-pc-110 {
    padding: 110px !important;
  }
  .ml-pc-110 {
    margin-left: 110px !important;
  }
  .pl-pc-110 {
    padding-left: 110px !important;
  }
  .ma-pc-110 {
    margin: 110px !important;
  }
  .pa-pc-110 {
    padding: 110px !important;
  }
  .mr-pc-110 {
    margin-right: 110px !important;
  }
  .pr-pc-110 {
    padding-right: 110px !important;
  }
  .ma-pc-110 {
    margin: 110px !important;
  }
  .pa-pc-110 {
    padding: 110px !important;
  }
  .mt-pc-120 {
    margin-top: 120px !important;
  }
  .pt-pc-120 {
    padding-top: 120px !important;
  }
  .ma-pc-120 {
    margin: 120px !important;
  }
  .pa-pc-120 {
    padding: 120px !important;
  }
  .mb-pc-120 {
    margin-bottom: 120px !important;
  }
  .pb-pc-120 {
    padding-bottom: 120px !important;
  }
  .ma-pc-120 {
    margin: 120px !important;
  }
  .pa-pc-120 {
    padding: 120px !important;
  }
  .ml-pc-120 {
    margin-left: 120px !important;
  }
  .pl-pc-120 {
    padding-left: 120px !important;
  }
  .ma-pc-120 {
    margin: 120px !important;
  }
  .pa-pc-120 {
    padding: 120px !important;
  }
  .mr-pc-120 {
    margin-right: 120px !important;
  }
  .pr-pc-120 {
    padding-right: 120px !important;
  }
  .ma-pc-120 {
    margin: 120px !important;
  }
  .pa-pc-120 {
    padding: 120px !important;
  }
  .mt-pc-150 {
    margin-top: 150px !important;
  }
  .pt-pc-150 {
    padding-top: 150px !important;
  }
  .ma-pc-150 {
    margin: 150px !important;
  }
  .pa-pc-150 {
    padding: 150px !important;
  }
  .mb-pc-150 {
    margin-bottom: 150px !important;
  }
  .pb-pc-150 {
    padding-bottom: 150px !important;
  }
  .ma-pc-150 {
    margin: 150px !important;
  }
  .pa-pc-150 {
    padding: 150px !important;
  }
  .ml-pc-150 {
    margin-left: 150px !important;
  }
  .pl-pc-150 {
    padding-left: 150px !important;
  }
  .ma-pc-150 {
    margin: 150px !important;
  }
  .pa-pc-150 {
    padding: 150px !important;
  }
  .mr-pc-150 {
    margin-right: 150px !important;
  }
  .pr-pc-150 {
    padding-right: 150px !important;
  }
  .ma-pc-150 {
    margin: 150px !important;
  }
  .pa-pc-150 {
    padding: 150px !important;
  }
  .mt-pc-305 {
    margin-top: 305px !important;
  }
  .pt-pc-305 {
    padding-top: 305px !important;
  }
  .ma-pc-305 {
    margin: 305px !important;
  }
  .pa-pc-305 {
    padding: 305px !important;
  }
  .mb-pc-305 {
    margin-bottom: 305px !important;
  }
  .pb-pc-305 {
    padding-bottom: 305px !important;
  }
  .ma-pc-305 {
    margin: 305px !important;
  }
  .pa-pc-305 {
    padding: 305px !important;
  }
  .ml-pc-305 {
    margin-left: 305px !important;
  }
  .pl-pc-305 {
    padding-left: 305px !important;
  }
  .ma-pc-305 {
    margin: 305px !important;
  }
  .pa-pc-305 {
    padding: 305px !important;
  }
  .mr-pc-305 {
    margin-right: 305px !important;
  }
  .pr-pc-305 {
    padding-right: 305px !important;
  }
  .ma-pc-305 {
    margin: 305px !important;
  }
  .pa-pc-305 {
    padding: 305px !important;
  }
}

@media (max-width: 812px) {
  .mt-sp-0 {
    margin-top: 0px !important;
  }
  .pt-sp-0 {
    padding-top: 0px !important;
  }
  .ma-sp-0 {
    margin: 0px !important;
  }
  .pa-sp-0 {
    padding: 0px !important;
  }
  .mb-sp-0 {
    margin-bottom: 0px !important;
  }
  .pb-sp-0 {
    padding-bottom: 0px !important;
  }
  .ma-sp-0 {
    margin: 0px !important;
  }
  .pa-sp-0 {
    padding: 0px !important;
  }
  .ml-sp-0 {
    margin-left: 0px !important;
  }
  .pl-sp-0 {
    padding-left: 0px !important;
  }
  .ma-sp-0 {
    margin: 0px !important;
  }
  .pa-sp-0 {
    padding: 0px !important;
  }
  .mr-sp-0 {
    margin-right: 0px !important;
  }
  .pr-sp-0 {
    padding-right: 0px !important;
  }
  .ma-sp-0 {
    margin: 0px !important;
  }
  .pa-sp-0 {
    padding: 0px !important;
  }
  .mt-sp-5 {
    margin-top: 5px !important;
  }
  .pt-sp-5 {
    padding-top: 5px !important;
  }
  .ma-sp-5 {
    margin: 5px !important;
  }
  .pa-sp-5 {
    padding: 5px !important;
  }
  .mb-sp-5 {
    margin-bottom: 5px !important;
  }
  .pb-sp-5 {
    padding-bottom: 5px !important;
  }
  .ma-sp-5 {
    margin: 5px !important;
  }
  .pa-sp-5 {
    padding: 5px !important;
  }
  .ml-sp-5 {
    margin-left: 5px !important;
  }
  .pl-sp-5 {
    padding-left: 5px !important;
  }
  .ma-sp-5 {
    margin: 5px !important;
  }
  .pa-sp-5 {
    padding: 5px !important;
  }
  .mr-sp-5 {
    margin-right: 5px !important;
  }
  .pr-sp-5 {
    padding-right: 5px !important;
  }
  .ma-sp-5 {
    margin: 5px !important;
  }
  .pa-sp-5 {
    padding: 5px !important;
  }
  .mt-sp-8 {
    margin-top: 8px !important;
  }
  .pt-sp-8 {
    padding-top: 8px !important;
  }
  .ma-sp-8 {
    margin: 8px !important;
  }
  .pa-sp-8 {
    padding: 8px !important;
  }
  .mb-sp-8 {
    margin-bottom: 8px !important;
  }
  .pb-sp-8 {
    padding-bottom: 8px !important;
  }
  .ma-sp-8 {
    margin: 8px !important;
  }
  .pa-sp-8 {
    padding: 8px !important;
  }
  .ml-sp-8 {
    margin-left: 8px !important;
  }
  .pl-sp-8 {
    padding-left: 8px !important;
  }
  .ma-sp-8 {
    margin: 8px !important;
  }
  .pa-sp-8 {
    padding: 8px !important;
  }
  .mr-sp-8 {
    margin-right: 8px !important;
  }
  .pr-sp-8 {
    padding-right: 8px !important;
  }
  .ma-sp-8 {
    margin: 8px !important;
  }
  .pa-sp-8 {
    padding: 8px !important;
  }
  .mt-sp-10 {
    margin-top: 10px !important;
  }
  .pt-sp-10 {
    padding-top: 10px !important;
  }
  .ma-sp-10 {
    margin: 10px !important;
  }
  .pa-sp-10 {
    padding: 10px !important;
  }
  .mb-sp-10 {
    margin-bottom: 10px !important;
  }
  .pb-sp-10 {
    padding-bottom: 10px !important;
  }
  .ma-sp-10 {
    margin: 10px !important;
  }
  .pa-sp-10 {
    padding: 10px !important;
  }
  .ml-sp-10 {
    margin-left: 10px !important;
  }
  .pl-sp-10 {
    padding-left: 10px !important;
  }
  .ma-sp-10 {
    margin: 10px !important;
  }
  .pa-sp-10 {
    padding: 10px !important;
  }
  .mr-sp-10 {
    margin-right: 10px !important;
  }
  .pr-sp-10 {
    padding-right: 10px !important;
  }
  .ma-sp-10 {
    margin: 10px !important;
  }
  .pa-sp-10 {
    padding: 10px !important;
  }
  .mt-sp-12 {
    margin-top: 12px !important;
  }
  .pt-sp-12 {
    padding-top: 12px !important;
  }
  .ma-sp-12 {
    margin: 12px !important;
  }
  .pa-sp-12 {
    padding: 12px !important;
  }
  .mb-sp-12 {
    margin-bottom: 12px !important;
  }
  .pb-sp-12 {
    padding-bottom: 12px !important;
  }
  .ma-sp-12 {
    margin: 12px !important;
  }
  .pa-sp-12 {
    padding: 12px !important;
  }
  .ml-sp-12 {
    margin-left: 12px !important;
  }
  .pl-sp-12 {
    padding-left: 12px !important;
  }
  .ma-sp-12 {
    margin: 12px !important;
  }
  .pa-sp-12 {
    padding: 12px !important;
  }
  .mr-sp-12 {
    margin-right: 12px !important;
  }
  .pr-sp-12 {
    padding-right: 12px !important;
  }
  .ma-sp-12 {
    margin: 12px !important;
  }
  .pa-sp-12 {
    padding: 12px !important;
  }
  .mt-sp-13 {
    margin-top: 13px !important;
  }
  .pt-sp-13 {
    padding-top: 13px !important;
  }
  .ma-sp-13 {
    margin: 13px !important;
  }
  .pa-sp-13 {
    padding: 13px !important;
  }
  .mb-sp-13 {
    margin-bottom: 13px !important;
  }
  .pb-sp-13 {
    padding-bottom: 13px !important;
  }
  .ma-sp-13 {
    margin: 13px !important;
  }
  .pa-sp-13 {
    padding: 13px !important;
  }
  .ml-sp-13 {
    margin-left: 13px !important;
  }
  .pl-sp-13 {
    padding-left: 13px !important;
  }
  .ma-sp-13 {
    margin: 13px !important;
  }
  .pa-sp-13 {
    padding: 13px !important;
  }
  .mr-sp-13 {
    margin-right: 13px !important;
  }
  .pr-sp-13 {
    padding-right: 13px !important;
  }
  .ma-sp-13 {
    margin: 13px !important;
  }
  .pa-sp-13 {
    padding: 13px !important;
  }
  .mt-sp-14 {
    margin-top: 14px !important;
  }
  .pt-sp-14 {
    padding-top: 14px !important;
  }
  .ma-sp-14 {
    margin: 14px !important;
  }
  .pa-sp-14 {
    padding: 14px !important;
  }
  .mb-sp-14 {
    margin-bottom: 14px !important;
  }
  .pb-sp-14 {
    padding-bottom: 14px !important;
  }
  .ma-sp-14 {
    margin: 14px !important;
  }
  .pa-sp-14 {
    padding: 14px !important;
  }
  .ml-sp-14 {
    margin-left: 14px !important;
  }
  .pl-sp-14 {
    padding-left: 14px !important;
  }
  .ma-sp-14 {
    margin: 14px !important;
  }
  .pa-sp-14 {
    padding: 14px !important;
  }
  .mr-sp-14 {
    margin-right: 14px !important;
  }
  .pr-sp-14 {
    padding-right: 14px !important;
  }
  .ma-sp-14 {
    margin: 14px !important;
  }
  .pa-sp-14 {
    padding: 14px !important;
  }
  .mt-sp-15 {
    margin-top: 15px !important;
  }
  .pt-sp-15 {
    padding-top: 15px !important;
  }
  .ma-sp-15 {
    margin: 15px !important;
  }
  .pa-sp-15 {
    padding: 15px !important;
  }
  .mb-sp-15 {
    margin-bottom: 15px !important;
  }
  .pb-sp-15 {
    padding-bottom: 15px !important;
  }
  .ma-sp-15 {
    margin: 15px !important;
  }
  .pa-sp-15 {
    padding: 15px !important;
  }
  .ml-sp-15 {
    margin-left: 15px !important;
  }
  .pl-sp-15 {
    padding-left: 15px !important;
  }
  .ma-sp-15 {
    margin: 15px !important;
  }
  .pa-sp-15 {
    padding: 15px !important;
  }
  .mr-sp-15 {
    margin-right: 15px !important;
  }
  .pr-sp-15 {
    padding-right: 15px !important;
  }
  .ma-sp-15 {
    margin: 15px !important;
  }
  .pa-sp-15 {
    padding: 15px !important;
  }
  .mt-sp-16 {
    margin-top: 16px !important;
  }
  .pt-sp-16 {
    padding-top: 16px !important;
  }
  .ma-sp-16 {
    margin: 16px !important;
  }
  .pa-sp-16 {
    padding: 16px !important;
  }
  .mb-sp-16 {
    margin-bottom: 16px !important;
  }
  .pb-sp-16 {
    padding-bottom: 16px !important;
  }
  .ma-sp-16 {
    margin: 16px !important;
  }
  .pa-sp-16 {
    padding: 16px !important;
  }
  .ml-sp-16 {
    margin-left: 16px !important;
  }
  .pl-sp-16 {
    padding-left: 16px !important;
  }
  .ma-sp-16 {
    margin: 16px !important;
  }
  .pa-sp-16 {
    padding: 16px !important;
  }
  .mr-sp-16 {
    margin-right: 16px !important;
  }
  .pr-sp-16 {
    padding-right: 16px !important;
  }
  .ma-sp-16 {
    margin: 16px !important;
  }
  .pa-sp-16 {
    padding: 16px !important;
  }
  .mt-sp-17 {
    margin-top: 17px !important;
  }
  .pt-sp-17 {
    padding-top: 17px !important;
  }
  .ma-sp-17 {
    margin: 17px !important;
  }
  .pa-sp-17 {
    padding: 17px !important;
  }
  .mb-sp-17 {
    margin-bottom: 17px !important;
  }
  .pb-sp-17 {
    padding-bottom: 17px !important;
  }
  .ma-sp-17 {
    margin: 17px !important;
  }
  .pa-sp-17 {
    padding: 17px !important;
  }
  .ml-sp-17 {
    margin-left: 17px !important;
  }
  .pl-sp-17 {
    padding-left: 17px !important;
  }
  .ma-sp-17 {
    margin: 17px !important;
  }
  .pa-sp-17 {
    padding: 17px !important;
  }
  .mr-sp-17 {
    margin-right: 17px !important;
  }
  .pr-sp-17 {
    padding-right: 17px !important;
  }
  .ma-sp-17 {
    margin: 17px !important;
  }
  .pa-sp-17 {
    padding: 17px !important;
  }
  .mt-sp-20 {
    margin-top: 20px !important;
  }
  .pt-sp-20 {
    padding-top: 20px !important;
  }
  .ma-sp-20 {
    margin: 20px !important;
  }
  .pa-sp-20 {
    padding: 20px !important;
  }
  .mb-sp-20 {
    margin-bottom: 20px !important;
  }
  .pb-sp-20 {
    padding-bottom: 20px !important;
  }
  .ma-sp-20 {
    margin: 20px !important;
  }
  .pa-sp-20 {
    padding: 20px !important;
  }
  .ml-sp-20 {
    margin-left: 20px !important;
  }
  .pl-sp-20 {
    padding-left: 20px !important;
  }
  .ma-sp-20 {
    margin: 20px !important;
  }
  .pa-sp-20 {
    padding: 20px !important;
  }
  .mr-sp-20 {
    margin-right: 20px !important;
  }
  .pr-sp-20 {
    padding-right: 20px !important;
  }
  .ma-sp-20 {
    margin: 20px !important;
  }
  .pa-sp-20 {
    padding: 20px !important;
  }
  .mt-sp-22 {
    margin-top: 22px !important;
  }
  .pt-sp-22 {
    padding-top: 22px !important;
  }
  .ma-sp-22 {
    margin: 22px !important;
  }
  .pa-sp-22 {
    padding: 22px !important;
  }
  .mb-sp-22 {
    margin-bottom: 22px !important;
  }
  .pb-sp-22 {
    padding-bottom: 22px !important;
  }
  .ma-sp-22 {
    margin: 22px !important;
  }
  .pa-sp-22 {
    padding: 22px !important;
  }
  .ml-sp-22 {
    margin-left: 22px !important;
  }
  .pl-sp-22 {
    padding-left: 22px !important;
  }
  .ma-sp-22 {
    margin: 22px !important;
  }
  .pa-sp-22 {
    padding: 22px !important;
  }
  .mr-sp-22 {
    margin-right: 22px !important;
  }
  .pr-sp-22 {
    padding-right: 22px !important;
  }
  .ma-sp-22 {
    margin: 22px !important;
  }
  .pa-sp-22 {
    padding: 22px !important;
  }
  .mt-sp-25 {
    margin-top: 25px !important;
  }
  .pt-sp-25 {
    padding-top: 25px !important;
  }
  .ma-sp-25 {
    margin: 25px !important;
  }
  .pa-sp-25 {
    padding: 25px !important;
  }
  .mb-sp-25 {
    margin-bottom: 25px !important;
  }
  .pb-sp-25 {
    padding-bottom: 25px !important;
  }
  .ma-sp-25 {
    margin: 25px !important;
  }
  .pa-sp-25 {
    padding: 25px !important;
  }
  .ml-sp-25 {
    margin-left: 25px !important;
  }
  .pl-sp-25 {
    padding-left: 25px !important;
  }
  .ma-sp-25 {
    margin: 25px !important;
  }
  .pa-sp-25 {
    padding: 25px !important;
  }
  .mr-sp-25 {
    margin-right: 25px !important;
  }
  .pr-sp-25 {
    padding-right: 25px !important;
  }
  .ma-sp-25 {
    margin: 25px !important;
  }
  .pa-sp-25 {
    padding: 25px !important;
  }
  .mt-sp-30 {
    margin-top: 30px !important;
  }
  .pt-sp-30 {
    padding-top: 30px !important;
  }
  .ma-sp-30 {
    margin: 30px !important;
  }
  .pa-sp-30 {
    padding: 30px !important;
  }
  .mb-sp-30 {
    margin-bottom: 30px !important;
  }
  .pb-sp-30 {
    padding-bottom: 30px !important;
  }
  .ma-sp-30 {
    margin: 30px !important;
  }
  .pa-sp-30 {
    padding: 30px !important;
  }
  .ml-sp-30 {
    margin-left: 30px !important;
  }
  .pl-sp-30 {
    padding-left: 30px !important;
  }
  .ma-sp-30 {
    margin: 30px !important;
  }
  .pa-sp-30 {
    padding: 30px !important;
  }
  .mr-sp-30 {
    margin-right: 30px !important;
  }
  .pr-sp-30 {
    padding-right: 30px !important;
  }
  .ma-sp-30 {
    margin: 30px !important;
  }
  .pa-sp-30 {
    padding: 30px !important;
  }
  .mt-sp-35 {
    margin-top: 35px !important;
  }
  .pt-sp-35 {
    padding-top: 35px !important;
  }
  .ma-sp-35 {
    margin: 35px !important;
  }
  .pa-sp-35 {
    padding: 35px !important;
  }
  .mb-sp-35 {
    margin-bottom: 35px !important;
  }
  .pb-sp-35 {
    padding-bottom: 35px !important;
  }
  .ma-sp-35 {
    margin: 35px !important;
  }
  .pa-sp-35 {
    padding: 35px !important;
  }
  .ml-sp-35 {
    margin-left: 35px !important;
  }
  .pl-sp-35 {
    padding-left: 35px !important;
  }
  .ma-sp-35 {
    margin: 35px !important;
  }
  .pa-sp-35 {
    padding: 35px !important;
  }
  .mr-sp-35 {
    margin-right: 35px !important;
  }
  .pr-sp-35 {
    padding-right: 35px !important;
  }
  .ma-sp-35 {
    margin: 35px !important;
  }
  .pa-sp-35 {
    padding: 35px !important;
  }
  .mt-sp-40 {
    margin-top: 40px !important;
  }
  .pt-sp-40 {
    padding-top: 40px !important;
  }
  .ma-sp-40 {
    margin: 40px !important;
  }
  .pa-sp-40 {
    padding: 40px !important;
  }
  .mb-sp-40 {
    margin-bottom: 40px !important;
  }
  .pb-sp-40 {
    padding-bottom: 40px !important;
  }
  .ma-sp-40 {
    margin: 40px !important;
  }
  .pa-sp-40 {
    padding: 40px !important;
  }
  .ml-sp-40 {
    margin-left: 40px !important;
  }
  .pl-sp-40 {
    padding-left: 40px !important;
  }
  .ma-sp-40 {
    margin: 40px !important;
  }
  .pa-sp-40 {
    padding: 40px !important;
  }
  .mr-sp-40 {
    margin-right: 40px !important;
  }
  .pr-sp-40 {
    padding-right: 40px !important;
  }
  .ma-sp-40 {
    margin: 40px !important;
  }
  .pa-sp-40 {
    padding: 40px !important;
  }
  .mt-sp-45 {
    margin-top: 45px !important;
  }
  .pt-sp-45 {
    padding-top: 45px !important;
  }
  .ma-sp-45 {
    margin: 45px !important;
  }
  .pa-sp-45 {
    padding: 45px !important;
  }
  .mb-sp-45 {
    margin-bottom: 45px !important;
  }
  .pb-sp-45 {
    padding-bottom: 45px !important;
  }
  .ma-sp-45 {
    margin: 45px !important;
  }
  .pa-sp-45 {
    padding: 45px !important;
  }
  .ml-sp-45 {
    margin-left: 45px !important;
  }
  .pl-sp-45 {
    padding-left: 45px !important;
  }
  .ma-sp-45 {
    margin: 45px !important;
  }
  .pa-sp-45 {
    padding: 45px !important;
  }
  .mr-sp-45 {
    margin-right: 45px !important;
  }
  .pr-sp-45 {
    padding-right: 45px !important;
  }
  .ma-sp-45 {
    margin: 45px !important;
  }
  .pa-sp-45 {
    padding: 45px !important;
  }
  .mt-sp-50 {
    margin-top: 50px !important;
  }
  .pt-sp-50 {
    padding-top: 50px !important;
  }
  .ma-sp-50 {
    margin: 50px !important;
  }
  .pa-sp-50 {
    padding: 50px !important;
  }
  .mb-sp-50 {
    margin-bottom: 50px !important;
  }
  .pb-sp-50 {
    padding-bottom: 50px !important;
  }
  .ma-sp-50 {
    margin: 50px !important;
  }
  .pa-sp-50 {
    padding: 50px !important;
  }
  .ml-sp-50 {
    margin-left: 50px !important;
  }
  .pl-sp-50 {
    padding-left: 50px !important;
  }
  .ma-sp-50 {
    margin: 50px !important;
  }
  .pa-sp-50 {
    padding: 50px !important;
  }
  .mr-sp-50 {
    margin-right: 50px !important;
  }
  .pr-sp-50 {
    padding-right: 50px !important;
  }
  .ma-sp-50 {
    margin: 50px !important;
  }
  .pa-sp-50 {
    padding: 50px !important;
  }
  .mt-sp-55 {
    margin-top: 55px !important;
  }
  .pt-sp-55 {
    padding-top: 55px !important;
  }
  .ma-sp-55 {
    margin: 55px !important;
  }
  .pa-sp-55 {
    padding: 55px !important;
  }
  .mb-sp-55 {
    margin-bottom: 55px !important;
  }
  .pb-sp-55 {
    padding-bottom: 55px !important;
  }
  .ma-sp-55 {
    margin: 55px !important;
  }
  .pa-sp-55 {
    padding: 55px !important;
  }
  .ml-sp-55 {
    margin-left: 55px !important;
  }
  .pl-sp-55 {
    padding-left: 55px !important;
  }
  .ma-sp-55 {
    margin: 55px !important;
  }
  .pa-sp-55 {
    padding: 55px !important;
  }
  .mr-sp-55 {
    margin-right: 55px !important;
  }
  .pr-sp-55 {
    padding-right: 55px !important;
  }
  .ma-sp-55 {
    margin: 55px !important;
  }
  .pa-sp-55 {
    padding: 55px !important;
  }
  .mt-sp-60 {
    margin-top: 60px !important;
  }
  .pt-sp-60 {
    padding-top: 60px !important;
  }
  .ma-sp-60 {
    margin: 60px !important;
  }
  .pa-sp-60 {
    padding: 60px !important;
  }
  .mb-sp-60 {
    margin-bottom: 60px !important;
  }
  .pb-sp-60 {
    padding-bottom: 60px !important;
  }
  .ma-sp-60 {
    margin: 60px !important;
  }
  .pa-sp-60 {
    padding: 60px !important;
  }
  .ml-sp-60 {
    margin-left: 60px !important;
  }
  .pl-sp-60 {
    padding-left: 60px !important;
  }
  .ma-sp-60 {
    margin: 60px !important;
  }
  .pa-sp-60 {
    padding: 60px !important;
  }
  .mr-sp-60 {
    margin-right: 60px !important;
  }
  .pr-sp-60 {
    padding-right: 60px !important;
  }
  .ma-sp-60 {
    margin: 60px !important;
  }
  .pa-sp-60 {
    padding: 60px !important;
  }
  .mt-sp-65 {
    margin-top: 65px !important;
  }
  .pt-sp-65 {
    padding-top: 65px !important;
  }
  .ma-sp-65 {
    margin: 65px !important;
  }
  .pa-sp-65 {
    padding: 65px !important;
  }
  .mb-sp-65 {
    margin-bottom: 65px !important;
  }
  .pb-sp-65 {
    padding-bottom: 65px !important;
  }
  .ma-sp-65 {
    margin: 65px !important;
  }
  .pa-sp-65 {
    padding: 65px !important;
  }
  .ml-sp-65 {
    margin-left: 65px !important;
  }
  .pl-sp-65 {
    padding-left: 65px !important;
  }
  .ma-sp-65 {
    margin: 65px !important;
  }
  .pa-sp-65 {
    padding: 65px !important;
  }
  .mr-sp-65 {
    margin-right: 65px !important;
  }
  .pr-sp-65 {
    padding-right: 65px !important;
  }
  .ma-sp-65 {
    margin: 65px !important;
  }
  .pa-sp-65 {
    padding: 65px !important;
  }
  .mt-sp-70 {
    margin-top: 70px !important;
  }
  .pt-sp-70 {
    padding-top: 70px !important;
  }
  .ma-sp-70 {
    margin: 70px !important;
  }
  .pa-sp-70 {
    padding: 70px !important;
  }
  .mb-sp-70 {
    margin-bottom: 70px !important;
  }
  .pb-sp-70 {
    padding-bottom: 70px !important;
  }
  .ma-sp-70 {
    margin: 70px !important;
  }
  .pa-sp-70 {
    padding: 70px !important;
  }
  .ml-sp-70 {
    margin-left: 70px !important;
  }
  .pl-sp-70 {
    padding-left: 70px !important;
  }
  .ma-sp-70 {
    margin: 70px !important;
  }
  .pa-sp-70 {
    padding: 70px !important;
  }
  .mr-sp-70 {
    margin-right: 70px !important;
  }
  .pr-sp-70 {
    padding-right: 70px !important;
  }
  .ma-sp-70 {
    margin: 70px !important;
  }
  .pa-sp-70 {
    padding: 70px !important;
  }
  .mt-sp-75 {
    margin-top: 75px !important;
  }
  .pt-sp-75 {
    padding-top: 75px !important;
  }
  .ma-sp-75 {
    margin: 75px !important;
  }
  .pa-sp-75 {
    padding: 75px !important;
  }
  .mb-sp-75 {
    margin-bottom: 75px !important;
  }
  .pb-sp-75 {
    padding-bottom: 75px !important;
  }
  .ma-sp-75 {
    margin: 75px !important;
  }
  .pa-sp-75 {
    padding: 75px !important;
  }
  .ml-sp-75 {
    margin-left: 75px !important;
  }
  .pl-sp-75 {
    padding-left: 75px !important;
  }
  .ma-sp-75 {
    margin: 75px !important;
  }
  .pa-sp-75 {
    padding: 75px !important;
  }
  .mr-sp-75 {
    margin-right: 75px !important;
  }
  .pr-sp-75 {
    padding-right: 75px !important;
  }
  .ma-sp-75 {
    margin: 75px !important;
  }
  .pa-sp-75 {
    padding: 75px !important;
  }
  .mt-sp-80 {
    margin-top: 80px !important;
  }
  .pt-sp-80 {
    padding-top: 80px !important;
  }
  .ma-sp-80 {
    margin: 80px !important;
  }
  .pa-sp-80 {
    padding: 80px !important;
  }
  .mb-sp-80 {
    margin-bottom: 80px !important;
  }
  .pb-sp-80 {
    padding-bottom: 80px !important;
  }
  .ma-sp-80 {
    margin: 80px !important;
  }
  .pa-sp-80 {
    padding: 80px !important;
  }
  .ml-sp-80 {
    margin-left: 80px !important;
  }
  .pl-sp-80 {
    padding-left: 80px !important;
  }
  .ma-sp-80 {
    margin: 80px !important;
  }
  .pa-sp-80 {
    padding: 80px !important;
  }
  .mr-sp-80 {
    margin-right: 80px !important;
  }
  .pr-sp-80 {
    padding-right: 80px !important;
  }
  .ma-sp-80 {
    margin: 80px !important;
  }
  .pa-sp-80 {
    padding: 80px !important;
  }
  .mt-sp-85 {
    margin-top: 85px !important;
  }
  .pt-sp-85 {
    padding-top: 85px !important;
  }
  .ma-sp-85 {
    margin: 85px !important;
  }
  .pa-sp-85 {
    padding: 85px !important;
  }
  .mb-sp-85 {
    margin-bottom: 85px !important;
  }
  .pb-sp-85 {
    padding-bottom: 85px !important;
  }
  .ma-sp-85 {
    margin: 85px !important;
  }
  .pa-sp-85 {
    padding: 85px !important;
  }
  .ml-sp-85 {
    margin-left: 85px !important;
  }
  .pl-sp-85 {
    padding-left: 85px !important;
  }
  .ma-sp-85 {
    margin: 85px !important;
  }
  .pa-sp-85 {
    padding: 85px !important;
  }
  .mr-sp-85 {
    margin-right: 85px !important;
  }
  .pr-sp-85 {
    padding-right: 85px !important;
  }
  .ma-sp-85 {
    margin: 85px !important;
  }
  .pa-sp-85 {
    padding: 85px !important;
  }
  .mt-sp-90 {
    margin-top: 90px !important;
  }
  .pt-sp-90 {
    padding-top: 90px !important;
  }
  .ma-sp-90 {
    margin: 90px !important;
  }
  .pa-sp-90 {
    padding: 90px !important;
  }
  .mb-sp-90 {
    margin-bottom: 90px !important;
  }
  .pb-sp-90 {
    padding-bottom: 90px !important;
  }
  .ma-sp-90 {
    margin: 90px !important;
  }
  .pa-sp-90 {
    padding: 90px !important;
  }
  .ml-sp-90 {
    margin-left: 90px !important;
  }
  .pl-sp-90 {
    padding-left: 90px !important;
  }
  .ma-sp-90 {
    margin: 90px !important;
  }
  .pa-sp-90 {
    padding: 90px !important;
  }
  .mr-sp-90 {
    margin-right: 90px !important;
  }
  .pr-sp-90 {
    padding-right: 90px !important;
  }
  .ma-sp-90 {
    margin: 90px !important;
  }
  .pa-sp-90 {
    padding: 90px !important;
  }
  .mt-sp-95 {
    margin-top: 95px !important;
  }
  .pt-sp-95 {
    padding-top: 95px !important;
  }
  .ma-sp-95 {
    margin: 95px !important;
  }
  .pa-sp-95 {
    padding: 95px !important;
  }
  .mb-sp-95 {
    margin-bottom: 95px !important;
  }
  .pb-sp-95 {
    padding-bottom: 95px !important;
  }
  .ma-sp-95 {
    margin: 95px !important;
  }
  .pa-sp-95 {
    padding: 95px !important;
  }
  .ml-sp-95 {
    margin-left: 95px !important;
  }
  .pl-sp-95 {
    padding-left: 95px !important;
  }
  .ma-sp-95 {
    margin: 95px !important;
  }
  .pa-sp-95 {
    padding: 95px !important;
  }
  .mr-sp-95 {
    margin-right: 95px !important;
  }
  .pr-sp-95 {
    padding-right: 95px !important;
  }
  .ma-sp-95 {
    margin: 95px !important;
  }
  .pa-sp-95 {
    padding: 95px !important;
  }
  .mt-sp-100 {
    margin-top: 100px !important;
  }
  .pt-sp-100 {
    padding-top: 100px !important;
  }
  .ma-sp-100 {
    margin: 100px !important;
  }
  .pa-sp-100 {
    padding: 100px !important;
  }
  .mb-sp-100 {
    margin-bottom: 100px !important;
  }
  .pb-sp-100 {
    padding-bottom: 100px !important;
  }
  .ma-sp-100 {
    margin: 100px !important;
  }
  .pa-sp-100 {
    padding: 100px !important;
  }
  .ml-sp-100 {
    margin-left: 100px !important;
  }
  .pl-sp-100 {
    padding-left: 100px !important;
  }
  .ma-sp-100 {
    margin: 100px !important;
  }
  .pa-sp-100 {
    padding: 100px !important;
  }
  .mr-sp-100 {
    margin-right: 100px !important;
  }
  .pr-sp-100 {
    padding-right: 100px !important;
  }
  .ma-sp-100 {
    margin: 100px !important;
  }
  .pa-sp-100 {
    padding: 100px !important;
  }
  .mt-sp-110 {
    margin-top: 110px !important;
  }
  .pt-sp-110 {
    padding-top: 110px !important;
  }
  .ma-sp-110 {
    margin: 110px !important;
  }
  .pa-sp-110 {
    padding: 110px !important;
  }
  .mb-sp-110 {
    margin-bottom: 110px !important;
  }
  .pb-sp-110 {
    padding-bottom: 110px !important;
  }
  .ma-sp-110 {
    margin: 110px !important;
  }
  .pa-sp-110 {
    padding: 110px !important;
  }
  .ml-sp-110 {
    margin-left: 110px !important;
  }
  .pl-sp-110 {
    padding-left: 110px !important;
  }
  .ma-sp-110 {
    margin: 110px !important;
  }
  .pa-sp-110 {
    padding: 110px !important;
  }
  .mr-sp-110 {
    margin-right: 110px !important;
  }
  .pr-sp-110 {
    padding-right: 110px !important;
  }
  .ma-sp-110 {
    margin: 110px !important;
  }
  .pa-sp-110 {
    padding: 110px !important;
  }
  .mt-sp-120 {
    margin-top: 120px !important;
  }
  .pt-sp-120 {
    padding-top: 120px !important;
  }
  .ma-sp-120 {
    margin: 120px !important;
  }
  .pa-sp-120 {
    padding: 120px !important;
  }
  .mb-sp-120 {
    margin-bottom: 120px !important;
  }
  .pb-sp-120 {
    padding-bottom: 120px !important;
  }
  .ma-sp-120 {
    margin: 120px !important;
  }
  .pa-sp-120 {
    padding: 120px !important;
  }
  .ml-sp-120 {
    margin-left: 120px !important;
  }
  .pl-sp-120 {
    padding-left: 120px !important;
  }
  .ma-sp-120 {
    margin: 120px !important;
  }
  .pa-sp-120 {
    padding: 120px !important;
  }
  .mr-sp-120 {
    margin-right: 120px !important;
  }
  .pr-sp-120 {
    padding-right: 120px !important;
  }
  .ma-sp-120 {
    margin: 120px !important;
  }
  .pa-sp-120 {
    padding: 120px !important;
  }
  .mt-sp-150 {
    margin-top: 150px !important;
  }
  .pt-sp-150 {
    padding-top: 150px !important;
  }
  .ma-sp-150 {
    margin: 150px !important;
  }
  .pa-sp-150 {
    padding: 150px !important;
  }
  .mb-sp-150 {
    margin-bottom: 150px !important;
  }
  .pb-sp-150 {
    padding-bottom: 150px !important;
  }
  .ma-sp-150 {
    margin: 150px !important;
  }
  .pa-sp-150 {
    padding: 150px !important;
  }
  .ml-sp-150 {
    margin-left: 150px !important;
  }
  .pl-sp-150 {
    padding-left: 150px !important;
  }
  .ma-sp-150 {
    margin: 150px !important;
  }
  .pa-sp-150 {
    padding: 150px !important;
  }
  .mr-sp-150 {
    margin-right: 150px !important;
  }
  .pr-sp-150 {
    padding-right: 150px !important;
  }
  .ma-sp-150 {
    margin: 150px !important;
  }
  .pa-sp-150 {
    padding: 150px !important;
  }
  .mt-sp-305 {
    margin-top: 305px !important;
  }
  .pt-sp-305 {
    padding-top: 305px !important;
  }
  .ma-sp-305 {
    margin: 305px !important;
  }
  .pa-sp-305 {
    padding: 305px !important;
  }
  .mb-sp-305 {
    margin-bottom: 305px !important;
  }
  .pb-sp-305 {
    padding-bottom: 305px !important;
  }
  .ma-sp-305 {
    margin: 305px !important;
  }
  .pa-sp-305 {
    padding: 305px !important;
  }
  .ml-sp-305 {
    margin-left: 305px !important;
  }
  .pl-sp-305 {
    padding-left: 305px !important;
  }
  .ma-sp-305 {
    margin: 305px !important;
  }
  .pa-sp-305 {
    padding: 305px !important;
  }
  .mr-sp-305 {
    margin-right: 305px !important;
  }
  .pr-sp-305 {
    padding-right: 305px !important;
  }
  .ma-sp-305 {
    margin: 305px !important;
  }
  .pa-sp-305 {
    padding: 305px !important;
  }
}

.ma-0 {
  margin: 0 auto !important;
}

@media (max-width: 812px) {
  .ma-sp-0 {
    margin: 0 auto !important;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* ==========================================================
 Text align
========================================================== */
.txt-left {
  text-align: left !important;
}

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

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

@media (min-width: 813px) {
  .txt-pc-left {
    text-align: left !important;
  }
  .txt-pc-center {
    text-align: center !important;
  }
  .txt-pc-right {
    text-align: right !important;
  }
}

@media (max-width: 812px) {
  .txt-sp-left {
    text-align: left !important;
  }
  .txt-sp-center {
    text-align: center !important;
  }
  .txt-sp-right {
    text-align: right !important;
  }
}

/* ==========================================================
 Text weight
========================================================== */
.txt-normal {
  font-weight: normal !important;
}

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

/* ==========================================================
 Text color
========================================================== */
.txt-white {
  color: #fff;
}

.txt-red {
  color: #e00501;
}

.txt-gray {
  color: #b3b3b3;
}

.txt-blue {
  color: #116cad;
}

/* ==========================================================
 Text size
========================================================== */
.txt-size-10 {
  font-size: 1rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-10 {
    font-size: 1rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-10 {
    font-size: 1rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-11 {
    font-size: 1.1rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-11 {
    font-size: 1.1rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-12 {
    font-size: 1.2rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-12 {
    font-size: 1.2rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-13 {
    font-size: 1.3rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-13 {
    font-size: 1.3rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-14 {
    font-size: 1.4rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-14 {
    font-size: 1.4rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-15 {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-15 {
    font-size: 1.5rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-16 {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-16 {
    font-size: 1.6rem !important;
  }
}

.txt-size-17 {
  font-size: 1.7rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-17 {
    font-size: 1.7rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-17 {
    font-size: 1.7rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-18 {
    font-size: 1.8rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-18 {
    font-size: 1.8rem !important;
  }
}

.txt-size-19 {
  font-size: 1.9rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-19 {
    font-size: 1.9rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-19 {
    font-size: 1.9rem !important;
  }
}

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

@media (max-width: 812px) {
  .txt-sp-size-20 {
    font-size: 2rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-20 {
    font-size: 2rem !important;
  }
}

.txt-size-21 {
  font-size: 2.1rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-21 {
    font-size: 2.1rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-21 {
    font-size: 2.1rem !important;
  }
}

.txt-size-22 {
  font-size: 2.2rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-22 {
    font-size: 2.2rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-22 {
    font-size: 2.2rem !important;
  }
}

.txt-size-23 {
  font-size: 2.3rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-23 {
    font-size: 2.3rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-23 {
    font-size: 2.3rem !important;
  }
}

.txt-size-24 {
  font-size: 2.4rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-24 {
    font-size: 2.4rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-24 {
    font-size: 2.4rem !important;
  }
}

.txt-size-25 {
  font-size: 2.5rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-25 {
    font-size: 2.5rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-25 {
    font-size: 2.5rem !important;
  }
}

.txt-size-26 {
  font-size: 2.6rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-26 {
    font-size: 2.6rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-26 {
    font-size: 2.6rem !important;
  }
}

.txt-size-27 {
  font-size: 2.7rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-27 {
    font-size: 2.7rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-27 {
    font-size: 2.7rem !important;
  }
}

.txt-size-28 {
  font-size: 2.8rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-28 {
    font-size: 2.8rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-28 {
    font-size: 2.8rem !important;
  }
}

.txt-size-29 {
  font-size: 2.9rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-29 {
    font-size: 2.9rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-29 {
    font-size: 2.9rem !important;
  }
}

.txt-size-30 {
  font-size: 3rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-30 {
    font-size: 3rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-30 {
    font-size: 3rem !important;
  }
}

.txt-size-31 {
  font-size: 3.1rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-31 {
    font-size: 3.1rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-31 {
    font-size: 3.1rem !important;
  }
}

.txt-size-32 {
  font-size: 3.2rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-32 {
    font-size: 3.2rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-32 {
    font-size: 3.2rem !important;
  }
}

.txt-size-33 {
  font-size: 3.3rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-33 {
    font-size: 3.3rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-33 {
    font-size: 3.3rem !important;
  }
}

.txt-size-34 {
  font-size: 3.4rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-34 {
    font-size: 3.4rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-34 {
    font-size: 3.4rem !important;
  }
}

.txt-size-35 {
  font-size: 3.5rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-35 {
    font-size: 3.5rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-35 {
    font-size: 3.5rem !important;
  }
}

.txt-size-36 {
  font-size: 3.6rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-36 {
    font-size: 3.6rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-36 {
    font-size: 3.6rem !important;
  }
}

.txt-size-37 {
  font-size: 3.7rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-37 {
    font-size: 3.7rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-37 {
    font-size: 3.7rem !important;
  }
}

.txt-size-38 {
  font-size: 3.8rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-38 {
    font-size: 3.8rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-38 {
    font-size: 3.8rem !important;
  }
}

.txt-size-39 {
  font-size: 3.9rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-39 {
    font-size: 3.9rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-39 {
    font-size: 3.9rem !important;
  }
}

.txt-size-40 {
  font-size: 4rem !important;
}

@media (max-width: 812px) {
  .txt-sp-size-40 {
    font-size: 4rem !important;
  }
}

@media (min-width: 813px) {
  .txt-pc-size-40 {
    font-size: 4rem !important;
  }
}

/* ==========================================================
 Text underline
========================================================== */
.txt-underline {
  text-decoration: underline !important;
}

.txt-no-underline {
  text-decoration: none !important;
}

/* ==========================================================
 Txt ellipsis
========================================================== */
.txt-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================
 Text line-through
========================================================== */
.txt-lineThgrough {
  text-decoration: line-through !important;
}

/* ==========================================================
 Width size
========================================================== */
/* Width pixel
---------------------------------------------------------- */
.width-px-10 {
  width: 10px !important;
}

@media (min-width: 813px) {
  .width-pc-px-10 {
    width: 10px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-10 {
    width: 10px !important;
  }
}

.width-px-20 {
  width: 20px !important;
}

@media (min-width: 813px) {
  .width-pc-px-20 {
    width: 20px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-20 {
    width: 20px !important;
  }
}

.width-px-25 {
  width: 25px !important;
}

@media (min-width: 813px) {
  .width-pc-px-25 {
    width: 25px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-25 {
    width: 25px !important;
  }
}

.width-px-30 {
  width: 30px !important;
}

@media (min-width: 813px) {
  .width-pc-px-30 {
    width: 30px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-30 {
    width: 30px !important;
  }
}

.width-px-40 {
  width: 40px !important;
}

@media (min-width: 813px) {
  .width-pc-px-40 {
    width: 40px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-40 {
    width: 40px !important;
  }
}

.width-px-50 {
  width: 50px !important;
}

@media (min-width: 813px) {
  .width-pc-px-50 {
    width: 50px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-50 {
    width: 50px !important;
  }
}

.width-px-60 {
  width: 60px !important;
}

@media (min-width: 813px) {
  .width-pc-px-60 {
    width: 60px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-60 {
    width: 60px !important;
  }
}

.width-px-70 {
  width: 70px !important;
}

@media (min-width: 813px) {
  .width-pc-px-70 {
    width: 70px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-70 {
    width: 70px !important;
  }
}

.width-px-75 {
  width: 75px !important;
}

@media (min-width: 813px) {
  .width-pc-px-75 {
    width: 75px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-75 {
    width: 75px !important;
  }
}

.width-px-80 {
  width: 80px !important;
}

@media (min-width: 813px) {
  .width-pc-px-80 {
    width: 80px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-80 {
    width: 80px !important;
  }
}

.width-px-90 {
  width: 90px !important;
}

@media (min-width: 813px) {
  .width-pc-px-90 {
    width: 90px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-90 {
    width: 90px !important;
  }
}

.width-px-100 {
  width: 100px !important;
}

@media (min-width: 813px) {
  .width-pc-px-100 {
    width: 100px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-100 {
    width: 100px !important;
  }
}

.width-px-110 {
  width: 110px !important;
}

@media (min-width: 813px) {
  .width-pc-px-110 {
    width: 110px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-110 {
    width: 110px !important;
  }
}

.width-px-120 {
  width: 120px !important;
}

@media (min-width: 813px) {
  .width-pc-px-120 {
    width: 120px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-120 {
    width: 120px !important;
  }
}

.width-px-130 {
  width: 130px !important;
}

@media (min-width: 813px) {
  .width-pc-px-130 {
    width: 130px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-130 {
    width: 130px !important;
  }
}

.width-px-140 {
  width: 140px !important;
}

@media (min-width: 813px) {
  .width-pc-px-140 {
    width: 140px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-140 {
    width: 140px !important;
  }
}

.width-px-150 {
  width: 150px !important;
}

@media (min-width: 813px) {
  .width-pc-px-150 {
    width: 150px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-150 {
    width: 150px !important;
  }
}

.width-px-160 {
  width: 160px !important;
}

@media (min-width: 813px) {
  .width-pc-px-160 {
    width: 160px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-160 {
    width: 160px !important;
  }
}

.width-px-170 {
  width: 170px !important;
}

@media (min-width: 813px) {
  .width-pc-px-170 {
    width: 170px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-170 {
    width: 170px !important;
  }
}

.width-px-180 {
  width: 180px !important;
}

@media (min-width: 813px) {
  .width-pc-px-180 {
    width: 180px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-180 {
    width: 180px !important;
  }
}

.width-px-190 {
  width: 190px !important;
}

@media (min-width: 813px) {
  .width-pc-px-190 {
    width: 190px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-190 {
    width: 190px !important;
  }
}

.width-px-200 {
  width: 200px !important;
}

@media (min-width: 813px) {
  .width-pc-px-200 {
    width: 200px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-200 {
    width: 200px !important;
  }
}

.width-px-210 {
  width: 210px !important;
}

@media (min-width: 813px) {
  .width-pc-px-210 {
    width: 210px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-210 {
    width: 210px !important;
  }
}

.width-px-220 {
  width: 220px !important;
}

@media (min-width: 813px) {
  .width-pc-px-220 {
    width: 220px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-220 {
    width: 220px !important;
  }
}

.width-px-230 {
  width: 230px !important;
}

@media (min-width: 813px) {
  .width-pc-px-230 {
    width: 230px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-230 {
    width: 230px !important;
  }
}

.width-px-240 {
  width: 240px !important;
}

@media (min-width: 813px) {
  .width-pc-px-240 {
    width: 240px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-240 {
    width: 240px !important;
  }
}

.width-px-250 {
  width: 250px !important;
}

@media (min-width: 813px) {
  .width-pc-px-250 {
    width: 250px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-250 {
    width: 250px !important;
  }
}

.width-px-260 {
  width: 260px !important;
}

@media (min-width: 813px) {
  .width-pc-px-260 {
    width: 260px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-260 {
    width: 260px !important;
  }
}

.width-px-270 {
  width: 270px !important;
}

@media (min-width: 813px) {
  .width-pc-px-270 {
    width: 270px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-270 {
    width: 270px !important;
  }
}

.width-px-280 {
  width: 280px !important;
}

@media (min-width: 813px) {
  .width-pc-px-280 {
    width: 280px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-280 {
    width: 280px !important;
  }
}

.width-px-290 {
  width: 290px !important;
}

@media (min-width: 813px) {
  .width-pc-px-290 {
    width: 290px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-290 {
    width: 290px !important;
  }
}

.width-px-300 {
  width: 300px !important;
}

@media (min-width: 813px) {
  .width-pc-px-300 {
    width: 300px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-300 {
    width: 300px !important;
  }
}

.width-px-310 {
  width: 310px !important;
}

@media (min-width: 813px) {
  .width-pc-px-310 {
    width: 310px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-310 {
    width: 310px !important;
  }
}

.width-px-320 {
  width: 320px !important;
}

@media (min-width: 813px) {
  .width-pc-px-320 {
    width: 320px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-320 {
    width: 320px !important;
  }
}

.width-px-330 {
  width: 330px !important;
}

@media (min-width: 813px) {
  .width-pc-px-330 {
    width: 330px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-330 {
    width: 330px !important;
  }
}

.width-px-340 {
  width: 340px !important;
}

@media (min-width: 813px) {
  .width-pc-px-340 {
    width: 340px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-340 {
    width: 340px !important;
  }
}

.width-px-350 {
  width: 350px !important;
}

@media (min-width: 813px) {
  .width-pc-px-350 {
    width: 350px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-350 {
    width: 350px !important;
  }
}

.width-px-360 {
  width: 360px !important;
}

@media (min-width: 813px) {
  .width-pc-px-360 {
    width: 360px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-360 {
    width: 360px !important;
  }
}

.width-px-370 {
  width: 370px !important;
}

@media (min-width: 813px) {
  .width-pc-px-370 {
    width: 370px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-370 {
    width: 370px !important;
  }
}

.width-px-380 {
  width: 380px !important;
}

@media (min-width: 813px) {
  .width-pc-px-380 {
    width: 380px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-380 {
    width: 380px !important;
  }
}

.width-px-390 {
  width: 390px !important;
}

@media (min-width: 813px) {
  .width-pc-px-390 {
    width: 390px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-390 {
    width: 390px !important;
  }
}

.width-px-400 {
  width: 400px !important;
}

@media (min-width: 813px) {
  .width-pc-px-400 {
    width: 400px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-400 {
    width: 400px !important;
  }
}

.width-px-410 {
  width: 410px !important;
}

@media (min-width: 813px) {
  .width-pc-px-410 {
    width: 410px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-410 {
    width: 410px !important;
  }
}

.width-px-420 {
  width: 420px !important;
}

@media (min-width: 813px) {
  .width-pc-px-420 {
    width: 420px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-420 {
    width: 420px !important;
  }
}

.width-px-430 {
  width: 430px !important;
}

@media (min-width: 813px) {
  .width-pc-px-430 {
    width: 430px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-430 {
    width: 430px !important;
  }
}

.width-px-440 {
  width: 440px !important;
}

@media (min-width: 813px) {
  .width-pc-px-440 {
    width: 440px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-440 {
    width: 440px !important;
  }
}

.width-px-450 {
  width: 450px !important;
}

@media (min-width: 813px) {
  .width-pc-px-450 {
    width: 450px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-450 {
    width: 450px !important;
  }
}

.width-px-460 {
  width: 460px !important;
}

@media (min-width: 813px) {
  .width-pc-px-460 {
    width: 460px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-460 {
    width: 460px !important;
  }
}

.width-px-470 {
  width: 470px !important;
}

@media (min-width: 813px) {
  .width-pc-px-470 {
    width: 470px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-470 {
    width: 470px !important;
  }
}

.width-px-480 {
  width: 480px !important;
}

@media (min-width: 813px) {
  .width-pc-px-480 {
    width: 480px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-480 {
    width: 480px !important;
  }
}

.width-px-490 {
  width: 490px !important;
}

@media (min-width: 813px) {
  .width-pc-px-490 {
    width: 490px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-490 {
    width: 490px !important;
  }
}

.width-px-500 {
  width: 500px !important;
}

@media (min-width: 813px) {
  .width-pc-px-500 {
    width: 500px !important;
  }
}

@media (max-width: 812px) {
  .width-sp-px-500 {
    width: 500px !important;
  }
}

/* Width percentage
---------------------------------------------------------- */
.width-pct-10 {
  width: 10% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-10 {
    width: 10% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-10 {
    width: 10% !important;
  }
}

.width-pct-11 {
  width: 11% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-11 {
    width: 11% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-11 {
    width: 11% !important;
  }
}

.width-pct-12 {
  width: 12% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-12 {
    width: 12% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-12 {
    width: 12% !important;
  }
}

.width-pct-13 {
  width: 13% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-13 {
    width: 13% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-13 {
    width: 13% !important;
  }
}

.width-pct-14 {
  width: 14% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-14 {
    width: 14% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-14 {
    width: 14% !important;
  }
}

.width-pct-15 {
  width: 15% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-15 {
    width: 15% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-15 {
    width: 15% !important;
  }
}

.width-pct-16 {
  width: 16% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-16 {
    width: 16% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-16 {
    width: 16% !important;
  }
}

.width-pct-17 {
  width: 17% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-17 {
    width: 17% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-17 {
    width: 17% !important;
  }
}

.width-pct-18 {
  width: 18% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-18 {
    width: 18% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-18 {
    width: 18% !important;
  }
}

.width-pct-19 {
  width: 19% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-19 {
    width: 19% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-19 {
    width: 19% !important;
  }
}

.width-pct-20 {
  width: 20% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-20 {
    width: 20% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-20 {
    width: 20% !important;
  }
}

.width-pct-21 {
  width: 21% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-21 {
    width: 21% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-21 {
    width: 21% !important;
  }
}

.width-pct-22 {
  width: 22% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-22 {
    width: 22% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-22 {
    width: 22% !important;
  }
}

.width-pct-23 {
  width: 23% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-23 {
    width: 23% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-23 {
    width: 23% !important;
  }
}

.width-pct-24 {
  width: 24% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-24 {
    width: 24% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-24 {
    width: 24% !important;
  }
}

.width-pct-25 {
  width: 25% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-25 {
    width: 25% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-25 {
    width: 25% !important;
  }
}

.width-pct-26 {
  width: 26% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-26 {
    width: 26% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-26 {
    width: 26% !important;
  }
}

.width-pct-27 {
  width: 27% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-27 {
    width: 27% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-27 {
    width: 27% !important;
  }
}

.width-pct-28 {
  width: 28% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-28 {
    width: 28% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-28 {
    width: 28% !important;
  }
}

.width-pct-29 {
  width: 29% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-29 {
    width: 29% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-29 {
    width: 29% !important;
  }
}

.width-pct-30 {
  width: 30% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-30 {
    width: 30% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-30 {
    width: 30% !important;
  }
}

.width-pct-31 {
  width: 31% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-31 {
    width: 31% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-31 {
    width: 31% !important;
  }
}

.width-pct-32 {
  width: 32% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-32 {
    width: 32% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-32 {
    width: 32% !important;
  }
}

.width-pct-33 {
  width: 33% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-33 {
    width: 33% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-33 {
    width: 33% !important;
  }
}

.width-pct-34 {
  width: 34% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-34 {
    width: 34% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-34 {
    width: 34% !important;
  }
}

.width-pct-35 {
  width: 35% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-35 {
    width: 35% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-35 {
    width: 35% !important;
  }
}

.width-pct-36 {
  width: 36% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-36 {
    width: 36% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-36 {
    width: 36% !important;
  }
}

.width-pct-37 {
  width: 37% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-37 {
    width: 37% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-37 {
    width: 37% !important;
  }
}

.width-pct-38 {
  width: 38% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-38 {
    width: 38% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-38 {
    width: 38% !important;
  }
}

.width-pct-39 {
  width: 39% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-39 {
    width: 39% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-39 {
    width: 39% !important;
  }
}

.width-pct-40 {
  width: 40% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-40 {
    width: 40% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-40 {
    width: 40% !important;
  }
}

.width-pct-41 {
  width: 41% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-41 {
    width: 41% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-41 {
    width: 41% !important;
  }
}

.width-pct-42 {
  width: 42% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-42 {
    width: 42% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-42 {
    width: 42% !important;
  }
}

.width-pct-43 {
  width: 43% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-43 {
    width: 43% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-43 {
    width: 43% !important;
  }
}

.width-pct-44 {
  width: 44% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-44 {
    width: 44% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-44 {
    width: 44% !important;
  }
}

.width-pct-45 {
  width: 45% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-45 {
    width: 45% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-45 {
    width: 45% !important;
  }
}

.width-pct-46 {
  width: 46% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-46 {
    width: 46% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-46 {
    width: 46% !important;
  }
}

.width-pct-47 {
  width: 47% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-47 {
    width: 47% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-47 {
    width: 47% !important;
  }
}

.width-pct-48 {
  width: 48% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-48 {
    width: 48% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-48 {
    width: 48% !important;
  }
}

.width-pct-49 {
  width: 49% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-49 {
    width: 49% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-49 {
    width: 49% !important;
  }
}

.width-pct-50 {
  width: 50% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-50 {
    width: 50% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-50 {
    width: 50% !important;
  }
}

.width-pct-51 {
  width: 51% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-51 {
    width: 51% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-51 {
    width: 51% !important;
  }
}

.width-pct-52 {
  width: 52% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-52 {
    width: 52% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-52 {
    width: 52% !important;
  }
}

.width-pct-53 {
  width: 53% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-53 {
    width: 53% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-53 {
    width: 53% !important;
  }
}

.width-pct-54 {
  width: 54% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-54 {
    width: 54% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-54 {
    width: 54% !important;
  }
}

.width-pct-55 {
  width: 55% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-55 {
    width: 55% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-55 {
    width: 55% !important;
  }
}

.width-pct-56 {
  width: 56% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-56 {
    width: 56% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-56 {
    width: 56% !important;
  }
}

.width-pct-57 {
  width: 57% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-57 {
    width: 57% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-57 {
    width: 57% !important;
  }
}

.width-pct-58 {
  width: 58% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-58 {
    width: 58% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-58 {
    width: 58% !important;
  }
}

.width-pct-59 {
  width: 59% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-59 {
    width: 59% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-59 {
    width: 59% !important;
  }
}

.width-pct-60 {
  width: 60% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-60 {
    width: 60% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-60 {
    width: 60% !important;
  }
}

.width-pct-61 {
  width: 61% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-61 {
    width: 61% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-61 {
    width: 61% !important;
  }
}

.width-pct-62 {
  width: 62% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-62 {
    width: 62% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-62 {
    width: 62% !important;
  }
}

.width-pct-63 {
  width: 63% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-63 {
    width: 63% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-63 {
    width: 63% !important;
  }
}

.width-pct-64 {
  width: 64% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-64 {
    width: 64% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-64 {
    width: 64% !important;
  }
}

.width-pct-65 {
  width: 65% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-65 {
    width: 65% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-65 {
    width: 65% !important;
  }
}

.width-pct-66 {
  width: 66% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-66 {
    width: 66% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-66 {
    width: 66% !important;
  }
}

.width-pct-67 {
  width: 67% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-67 {
    width: 67% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-67 {
    width: 67% !important;
  }
}

.width-pct-68 {
  width: 68% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-68 {
    width: 68% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-68 {
    width: 68% !important;
  }
}

.width-pct-69 {
  width: 69% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-69 {
    width: 69% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-69 {
    width: 69% !important;
  }
}

.width-pct-70 {
  width: 70% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-70 {
    width: 70% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-70 {
    width: 70% !important;
  }
}

.width-pct-71 {
  width: 71% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-71 {
    width: 71% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-71 {
    width: 71% !important;
  }
}

.width-pct-72 {
  width: 72% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-72 {
    width: 72% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-72 {
    width: 72% !important;
  }
}

.width-pct-73 {
  width: 73% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-73 {
    width: 73% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-73 {
    width: 73% !important;
  }
}

.width-pct-74 {
  width: 74% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-74 {
    width: 74% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-74 {
    width: 74% !important;
  }
}

.width-pct-75 {
  width: 75% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-75 {
    width: 75% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-75 {
    width: 75% !important;
  }
}

.width-pct-76 {
  width: 76% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-76 {
    width: 76% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-76 {
    width: 76% !important;
  }
}

.width-pct-77 {
  width: 77% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-77 {
    width: 77% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-77 {
    width: 77% !important;
  }
}

.width-pct-78 {
  width: 78% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-78 {
    width: 78% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-78 {
    width: 78% !important;
  }
}

.width-pct-79 {
  width: 79% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-79 {
    width: 79% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-79 {
    width: 79% !important;
  }
}

.width-pct-80 {
  width: 80% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-80 {
    width: 80% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-80 {
    width: 80% !important;
  }
}

.width-pct-81 {
  width: 81% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-81 {
    width: 81% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-81 {
    width: 81% !important;
  }
}

.width-pct-82 {
  width: 82% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-82 {
    width: 82% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-82 {
    width: 82% !important;
  }
}

.width-pct-83 {
  width: 83% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-83 {
    width: 83% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-83 {
    width: 83% !important;
  }
}

.width-pct-84 {
  width: 84% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-84 {
    width: 84% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-84 {
    width: 84% !important;
  }
}

.width-pct-85 {
  width: 85% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-85 {
    width: 85% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-85 {
    width: 85% !important;
  }
}

.width-pct-86 {
  width: 86% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-86 {
    width: 86% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-86 {
    width: 86% !important;
  }
}

.width-pct-87 {
  width: 87% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-87 {
    width: 87% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-87 {
    width: 87% !important;
  }
}

.width-pct-88 {
  width: 88% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-88 {
    width: 88% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-88 {
    width: 88% !important;
  }
}

.width-pct-89 {
  width: 89% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-89 {
    width: 89% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-89 {
    width: 89% !important;
  }
}

.width-pct-90 {
  width: 90% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-90 {
    width: 90% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-90 {
    width: 90% !important;
  }
}

.width-pct-91 {
  width: 91% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-91 {
    width: 91% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-91 {
    width: 91% !important;
  }
}

.width-pct-92 {
  width: 92% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-92 {
    width: 92% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-92 {
    width: 92% !important;
  }
}

.width-pct-93 {
  width: 93% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-93 {
    width: 93% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-93 {
    width: 93% !important;
  }
}

.width-pct-94 {
  width: 94% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-94 {
    width: 94% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-94 {
    width: 94% !important;
  }
}

.width-pct-95 {
  width: 95% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-95 {
    width: 95% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-95 {
    width: 95% !important;
  }
}

.width-pct-96 {
  width: 96% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-96 {
    width: 96% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-96 {
    width: 96% !important;
  }
}

.width-pct-97 {
  width: 97% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-97 {
    width: 97% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-97 {
    width: 97% !important;
  }
}

.width-pct-98 {
  width: 98% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-98 {
    width: 98% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-98 {
    width: 98% !important;
  }
}

.width-pct-99 {
  width: 99% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-99 {
    width: 99% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-99 {
    width: 99% !important;
  }
}

.width-pct-100 {
  width: 100% !important;
}

@media (min-width: 813px) {
  .width-pc-pct-100 {
    width: 100% !important;
  }
}

@media (max-width: 812px) {
  .width-sp-pct-100 {
    width: 100% !important;
  }
}

/* ==========================================================
 color
========================================================== */
/* ==========================================================
 breakpoint
========================================================== */
/* border position
---------------------------------------------------------- */
.bdr-a {
  border: 1px solid #e6e6e6 !important;
}

.bdr-top {
  border-top: 1px solid #e6e6e6 !important;
}

.bdr-right {
  border-right: 1px solid #e6e6e6 !important;
}

.bdr-bottom {
  border-bottom: 1px solid #e6e6e6 !important;
}

.bdr-left {
  border-left: 1px solid #e6e6e6 !important;
}

/* border-none
---------------------------------------------------------- */
.bdr-none {
  border: none !important;
}

@media (min-width: 813px) {
  .bdr-none-pc {
    border: none !important;
  }
}

@media (max-width: 812px) {
  .bdr-none-sp {
    border: none !important;
  }
}

.bdr-top-none {
  border-top: none !important;
}

.bdr-right-none {
  border-right: none !important;
}

.bdr-bottom-none {
  border-bottom: none !important;
}

.bdr-left-none {
  border-left: none !important;
}

/* border-radius px
---------------------------------------------------------- */
.bdr-radius-1 {
  border-radius: 1px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-1 {
    border-radius: 1px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-1 {
    border-radius: 1px !important;
  }
}

.bdr-radius-2 {
  border-radius: 2px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-2 {
    border-radius: 2px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-2 {
    border-radius: 2px !important;
  }
}

.bdr-radius-3 {
  border-radius: 3px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-3 {
    border-radius: 3px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-3 {
    border-radius: 3px !important;
  }
}

.bdr-radius-4 {
  border-radius: 4px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-4 {
    border-radius: 4px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-4 {
    border-radius: 4px !important;
  }
}

.bdr-radius-5 {
  border-radius: 5px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-5 {
    border-radius: 5px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-5 {
    border-radius: 5px !important;
  }
}

.bdr-radius-6 {
  border-radius: 6px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-6 {
    border-radius: 6px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-6 {
    border-radius: 6px !important;
  }
}

.bdr-radius-7 {
  border-radius: 7px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-7 {
    border-radius: 7px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-7 {
    border-radius: 7px !important;
  }
}

.bdr-radius-8 {
  border-radius: 8px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-8 {
    border-radius: 8px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-8 {
    border-radius: 8px !important;
  }
}

.bdr-radius-9 {
  border-radius: 9px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-9 {
    border-radius: 9px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-9 {
    border-radius: 9px !important;
  }
}

.bdr-radius-10 {
  border-radius: 10px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-10 {
    border-radius: 10px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-10 {
    border-radius: 10px !important;
  }
}

.bdr-radius-11 {
  border-radius: 11px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-11 {
    border-radius: 11px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-11 {
    border-radius: 11px !important;
  }
}

.bdr-radius-12 {
  border-radius: 12px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-12 {
    border-radius: 12px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-12 {
    border-radius: 12px !important;
  }
}

.bdr-radius-13 {
  border-radius: 13px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-13 {
    border-radius: 13px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-13 {
    border-radius: 13px !important;
  }
}

.bdr-radius-14 {
  border-radius: 14px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-14 {
    border-radius: 14px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-14 {
    border-radius: 14px !important;
  }
}

.bdr-radius-15 {
  border-radius: 15px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-15 {
    border-radius: 15px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-15 {
    border-radius: 15px !important;
  }
}

.bdr-radius-16 {
  border-radius: 16px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-16 {
    border-radius: 16px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-16 {
    border-radius: 16px !important;
  }
}

.bdr-radius-17 {
  border-radius: 17px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-17 {
    border-radius: 17px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-17 {
    border-radius: 17px !important;
  }
}

.bdr-radius-18 {
  border-radius: 18px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-18 {
    border-radius: 18px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-18 {
    border-radius: 18px !important;
  }
}

.bdr-radius-19 {
  border-radius: 19px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-19 {
    border-radius: 19px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-19 {
    border-radius: 19px !important;
  }
}

.bdr-radius-20 {
  border-radius: 20px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-20 {
    border-radius: 20px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-20 {
    border-radius: 20px !important;
  }
}

.bdr-radius-21 {
  border-radius: 21px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-21 {
    border-radius: 21px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-21 {
    border-radius: 21px !important;
  }
}

.bdr-radius-22 {
  border-radius: 22px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-22 {
    border-radius: 22px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-22 {
    border-radius: 22px !important;
  }
}

.bdr-radius-23 {
  border-radius: 23px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-23 {
    border-radius: 23px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-23 {
    border-radius: 23px !important;
  }
}

.bdr-radius-24 {
  border-radius: 24px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-24 {
    border-radius: 24px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-24 {
    border-radius: 24px !important;
  }
}

.bdr-radius-25 {
  border-radius: 25px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-25 {
    border-radius: 25px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-25 {
    border-radius: 25px !important;
  }
}

.bdr-radius-26 {
  border-radius: 26px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-26 {
    border-radius: 26px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-26 {
    border-radius: 26px !important;
  }
}

.bdr-radius-27 {
  border-radius: 27px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-27 {
    border-radius: 27px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-27 {
    border-radius: 27px !important;
  }
}

.bdr-radius-28 {
  border-radius: 28px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-28 {
    border-radius: 28px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-28 {
    border-radius: 28px !important;
  }
}

.bdr-radius-29 {
  border-radius: 29px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-29 {
    border-radius: 29px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-29 {
    border-radius: 29px !important;
  }
}

.bdr-radius-30 {
  border-radius: 30px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-30 {
    border-radius: 30px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-30 {
    border-radius: 30px !important;
  }
}

.bdr-radius-31 {
  border-radius: 31px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-31 {
    border-radius: 31px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-31 {
    border-radius: 31px !important;
  }
}

.bdr-radius-32 {
  border-radius: 32px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-32 {
    border-radius: 32px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-32 {
    border-radius: 32px !important;
  }
}

.bdr-radius-33 {
  border-radius: 33px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-33 {
    border-radius: 33px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-33 {
    border-radius: 33px !important;
  }
}

.bdr-radius-34 {
  border-radius: 34px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-34 {
    border-radius: 34px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-34 {
    border-radius: 34px !important;
  }
}

.bdr-radius-35 {
  border-radius: 35px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-35 {
    border-radius: 35px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-35 {
    border-radius: 35px !important;
  }
}

.bdr-radius-36 {
  border-radius: 36px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-36 {
    border-radius: 36px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-36 {
    border-radius: 36px !important;
  }
}

.bdr-radius-37 {
  border-radius: 37px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-37 {
    border-radius: 37px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-37 {
    border-radius: 37px !important;
  }
}

.bdr-radius-38 {
  border-radius: 38px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-38 {
    border-radius: 38px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-38 {
    border-radius: 38px !important;
  }
}

.bdr-radius-39 {
  border-radius: 39px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-39 {
    border-radius: 39px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-39 {
    border-radius: 39px !important;
  }
}

.bdr-radius-40 {
  border-radius: 40px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-40 {
    border-radius: 40px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-40 {
    border-radius: 40px !important;
  }
}

.bdr-radius-41 {
  border-radius: 41px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-41 {
    border-radius: 41px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-41 {
    border-radius: 41px !important;
  }
}

.bdr-radius-42 {
  border-radius: 42px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-42 {
    border-radius: 42px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-42 {
    border-radius: 42px !important;
  }
}

.bdr-radius-43 {
  border-radius: 43px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-43 {
    border-radius: 43px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-43 {
    border-radius: 43px !important;
  }
}

.bdr-radius-44 {
  border-radius: 44px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-44 {
    border-radius: 44px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-44 {
    border-radius: 44px !important;
  }
}

.bdr-radius-45 {
  border-radius: 45px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-45 {
    border-radius: 45px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-45 {
    border-radius: 45px !important;
  }
}

.bdr-radius-46 {
  border-radius: 46px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-46 {
    border-radius: 46px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-46 {
    border-radius: 46px !important;
  }
}

.bdr-radius-47 {
  border-radius: 47px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-47 {
    border-radius: 47px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-47 {
    border-radius: 47px !important;
  }
}

.bdr-radius-48 {
  border-radius: 48px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-48 {
    border-radius: 48px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-48 {
    border-radius: 48px !important;
  }
}

.bdr-radius-49 {
  border-radius: 49px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-49 {
    border-radius: 49px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-49 {
    border-radius: 49px !important;
  }
}

.bdr-radius-50 {
  border-radius: 50px !important;
}

@media (min-width: 813px) {
  .bdr-radius-pc-50 {
    border-radius: 50px !important;
  }
}

@media (max-width: 812px) {
  .bdr-radius-sp-50 {
    border-radius: 50px !important;
  }
}

/* border-radius circle
---------------------------------------------------------- */
.bdr-circle {
  border-radius: 50% !important;
}

.-line_through {
  text-decoration: line-through;
}

/* ==========================================================
 password_strength_plugin
========================================================== */
/*  ADVANCED STYLES */
.top_testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arail,helvetica,san-serif;
	color:#666;
	padding:0;
	margin:0 0 2px 0;
}
.top_testresult span{
	padding:6px ;
	margin:0;
}
.top_shortPass{
	background:#edabab;
	border:1px solid #bc0000;
	display:block;
}
.top_shortPass span{

}
.top_badPass{
	background:#edabab;
	border:1px solid #bc0000;
	display:block;
}
.top_badPass span{

}
.top_goodPass{
	background:#ede3ab;
	border:1px solid #bc9f00;
	display:block;
}
.top_goodPass span{

}
.top_strongPass{
	background:#d3edab;
	border:1px solid #73bc00;
	display:block;
}
.top_strongPass span{

}

/* 	RESULT STYLE  */
.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	/*padding:0px 0px 12px 10px;*/
	/*margin-left:10px;*/
	display: block;
	height:28px;
	float:right;
	width:300px;height:50px
}
.testresult span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}

.testresult2{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	/*padding:0px 0px 12px 10px;*/
	/*margin-left:10px;*/
	display: block;
	height:28px;
	/*float:right;*/
	width:300px;height:50px
}
.testresult2 span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}

.samePass{
	background:url(/ec/images/passwordStrength/security_er2.gif) no-repeat 0 0;
}
.samePass{
	background:url(/ec/images/passwordStrength/security_er2.gif) no-repeat 0 0;
}
.shortPass{
	background:url(/ec/images/passwordStrength/security_lv01.gif) no-repeat 0 0;
}
.shortPass span{
	background:url(/ec/images/passwordStrength/security_lv01.gif) no-repeat top right;
}
.badPass{
	background:url(/ec/images/passwordStrength/security_lv01.gif) no-repeat 0 0;
}
.badPass span{
	background:url(/ec/images/passwordStrength/security_lv01.gif) no-repeat top right;
}
.goodPass{
	background:url(/ec/images/passwordStrength/security_lv03.gif) no-repeat 0 0;
}
.goodPass span{
	background:url(/ec/images/passwordStrength/security_lv03.gif) no-repeat top right;
}
.strongPass{
	background:url(/ec/images/passwordStrength/security_lv05.gif) no-repeat 0 0;
}
.strongPass span{
	background:url(/ec/images/passwordStrength/security_lv05.gif) no-repeat top right;
}

@media (max-width: 812px) {
	.samePass,
	.shortPass,
	.badPass,
	.goodPass,
	.strongPass{
		background-size: 75%;
	}
	.shortPass span,
	.badPass span,
	.goodPass span,
	.strongPass span{
		display:none;
	}
}

/*フッター*/
.eleCart {
}
.eleCart_link {
	display: block;
	position: relative;
	text-align: center;
	padding: 2.6vw 1.4vw;
	/*padding-top: 7.6vw;*/
}
.eleCart_link img {
	width: 11.9vw;
	vertical-align: bottom;
}
.eleCart_num {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 2.3vw;
	left: 2.4vw;
	right: 0;
	width: 5vw;
	height: 5vw;
	background: #fff;
	border-radius: 50%;
	margin: auto;
	color: #e00501;
	font-weight: bold;
	font-size: 2.8vw;
	padding: 1.2vw 0.5vw;
	box-sizing: border-box;
	display: block;
	line-height: 1;
}
/*.eleCart_num::after {
	content:"";
	display: block;
	position: absolute;
	bottom: -1.4vw;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 0.7vw solid transparent;
	border-top: 1.6vw solid #e00501;
	border-bottom: 0;
}*/
.footNavF {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: #fff;
	display: flex;
	transition: transform 0.3s;
	transform: translateY(100%);
}
.footNavF.is-visible {
	transform: translateY(0);
}
.footNavF_cart {
	position: relative;
	width: 15vw;
}
.footNavF_price {
	padding: 2vw 1.3vw  1.3vw;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
    /*justify-content: space-around;*/
    justify-content: space-between;
}
.footNavF_priceSum {
	/*text-align: right;*/
	font-size: 2.8vw;
	color: #222;
	letter-spacing: 0.05em;
	position: absolute;
	left: 2vw;
	bottom: 1vw;
}
.footNavF_priceSum .m-font-large {
	font-size: 150%;
}
.footNavF_priceSum .m-font-90 {
	font-size: 90%;
}
.footNavF_priceSum .m-font-80 {
	font-size: 80%;
}
.footNavF_priceMeter {
	height: 10.8vw;
}
.footNavF_btn {
     width: 15.5vw;
     display: flex;
}

.btn_fnavBtn {
	background: #e00501;
	color: #fff;
	font-weight: bold;
	font-size: 4.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	/*margin: 5%;*/
	text-decoration: none;
	text-align: center;
/*	-webkit-border-radius: 1vw;
	        border-radius: 1vw;*/
	letter-spacing: 0.05em;
}
.priceMeter {
position: relative;
}
.priceMeter_bg ,
.priceMeter_bg-on {
	position: relative;
	background: #e6e6e6;
	border-radius: 1vw;
	height: 100%;
	overflow: hidden;
	width: 67vw;
	transition-duration: 0.3s;
	transition-property: background-color;

}
.priceMeter_bg-on {
	background: #4584F5;
}
.priceMeter.is-type2 .priceMeter_bg-on {
	background: #01C641;
}

.priceMeter_bg::before ,
.priceMeter_bg-on::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1.8vw;
	z-index: 4;
	left: 0;
	background: #e00501;
background: -moz-linear-gradient(left, rgba(179,179,179,0) 0%, rgba(179,179,179,0) 96%, rgba(179,179,179,1) 96.1%, rgba(179,179,179,1) 100%);
background: -webkit-linear-gradient(left, rgba(179,179,179,0) 0%,rgba(179,179,179,0) 96%,rgba(179,179,179,1) 96.1%,rgba(179,179,179,1) 100%);
background: linear-gradient(to right, rgba(179,179,179,0) 0%,rgba(179,179,179,0) 96%,rgba(179,179,179,1) 96.1%,rgba(179,179,179,1) 100%);
        background-size: 10.05% 100%;
        transition: 0.2s;
        transition-property: width,opacity;
}
.priceMeter_bg-on::before {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 96%, rgba(255,255,255,1) 96.1%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 96%,rgba(255,255,255,1) 96.1%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 96%,rgba(255,255,255,1) 96.1%,rgba(255,255,255,1) 100%);
        background-size: 10.05% 100%;
}

.priceMeter_bg::after ,
.priceMeter_bg-on::after {
	content: "";
	opacity:0;
	display: block;
	position: absolute;
	width: 300%;
	height: 2vw;
	z-index: 4;
	left: 0;
	background: #e00501;
background: -moz-linear-gradient(left, rgba(179,179,179,0) 0%, rgba(179,179,179,0) 97%, rgba(179,179,179,1) 97.1%, rgba(179,179,179,1) 100%);
background: -webkit-linear-gradient(left, rgba(179,179,179,0) 0%,rgba(179,179,179,0) 97%,rgba(179,179,179,1) 97.1%,rgba(179,179,179,1) 100%);
background: linear-gradient(to right, rgba(179,179,179,0) 0%,rgba(179,179,179,0) 97%,rgba(179,179,179,1) 97.1%,rgba(179,179,179,1) 100%);
        background-size: 16.95% 100%;
        transition: 0.2s;
        transition-property: width,opacity;
}
.priceMeter_bg-on::after {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 97%, rgba(255,255,255,1) 97.1%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 97%,rgba(255,255,255,1) 97.1%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 97%,rgba(255,255,255,1) 97.1%,rgba(255,255,255,1) 100%);
        background-size: 16.95% 100%;
}
.priceMeter.is-type2 .priceMeter_bg::before ,
.priceMeter.is-type2 .priceMeter_bg-on::before {
	opacity: 0;
	width: 33%;
}
.priceMeter.is-type2 .priceMeter_bg::after ,
.priceMeter.is-type2 .priceMeter_bg-on::after {
	width: 100%;
	opacity: 1;
}
.priceMeter_text {
	position: absolute;
	z-index: 10;
	text-align: center;
	right: 1.5vw;
	font-weight: bold;
	font-size: 2.81vw;
	/*height: 1em;*/
	line-height: 1;
	/*bottom: 0;*/
	bottom: 1.5vw;
	margin: auto;
	color: #222;
	text-align: right;
	line-height: 1.22;
	vertical-align: middle;
	line-height: 2.4;
}
.priceMeter_textIn {
	vertical-align: middle;
	line-height: 1.2;
	display: inline-block;
	text-align: right;
}
.footNavF_priceMeter .is-on {
	color: #fff;
}
/*.priceMeter_bar{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	transition: width 0.3s;
	background: #4584F5;
	z-index: 1;
	width: 50%;

}*/
.priceMeter_onWrap {
	overflow: hidden;
	position: absolute;
	width: 50%;
	transition: width 0.5s;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 100;
}
.cartLayerWrap{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;z-index:99999;}
.cartLayer{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index: 1;}
.cartLayerWrap .btn_close{position:absolute;width: 30px;height: 0px;padding-top: 30px;overflow: hidden;top:0;right:0;z-index:110;cursor:pointer;}
.cartLayerWrap .btn_close::before,
.cartLayerWrap .btn_close::after{
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #333;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;

}
.cartLayerWrap .btn_close::before{transform: rotate(45deg) }
.cartLayerWrap .btn_close::after{transform: rotate(-45deg)}
.cartLayerWrap .btn_cart{
	text-align: center;
}
.cartLayerWrap .btn_cart a{
	display: inline-block;
	padding: 13px 20px;
	text-align: center;
	background: #e6e6e6;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	text-decoration: none;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}
.cartLayerWrap .btn_cart a img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	height: 15px;
	width: auto;
}
.cartLayerWrap .popUpBox{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:#FFF;-webkit-border-radius: 4px;
        border-radius: 4px; width:240px; height:125px;margin:auto;z-index: 10;}
.cartLayerWrap .popUpBox .innerBox{padding:25px 10px 10px;}
.cartLayerWrap .popUpBox h2{background: none;border: none;color:#333;text-align:center;margin-bottom:20px;font-size:14px;}
.cartLayerWrap .popUpBox .snsList:after{display:none;}
.cartLayerWrap .popUpBox .snsList{display:table;table-layout:fixed;width:100%;}
.cartLayerWrap .popUpBox .snsList li{display:table-cell;vertical-align:middle;text-align:center;}
.cartLayerWrap .popUpBox .snsList li img,.cartLayerWrap .popUpBox .snsList li .img{display: inline-block;width:40px;vertical-align:middle;}
.cartLayerWrap .popUpBox .snsList li iframe{width:40px;-webkit-transform:scale(0.8875);-moz-transform:scale(0.8875);transform:scale(0.8875);}

.popupLayer{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99999;}
.popupLayer .popupBox{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:90%;height:90%;margin:auto;}
.popupLayer .popupBox .innerBox{height: 100%;overflow-y:auto;}
.popupLayer .category_tree .title {padding: 15px 35px 15px 5px; background: #FFF; font-size: 15px;}
.popupLayer .tree li li a {padding-left: 10px;font-size: 12px;}
.popupLayer .btn_close{position:absolute;padding:10px;top:0;right:0;z-index:110;cursor:pointer;background: #FFF;}
#fix_pagetop{position:fixed;bottom:10px;right:2px;z-index:1000;display: none;}
#fix_pagetop.fix_pagetop-ab{position:absolute;bottom:100%;}
.fix_search {position:fixed;bottom:15vw;right:0;z-index:1000;margin: 0 15px 15px 0;}
.fix_search-ab {position:absolute;bottom:100%;}
.fix_search .btn_search-text{padding:5px;display:block;width:45px;height:45px; display: block;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;background: #E6E6E6; -webkit-border-radius: 50%;
        border-radius: 50%;box-shadow:0 0 5px rgba(0,0,0,0.24);text-align: center;}
.fix_search img{width:auto;height:100%;}