@charset "UTF-8";


 /*テーマ基本文字、大きさ、色、行間 */
body {color: ; font-size: ; line-height: ;}
#wrapper {border-top: 5px solid ;}
 /* Link color */
a {color:; }
a:hover {color:;}

 /* ヘッダーテキストカラー */
  #ptitle {color: #FFF;}

/* ------ 文字設定------ */
h1 {color: ;}
h2 {color: ;}
h3 {color: ;}
h4 {color: ;}
h5, h6 {color: ;}
.main-title { background-color: ;}
.main-title:before{ color: ;}
.parts-title { background-color: ;}
.parts-title:before{ color: ;}

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

 /* Copyright */
footer #copyright { color: ; background-color: ;}

/* ナビゲーション*/
#gnav nav > ul > li a {color: ;}
#gnav nav li {width: INF%; border-color: ;} 
#gnav nav > ul > li a { color: ; }
#gnav nav > ul > li  ul li a{  color: ; border-color: ;}
#gnav nav > ul > li:hover > a{ border-color: ;}
#gnav nav > ul > li  ul li:hover > a{color: ;}
#gnav nav .current-menu-parent a, #gnav nav .current-menu-item a{color: ; }
.color01 a {background-color: ;}
.color02 a {background-color: ;}
.color03 a {background-color: ;}
.color04 a {background-color: ;}
.color05 a {background-color: ;}
.color06 a {background-color: ;}
.color07 a {background-color: ;}
.color08 a {background-color: ;}

 /* サイドバー */
#main #container #sideTower { float:right; width:120px;clear:none; } 
.sidebar-wrapper h4{color: ; border-color: ; background-color: ;}
.sidebar-wrapper h4:before{color: ;}
.sidebar-wrapper form,
.sidebar-wrapper ul li {border-color: ;}
.sidebar-wrapper ul.children li, .sidebar-wrapper ul.sub-menu l{border-color: ;}
.sidebar-wrapper  ul  li:last-child {border-color: ;}
.sidebar-wrapper ul li a {color:; }
.sidebar-wrapper ul li a:hover {background-color: ;} 
.sidebar-wrapper ul li a:before {color: ;}

 /* footer */
footer {color: ; background-color: ;}
.footer-wrapper h4{color: ; background-color: ;}
.footer-wrapper ul li a, #footer-inner nav ul li a {color:; display: block;}
.footer-wrapper ul li a:hover, #footer-inner  nav ul li a:hover {color: ;} 
.footer-wrapper ul li a:before{content: "・"}
.footer-wrapper ul li {border-bottom: 1px dotted ;}
.footer-wrapper ul.children li ,.footer-wrapper ul.sub-menu li {border-top: 1px dotted ;}
.footer-wrapper ul.children li:first-child ,.footer-wrapper ul.sub-menu li:first-child {border-bottom: none;}
.footer-wrapper ul li a:after {color: ;}
.footer-wrapper form a,.footer-wrapper p a,.footer-wrapper .tagcloud a{ color: ; }
.footer-wrapper form a:hover,.footer-wrapper p a:hover,.footer-wrapper .tagcloud a:hover{ color: ; }

