/*
 Theme Name:   WP1650 Child08
 Description:  クールでかっこいいWPテーマ Child08
 Author:       af-partner
 Author URI:   https://www.af-joho.com/
 Template:     wp1650
 Version:      16.0.0
 Tags:	２カラム,右サイドバー,左サイドバー,3カラムフッター,4カラムフッター,カスタムカラー,６色,カスタムメニュー,カスタムヘッダー,ブログ
*/

#wrapper {min-width: 1060px;}

/* ヘッダー */
header {position: relative; width: 100%;}
#header-inner {position: static; width: 100% ; min-height: 0; margin: 0; text-align:center; overflow: hidden;}
#ptitle {margin: 0; padding: 0; text-align: center; line-height: 1.6em; font-size: 0.85em; color: #FFF;}
#ptitle a {color: #FFF; text-decoration: none;}
/* ヘッダーナビゲーション */
#gnav {border-width: 0 ;background-color: #222;;}
#gnav nav > ul {height: 2.6em;}
#gnav nav > ul > li {height: 2.6em;  line-height: 2.6em;}
#gnav nav > ul > li a{font-weight: 500; }
#gnav nav ul li ul li a{height: 2.6em; line-height: 2.6em;}
#gnav nav ul li:hover ul li {overflow: hidden; height: 2.6em;}
/* ヘッダー画像 */
#mainvisual {height: auto; text-align: center;}
/* コンテンツ */
#containar {max-width: 1060px;}
.main-title, .cat-title, .post-title {font-weight: 500;}
/* サイドバー */
#sidebar {float: right; width: 301px;}
.sidebar-wrapper{border-width: 0 ;}
.sidebar-wrapper h4 {padding: 0.3em 5px 0.2em 0.5em; font-size: 1.05em; line-height: 1.5em; color: #333; font-weight: 500; border-radius: 0;}
.sidebar-wrapper h4:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; padding-right: 0.2em; font-size: 1.0em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sidebar-wrapper ul li:last-child {border-bottom: solid 1px #CCC;}
/*ピックアップ記事等 */
.pickup-post {padding: 0;}
.rank-post {padding: 0;}
.rank-post .r-post:last-child {border-bottom: 1px dotted #999;}

/*  フッター  */
footer a {font-weight: 500;}

/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  #wrapper {min-width: 0;}
  #mainvisual {width: 100%; height: auto; overflow: hidden;}
  #sidebar {float: none; width: 100%;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  #mainvisual .img {width: 120%; margin-left: -10%; overflow: hidden;}

  #gnav nav  ul {list-style-type: none; height: auto; background-color: #FFF; border-bottom: 1px solid #CCC;}
  #gnav nav  ul  li a {background: #FFF url("img/arrow_02.png") no-repeat right center!important;}

}

/*  ～479px  */
@media screen and (max-width: 479px) {

}