@charset "UTF-8";


 /* 基本設定 */
body {color: ; font-size: ; line-height: ;}
/* Link color */
a {color:; }
a:hover {color:;}
#post-list  article h4 a:hover {color:;}
#post-list article > .no-img > h4 a:hover {color:!important;} 
#related-posts  article h5 a:hover {color:;}
.rank-post .p-post a:hover {color:;}

/*  ヘッダーナビゲーション  */
#gnav nav ul {font-size: ;}

/*  文字設定  */
h1, h2, h3, h4, h5, h6 {color: #414444;}

 /* 投稿 */
.doc {font-size: ; line-height: ;}

  
  /*  デフォルト（青）  */
  #gnav-btn a { color: #00B1EA;}

 /* 投稿ページの場合 */
  
/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
    #col-left {width:100%; height: 30px; margin: 10px 0; background-color: #F5F5F5; float: none; border: 1px solid #CCC; border-width: 1px 0;}
    #mainvisual .visual-link { position: absolute; left: 10px; top: calc(510/2400*100vw); font-size:  120%;}

}


/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  /* 基本設定 */
  body {min-width: 0;}
  #wrapper {min-width: 0;}
  #header-inner { width: 96%;}
  
  /* ヘッダー画像 */
  #mainvisual {min-width: 0; overflow: hidden;}
  #mainvisual #mainvisual-inner {width: 120%; margin-left: -10%; overflow: hidden;}
  #mainvisual #mainvisual-inner .over-color {display: block; position: absolute; left: 0; top: calc(480/2000*100vw); width: 100%; height: calc(116/2000*100vw); }
  #mainvisual #mainvisual-inner .visual-link { position: absolute; left: 10px; top: calc(520/2000*100vw); margin-left: 0; font-size:  120%;}
  #mainvisual ul { width: 100%;}
  #mainvisual ul li { width: 32%;}
  #mainvisual ul li .index {font-size: 92%;}
  #containar {width: 100%; padding-top: 0;}
  
  /* コンテンツ */
  #col-left { margin: 0 0 10px;}
  #col-right {width: 96%; margin: 20px auto 0; float: none;}
    #sidebar {float: right;}
  #contents {float: left; width : 60% ; width : -webkit-calc(100% - 320px) ; width : calc(100% - 320px) ; padding-bottom: 20px;}
      
  /*  ナビゲーション  */
  #gnav h4 {display: none;}
  #gnav {width: 100%; font-size: 100%; }
  #gnav nav { width: 100%; margin: 0; padding: 0; position: relative; z-index: 99;}
  #gnav nav ul {list-style-type: none; margin: 0; padding: 0;}
  #gnav nav li {position: relative; float: left; width: INF%; margin: 0; padding: 0; text-align: center; line-height: 30px; white-space: nowrap; border: none; overflow-x: : hidden;}
  #gnav nav li:first-child {border-left: none;}
  #gnav nav ul  li a {display: block; color: #666; line-height: 30px; text-align: center; text-decoration: none;}
  #gnav nav ul li:hover {background-color: #DDD;}
  #gnav nav .current-menu-parent a, #gnav nav .current-menu-item a{background-color: #DDD;}
  #h-ads { display: none;}
  
  /*  フッター  */
  footer {min-width: 0;}
  #footer-inner {width: 100%; }
  #footer-inner2 {width: auto;}

}

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

