@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}


/* =========================================
   Variables
========================================= */
/* =========================================
   Fluid typography
   - <=479px : min
   - 480-1024px : fluid
   - >=1025px : max
   Usage: font-size: fluid(14px, 18px);
========================================= */
/* strip-unit helper */
/* =========================================
   Helpers
========================================= */
/* link colors (same in :link/:visited/:hover) */
/* image reset */
/* =========================================
   Legacy notes
   - MacIE5 hacks are kept as-is in style.scss
========================================= */
/* CSSDocument */
/* html body base
=============================================================== */
* {
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  margin: 0;
  padding: 0;
  position: relative;
  background: url(../images/contents_back.gif) repeat top left;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  line-height: 138%;
  /* 元：88%（だいたい 14px前後想定）→ 480-1024で流体に */
  font-size: clamp(14px, 14px + (2) * (100vw - 480px) / 544, 16px);
}

a:link {
  color: #aa7733;
  text-decoration: underline;
}
a:visited {
  color: #aa7733;
  text-decoration: underline;
}
a:hover {
  color: #aa7733;
  text-decoration: none;
}
a:active {
  color: #1aa1e5;
  text-decoration: none;
}

img {
  border: none;
  vertical-align: top;
}

input,
select,
textarea {
  font-size: clamp(12px, 12px + (2) * (100vw - 480px) / 544, 14px);
}

ul,
ol {
  list-style: none;
}

/* Module -------------------------------------------------------- */
.clearfix {
  /* legacy inline-block hack (kept) */
  display: inline-block;
}
.clearfix::after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

/* exlude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* end MacIE5 */
.clear {
  clear: both;
}

/* body base ----------------------------------------------------- */
#container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  background: url(../images/main_back.gif) repeat-x top left;
}
#container.contents {
  background: url(../images/contents_head_back.gif) repeat-x top left;
}
@media screen and (max-width: 767px) {
  #container {
    background: none;
    overflow: hidden;
  }
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  background: url(../images/body_back.gif) repeat-y top center;
}
@media screen and (max-width: 1000px) {
  #wrapper {
    width: 100%;
  }
}

.contents-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .contents-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

#contents_left {
  width: 660px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  #contents_left {
    width: 100%;
  }
}

#contents_right {
  width: 220px;
}
@media screen and (max-width: 767px) {
  #contents_right {
    width: 100%;
  }
}

/* header / menu
=============================================================== */
#menu {
  width: 960px;
  height: 75px;
  background: #000;
  display: block;
}
@media screen and (max-width: 1000px) {
  #menu {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #menu {
    display: none;
    z-index: -1;
    width: 0px;
    left: auto;
    right: -200px;
    height: 0px;
    transition: all ease 0.4s;
    background: rgba(0, 0, 0, 0.8);
  }
}
#menu ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #000;
  height: 100%;
}
#menu li {
  width: 25%;
  text-align: center;
  font-size: clamp(18px, 18px + (5) * (100vw - 480px) / 544, 23px);
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  font-weight: normal;
  font-family: "EB Garamond", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#menu li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
#menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .openMenu #menu {
    display: block;
    z-index: 99;
    width: 70vw;
    right: 0;
    height: 100dvh;
    position: fixed;
    top: 0;
    transition: all ease 0.4s;
    background: rgba(0, 0, 0, 0.8);
  }
  .openMenu #menu ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000;
    height: 100%;
  }
  .openMenu #menu ul li {
    border: none;
    font-size: 30px;
    text-align: left;
    padding: 5vw;
    width: 50vw;
    box-sizing: border-box;
  }
}
.toggle-menu {
  display: none;
}

@media screen and (max-width: 767px) {
  .toggle-menu {
    display: block;
    height: 80px;
    width: 80px;
    display: block;
    transform: scale(0.6);
    transform-origin: right top;
    border-radius: 15px;
    aspect-ratio: 80/80;
    box-sizing: border-box;
    cursor: pointer;
    position: fixed;
    right: 5px;
    top: 5px;
    z-index: 9999;
    background-color: #000;
  }
  .toggle-menu span {
    width: 50px;
    height: 3px;
    display: block;
    border-radius: 2px;
    position: absolute;
    left: 15px;
    background: #fff;
    transition: transform 0.6s ease-in-out, top 0.5s ease;
  }
  .toggle-menu span:nth-child(1) {
    top: 22px;
  }
  .toggle-menu span:nth-child(2) {
    top: 37px;
  }
  .toggle-menu em {
    top: 50px;
    position: absolute;
    right: 14px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .openMenu .toggle-menu span:nth-child(1) {
    transform: rotate(20deg);
    top: 28px !important;
  }
  .openMenu .toggle-menu span:nth-child(2) {
    transform: rotate(-20deg);
    top: 28px !important;
  }
}
/* footer
=============================================================== */
#copyright {
  padding-top: 10px;
  padding-right: 26px;
  padding-bottom: 30px;
  float: right;
  clear: both;
}

