@media screen and (max-width: 979px) {
  /*  基本設定  */
  body {min-width: 0;}
  #header-title {width: 100%; padding: 0 0px;}
  #ptitle {left: 0px;}
  #smap {right: 10px;}
  /*  ナビゲーション  */
  #gnav {width: 100%;}
  #gnav nav {width: 100%;}
  /*  コンテンツ  */
  #containar {width: 90%;}
  #contents {float: none; 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: 2px; letter-spacing: 0;}
  /*  フッター  */
  #footer-inner {width: 100%; padding: 10px;}
  #footer-inner2 {width: 100%; padding: 10px;}
}

/* ～ 767px */
@media screen and (max-width: 767px) {
  *{-webkit-appearance: none;}
  /* 基本設定 */
  body {min-width: 0;}
  #wrapper {min-width: 0;}
  #ptitle {height: 40px; padding: 0; line-height: 40px;}
  #header-social-button {display: none;}
  #mob-social-button{ display: block; background-color: #FFF;}
  /*  ヘッダーナビゲーション  */
  #gnav-btn {position: absolute; top: 10px; right: 10px; display: block; z-index: 10000;}
  #gnav-btn a {display: block; width: 34px; height: 34px; line-height: 34px; font-size: 18px; text-align: center; text-decoration: none; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px;	border-radius: 5px;}
  #gnav {position: static; width: 100%; font-size: 100%; z-index: 99; background-color: #FFF; display: none;}
  #gnav nav {width: 100%!important;  margin: 0; padding: 0; position: static; border-bottom: 1px solid #CCC; z-index: 1000;}
  #gnav nav ul {list-style-type: none; height: auto;  background-color: #FFF;}
  #gnav nav ul li {position: static; float: none; width: 100%!important; margin: 0 ; text-align: left; border-left: none; border-top: 1px solid #CCC;}
  #gnav nav ul li a {padding: 0 20px 0 10px!important; color: #666!important; line-height: 2.5rem; text-align: left; background: #FFF url("img/arrow_02.png") no-repeat right center!important;}
  #gnav nav ul li ul {position: static; width: 100%; list-style: none; margin: 0;}
  #gnav nav ul li:last-child ul {width: 100%;}
  #gnav nav ul li ul li{margin: 0; width: 100%; height: 2.5rem; background-color: #FFF; overflow: hidden;}
  #gnav nav ul li  ul li a {height: 2.5rem; line-height: 2.5rem; text-align: left; padding-left: 20px; font-size: 100%; color: #666!important; background-color: #FFF; border-top: none; overflow: hidden; opacity: 1.0;}
  #gnav nav ul li ul li:last-child {border-bottom: none!important;}
  #gnav nav ul > li:hover > a{color: #666; border-left: none; background-color: #F5F5F5!important;;}
  #gnav nav  ul >  li:hover a {border-left: none;}
  #gnav nav ul li:hover ul li{overflow: hidden; height: 2.5rem; opacity: 1.0;}
  #gnav nav  ul  li ul li:hover a {background-color: #F5F5F5!important;}
  #gnav nav .current-menu-item {border-bottom: none; background-color: #F5F5F5; color: #666;}
  #gnav nav .current-menu-parent {background-color: #FFF; color: #666;}
  /*  ヘッダー画像  */
  #mainvisual {min-width: 0; overflow: hidden;}
  #mainvisual #mainvisual-inner {width: 120%; margin-left: -10%; overflow: hidden;}
  #mainvisual-inner .over-color {position: absolute; top: calc(100vw / 1000 * 500* 0.82 ); left: 0; height: calc(100vw / 1000 * 500* 0.2 );}
  .visual-link {position: absolute; left: 10px; top: calc(100vw / 1000 * 500* 0.88); font-size: 1.0em;}
  /*  コンテンツ  */
  #containar {width:90%;}
  #right-column {width: 100%; border-width: 0; padding: 0;}
  #top-post-list  article h3 {padding: 10px 0; font-size: 1.5em;}
  #top-post-list  article p {font-size: 0.92em;}
  #sub-post-list  article{max-width: 600px; margin: 20px auto 0;}
  /* 関連記事リスト */
  #related-posts article: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;}
  /* コンテンツ内広告表示  */
  .ads-left {float: left; display: block;}
  .ads-right {float: right;;}
  /*  フッター  */
  footer {min-width: 0;}
  #footer-inner {width: 90%;}
  #footer-inner2 {width: 100%;}
}

@media screen and (max-width: 619px) {
  /* コンテンツ内広告表示  */
  .ads-left {float: none; display: none;}
  .ads-right {float: none; text-align: center; margin: 0 auto;}
}

/* ～479px */
@media screen and (max-width: 479px) {
  .alignleft, .alignright {float: none; text-align: center;}
  #ptitle {font-size: 1.1em; left: 10%; text-align: left;}
  /* アイテム画像 */
  .eyepicture {padding-top: 150px;}
  /*  コンテンツ  */
  #col-left {width:100%; height: 0; margin: 0;}
  #col-right {width: 92%;}
  /* 投稿 */
  h1 {font-size: 1.38em;}
  h2 {font-size: 1.28em;}
  h3 {font-size: 1.22em;}
  h4 {font-size: 1.14s;}
  h5 {font-size: 1.08em}
  .doc {padding: 1em 0;}
  .info {padding: 1em 0;} 
  blockquote {font-size: .9em;}
  /* 記事リスト表示(タイプ1) */
   .post-list-inner {display: inline-block; vertical-align:top; margin: 0; padding: 15px 0; width: 100%; letter-spacing: 0;}


/* SNSシェアボタン  */
  ul#sns_btn{width:100%;}
  ul#sns_btn li a {font-size: 85%;}
  /* 関連記事リスト */
  #related-posts  article {display: inline-block; vertical-align: top; width: 49.6%;}
  /*  コメント  */
  .comments{margin: 10px 0;}
  /*  サイドバー  */
  #sidebar {float: none;	width: 100%;	margin: 0 auto; overflow: hidden;}
  #sidebar-01, #sidebar-02 {display: inline-block; vertical-align: top; width: 100%; margin: 0 0 10px;}
  .sidebar-wrapper {display: block; width: 100%; margin: 0 auto 10px;}
  /*  フッター  */
  #footer-inner {width: 100% ;margin: 0 ;padding: 0;}
  #footer-inner nav{width: 100% ; margin: 0; padding: 0;}
  #footer-inner nav ul li {width: 100%; padding: 0; text-align: left; display: block; border: none;*zoom: 1;}
  #footer-inner nav ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  #footer-inner nav ul li a:hover{text-decoration: none;}
  #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: none; background-color: #666; 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; }
  /* 注目記事表示 */
  #at-post-list article {width: 100%; margin: 0; padding: 10px 0; letter-spacing: 0; overflow: hidden; z-index: 100;}
  /*  テーブル  */
  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;}

}



/*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;
}