/*
 * _setting.scss
 */
/*
 * _mixin.scss
 */
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Noto Sans CJK JP Thin"), url("/assets/fonts/NotoSansCJKjp-Thin.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Thin.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans CJK JP Light"), url("/assets/fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 350;
  font-display: swap;
  src: local("Noto Sans CJK JP DemiLight"), url("/assets/fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-DemiLight.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"), url("/assets/fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans CJK JP Medium"), url("/assets/fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"), url("/assets/fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Noto Sans CJK JP Black"), url("/assets/fonts/NotoSansCJKjp-Black.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Black.woff") format("woff");
}
/*
 * CSS rashiku_backnumbers.css
 */
/* ---------------------------------------
	.eachtitle
--------------------------------------- */
.eachtitle {
  font-size: 1.4em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px solid #C4BEB7;
}

@media screen and (max-width: 767px) {
  .eachtitle {
    font-size: 1.3em;
  }
  .main_title .incnt {
    width: 100% !important;
    margin: 0 !important;
  }
  .main_title .m_tit {
    padding-top: 30px;
    width: 100%;
    padding: 15px;
    height: auto;
    float: none;
  }
  .main_title .m_img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .main_title .m_tit img {
    height: 27px;
  }
}
.section_type {
  overflow: hidden;
  border: 2px solid #C3BDB6;
  margin-bottom: 30px;
}

/* ---------------------------------------
	.section
--------------------------------------- */
#sec_1 .title_box {
  width: 100%;
  font-size: 1.45em;
  display: table;
  position: relative;
  border-bottom: 1px solid #C4BEB7;
}

#sec_1 .title_box .inbox {
  display: table-row;
}

#sec_1 .title_box .inbox p,
#sec_1 .title_box .inbox h2 {
  font-weight: bold;
  display: table-cell;
  position: relative;
}

#sec_1 .title_box .inbox p {
  width: 200px;
  padding-left: 20px;
  text-align: center;
  border-right: 1px solid #C4BEB7;
}

#sec_1 .title_box .inbox h2 {
  padding: 12px 100px 12px 20px;
}

#sec_1 .title_box .inbox h2 > span {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  font-size: 0.6em;
}

#sec_1 .inbox {
  padding: 20px 25px;
}

#sec_1 .inbox .cnt_left {
  width: 300px;
}

#sec_1 .inbox .cnt_left .img_box {
  margin-bottom: 20px;
}

#sec_1 .inbox .cnt_left .btn_box a,
#sec_1 .inbox .cnt_left .btn_box2 a {
  width: 100%;
  min-width: 1px;
}

.login-caption {
  padding: 5px 0;
  font-size: 0.9em;
}

#sec_1 .inbox .cnt_right {
  width: 540px;
  background: #F4F4EF;
  padding: 20px;
}

#sec_1 .inbox .cnt_right .wysiwyg {
  float: left;
  width: 50%;
}

#sec_1 .inbox .cnt_right .wysiwyg:first-child {
  width: 48%;
  padding-right: 2%;
}

@media screen and (max-width: 767px) {
  #sec_1 .title_box {
    font-size: 1.25em;
    display: block;
  }
  #sec_1 .title_box .inbox {
    display: block;
    padding: 0;
  }
  #sec_1 .title_box .inbox p,
  #sec_1 .title_box .inbox h2 {
    display: block;
  }
  #sec_1 .title_box .inbox p {
    width: 100%;
    padding: 8px 0;
    border-right: none;
    border-bottom: 1px solid #C4BEB7;
  }
  #sec_1 .title_box .inbox h2 {
    padding: 12px 20px;
    text-align: center;
  }
  #sec_1 .title_box .inbox h2 > span {
    display: none;
  }
  #sec_1 .inbox .cnt_left {
    width: 100%;
  }
  #sec_1 .inbox .cnt_left .img_box {
    text-align: center;
  }
  #sec_1 .inbox .cnt_left .btn_box a,
  #sec_1 .inbox .cnt_left .btn_box2 a {
    margin-bottom: 20px;
  }
  #sec_1 .inbox .cnt_right {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
  #sec_1 .inbox .cnt_right .wysiwyg {
    float: none;
    width: 100% !important;
    padding-right: 0 !important;
  }
  #sec_1 .inbox .cnt_right .wysiwyg:first-child {
    margin-bottom: 1em;
  }
}
#sec_2 .box_wrap {
  margin-right: -22px;
  margin-bottom: 50px;
}

#sec_2 .box a {
  display: block;
  text-decoration: none;
}

#sec_2 .box {
  display: table;
  float: left;
  width: 270px;
  margin: 0 22px 22px 0;
  padding: 15px;
  box-sizing: content-box;
}

#sec_2 .box:nth-child(3n+1) {
  clear: both;
}

#sec_2 .box .inbox {
  display: table-row;
}

#sec_2 .cnt_img,
#sec_2 .cnt_txt {
  display: table-cell;
  vertical-align: middle;
}

#sec_2 .cnt_img {
  width: 70px;
}

#sec_2 .cnt_img img {
  width: 70px;
}

#sec_2 .cnt_txt {
  padding: 10px;
}

#sec_2 .cnt_txt p {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #sec_2 .box_wrap {
    margin-right: 0;
    margin-bottom: 50px;
  }
  #sec_2 .box a {
    display: block;
    text-decoration: none;
  }
  #sec_2 .box {
    display: table;
    float: none;
    width: 100%;
    margin: 0 0 22px 0;
    padding: 15px;
    box-sizing: border-box;
  }
}
.page_nav {
  background: #F4F4EF;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .page_nav {
    padding: 20px 0 10px;
  }
}

.page_nav ul {
  text-align: center;
}

.page_nav ul li {
  display: inline-block;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .page_nav ul li {
    display: block;
    margin: 0 0 10px;
  }
}/*# sourceMappingURL=rashiku_backnumbers.css.map */