/*
 Theme Name:   MONOLITH Child
 Template:     monolith_tcd042
 Description:  WordPressテーマ「MONOLITH」Child
 Author:       Kazuhiro Sato
 Version:      1.8.3
 Text Domain:  monolith_tcd042-child
*/
/* キャッチ文言 MODIFIED BY SATO */
#header_content .catch {
    color:#fff;
    text-shadow:0px 0px 10px #fff,
    0px 0px 10px #ff0055,
    0px 0px 20px #ff0055,
    0px 0px 30px #ff0055,
    0px 0px 40px #ff0055;
    font-weight: bold;
    font-family: "游明朝";
    line-height: 120%;
}

/* キャッチフレーズ行間設定 */
#index_project .catchphrase .desc { font-size:14px; line-height:1.8; margin:0 0 35px 0; }
#index_project .catchphrase { text-align:center; margin:0 0 30px 0; }

/* NEWSキャッチフレーズ下マージン調整 */
#index_news .catchphrase {
    margin: 0 0 10px 0 !important;
}
/* NEWS下マージン調整 */
.index_news_list {
    margin: 0 0 20px 0 !important;
}

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; color:#222222; line-height:1; width:100%; min-width:1250px; }
a { color:#222222; text-decoration:none; }

/* 記事本文行間設定 */
.post_content p { line-height:1.8; margin:0 0 1.0em 0; }

/* 見出し設定 */
.post_content h2 {
	font-size:140%;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
}
.post_content h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
/* h3見出しマージン調整 */
.post_content .style3a {
    margin: 1.5em 0 1.0em !important;
    padding: 1.2em .2em 1.2em !important;
}

/* スマートフォン・タブレット向けのレスポンシブ対応 */
@media screen and (max-width: 768px) {
  
  /* --- 0. コンテナの固定幅を強制解除（今回の修正箇所） --- */
  #footer_top_inner,
  #footer_top_inner.nowidget,
  .footer_inner {
    width: 100% !important;
    min-width: 0 !important; /* 最小幅制限を解除 */
    max-width: 100% !important;
    padding: 0 10px !important; /* 端に少し余白を入れる */
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --- 1. フッター全体の枠組み --- */
  #footer {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px 0 !important;
  }

  /* --- 2. メニューエリア（上部に表示）の設定 --- */
  #footer_menu_widget_area {
    order: 1 !important; /* 1番目 */
    width: 100% !important;
    float: none !important;
    
    /* 内部のメニュー群を縦並び・中央揃えに */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* メニュー項目個別のリセット */
  #footer-menu1,
  #footer-menu2,
  #footer-menu3 {
    width: 100% !important;
    float: none !important;
    position: static !important;
    margin: 0 0 20px 0 !important; /* 下に余白 */
    text-align: center !important;
    padding: 0 !important;
  }

  /* --- 3. 住所エリア（下部に表示）の設定 --- */
  #footer_address {
    order: 2 !important; /* 2番目 */
    width: 100% !important;
    float: none !important;
    position: static !important;
    text-align: center !important;
    margin-top: 20px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }
  
  /* 画像のはみ出し防止 */
  #footer img,
  #footer_address img,
  #footer_menu_widget_area img {
    max-width: 100% !important;
    height: auto !important;
  }
}