/* share
=============================================================== */
.gototop {
  text-align: right;
  margin-top: 15px;
}

/* right contents
------------------------------------------------------------------ */
#right_menu {
  margin: 0;
}
#right_menu h3 {
  margin: 0;
}
#right_menu ul {
  margin-left: 20px;
}
#right_menu li {
  margin: 0;
  border-top: 1px solid #ccc;
  padding: 5px 0;
}
#right_menu li a {
  background: url(../images/arrow.gif) no-repeat left 2px;
  padding-left: 17px;
  display: block;
  color: #000;
  text-decoration: none;
}
#right_menu li a:visited {
  color: #000;
  text-decoration: none;
}
#right_menu li a:hover {
  color: #000;
  text-decoration: underline;
}
#right_menu li.last_line {
  border-bottom: 1px solid #ccc;
}

.r_search {
  height: auto;
  margin-bottom: 29px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
.r_search dl dt {
  font-family: serif;
  font-weight: bold;
  margin-bottom: 5px;
}
.r_search dl dd {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.r_search input.inp_txt {
  width: 100%;
  height: 20px;
  vertical-align: top;
  position: relative;
}

/* IE hacks kept */
* html .r_search input.inp_txt {
  margin-left: 12px;
  width: 135px;
  height: 18px;
  vertical-align: top;
}

*:first-child + html .r_search input.inp_txt {
  margin-left: 12px;
  width: 135px;
  height: 18px;
  vertical-align: top;
}

/* top page
------------------------------------------------------------------- */
h1 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  h1 {
    border-bottom: 5px solid #000;
  }
}
h1 img {
  width: 100%;
  max-width: 960px;
  height: auto;
}

#main_visual {
  background: url(../images/top_back.jpg) no-repeat top center;
}

#top_method {
  padding: 20px 30px 30px;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #top_method {
    padding: 5%;
  }
}

.top_method_l {
  width: 580px;
  float: left;
  display: inline;
  margin-right: 60px;
}

.top_method_r {
  width: 260px;
  float: left;
  display: inline;
}

.top_greeting {
  margin-right: 0;
  background: #fff;
  border-bottom: solid #fff 20px;
}
.top_greeting p {
  line-height: 22px;
  font-size: clamp(14px, 14px + (2) * (100vw - 480px) / 544, 16px);
}

.top_news {
  background: url(../images/top_news_back_line.gif) repeat-y top center/100%;
  margin-bottom: 30px;
}

.top_news2 {
  background: url(../images/top_news_back_line2.gif) repeat-y top center/100%;
  margin-bottom: 30px;
}
.top_news2 img {
  max-width: min(100%, 100vw);
  height: auto;
}
.top_news2 h3 {
  font-size: 100%;
}
.top_news2 dt {
  margin-bottom: 3px;
  background: url(../images/arrow.gif) no-repeat left 2px;
  padding-left: 17px;
  display: block;
  font-weight: bold;
  clear: both;
}
.top_news2 dd {
  margin-bottom: 15px;
}
.top_news2 dd a {
  font-weight: bold;
}
.top_news2 .lastinfo h2.maintit {
  font-family: "EB Garamond", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(28px, 28px + (8) * (100vw - 480px) / 544, 36px);
  padding-bottom: 0.2em;
  border-bottom: solid 1px #000;
}

.top_news_all {
  width: 590px;
  float: left;
  display: inline;
  padding-right: 20px;
}

.top_news_l {
  width: 260px;
  float: left;
  display: inline;
  padding: 0 30px 0 0;
}

.top_news_c {
  width: 260px;
  float: left;
  display: inline;
  padding: 0 0 0 30px;
}

.top_news_r {
  width: 260px;
  float: left;
  display: inline;
  padding: 0 0 0 30px;
}

.top_news h3 {
  font-size: 100%;
}
.top_news dt {
  margin-bottom: 3px;
  background: url(../images/arrow.gif) no-repeat left 2px;
  padding-left: 17px;
  display: block;
  font-weight: bold;
}
.top_news dd {
  margin-bottom: 15px;
}
.top_news dd a {
  font-weight: bold;
}