/* ------ 記事リスト表示 ------ */
#first-list article, #post-list article, #post-list-cat article, #post-list-cat article {border-color: ;}
#first-list img, #post-list article img, #post-list-cat article img { border-color: ;}
#first-list article h4 a, #post-list article h4 a, #post-list-cat article h4 a  { color: ;}
#first-list article h4 a:hover, #post-list article h4 a:hover, #post-list-cat article h4 a:hover  {color: ; }
.next > a  { color: ; background-color: ;}
.next > a:hover {color: #C00; background-color: !important;}

/* ウィジェット見出しカラー*/
#contents .h-color01 h3.main-title:before{color: ;}
#contents .h-color02 h3.main-title:before{color: ;}
#contents .h-color03 h3.main-title:before{color: ;}
#contents .h-color04 h3.main-title:before{color: ;}
#contents .h-color05 h3.main-title:before{color: ;}
#contents .h-color06 h3.main-title:before{color: ;}
#contents .h-color07 h3.main-title:before{color: ;}
#contents .h-color08 h3.main-title:before{color: ;}

/* ------ ページナビ ------ */
.page_navi li.current span {color: #FFF; border-color: ; background-color: ;}
.page_navi li a { color: #333; border-color: ;}
.page_navi li a:hover {color: ;}
.page_navi li.page_nums span { color: #333; background: #FFF; border-color: ;}

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

/* post-list Color*/
#first-list > article .next a:hover, #post-list > article .next a:hover, #post-list-cat > article .next a:hover {color: #EFEFEF; background-color: ;}

/* ------ 検索フォーム ------ */
#searchsubmit:hover {background-color: ;}


/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  html {*overflow-x: hidden;}
  #wrapper {min-width: 0; overflow: hidden;}
  #header-inner {width: 100%;}
  #ptitle {position: static; margin-top: 10px; text-align: center; z-index: 10}
  #h-banner{display: none;}
  #s-button {position: static; margin-top : 5px;text-align: center;}
  #gnav-btn {position: absolute; top: 12px; right: 10px; display: block; padding: 5px 0 4px; z-index: 10000}
  #gnav-btn a {display: block; width: 40px; height: 40px; line-height: 40px; font-size: 24px; color: #346AA8; text-align: center; vertical-align: top; text-decoration: none; -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #CCC;}
  #gnav {position: static; width: 100%; font-size: 100%; z-index: 99; background-color: #FFF; border-bottom: 1px solid #CCC; display: none;}
  #gnav nav {width: 100%;  margin: 0; padding: 0; 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 #CCC;}
  #gnav nav ul li a {padding: 0 20px 0 10px!important; color: #666; 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 #CCC;}
  #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: 1px solid #CCC; 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 a{border-bottom: none; background-color: #F5F5F5; color: #666!important;}
  #gnav nav .current-menu-parent a{background-color: #FFF; color: #666!important;}
  #containar{width : 90%; position: relative; text-align: center;}
  #contents {float: none; width: 100%; margin: 0 auto; padding: 0;}
  #plist {padding: 10px 0;}
  #post-list article{width: 48%; margin: 0 0.5%;}
  #sidebar {float: none;	width: 100%;	margin: 15px auto; overflow: hidden;}
  .sidebar-wrapper {display: inline-block; vertical-align: top; width: 47%; margin: 0 1.0% 10px;}
  .parts ul {padding: 0;}
  .doc {padding: 0;}
  article p {padding: 0;}
  #social{margin: 20px 0;}
  #related-posts {margin: 10px 2%; padding: 0 5px;}
  footer {min-width: 0; overflow: hidden;}
  #footer-inner {width: 90%}
  #footer-inner .f-left {width: 48%; margin: 0 1%;}
  #footer-inner .f-center {width: 48%; margin: 0 1%;}
  #footer-inner .f-right {width: 48%; margin: 0 1%;}
  /* ------ ピックアップ記事------ */
  .sidebar-wrapper .rank {width: 32%; margin: 15px 0 15px 1% ; float: left;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  .alignleft, .alignright{float: none; margin: 5px auto; text-align: center; display: block;}
  #gnav {top: 65px;}
  #ptitle {position: absolute; top: 10px; left: 10px; margin: 0; padding: 0;}
  #post-list  article img, #post-list-cat  article img {width: 100%; max-width: 100%; margin: 0 auto;}
  #post-list article{display: block; width: 100%; margin: 0; padding: 15px 0 0;}
  .main-title {font-size: 147%;}
  .post-title{font-size: 120%;}
  .parts-title{font-size: 107%;}
  #related-posts {margin: 0; padding: 10px 0;}
  #related-posts .k-post {margin: 5px 0.5%; width: 47%;}
  #footer-inner {width: 100% ;margin: 0 ;padding: 0;}
  .sidebar-wrapper, #right-column .sidebar-wrapper {display: block; width: 100%; margin: 0 0 10px;}
  .footer-wrapper h4{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .footer-wrapper nav{width: 100% ; margin: 0; padding: 0;}
  .footer-wrapper ul {margin: 0; list-style: none;}
  .footer-wrapper ul li {width: 100%; text-align: left; display: block; border-bottom:1px solid #CCC;}
  .footer-wrapper ul li:last-child {border-bottom: none;}
  .footer-wrapper ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; text-decoration: none;}
  .footer-wrapper ul li a:hover{text-decoration: none; filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}
  .footer-wrapper ul li a:after {font-family: iconfont;font-weight: normal;content: "L"; color: #346AA8; padding-left: 15px;}
  #footer-inner .f-left { margin: 0; width: 100%; float: none;}
  #footer-inner .f-center {margin: 0; width: 100%; float: none;}
  #footer-inner .f-right {margin: 0; width: 100%; float: none;}
  .ads_left {float: none; display: none;}
  .ads_rigjt{float: none; margin: 0 auto; display: block;}
  .lenth{width: 100%;}
  /* ------ ピックアップ記事 ------ */
  .rank {float: none; margin: 15px auto; padding: 0; width: 100%;}
  .sidebar-wrapper .rank  {float: none; margin: 15px auto; padding: 0; width: 100%;}
  .rank .rankinner .b_link img {max-width: 100%; margin: 0 auto; display: block;}
}