@charset "UTF-8";


 /* 基本設定 */
body {color: ; font-size: ; line-height: ;}
  #ptitle {color: #414444;}
  #ptitle a {color: #414444; text-decoration:none;}
  
/* Link color */
a {color:;}
a:hover {color:;}
#post-list  article h3 a:hover{color:;}
.sidebar-wrapper ul li a:hover, .footer-wrapper ul li a:hover{color:;}
.rank-post .p-post a:hover{color:;}
#related-posts  article h5 a:hover{color:;}


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

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

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

/*  サイト色設定  */
  
  /*  デフォルト（青）  */
    
 /* 色指定共通部  */
header {border-color: rgba(0,156,222,0.3); border-top: 5px solid #009CDE;}
#gnav nav  ul >  li:hover a {background-color: #009CDE;}
#gnav nav  ul  li ul li:hover a {background-color: #009CDE;}
#gnav nav .current-menu-item {background-color: rgba(0,156,222,0.15);}
#gnav nav .current-menu-parent {background-color: rgba(0,156,222,0.15);}
.parts-title {background-color: rgba(51,204,255,1.0);}
.comment-reply-title:before {color: #009CDE;}
a.more {background-color: #009CDE;}
a:hover.more {background-color: #33CCFF;}
#related-posts .idx {background-color: rgba(0,156,222,0.4);}
#related-posts article:hover .idx {background-color: rgba(0,156,222,0.6);}
.comments .reply a:hover{background: #009CDE;} 
a#cancel-comment-reply-link {color: #009CDE;}
#footer-inner2 h4 {background: rgba(51,204,255,0.2);}
#footer-inner2 ul > li a:before {color: #009CDE;}
#copyright {background-color: #009CDE;}
.rank-post .p-post .num {background-color: #009CDE;}
#searchsubmit:hover {background-color: #009CDE;}
.tagcloud  a:hover {background: #009CDE;}
#gnav-btn a {color: #009CDE;}
#at-post-list .idx {background: rgba(0,156,222,0.2);}
#at-post-list article:hover .idx {background: rgba(0,156,222,0.4);}


/*  サイドバー位置  */
  #contents {float: left;}
  #sidebar {float: right;}

@media screen and (max-width: 979px) {
  /*  基本設定  */
  body {min-width: 0;}
  #wrapper {width: 100%; min-width: 0;}
  header {width: 100%;}
  #header-inner {width: 96%;}
  #smap {right: 10px;}

  /*  ヘッダーナビゲーション  */
  #gnav {padding: 0; width: 100%;}
  #gnav nav {width: 100%;}
  
  /*  コンテンツ  */
  #containar {width:90%;}
  #contents {float: none; width : 100% ;}
  
  /* コンテンツ内広告表示  */
  .ads-left {float: none; display: none;}
  .ads-right {float: none; text-align: center;}

  /*  サイドバー  */
  #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;}

  /*  フッター  */
  #footer-inner2 {width: 96%;}

}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  *{-webkit-appearance: none;}
  /* 基本設定 */
  body {min-width: 0;}
  header {position: static;}
  #wrapper {min-width: 0;}
    
  /*  ヘッダーナビゲーション  */
  #gnav-btn {position: absolute; top: 10px; right: 5px; display: block; z-index: 1000;}
  #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; padding: 0; font-size: 100%; background-color: #FFF; border-bottom: 1px solid rgba(0,156,222,0.3); display: none;}
  #gnav nav {width: 100%;  margin: 0; padding: 0; width: 100%; position: static; 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%; margin: 0 ; text-align: left; border-left: none; border-top: 1px solid rgba(0,156,222,0.3);}
  #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:last-child > a {border-bottom: 1px solid rgba(0,156,222,0.3);}
  #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: 2em!important; 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;}

  /*  コンテンツ  */
  #containar {padding-top: 20px;}

  /*  ヘッダー画像  */
  #mainvisual {min-width: 0; overflow: hidden; z-index: 100;}

  /*  関連記事リスト */
  #related-posts  article .joho {margin-top: 10px;}

  /* コンテンツ内広告表示  */
  .ads-left {float: left; display: block;}
  .ads-right {float: right;;}
  
}

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

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright {float: none; text-align: center; margin: 0 auto; display: block; margin-bottom: 10px;}
  #ptitle {font-size: 1.4em; width: 90%;}
  #ptitle-description {width: 90%;}
  
  /*  コンテンツ  */
  #containar {width:94%;}
  #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;}
  .doc {padding: 10px;}
 
  /* ------ 記事表示 ------ */
  #post-list  article h3 { font-size: 1.4em;}

   /*  注目記事表示  */
  #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: 78%;}
 
 /*  テーブル  */
  table.scroll{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
  .scroll::-webkit-scrollbar{ height: 5px;}
  .scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
  .scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
  
  /* SNSシェアボタン  */
  ul#sns_btn{width:100%;}
  ul#sns_btn li a {font-size: 85%;}
  
  /*  関連記事リスト  */
  #related-posts  article {width: 48%; margin: 10px 0.5%; overflow: hidden;}
  #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: 100%; 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 {width: 100%; padding: 0!important;}
  #footer-inner2 h4 {padding: 0.4em 0 0.4em 10px;}
  #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 .rank-post {margin: 0 auto; width: 90%!important}
  #footer-inner2 .tagcloud  {margin-top: 10px;}
}