@charset "UTF-8";
/*============================================================
  basic setting 
============================================================*/
.gray {
  color: #808285;
}

.red {
  color: #CF0000;
}

.pcdn {
  display: none;
}
@media screen and (max-width: 768px) {
  .pcdn {
    display: block;
  }
}

.pctbdn {
  display: none;
}
@media screen and (max-width: 480px) {
  .pctbdn {
    display: block;
  }
}

.tbspdn {
  display: block;
}
@media screen and (max-width: 768px) {
  .tbspdn {
    display: none;
  }
}

.spdn {
  display: block;
}
@media screen and (max-width: 480px) {
  .spdn {
    display: none;
  }
}

.bg-white {
  background-color: #fff !important;
}

.rice-indent {
  padding-left: 1em;
  position: relative;
}

.rice-indent:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

sup {
  vertical-align: super;
  font-size: small;
}

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

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

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

.v-align-top {
  vertical-align: top !important;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

@media (min-width: 600px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*============================================================
  font-size settings
============================================================*/
.font-xx-small {
  font-size: 13px !important;
}

@media screen and (max-width: 480px) {
  .font-xx-small {
    font-size: 11px !important;
  }
}
.font-x-small {
  font-size: 14px !important;
}

@media screen and (max-width: 480px) {
  .font-x-small {
    font-size: 13px !important;
  }
}
.font-small {
  font-size: 16px !important;
}

@media screen and (max-width: 480px) {
  .font-small {
    font-size: 15px !important;
  }
}
.font-normal {
  font-size: 18px !important;
}

@media screen and (max-width: 480px) {
  .font-normal {
    font-size: 16px !important;
  }
}
.font-medium {
  font-size: 20px !important;
}

@media screen and (max-width: 480px) {
  .font-medium {
    font-size: 18px !important;
  }
}
.font-large {
  font-size: 23px !important;
}

@media screen and (max-width: 480px) {
  .font-large {
    font-size: 20px !important;
  }
}
.font-x-large {
  font-size: 26px !important;
}

@media screen and (max-width: 480px) {
  .font-x-large {
    font-size: 20px !important;
  }
}
.font-xx-large {
  font-size: 29px !important;
}

@media screen and (max-width: 480px) {
  .font-xx-large {
    font-size: 23px !important;
  }
}
.font-xxx-large {
  font-size: 32px !important;
}

@media screen and (max-width: 480px) {
  .font-xxx-large {
    font-size: 23px !important;
  }
}
/*============================================================
  margin settings
============================================================*/
.margin-center {
  margin-left: auto;
  margin-right: auto;
}

/* margin */
.m-half {
  margin: 16px !important;
}

.m-1 {
  margin: 32px !important;
}

@media screen and (max-width: 480px) {
  .m-1 {
    margin: 16px !important;
  }
}
.m-1-half {
  margin: 48px !important;
}

@media screen and (max-width: 480px) {
  .m-1-half {
    margin: 32px !important;
  }
}
.m-2 {
  margin: 64px !important;
}

@media screen and (max-width: 480px) {
  .m-2 {
    margin: 48px !important;
  }
}
/* margin-bottom */
.mb-half {
  margin-bottom: 16px !important;
}

.mb-1 {
  margin-bottom: 32px !important;
}

.mb-1-half {
  margin-bottom: 48px !important;
}

@media screen and (max-width: 480px) {
  .mb-1-half {
    margin-bottom: 32px !important;
  }
}
.mb-2 {
  margin-bottom: 64px !important;
}

@media screen and (max-width: 480px) {
  .mb-2 {
    margin-bottom: 48px !important;
  }
}
.mb-2-half {
  margin-bottom: 80px !important;
}

@media screen and (max-width: 480px) {
  .mb-2-half {
    margin-bottom: 64px !important;
  }
}
.mb-3 {
  margin-bottom: 96px !important;
}

@media screen and (max-width: 480px) {
  .mb-3 {
    margin-bottom: 64px !important;
  }
}
.mb-3-half {
  margin-bottom: 112px !important;
}

@media screen and (max-width: 480px) {
  .mb-3-half {
    margin-bottom: 96px !important;
  }
}
.mb-none {
  margin-bottom: 0 !important;
}

/* margin-top */
.mt-half {
  margin-top: 16px !important;
}

@media screen and (max-width: 480px) {
  .mt-half {
    margin-top: 8px !important;
  }
}
.mt-1 {
  margin-top: 32px !important;
}

@media screen and (max-width: 480px) {
  .mt-1 {
    margin-top: 16px !important;
  }
}
.mt-1-half {
  margin-top: 48px !important;
}

@media screen and (max-width: 480px) {
  .mt-1-half {
    margin-top: 32px !important;
  }
}
.mt-2 {
  margin-top: 64px !important;
}

@media screen and (max-width: 480px) {
  .mt-2 {
    margin-top: 48px !important;
  }
}
.mt-2-half {
  margin-top: 80px !important;
}

@media screen and (max-width: 480px) {
  .mt-2-half {
    margin-top: 64px !important;
  }
}
.mt-3 {
  margin-top: 96px !important;
}

@media screen and (max-width: 480px) {
  .mt-3 {
    margin-top: 64px !important;
  }
}
.mt-none {
  margin-top: 0 !important;
}

/* margin-bottom-minus */
.mb-m-half {
  margin-bottom: -16px !important;
}

.mb-m-1 {
  margin-bottom: -32px !important;
}

.mb-m-1-half {
  margin-bottom: -48px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-1-half {
    margin-bottom: -32px !important;
  }
}
.mb-m-2 {
  margin-bottom: -64px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-2 {
    margin-bottom: -48px !important;
  }
}
.mb-m-2-half {
  margin-bottom: -80px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-2-half {
    margin-bottom: -64px !important;
  }
}
.mb-m-3 {
  margin-bottom: -96px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-3 {
    margin-bottom: -64px !important;
  }
}
.mb-m-3-half {
  margin-bottom: -112px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-3-half {
    margin-bottom: -96px !important;
  }
}
/* margin-top-minus */
.mt-m-half {
  margin-top: -16px !important;
}

.mt-m-1 {
  margin-top: -32px !important;
}

.mt-m-1-half {
  margin-top: -48px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-1-half {
    margin-top: -32px !important;
  }
}
.mt-m-2 {
  margin-top: -64px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-2 {
    margin-top: -48px !important;
  }
}
.mt-m-2-half {
  margin-top: -80px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-2-half {
    margin-top: -64px !important;
  }
}
.mt-m-3 {
  margin-top: -96px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-3 {
    margin-top: -64px !important;
  }
}
.mt-m-3-half {
  margin-top: -112px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-3-half {
    margin-top: -96px !important;
  }
}
/*============================================================
  padding settings
============================================================*/
/* padding-bottom */
.pb-half {
  padding-bottom: 16px !important;
}

.pb-1 {
  padding-bottom: 32px !important;
}

.pb-1-half {
  padding-bottom: 48px !important;
}

@media screen and (max-width: 480px) {
  .pb-1-half {
    padding-bottom: 32px !important;
  }
}
.pb-2 {
  padding-bottom: 64px !important;
}

@media screen and (max-width: 480px) {
  .pb-2 {
    padding-bottom: 48px !important;
  }
}
.pb-2-half {
  padding-bottom: 80px !important;
}

@media screen and (max-width: 480px) {
  .pb-2-half {
    padding-bottom: 64px !important;
  }
}
.pb-3 {
  padding-bottom: 96px !important;
}

@media screen and (max-width: 480px) {
  .pb-3 {
    padding-bottom: 64px !important;
  }
}
.pb-3-half {
  padding-bottom: 112px !important;
}

@media screen and (max-width: 480px) {
  .pb-3-half {
    padding-bottom: 96px !important;
  }
}
.pb-none {
  padding-bottom: 0 !important;
}

/* padding-top */
.pt-half {
  padding-top: 16px !important;
}

@media screen and (max-width: 480px) {
  .pt-half {
    padding-top: 8px !important;
  }
}
.pt-1 {
  padding-top: 32px !important;
}

@media screen and (max-width: 480px) {
  .pt-1 {
    padding-top: 16px !important;
  }
}
.pt-1-half {
  padding-top: 48px !important;
}

@media screen and (max-width: 480px) {
  .pt-1-half {
    padding-top: 32px !important;
  }
}
.pt-2 {
  padding-top: 64px !important;
}

@media screen and (max-width: 480px) {
  .pt-2 {
    padding-top: 48px !important;
  }
}
.pt-2-half {
  padding-top: 80px !important;
}

@media screen and (max-width: 480px) {
  .pt-2-half {
    padding-top: 64px !important;
  }
}
.pt-3 {
  padding-top: 96px !important;
}

@media screen and (max-width: 480px) {
  .pt-3 {
    padding-top: 64px !important;
  }
}
.pt-none {
  padding-top: 0 !important;
}

/* padding-bottom-minus */
.pb-m-half {
  padding-bottom: -16px !important;
}

.pb-m-1 {
  padding-bottom: -32px !important;
}

.pb-m-1-half {
  padding-bottom: -48px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-1-half {
    padding-bottom: -32px !important;
  }
}
.pb-m-2 {
  padding-bottom: -64px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-2 {
    padding-bottom: -48px !important;
  }
}
.pb-m-2-half {
  padding-bottom: -80px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-2-half {
    padding-bottom: -64px !important;
  }
}
.pb-m-3 {
  padding-bottom: -96px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-3 {
    padding-bottom: -64px !important;
  }
}
.pb-m-3-half {
  padding-bottom: -112px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-3-half {
    padding-bottom: -96px !important;
  }
}
/* padding-top-minus */
.pt-m-half {
  padding-top: -16px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-half {
    padding-top: -8px !important;
  }
}
.pt-m-1 {
  padding-top: -32px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-1 {
    padding-top: -16px !important;
  }
}
.pt-m-1-half {
  padding-top: -48px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-1-half {
    padding-top: -32px !important;
  }
}
.pt-m-2 {
  padding-top: -64px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-2 {
    padding-top: -48px !important;
  }
}
.pt-m-2-half {
  padding-top: -80px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-2-half {
    padding-top: -64px !important;
  }
}
.pt-m-3 {
  padding-top: -96px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-3 {
    padding-top: -64px !important;
  }
}
/*============================================================
  container
============================================================*/
.container {
  width: 90%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.container--small {
  max-width: 800px;
}

.container--medium {
  max-width: 960px;
}

.container--large {
  max-width: 1024px;
}

.container--x-large {
  max-width: 1120px;
}

.container--xx-large {
  max-width: 1200px;
}

.container--full {
  max-width: 1920px;
}

#column #template-single .entry-header .date {
  justify-content: space-between;
}

#column #template-single .entry-header .date .entry-date {
  font-size: 1.4rem !important;
}
#column #template-single .entry-header .date .entry-date img {
  max-width: 100%;
  height: auto;
  vertical-align: -2px;
  margin-right: 2px;
}

#column #template-single .entry-header .date .cate a {
  font-size: 1.4rem !important;
}
@media screen and (max-width: 480px) {
  #column #template-single .entry-header .date .cate a {
    font-size: 1.2rem;
  }
}/*# sourceMappingURL=add.css.map */