@media screen and (max-width: 900px) {
  /*  注目記事表示  */
  #at-post-list article .h-back { top: 70%; height: 30%;}
  #at-post-list article h4{top: 75%; font-size: 85%;}
  /*  コンテンツ  */
  #post-list  article:nth-of-type(1) .h-back{ top: 70%; height: 30%; }
  #post-list  article:nth-of-type(1) h4 { top:73%;}
  #post-list  article:nth-of-type(1) p { top:87%;}
  #post-list  article:nth-of-type(1) h4 {line-height: 1.0em}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  *{ -webkit-appearance: none;}
  
  /*  ヘッダー部  */
  #ptitle {position: absolute; top: 5px; left: 10px;}
  #header-social-button {display: none;}
  #h-search { display: none;}
  #n-search { display: block; margin: 0 auto; position: static; padding: 10px 0; width: 250px; text-align: right;}

  /*  ヘッダーナビゲーション  */
  #gnav {display: none;}
  #mobile-menu{display :block;}
  #gnav-btn {position: absolute; top: 5px; right: 5px; display: block; z-index: 10000;}
  #gnav-btn a {display: block; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; text-decoration: none; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px;	border-radius: 5px;}
  #gnav-mobile {width: 100%; font-size: 100%; z-index: 9999; background-color: #FFF; border-bottom: 1px solid #CCC; display: none;}
  #gnav-mobile nav { width: 100%;  margin: 0; padding: 0; position: static; z-index: 10000;}
  #gnav-mobile nav ul {list-style-type: none;  background-color: #FFF;}
  #gnav-mobile nav li {width: 100%; margin: 0 ; text-align: left; border-left: none; border-top: 1px solid #CCC;}
  #gnav-mobile nav ul li a { width: 100%; height: 3em;  line-height: 3em; padding: 0 20px 0 10px; color: #666; text-align: left; background: #FFF url("img/arrow_02.png") no-repeat right center; display: block;}
  #gnav-mobile nav ul  li:last-child a {border-bottom: 1px solid #CCC;}
  #gnav-mobile nav  ul  li:hover > a{border-width: 1px; color: #666; background-color: #FFF;}
  #gnav-mobile nav .current-menu-parent a, #gnav-mobile nav .current-menu-item a{color: #666; background-color: #FFF;}
  #gnav-mobile nav ul li a {color: #666; border-color: #CCC;}
  #gnav-mobile nav ul li:last-child a {border-bottom: 1px solid #CCC;}
  #gnav-mobile nav ul li:hover a{color: #666; background-color: #EFEFEF; text-decoration: none;}
  #gnav-mobile nav .current-menu-parent a, #gnav-mobile nav .current-menu-item a{color: #666; background-color: #EFEFEF;}

  /*  ヘッダー画像  */
  #mainvisual #mainvisual-inner .visual-link { position: absolute; left: 10px; top: calc(510/2000*100vw); font-size:  108%;}
  #mainvisual ul li { width: 48.5%;}
  #mainvisual ul li:last-child { display: none;}
  
  /*  コンテンツ  */
  #col-left {width:100%; height: 0; margin: 0; border: none;}
  #contents {float: none; width : 100% ;}
  #post-list article .joho {margin-top: 10px;}
  #post-list-archive article .joho {margin-top: 10px;}
  #post-list article:nth-of-type(1) .h-back{ top: 75%; height: 25%; }
  #post-list article:nth-of-type(1) h4 { top:77%;}
  #post-list article:nth-of-type(1) p { top:89%;}
  #post-list article:nth-of-type(1) h4 {ine-height: 1.2em}
 
   /*  注目記事表示  */
  #at-post-list article .h-back { top: 75%; height: 25%;}
  #at-post-list article h4{ top: 78%; font-size: 92%; text-align: left;}
 
  /*  関連記事リスト */
  #related-posts  article .joho {margin-top: 10px;}

  /*  サイドバー  */
  #sidebar {float: none;	width: 100%;	margin: 0 auto;	*margin: 0 auto 20px;overflow: hidden;}
  #sidebar-01, #sidebar-02 {display: inline-block; vertical-align: top; width: 48%; margin: 0 0.7% 10px;}
  
  /* コンテンツ内広告表示  */
  .ads-left {float: left; display: block;}
  .ads-right {float: right;;}
  
}

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

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright {float: none; text-align: center;}
  
  /*  ヘッダー画像  */
  #mainvisual #mainvisual-inner {width: 150%; margin-left: -25%; overflow: hidden;}
  #mainvisual #mainvisual-inner .over-color {display: block; position: absolute; left: 0; top: calc(480/1600*100vw); width: 100%; height: calc(116/1600*100vw); }
  #mainvisual #mainvisual-inner .visual-link { position: absolute; left: 10px; top: calc(485/1600*100vw); font-size:  12px;}
  #mainvisual {margin: 0; padding: 0;}
  #mainvisual ul li { width: 100%;}
  #mainvisual ul li:nth-child(2), #mainvisual ul li:last-child{ display: none;}
  
  /*  コンテンツ  */
  #col-left {width:100%; height: 0; margin: 0;}
  #col-right {width: 92%;}
  #post-list  article h4 {  font-size: 100%;}
  blockquote { font-size: 90%;}
  h1 {margin: 0; padding: 0.4em 0; font-size: 158%; font-weight: 600; line-height: 1.3em;}
  h2 {margin: 0; padding: 0.4em 0; font-size: 128%; font-weight: 600; line-height: 1.3em;}
  h3 {margin: 0; padding: 0.4em 0; font-size: 122%; font-weight: 600; line-height: 1.3em;}
  h4 {margin: 0; padding: 0.4em 0; font-size: 114%; font-weight: 600; line-height: 1.3em;}
  h5 {margin: 0; padding: 0.4em 0 ;font-size: 108%; font-weight: 600; line-height: 1.3em;}
  h6 {margin: 0; padding: 0.4em 0 ;font-size: 100%; font-weight: 600; line-height: 1.3em;}
  .posts-title { font-size: 128%;}
  .doc {padding: 20px 0;}
  #post-list  article:nth-of-type(1) h4 { font-size: 92%;}
  #post-list  article:nth-of-type(1) p { display: none;}
 
   /*  注目記事表示  */
  #at-post-list{ width: 100%; text-align: center;}
  #at-post-list article {position: relative; display: block; width: 96%; margin: 10px auto;}
  #at-post-list article h4{top: 80%; font-size: 92%;}
  