dl.top_sche dt {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
  font-size: clamp(14px, 14px + (4) * (100vw - 480px) / 544, 18px);
  margin-bottom: 10px;
  background: none;
}
dl.top_sche dd {
  margin-bottom: 15px;
  margin-left: 15px;
}
dl.top_sche dd a {
  font-weight: bold;
}

.top_sche_ar {
  background: url(../images/arrow.gif) no-repeat left 2px;
  padding-left: 17px;
  display: block;
  font-weight: bold;
}

.top_sche_dt {
  background: url(../images/arrow.gif) no-repeat left 2px;
  padding-left: 17px;
  font-weight: normal;
  float: right;
  font-size: clamp(11px, 11px + (1) * (100vw - 480px) / 544, 12px);
}

.top_sale {
  clear: left;
  background: url(../images/top_cd_back.gif) no-repeat top left;
  width: 590px;
  height: 131px;
  float: left;
  display: inline;
  padding-right: 20px;
}
.top_sale img {
  padding: 21px 23px 0 20px;
  float: left;
  display: inline;
}
.top_sale h3 {
  margin-top: 50px;
  font-size: 100%;
  margin-left: 134px;
  background: url(../images/arrow2.gif) no-repeat left 2px;
  padding-left: 17px;
  display: block;
  font-weight: bold;
}
.top_sale h3 a {
  color: #000;
}
.top_sale h3 a:visited {
  color: #000;
}

.top_sale2 {
  clear: left;
  background: url(../images/top_cd_back2.gif) no-repeat top left;
  width: 590px;
  height: 168px;
  float: left;
  display: inline;
  padding-right: 20px;
  line-height: 22px;
}
.top_sale2 img {
  padding: 21px 23px 0 20px;
  float: left;
  display: inline;
}
.top_sale2 h3 {
  margin-top: 20px;
  font-size: 100%;
  margin-left: 134px;
  background: url(../images/arrow2.gif) no-repeat left 5px;
  padding-left: 17px;
  display: block;
  font-weight: bold;
}
.top_sale2 h3 a {
  color: #000;
}
.top_sale2 h3 a:visited {
  color: #000;
}

/* contents page
=============================================================== */
#contents_method {
  padding: 20px 30px 30px;
}
#contents_method.flex {
 display: flex;
}

#contents_method h2 {
  margin-bottom: 35px;
}

.blog-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .blog-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
}

.tit_link {
  background: url(../images/tit_arrow.gif) no-repeat left 8px;
  padding-left: 14px;
}

#blog_method {
  margin-bottom: 30px;
  word-break: break-all;
  width: 100%;
}
#blog_method h3 {
  background: url(../images/tit_back.gif) repeat top left;
  border-top: 4px solid #000;
  padding: 15px 12px 12px;
  font-size: clamp(16px, 16px + (5) * (100vw - 480px) / 544, 21px);
  margin-bottom: 15px;
  line-height: 140%;
}
#blog_method h3 small {
  color: #767676;
  padding-left: 14px;
  font-weight: normal;
  font-size: clamp(11px, 11px + (1) * (100vw - 480px) / 544, 12px);
}
#blog_method p {
  margin-bottom: 20px;
  margin-right: 5px;
}
#blog_method img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #blog_method .MsoNormal {
    width: 100% !important;
    text-indent: 0 !important;
  }
}

/* discography
----------------------------------------------- */
ul.disco_menu {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
ul.disco_menu li {
  margin: 0;
}
ul.disco_menu li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  ul.disco_menu {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }
  ul.disco_menu li {
    flex: 0 0 auto;
  }
  ul.disco_menu img {
    display: block;
    height: clamp(20px, 12vw, 34px) !important;
    width: auto;
  }
}
.disco_box-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .disco_box-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
}

.disco_box {
  width: calc(50% - 18px);
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .disco_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }
}

.disco_box_l {
  width: 160px;
  background: #e5e5e5;
  padding: 9px;
  box-sizing: border-box;
  font-size: clamp(11px, 11px + (1) * (100vw - 480px) / 544, 12px);
}
@media screen and (max-width: 767px) {
  .disco_box_l {
    width: 100%;
    text-align: center;
  }
}
.disco_box_l img {
  margin-bottom: 5px;
  max-width: 100%;
  height: auto;
}

