/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  body {min-width: 0;}
  #wrapper {min-width: 0;}
  #contents {float: none;}
  /*  ヘッダー部   */
  #header-inner {width: 100%;}
  /*  コンテンツ  */
  #containar {width: 90%; margin: 0 auto;}
  #contents {width: 100%;}
  /*  フッター  */
  footer {min-width: 0;}
  #footer-inner {width: 90%;}
  #footer-inner2 {width: auto;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  /*  ヘッダー部  */
  #header-inner {width: 100%; height: 150px;}
  /* 関連記事リスト */
  #related-posts section:hover .idx {padding-top: 10%;}
  #related-posts  .idx h5 {padding: 0 10px; font-size: 0.8em;}
  #related-posts  .idx p { padding: 10px 10px 0; font-size: 0.6em;}
  /*  フッター  */
  #footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right{width: 50%;}
}

/*  ～479px  */
@media screen and (max-width: 479px) {
   .alignleft, .alignright {float: none; text-align: center; margin: 0 auto; display: block;}
  #header-inner {width: 100%; height: 100px;}
  /*  コンテンツ  */
 #containar {width: 92%; margin: 0 auto;}
  .infomation {padding: 15px 0;}
  h1 { font-size: 1.6em!important;}
  h2, .doc h2 { font-size: 1.2em!important;}
  h3, .doc h3 { font-size: 1.15em!important;}
  h4, .doc h4 { font-size: 1.1em!important;}
  h5, .doc h5 { font-size: 1.05em!important;}
  h6, .doc h6 {;font-size: 1.0em!important;}
/* カード型記事リスト表示 */
  #card-list section {width: 50%;}
  #card-list section .inner h3 {font-size: 0.9em!important;}
  #post-list section h3 {font-size: 1.3em;}
 /*  注目記事表示  */
  #at-post-list section {width: 100%; margin-bottom: 10px; padding: 0;}
  /*  記事リスト表示  */
  #post-list section {width: 100%; margin: 0 0 20px; padding: 10px;}
  #post-list .img-set {float: none; max-width: none; margin:0 auto 10px; display: block;}
  #post-list .img-set img {max-width: none; width: 100%;}
   /* 投稿 */
  .doc {margin: 10px 0; padding: 10px 0;}
  .doc-page {padding: 10px 0;}
  /* テキスト段落表示 */
  .txt-column .d-text {display: block; width: 96%; margin: 0 auto 10px; padding: 0;}
  /* アイキャッチ画像リスト */
  #list-img .image-set {width: 50%; margin: 0; padding: 0;}
  /* リスト表示01 */
  .f-list, .p-list{display: block; width: 96%; margin: 0 auto 10px; padding: 0;}
  /* 関連記事リスト */
  #related-posts  section {display: inline-block; vertical-align: top; width: 100%;}
  /*  コメント  */
  .comments{margin: 10px 0;}
  /*  テーブル  */
  table.scroll{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
  .scroll::-webkit-scrollbar{ height: 5px;}
  .scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
  .scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
  /*  フッター  */
  #footer-inner {width: 100% ;margin: 0 ;padding: 0;}
  #footer-inner nav{width: 100% ; margin: 0; padding: 0;}
  #footer-inner nav ul {margin: 0; padding: 1em 0 1em 0.5em;}
  #footer-inner nav ul li {position: relative; width: 100%; padding: 0; text-align: left; display: block; border: none;*zoom: 1;}
  #footer-inner nav ul li a{display: block; padding: 10px 10px 10px 1.5em; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  #footer-inner nav ul li a:before{font-family: "Font Awesome 6 Free"; font-weight: 900; content: '\f0a9'; font-size: 1em; position: absolute; left: 0.4em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  #footer-inner nav ul li a:hover{text-decoration: underline;}
  #footer-inner nav ul li:last-child {border-bottom: none;}
  #footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right{width: 100%; margin: 0; padding: 0;}
  .footer-wrapper {width: 100% ; margin: 0; padding: 0;}
  .footer-wrapper h4 {margin: 0!important; line-height: 2em; border-bottom: 1px solid #BCBCBC; background-color: #E5E5E5; border-radius: 0;}
  .footer-wrapper ul {margin: 0!important;}
  .footer-wrapper ul li {margin: 0!important; width: 100%; padding: 0!important; text-align: left; display: block; border: none; border-bottom: 1px dotted #555;}
  .footer-wrapper ul li:before{content:''; margin-right: 0;}
  .footer-wrapper ul li a{display: block; padding: 10px!important; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  .footer-wrapper ul li a:hover{text-decoration: none;}
  .footer-wrapper .tagcloud {padding: 10px;}
  #footer-inner2 .textwidget { padding: 15px;}
  #footer-inner2 {padding: 0!important;}
  #footer-inner2 ul > li:before{content: ''; }
  .footer-wrapper .rank-post {margin: 10px 10px 0; }
   input[type="button"],input[type="submit"] {-webkit-appearance: none; }
	/*  囲み枠  */
	.framed-text {padding: 1.5em 1em;}
	.framed-widetitle { font-size: 1.2em;}
	/* チェック付きリスト */
	ul.check {padding: .5em;}
	/*  バルーン  */
	.balloon .balloon-img-left {width: 60px; margin-right: 8px;}
	.balloon-img-left img {width: 60px; height: 60px;}
	.balloon-txt-left {max-width: calc( 100% - 70px ) ;}
	.balloon .balloon-img-right {width: 60px; margin-left: 8px;}
	.balloon-img-right img {width: 60px; height: 60px;}
	.balloon-txt-right {max-width: calc( 100% - 70px ) ;}
	/* ページナビ */
	.wp-pagenavi {font-size: .7em;}   
}