/* SNSシェアボタン  */
  ul#sns_btn{width:100%;}
  ul#sns_btn li a {font-size: 85%;}
  
  /*  関連記事リスト  */
  #related-posts  article { margin: 10px 0}
  #related-posts  article h5 {font-size: 100%;}
  
/*  コメント  */
  .comments{margin: 10px 0;}
  
  /*  サイドバー  */
  #sidebar {float: none;	width: 100%;	margin: 0 auto;	*margin: 0 auto 10px;overflow: hidden;}
  #sidebar-01, #sidebar-02 {display: inline-block; vertical-align: top; width: 100%; margin: 0 0 10px;}
  .sidebar-wrapper {display: block; width: 94%; margin: 0 auto 10px;}
  
  /*  フッター  */
  #footer-inner {width: 100% ;margin: 0 ;padding: 0;}
  #footer-inner nav{text-align: left; margin: 0; padding: 10px 0 0;}
  #footer-inner nav ul li {width: 100%; padding: 0!important; text-align: left; display: block; border: none; border-bottom: 1px solid #CCC;}
  #footer-inner nav ul li {border-left: none;}
  #footer-inner nav ul li a{display: block; padding: 10px!important; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  #footer-inner nav ul li a:hover{text-decoration: none;}
  .footer-wrapper h4 {background-color: #CCC; margin: 0!important; padding: 15x 0 !important;}
  .footer-wrapper {width: 100% ; margin: 0; padding: 0;}
  .footer-wrapper ul {margin: 0!important;}
  .footer-wrapper ul li {width: 100%; padding: 0!important; text-align: left; display: block; border: none; border-bottom: 1px solid #CCC;}
  .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-inner2 .f-left { margin: 0; width: 100%; float: none;}
  #footer-inner2 .f-center {margin: 0; width: 100%; float: none;}
  #footer-inner2 .f-right {margin: 0; width: 100%; float: none;}
  #footer-inner2 .textwidget { padding: 15px;}
  #footer-inner2 {padding: 0!important;}
  
}