@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);
@import url(https://fonts.googleapis.com/earlyaccess/nicomoji.css);
.fw_100 {
  font-weight: 100;
}
.fw_200 {
  font-weight: 200;
}
.fw_300 {
  font-weight: 300;
}
.fw_400 {
  font-weight: 400;
}
.fw_500 {
  font-weight: 500;
}
.fw_600 {
  font-weight: 600;
}
.fw_700 {
  font-weight: 700;
}
.fw_800 {
  font-weight: 800;
}
.fw_900 {
  font-weight: 900;
}
.fs_110 {
  font-size: 1.1rem;
}
.fs_120 {
  font-size: 1.2rem;
}
.fs_130 {
  font-size: 1.3rem;
}
.fs_140 {
  font-size: 1.4rem;
}
.fs_160 {
  font-size: 1.6rem;
}
.fs_180 {
  font-size: 1.8rem;
}
.fs_200 {
  font-size: 2rem;
}
.fs_220 {
  font-size: 2.2rem;
}
.fs_240 {
  font-size: 2.4rem;
}
.fs_260 {
  font-size: 2.6rem;
}
.fs_280 {
  font-size: 2.8rem;
}
.fs_300 {
  font-size: 3.0rem;
}
.fs_90 {
  font-size: 0.9rem;
}
.fs_80 {
  font-size: 0.85rem;
}
.fs_70 {
  font-size: 0.75rem;
}
.fs_caption {
  font-size: 14px!important;
}
.fs_12px {
  font-size: 12px!important;
}
.fs_14px {
  font-size: 14px!important;
}
.fs_15px {
  font-size: 15px!important;
}
.fs_16px {
  font-size: 16px!important;
}
.fs_18px {
  font-size: 18px!important;
}
.fs_20px {
  font-size: 20px!important;
}
.fs_22px {
  font-size: 22px!important;
}
.fs_24px {
  font-size: 24px!important;
}
.fs_28px {
  font-size: 28px!important;
}
.fs_30px {
  font-size: 30px!important;
}
.fs_32px {
  font-size: 32px!important;
}
.fs_36px {
  font-size: 36px!important;
}
.fs_40px {
  font-size: 40px!important;
}
.fs_54px {
  font-size: 44px!important;
}
.fs_60px {
  font-size: 60px!important;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEi75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFJEj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFE8j75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFCMj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFM8k75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFPYk75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFJEk75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFLgk75s.ttf) format('truetype');
}
.font_gwf_notosans {
  font-family: "Noto Sans JP", Helvetica, Arial, sans-serif;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byxOubA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bxvOubA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bwxOubA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bwDOubA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bzvPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bzWPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byxPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v31/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byYPebA.ttf) format('truetype');
}
.font_gwf_notoserif {
  font-family: "Noto Serif JP", serif;
}
@font-face {
  font-family: 'Shippori Mincho';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/shipporimincho/v16/VdGGAZweH5EbgHY6YExcZfDoj0BA2w.ttf) format('truetype');
}
.font_gwf_shippori {
  font-family: "Shippori Mincho", serif;
}
.font_gwf_m1 {
  font-family: 'Mplus 1p', sans-serif;
}
.font_gwf-roundedmplus1c {
  font-family: "Rounded Mplus 1c";
}
.font_gwf_hannari {
  font-family: 'Hannari', serif;
}
.font_gwf_sawarabigothic {
  font-family: 'Sawarabi Gothic', serif;
}
.font_gwf_sawarabimincho {
  font-family: 'Sawarabi Mincho', serif;
}
.font_gwf-kokoro {
  font-family: "Kokoro";
}
.font_gwf-nicomoji {
  font-family: "Nico Moji";
}
@font-face {
  font-family: 'NotoSansJP-Black';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Black.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Black.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Black.woff') format('woff'), /* モダンブラウザ用 */;
  
  /* IE9 and over */
}
@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Bold.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Bold.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Bold.woff') format('woff');
}
@font-face {
  font-family: 'NotoSansJP-Medium';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Medium.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Medium.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Medium.woff') format('woff');
}
@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Regular.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Regular.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Regular.woff') format('woff');
}
@font-face {
  font-family: 'NotoSansJP-Light';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Light.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Light.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Light.woff') format('woff');
}
@font-face {
  font-family: 'NotoSansJP-DemiLight';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-DemiLight.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-DemiLight.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-DemiLight.woff') format('woff');
}
@font-face {
  font-family: 'NotoSansJP-Thin';
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Thin.otf') format('opentype');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Thin.eot');
  src: url('../fonts_web/NotoSansJapanese-hinted/NotoSansJP-Thin.woff') format('woff');
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.color_pink {
  color: #ff8eb0;
}
.color_main_light {
  color: #edeaf9;
}
.bg_main_light {
  background-color: #edeaf9;
}
.color_gray_text {
  color: #666;
}
.font_mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.btn_inline-block {
  display: inline-block;
}
.text-start {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.font-weight-bold {
  font-weight: bold;
}
#ribbonz_footer {
  clear: both;
  margin: 0 auto;
  padding-top: 1rem !important;
  text-align: center;
  font-size: 90%;
  border-top: 1px solid #8A80AF;
}
#ribbonz_footer a {
  color: #330066;
  text-decoration: none;
}
#ribbonz_footer a:hover {
  color: #330066;
  text-decoration: underline;
}
#area_footer {
  margin: 0 auto;
  margin-top: 1rem !important;
  padding: 1rem !important;
  text-align: center;
  background-color: #8A80AF;
  color: #FFFFFF;
  font-size: 100%;
  clear: both;
}
.ribbonz_contact {
  text-align: left;
}
.ribbonz_cr {
  padding-top: 12px;
  text-align: left;
}
.area_thanksletters {
  /* Modifier: `uk-nav-parent-icon */
}
.area_thanksletters .d_self {
  background-color: #f1fbe8;
  background: url(../thanks-msg/images/bg_letter_self.png);
}
.area_thanksletters .d_other {
  background-color: #ffefd0;
  background: url(../thanks-msg/images/bg_letter_other.png);
}
.area_thanksletters .area_list_nav {
  padding: 6px 30px 25px 50px;
  margin: 0 auto!important;
  text-align: center;
}
.area_thanksletters .uk-subnav {
  margin: 10px auto 0 auto;
  padding: 0;
}
.area_thanksletters .uk-subnav:before,
.area_thanksletters .uk-subnav:after {
  content: " ";
  display: table;
}
.area_thanksletters .uk-subnav:after {
  clear: both;
}
.area_thanksletters .uk-subnav li {
  padding: 0px 5px;
  margin: 0;
  border-right: 1px dotted #8a80af;
}
.area_thanksletters .uk-subnav li:first-child {
  border-left: 1px dotted #8a80af;
}
.area_thanksletters .uk-subnav a {
  padding: 2px 15px;
  color: #63549d;
  border-radius: 3px;
}
.area_thanksletters .uk-subnav a:hover {
  background: #F1E4FF;
}
.area_thanksletters .uk-subnav .uk-active a {
  color: #fff;
  background: #8a80af;
}
.area_thanksletters .uk-nav-parent-icon > .uk-parent > a:after {
  content: " 全文\f107";
  width: 20px;
  margin-right: -40px;
  font-family: FontAwesome;
  text-align: center;
  line-height: 100%;
  font-size: 1em;
  background: #666;
  padding: 8px 2px 2px 2px;
  color: #fff;
}
.area_thanksletters .uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  content: "\f106 閉じる ";
  padding: 2px 2px 8px 2px;
}
.area_thanksletters .uk-parent {
  padding: 13px 40px 20px 20px;
  margin-bottom: 10px;
  border-top: 7px dotted #fff;
  box-shadow: 4px 5px 10px -3px #343235;
  font-family: 'Sawarabi Gothic', serif;
  font-size: 110%;
  line-height: 170%;
}
.area_thanksletters .uk-parent a {
  color: #000;
  padding: 0 10px 0 0;
  margin: 0;
}
.area_thanksletters .uk-nav-sub {
  padding: 0;
  margin: 0;
}
.area_thanksletters .col_cap {
  padding: 0 0 0 0;
  margin-bottom: 10px;
  font-family: "Noto Sans JP", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.area_thanksletters .col_cap:before,
.area_thanksletters .col_cap:after {
  content: " ";
  display: table;
}
.area_thanksletters .col_cap:after {
  clear: both;
}
.area_thanksletters .col_cap .col_age {
  display: inline-block;
}
.area_thanksletters .col_cap .col_age:after {
  content: "歳";
}
.area_thanksletters .col_cap .col_ill {
  display: inline-block;
  padding-left: 20px;
}
.area_thanksletters .col_cap .col_who {
  float: right;
  padding: 2px 10px;
  background: #fff;
}
.area_thanksletters .col_cap .col_self {
  color: #5aa91d;
}
.area_thanksletters .col_cap .col_other {
  color: #936100;
}
ul.list_house {
  margin: 20px 0 0 0px;
  padding: 0px;
  list-style: none;
  border-top: 1px dotted #8A80AF;
}
ul.list_house li {
  border-bottom: 1px dotted #8A80AF;
}
ul.list_house li:before,
ul.list_house li:after {
  content: " ";
  display: table;
}
ul.list_house li:after {
  clear: both;
}
ul.list_house li > div {
  display: inline-block;
  padding: 18px 0 18px 20px;
}
ul.list_house li a {
  display: inline-block;
}
ul.list_house li a.icon_arrow {
  padding: 18px 0 18px 20px;
  background: url(../img/common/icon_arrow_circle.png) no-repeat 3px 20px;
}
ul.list_house li .bt_report {
  float: right;
  margin: 10px 0px;
  padding: 6px 10px;
  border: 2px solid #8a80af;
  background: #fafafa;
}
ul.list_house li .bt_report:before {
  font-family: FontAwesome;
  content: "\f1c1";
  padding-right: 2px;
}
ul.list_house li .bt_report:hover {
  background: #eee;
}
#templates_corner h1 {
  font-family: "Noto Serif JP", serif;
  color: #666;
  padding-bottom: 1.5rem !important;
  font-size: 32px;
  line-height: 140%;
}
.innerlink {
  list-style: none;
  /* リストのマーカーを削除 */
  padding: 0;
  margin: 0;
  display: flex;
  /* フレックスボックスで横並び */
  gap: 30px;
  /* ボタン間のスペース */
}
.innerlink li {
  width: 50%;
  /* 各ボタンを親要素の50%に設定 */
  box-sizing: border-box;
  /* パディングが幅に影響しないように */
}
.innerlink li a {
  padding: 14px 20px;
  background: #8a80af;
  border-radius: 3px;
  color: #fff;
  transition: 0.4s;
  display: inline-block;
  display: block;
  text-align: center;
  /* 文字を中央揃え */
  padding: 30px 0px;
  border-radius: 2px;
  /* 角丸 */
  text-decoration: none;
  /* 下線を消す */
  font-size: 20px;
  font-weight: bold;
  transition: background-color 0.3s;
}
.innerlink li a:hover {
  background: #b5afcd;
  color: #fff;
}
.innerlink li .btn_art {
  border-left: 20px solid #00bce2;
}
.innerlink li .btn_music {
  border-left: 20px solid #ffe101;
}
.heading_art,
.heading_music {
  font-family: "Noto Serif JP", serif;
  font-size: 30px!important;
}
.heading_art span,
.heading_music span {
  font-size: 20px!important;
  font-weight: normal;
}
.heading_art {
  border-left: 4px solid #00bce2;
}
.heading_music {
  border-left: 4px solid #ffe101;
}
.annai_container {
  padding-top: 8px;
}
.annai_container > h3 {
  background-color: #ddd;
  padding: 8px 12px;
  border-radius: 2px;
  margin-top: 0;
}
.annai_container .news_col {
  border-bottom: 2px dotted #999;
  padding: 0 4px 24px 4px;
}
.annai_container .news_col .date {
  font-size: 14px;
  font-family: noto;
  font-weight: bold;
}
.annai_container .news_col > h3 {
  font-size: 18px;
  margin: 0 0 8px 0;
}
.annai_container .news_col .btn_base {
  display: inline-block;
}
.ribbonz_area_main_free {
  float: left;
  width: 680px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0px;
  text-align: left;
  border-top: 1px solid #8A80AF;
  border-left: 1px solid #8A80AF;
}
.ribbonz_area_main_free .title_text {
  margin-bottom: 36px;
}
.ribbonz_area_main_free .title_text h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 10px 0px 6px 16px;
  color: #8A80AF;
  font-size: 24px;
  border-left: 6px solid #8a80af;
  line-height: 165%;
  font-feature-settings: "palt";
  letter-spacing: 0.1rem;
}
.main_free_container {
  padding: 0 0 50px 60px;
}
.main_free_container i,
.main_free_container em {
  padding-right: 6px;
  vertical-align: middle;
}
.main_free_container h2 {
  font-size: 150%;
  font-feature-settings: "palt";
  line-height: 165%;
}
.main_free_container h3 {
  font-feature-settings: "palt";
  line-height: 145%;
}
.h_d_color_main {
  color: #8A80AF;
}
.h_d_bgImg_before_left {
  margin-left: -40px !important;
  padding: 10px 0px 10px 50px!important;
  color: #FFF!important;
  background-image: url(../img/common/bc_ttl.jpg);
  background-repeat: no-repeat;
}
.h_d_border_left {
  border-left: 4px solid #333;
  padding: 2px 0 2px 10px;
  font-weight: 600;
}
.h_d_border_left {
  border-left: 4px solid #333;
  padding: 2px 0 2px 10px;
  font-weight: 600;
}
.h_bg_light_left {
  padding: 5px 14px;
  background-color: #dddddd;
}
.h_bg_dark_left {
  padding: 5px 14px;
  background-color: #555555;
  color: #fff;
}
.w-100 {
  width: 100%;
}
.link_text::before {
  background-image: url('../images/common/icon_arrow_01.gif');
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.text-deco_non {
  text-decoration: none;
}
.btn_base_inverse {
  display: inline-block;
  padding: 14px 20px;
  transition: 0.4s;
  border: 1px dotted #ccc;
}
.btn_base_inverse::before {
  background-image: url('../images/common/icon_arrow_01.gif');
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.btn_base_inverse:hover {
  background: #9086b3;
  color: #fff;
}
.btn_base {
  padding: 14px 20px;
  background: #8a80af;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  transition: 0.4s;
  text-decoration: none;
}
.btn_base:hover {
  background: #b5afcd;
  color: #fff;
}
.border_base {
  border: 1px solid #555555;
}
.box_base {
  padding: 10px;
  border: 1px solid #dddddd;
}
.box_bdr_dotted_middle {
  padding: 10px;
  border: 1px solid #dddddd;
  border: 1px dotted #dddddd;
}
ul.list_dot {
  margin: 0px;
  padding: 0 0 0 10px;
  list-style: none;
}
ul.list_dot li {
  padding: 0px 0px 10px 18px;
  margin: 3px 0px 5px;
}
ul.list_dot li::before {
  margin-left: -18px;
  content: "●";
  color: #999;
}
ul.list_dot li a {
  font-weight: normal;
}
ul.list_dot_color_pink li::before {
  color: #ff8eb0;
}
ul.link_base {
  margin: 0px;
  padding: 0;
  list-style: none;
}
ul.link_base li {
  padding: 10px 0;
}
ul.link_base li a::before {
  background-image: url('../images/common/icon_arrow_01.gif');
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
ul.link_base_border {
  margin: 0px;
  padding: 0;
  list-style: none;
  border-top: 1px dotted #8a80af;
}
ul.link_base_border li {
  padding: 10px 0;
  border-bottom: 1px dotted #8a80af;
}
ul.link_base_border li a::before {
  background-image: url('../images/common/icon_arrow_01.gif');
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.tbl_border_bottom {
  border-top: 1px dotted #8a80af;
}
.tbl_border_bottom tr td {
  padding: 10px 0px 10px 0;
  border-bottom: 1px dotted #8a80af;
}
.tbl_p-2 th,
.tbl_p-2 td {
  padding: 0.5rem !important;
}
.tbl_p-3 th,
.tbl_p-3 td {
  padding: 1rem !important;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
dl.dl_horizontal {
  display: grid;
  grid-template-columns: 4em auto;
  gap: 10px;
  /* 項目間の間隔 */
  align-items: top;
  /* 縦位置を揃える */
}
dl.dl_horizontal dt {
  font-weight: bold;
}
dl.dl_horizontal dd {
  margin: 0;
  width: 100%;
}
.rainbow-bar {
  width: 100%;
  background: linear-gradient(to right, #ff0000, #ffa500, #ffff00, #008000, #0000ff, #ee82ee);
}
.color_red {
  color: #9c0031;
}
.color_pink {
  color: #ff8eb0;
}
.color_blue {
  color: #003760;
}
.color_yellow {
  color: #fcd93d;
}
.color_green {
  color: #61a600;
}
.color_purple {
  color: #7373ff;
}
.color_orange {
  color: #ed9446;
}
.bg_red {
  background-color: #9c0031;
}
.bg_pink {
  background-color: #ff8eb0;
}
.bg_blue {
  background-color: #003760;
}
.bg_yellow {
  background-color: #fcd93d;
}
.bg_green {
  background-color: #61a600;
}
.bg_purple {
  background-color: #7373ff;
}
.bg_orange {
  background-color: #ed9446;
}