/*
Template:easel
Theme Name:canvas on EASEL
Version: 1.1.0
*/

/* ここから下に書いたCSSが、親テーマCSSに上書きされます。 */
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Shippori+Mincho&display=swap');

/********************
フォント
********************/
/* Kiwi Maru */
.kiwi-maru-light {
  font-family: "Kiwi Maru", serif;
  font-weight: 300;
  font-style: normal;
}

.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.kiwi-maru-medium {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}

/* しっぽり明朝 */
.shippori-mincho-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.shippori-mincho-medium {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.shippori-mincho-semibold {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.shippori-mincho-bold {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.shippori-mincho-extrabold {
  font-family: "Shippori Mincho", serif;
  font-weight: 800;
  font-style: normal;
}

html {
  font-family: 'Kiwi Maru','Shippori Mincho','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Kiwi Maru","Shippori Mincho","Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  line-height: 1.8;
  color: #57595d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/********************
サイトの背景色、
********************/
body {
  background: #ffffff;
}

.header{
  background: #fbfaf5;
}

.nav-background {
  background-color: #fbfaf5;
  width: 100%;
}

.nav-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem 1rem 0 1rem;
  display: flex;
  justify-content: space-around;
  background-color: #fbfaf5;
}

/********************
ヘッダー部分
********************/

.header .nav li a:hover {
  color: #f01d4f;
}

#logo {
  margin-top: 0.3em !important;  /* 上 */
}

.header {
  height: auto;
  padding: 10px 0;
}

#logo a {
  color: #d0576b;
}

#logo a:hover {
  color: #f01d4f;
}


/********************
メインコンテンツ部分
********************/

/* メインコンテンツの横幅を制限する */
.wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}

#main-content {
  display: flex;  /* または flex-direction: column; */
  flex-direction: column;
}

/* 水平線の諸々指定 */
hr {
  border: none;
  border-top: 2px solid #fbfaf5;
  width: 100%;
  margin: 20px auto;
}

.wp-block-heading {
  border: none;
  border-bottom: 2.5px solid #f5b1aa;
  width: 100%;
  margin: 20px auto;
}

.wp-block-heading.custom-underline {
  border-bottom: 1px solid #fbfaf5;
}


/* フロントページのキービジュを中央寄せにする */
.kv {
  text-align: center;
}

/* サイト案内表の外枠と背景色を消す */
.site-guide-table {
  border: none;
  border-collapse: collapse;
  background: transparent;
}

.site-guide-table td,
.site-guider-table th {
  border: none;
  background: transparent;
}

.site-guide-table,
.site-guide-table tr,
.site-guide-table td,
.site-guide-table th {
  background-color: transparent !important;
  border: none !important;
}

/**
 * フッター部分
 */

/* フッターの横幅制限をなくす */
#inner-footer {
  width: 100%;
  text-align: center;
}

#inner-footer .wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}


/* フッターテキスト全体デザイン */
.footer-text-center {
  text-align: center;     /* テキストを中央に */
  margin: 0 auto;         /* 要素自体を中央に */
  max-width: 100%;        /* 幅の制限（必要に応じて） */
  padding: 10px 0;        /* 上下に余白をつける */
  display: block;
}

.footer-text-center .notice {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 0.5em;
}

.source-org.copyright {
  font-size: 0.9em;
  color: #999;
}