.disco_box_r {
  padding: 10px;
  box-sizing: border-box;
  width: calc(100% - 160px);
}
@media screen and (max-width: 767px) {
  .disco_box_r {
    width: 100%;
  }
}
.disco_box_r h3 {
  background: url(../images/discography_line.gif) repeat-x bottom left;
  padding-bottom: 13px;
  padding-top: 8px;
  padding-left: 4px;
  font-size: clamp(18px, 18px + (-4) * (100vw - 480px) / 544, 14px);
  margin-bottom: 14px;
}
.disco_box_r p {
  font-size: clamp(14px, 14px + (-2) * (100vw - 480px) / 544, 12px);
  line-height: 1.6;
  margin-bottom: 15px;
}
.disco_box_r p strong {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

/* Book&Essay
----------------------------------------------- */
.book_box-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 18px;
}
@media screen and (max-width: 767px) {
  .book_box-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
}

.book_box {
  width: calc(50% - 18px);
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .book_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
}
.book_box.mr18 {
  margin: 0;
}

.book_box_l {
  width: 40%;
  padding: 9px;
  font-size: clamp(11px, 11px + (0) * (100vw - 480px) / 544, 11px);
  text-align: center;
  background-color: #e5e5e5;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .book_box_l {
    width: 100%;
  }
}
.book_box_l img {
  margin-bottom: 15px;
}
.book_box_l p {
  text-align: left;
  line-height: 1.5;
}

.book_box_r {
  width: 60%;
  box-sizing: border-box;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .book_box_r {
    width: 100%;
  }
}
.book_box_r h3 {
  background: url(../images/discography_line.gif) repeat-x bottom left;
  padding-bottom: 13px;
  padding-top: 8px;
  padding-left: 4px;
  font-size: clamp(16px, 16px + (-2) * (100vw - 480px) / 544, 14px);
  margin-bottom: 14px;
  line-height: 1.6;
}
.book_box_r p {
  font-size: clamp(12px, 12px + (2) * (100vw - 480px) / 544, 14px);
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Profile
----------------------------------------------- */
.profile_body {
  margin: 0 25px 20px 30px;
}
@media screen and (max-width: 767px) {
  .profile_body {
    margin: 0 5px 20px 5px;
  }
}
.profile_body p {
  margin: 0 0 20px 0;
  text-indent: 1em;
  line-height: 22px;
  line-height: 1.8;
}

.prof-img {
  float: right;
  margin: 0 0 20px 20px;
}
@media screen and (max-width: 767px) {
  .prof-img {
    float: none;
    margin: 0 auto 20px;
    width: 80%;
  }
}
.prof-img img {
  width: 100%;
  height: auto;
}

.lastinfo {
  background: #fff;
  padding: 50px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .lastinfo {
    padding: 2%;
  }
}

.line,
.top-news li{
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 5vw 0 5vw;
}
.line h2,
.top-news li h2{
  text-align: center;
  padding-bottom: 2em;
}
.line .mb40,
.top-news li .mb40{
  margin-bottom: 40px;
}
.line .new_book,
.top-news li .new_book{
  float: left;
  margin: 0 30px 30px 0;
}
@media screen and (max-width: 767px) {
 .line .new_book,
 .top-news li .new_book{
    float: none;
    margin: 0 auto 30px;
    text-align: center;
  }
}
.line .fright,
.top-news li .fright{
  float: right;
}
@media screen and (max-width: 767px) {
 .line .fright,
 .top-news li .fright{
    float: none;
    margin: 0 auto 30px;
    text-align: center;
  }
}

.top-news li .date{
    display:block;
    margin-bottom: 40px;
    font-size: 14px;
}


.news-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-top: 30px;
  flex-wrap: wrap;
}

.news-pager .news-numbers {
  display: flex;
  gap: 0.5em;
}



.news-pager button:disabled {
  opacity: 0.3;
  cursor: default;
}

.news-pager button {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 10px;
  cursor: pointer;
  font: inherit;
  color: #162F29;
  transition: 0.2s;
}

@media screen and (max-width: 767px) {
    
    .news-pager button {
        font-size: 12px
    }
}

.news-pager button:hover {
  background: #000;
  color: #fff;
}

.news-pager button.is-current {
  background: #000;
  color: #fff;
  border-color: #457234;
  pointer-events: none;
}


.btn-wrap {
  padding-top: 2vw;
  display: flex;
  flex-direction: raw;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .btn-wrap {
    padding-top: 4vw;
  }
}
.btn-wrap .btn {
  background: #000;
  width: 40%;
  border-radius: 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .btn-wrap .btn {
    width: 50%;
  }
}
.btn-wrap .btn a {
  display: block;
  padding: 1em;
  color: #fff;
  font-family: "EB Garamond", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  font-size: clamp(18px, 18px + (1) * (100vw - 480px) / 544, 19px);
}/*# sourceMappingURL=styles.css.map */