/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  #wrapper {min-width: 0;}
  /*  ヘッダー   */
  #header-inner {width: 100%;}
  #ptitle {padding-left: 10px;}
  /*  ヘッダー画像  */
  .visual-link {margin-left: 4%; font-size:  1.2em;}
  /* パンくずリスト */
  #plist .plist-inner {width: 100%;}
  /* コンテンツ */
  #containar {width: 94%; margin: 0 auto;}
  #contents {width: 100%;}
  /*  サイドバー  */
  #sidebar {float: none; width: 100%;	margin: 0 auto; letter-spacing: -.4em; overflow: hidden;}
  #sidebar-01, #sidebar-02 {display: inline-block; vertical-align: top; width: 50%; margin: 0 0 10px; padding: 5px; letter-spacing: 0;}
  /*  フッター  */
  footer {min-width: 0;}
  #footer-inner {width: 90%;}
  #footer-inner2 {width: 98%;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  /*  ヘッダー部  */
  #ptitle {font-size: 2.4em; width: 90%; margin: 0 auto; display: block;}
  #header-social-button {display: none;}
  #mob-social-button {display: block;} 
  /*  ヘッダーナビゲーション  */
  #gnav-btn {margin: 0; padding: 0 0 10px; text-align: center; display: block;}
  #gnav-btn a { margin: 0 auto; display: block; width: 100px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px;	border-radius: 5px;}
  #gnav {width: 100%; max-width: 100%; margin: 0; font-size: 100%; z-index: 9999; display: none; border: none;}
  #gnav nav {width: 100%;  margin: 0; padding: 0; position: static;}
  #gnav nav ul {list-style-type: none; height: auto; background-color: #FFF; border-bottom: 1px solid #CCC;}
  #gnav nav ul  li {position: relative; float: none; width: 100%!important; height: auto; margin: 0 ; text-align: left; border-right: none; overflow: hidden;}
  #gnav nav li:last-child {border-right: none;}
  #gnav nav  ul  li a {display: block; padding: 0 3em 0 1em; color: #333!important; font-weight: normal; height: 3em; line-height: 3em; text-align: left; text-decoration: none; background: #FFF url("img/arrow_02.png") no-repeat right center!important; border-top: 1px solid #CCC;}
  #gnav nav  ul  li  ul {position: static; width: 100%; list-style: none; margin: 0; border-bottom: none!important;}
  #gnav nav > ul > li:last-child ul li {left: 0;}
  #gnav nav  ul li  ul li {margin: 0; width: 100%; height: 3em; overflow: hidden;}
  #gnav nav  ul  li  ul li a{padding: 0 3em 0 2em; height: 3em; line-height: 3em; text-align: left; font-size: 100%; font-weight: normal ; background-color: #FFF; border-bottom: none; border-color: #CCC!important; overflow: hidden; opacity: 1.0;}
  #gnav nav  ul  li:hover {border-bottom: none;}
  #gnav nav  ul  li:hover >a {color: #333!important; background-color: #EFEFEF!important;}
  #gnav nav  ul  li  ul li:hover a {color: #333!important; background-color: #EFEFEF!important;  border-bottom: none;}
  #gnav nav  ul  li:hover ul li{overflow: visible; height: 3em; border-top: none;}
  #gnav nav  ul  li ul li:hover >a {color: #C06; background-color: #EFEFEF; opacity: 1.0;}
  #gnav nav .current-menu-item, #gnav nav .current-menu-parent  {border-bottom: none;}
  /*  注目記事表示  */
  #at-post-list article h4{position: absolute; top: 80%; left: 0; margin: 0; padding: 0 15px; font-size: 92%; color: #FFF; z-index: 600;}
  /*  関連記事リスト */
#related-posts article {width: 32%; margin: 10px 0.2% 0;}
  /*  フッター  */
  #footer-inner2 .f-left {width: 47%;}
  #footer-inner2 .f-center {width: 47%;}
  #footer-inner2 .f-right {width: 47%;}
}

/*  ～479px  */
@media screen and (max-width: 479px) {
  #ptitle {font-size: 1.6em; width: 90%;}
  #containar {width: 90%; margin: 0 auto;}
  .alignleft, .alignright {float: none; text-align: center; margin: 0 auto; padding: 0; display: block;}
  /*  ヘッダー画像  */
  #mainvisual #mainvisual-inner {width: 150%; margin-left: -25%; overflow: hidden;}
  .visual-link {margin-left: 4%; font-size:  1.0em;}
  /* 投稿 */
  h1 {font-size: 1.38em;}
  h2 {font-size: 1.28em;}
  h3 {font-size: 1.22em;}
  h4 {font-size: 1.14em;}
  h5 {font-size: 1.08em}
  .doc {padding: 1em;}
  .info {padding: 15px 0;}
  .info-img {max-width: 100%;}
  .main-title, .cat-title, .post-title {margin: 0 0 10px; font-size: 1.2em;}
 /* カード型記事リスト表示(タイプ3) */
  #card-list article {padding: 0 0 20px; width: 100%;}
  /* テキスト段落表示 */
  .txt-column .d-text {display: block; width: 96%; margin: 0 auto 10px; padding: 0;}
   /* アドセンス属性 */ 
  .ads-left {float: none; margin: 0 auto; text-align: center; display: block;}
  .ads-right {float: none; margin: 0 auto; text-align: center; display: block;}
  /* 関連記事リスト属性 */
  #related-posts .k-post {width: 100%; padding: 5px 0;}
  /* ソーシャルボタン等 */
  .icon-feed:before {margin: 0 2px 0 5px;}
  .icon-facebook:before {margin: 0 5px;}
  .icon-gplus:before {margin: 0 5px;}
  .icon-twitter:before {margin: 0 5px;}
  /* テーブル属性 */
   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;}
  /* 注目記事表示 */
  #at-post-list article {width: 100%; margin: 0; padding: 10px 0; letter-spacing: 0; overflow: hidden; z-index: 100;}
  /*  フッター  */
  #footer-inner2 {width: 100%; padding: 0!important;}
  #footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right {padding: 10px 10px 0; width: 100%;}
  #footer-inner2 .f-01, #footer-inner2 .f-02, #footer-inner2 .f-03, #footer-inner2 .f-04 {padding: 10px 10px 0; width: 100%;}  
  #footer-inner2 .textwidget { padding: 15px;}
  .footer-wrapper h4 {position: relative;margin: 0.6em 0;}
  .footer-wrapper ul > li {padding: 5px 0;}
  .footer-wrapper .tagcloud {padding: 10px;}
}


/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child{
   background: #38b435;
}

/*左側メニューをオレンジ色に*/
#sp-fixed-menu li:last-child{
   background: #f3a324;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:0px;
}