@charset "utf-8";

/*---------------------------------

  子テーマ化対応（2026-08-04）
  親テーマ 1.9.2 → 2.11.1 で変わった親 style.css の値を、
  現行デザインが依存していた 1.9.2 当時の値に固定する。
  このファイルは親 style.css・responsive.css より後に読み込む。

---------------------------------*/
/* 2.11.1 は #footer { background:#f2f2f2 } に変更。現行の黒フッターを維持 */
#footer {
  background: #000000;
}

/* 2.11.1 は #footer_inner { width:800px } に変更。1180px に戻す
   （950px 以下は親 responsive.css の width:auto を活かす） */
@media screen and (min-width: 951px) {
  #footer_inner {
    width: 1180px;
  }
}

/* 2.11.1 は #main_contents { width:800px }。現行（1.9.2 親では width をコメントアウトする
   直接改修が入っていた）に合わせ、デスクトップでは幅制限を外す。
   1050px 以下は親 responsive.css（media 属性で限定読込）の挙動を維持する */
@media screen and (min-width: 1051px) {
  #main_contents {
    width: auto;
  }
}

@media screen and (min-width: 769px) {
  #main_contents.singleLeftWrap {
    width: 70%;
  }
}

/* 以下目視による調整 */
html {
  letter-spacing: 0.5px;
}

.megamenu_blog_list .post_list li {
  width: 33.333%;
  height: 150px;
  float: left;
  margin: 0;
}

.megamenu_blog_list .post_list li:nth-child(3n) {
  margin-right: 0;
}

#header {
  height: 80px;
}

.pc .header_fix #global_menu {
  right: 0;
}

.pc #global_menu ul ul {
  top: 80px;
}

.pc #global_menu ul ul a {
  font-size: 13px;
  padding: 14px 15px 12px;
}

.pc #global_menu>ul>li>a {
  height: 80px;
  line-height: 80px;
  font-size: 13px;
}

.megamenu_blog_list,
body.header_fix .megamenu_blog_list {
  top: 80px;
}

@media screen and (max-width:650px) {
  #header {
    height: 50px;
  }
}

@media screen and (max-width: 1050px) {
  #menu_button span {
    width: 18px;
  }
}

.megamenu_blog_list .post_list li .overlay {
  height: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)) !important;
}

/* top */
#index_header_content {
  height: 700px;
}

#index_slider .caption {
  width: 880px;
  top: 55%;
}

@media screen and (max-width: 950px) {
  #index_slider .caption {
    width: auto;
  }
}

#return_top {
  left: 0;
  right: auto;
}

#copyright {
  font-size: 10px;
}

/* 下層 */
@media screen and (max-width:650px) {
  #main_contents {
    margin: 0;
  }
}

#bread_crumb ul {
  width: 1200px;
}

@media screen and (max-width: 1050px) {
  #bread_crumb ul {
    width: auto;
  }
}

/*コラム*/
#archive_blog {
  width: 880px;
}

#blog_list .link {
  height: 240px;
}

#blog_list .title {
  font-size: 20px;
}

@media screen and (max-width: 900px) {
  #archive_blog {
    width: auto;
  }
}

@media screen and (max-width: 650px) {
  #blog_list .title {
    font-size: 18px;
  }

  #blog_list .link {
    height: 300px;
  }

  #blog_list .excerpt {
    font-size: 13px;
  }
}

@media screen and (max-width: 450px) {
  #blog_list .link {
    height: 195px;
  }
}


/*親テーマにあるdesign_plus.cssの調整*/
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
  margin: 0 0 10px 0;
}

@media screen and (min-width: 769px) {

  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h2,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h3,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h4,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h5,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h6 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 768px) {

  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h2,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h3,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h4,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h5,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h6 {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 600px) {

  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h2,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h3,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h4,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h5,
  .post_content :not(h2):not(h3):not(h4):not(h5):not(h6)+h6 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .post_content .s_table {
    overflow: visible;
    white-space: normal;
  }
}


/*投稿回りに設定されていたフォント調整*/
.rich_font, .p-vertical {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}

.post_content, #next_prev_post {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}