@charset "UTF-8";


 /* 基本設定 */
body {color: ; font-size: ; line-height: ;}


/* Link color */
a {color:;}
a:hover {color:;}

/* ------ サイドバー位置 ------ */
  #main-column {float: left;}
  #side-column {float: right;}

/*  ヘッダー画像  */

 /*  ヘッダーナビゲーション  */
#gnav {font-size: ;}
#gnav nav > ul > li {width: INF%;}
  #gnav nav > ul {height: 36px;}
  #gnav nav > ul li {height: 36px;}
  #gnav nav ul li a { line-height: 36px; padding: 0;}
 
 /* 投稿 */
.doc {font-size: ; line-height: ;}

 /* 色設定 */
  
  /*  デフォルト（ピンク）  */
          

  
  html {background-color: #F48DB4;}
  header {background-color: #F48DB4;}
  /*  ヘッダーナビゲーション  */
  #gnav {background-color: #C9356C; border-color: #FF347F;}
  #gnav nav ul li {border-color: #FF347F;}
  #gnav nav > ul > li:first-child {border-color: #FF347F;}
  #gnav nav ul li ul li a{color: #FFF; background-color: #F48DB4; border-color: #FF347F;}
  #gnav nav ul li:hover a {background-color: #FF347F;}
  #gnav nav ul li ul li:hover > a {color: #FFF;}
  #gnav nav .current-menu-item, #gnav nav .current-menu-parent {background-color: #FF347F;}
  /*  ヘッダー画像  */
  #mainvisual {background-color: #F48DB4;}
  #mainvisual #mainvisual-inner .over-color {background-color: #F48DB4;}
  /*  文字設定  */
  .main-title:before{color: #C9356C;}
  .post-title:before{color: #C9356C;}
  .parts-title {background-color: #F48DB4;}
  .comment-reply-title:before {color: #C9356C;}
  /* ------ 記事リスト表示 ------ */
  #post-list  article .next a:hover {color: #FFF; background-color: #F48DB4;}
  .more a {background-color: rgba(244,141,180,0.6);}
   .more a:hover {background-color: rgba(244,141,180,1.0);}
  /* ------ 注目記事表示 ------ */
  #at-post-list article {border-color: #C9356C;}
  #at-post-list .idx {background-color: rgba(201,53,108,0.4);}
  #at-post-list article:hover .idx { background-color: rgba(201,53,108,0.6);}
  /* ------ 関連記事リスト属性 ------ */
  #related-posts .idx {background-color: rgba(201,53,108,0.4);}
  #related-posts article:hover .idx {background-color: rgba(201,53,108,0.6);}
/* ------ サイドバー ------ */
  .sidebar-wrapper h4:before {color: #C9356C;}
  /*  footer  */
  footer {background-color: #F3F3F3;}
  #footer-inner nav ul li {color: #41444; border-color: #C9356C;}
  #footer-inner2 h4 {background-color: #C9356C;}
  footer a {color: #414444;}
  footer #copyright {color: #FFF; background-color: #F48DB4;}
  /* ピックアップ記事  */
  .rank-post .p-post .num2 {background-color: #C9356C;}
  /*  検索フォーム  */
  #searchsubmit:hover {background-color: #C9356C;}
  /* ------タグクラウド ------ */
  .tagcloud  a:hover {background: #C9356C;}
  /* ------ コンテンツ内タグ表示 ------ */
  #contents .tagcloud a:hover {background: #C9356C; color: #FFF;}
  /*  ハンバーガーボタン等  */
  #gnav-btn a {color: #FFF;}
  /* ------ ページナビ ------ */
  .wp-pagenavi a:hover{background-color: #C9356C;}
  .wp-pagenavi span.current{background-color: #C9356C;}

/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  body {min-width: 0;}
  #wrapper {min-width: 0;}
  
  /* ------ コンテンツ ------ */
  #containar {width: 94%;}
  #contents {float: none; width: 100%;}
  #main-column {float: right; width: calc(100% - 320px);}
  #side-column { float: left; width: 301px;}
  
  /*  ヘッダー部   */
  #header-inner {width: 100%;}
  #ptitle {text-align: center;}
  /* ------ ヘッダーナビゲーション ------ */
  #gnav nav { width: 100%;}
  
  /*  ヘッダー画像  */
  #mainvisual {min-width: 0;}
  #mainvisual #mainvisual-inner {width: 120%; margin-left: -10%; overflow: hidden;}
  #mainvisual #mainvisual-inner .over-color {display: block; position: absolute; left: 0; top: calc(450/2000*100vw); width: 100%; height: calc(150/2000*100vw);}
  #mainvisual #mainvisual-inner .visual-link {opacity: 1; position: absolute; left: 20px; top: calc(500/2000*100vw); margin-left: 0; font-size:  calc(40/2000*100vw);}
  #plist .plist-inner {width: 100%;}
  
  /*  サイドバー  */
  #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 {min-width: 0;}
  #footer-inner {width: 90%;}
  #footer-inner2 {width: auto;}
}

/* ------ ～ 820px ------ */
@media screen and (max-width: 913px) {
  #header-social-button {display: none;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  /*  ヘッダー部  */
  #header-inner {width: 100%; height: 50px;}
  #ptitle {margin-right: 40px; padding: 0; line-height: 50px; overflow: hidden;}
  #header-social-button {display: none;}
  #contents-1column {width: 100%;}
  
  /*  ヘッダー画像  */
  #mainvisual #mainvisual-inner .visual-link {top: calc(500/2000*100vw);}
  
  /*  ヘッダーナビゲーション  */
  #gnav-social-button {display: block; padding: 30px 0; font-size: 36px; text-align: center; background-color: #FFF;}
  #gnav-btn {position: absolute; top: 10px; right: 5px; display: block; z-index: 10000;}
  #gnav-btn a {display: block; width: 40px; height: 25px; color: ; line-height: 25px; font-size: 24px; text-align: center; vertical-align: top; text-decoration: none; -webkit-border-radius: 5px;	border-radius: 5px;}
  #gnav nav .menu-item-description{display: none;}
  #gnav nav > ul {height: auto;}
  #gnav nav > ul li {height: auto;}
  #gnav nav ul li a { line-height: auto;}
  #gnav {width: 100%; max-width: 100%; margin: 0; font-size: 100%; z-index: 9999; display: none; border: none;border-bottom: 1px solid #CCC;}
  #gnav nav {width: 100%;  margin: 0; padding: 0; position: static;}
  #gnav nav  ul {list-style-type: none; height: auto; background-color: #FFF;}
  #gnav nav ul  li {position: relative; float: none; width: 100%; margin: 0 ; text-align: left; border-right: none; overflow: hidden;}
  #gnav nav > ul > li:first-child {border-left: none;}
  #gnav nav  ul  li a {display: block; padding: 0 3em 0 1em; color: #333!important; font-weight: normal; height: 3em; line-height: 3em; text-align: left; text-decoration: none; background: #FFF url("img/arrow_04.png") no-repeat right center!important; border-top: 1px solid #CCC;}
  #gnav nav  ul  li  ul {position: static; width: 100%; list-style: none; margin: 0;}
  #gnav nav > ul > li:last-child ul li {left: 0;}
  #gnav nav  ul li  ul li {margin: 0; width: 100%; height: 3em; overflow: hidden;}
  #gnav nav  ul  li  ul li a{padding: 0 3em 0 2em; height: 3em; line-height: 3em; text-align: left; font-size: 100%; font-weight: normal ; background-color: #FFF; border-bottom: none; border-color: #CCC!important; overflow: hidden; opacity: 1.0;}
  #gnav nav  ul  li:hover {border-bottom: none;}
  #gnav nav  ul  li:hover >a {color: #333!important; background-color: #EFEFEF!important;}
  #gnav nav  ul  li  ul li:hover a {color: #333!important; background-color: #EFEFEF!important;  border-bottom: none;}
  #gnav nav  ul  li:hover ul li{overflow: visible; height: 3em;}
  #gnav nav  ul  li ul li:hover >a {color: #C06; background-color: #EFEFEF; opacity: 1.0;}
  #gnav nav .current-menu-item, #gnav nav .current-menu-parent  {border-bottom: none;}
  
  /*  ヘッダー画像  */
  #mainvisual #mainvisual-inner .over-color {display: block; position: absolute; left: 0; top: calc(450/2000*100vw); width: 100%; height: calc(150/2000*100vw);}
  #mainvisual #mainvisual-inner .visual-link {opacity: 1; position: absolute; left: 20px; top: calc(480/2000*100vw); font-size:  calc(45/2000*100vw);}

  /* ------ コンテンツ ------ */
  #contents {padding-bottom: 0;}
  #main-column {float: none; width: 100%; padding-bottom: 20px;}
  #side-column { float: left; width:  48%; margin: 0}
  #sidebar {float: right;	width: 48%;	margin: 0 ;	*margin: 0 ;overflow: hidden;}
  #sidebar-01, #sidebar-02 {display: block; vertical-align: top; width: 100%; margin: 0;}

 
  /*  関連記事リスト */
  #related-posts article {width: 32%; margin: 10px 0.2% 0;}
  
  /*  フッター  */
  #footer-inner2 .f-left {width: 47%;}
  #footer-inner2 .f-center {width: 47%;}
  #footer-inner2 .f-right {width: 47%;}

}

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

/*  ～479px  */
@media screen and (max-width: 479px) {
  #containar {width: 90%; margin: 0 auto;}
  #contents-1column {width: 100%;}
  .alignleft, .alignright {float: none; text-align: center; margin: 10px auto; display: block;}
  
  /*  ヘッダー画像  */
  #mainvisual #mainvisual-inner {width: 150%; margin-left: -25%; overflow: hidden;}
  #mainvisual #mainvisual-inner .over-color {display: block; position: absolute; left: 0; top: calc(450/1600*100vw); width: 100%; height: calc(150/1600*100vw);}
  #mainvisual #mainvisual-inner .visual-link {opacity: 1;position: absolute; left: 3vw; top: calc(480/1600*100vw); font-size:  calc(50/1600*100vw);}
  
  /*  コンテンツ  */
  .doc {padding: 1em 0;}
  .doc-page {padding: 1em 0;}
  .info {padding: 15px 0;}
  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;}
  #contents-1column .doc {padding: 1em;}
  
  /*  注目記事表示  */
  #at-post-list{width: 100%; text-align: center;}
  #at-post-list article {position: relative; display: block; margin: 10px auto;}
  #at-post-list article h4{top: 78%;}
  
  /*  記事リスト表示  */
  #post-list article {width: 100%; margin: 0; padding: 15px 0 10px;}
  #post-list .img-set {float: none; max-width: none; margin:0 auto 10px; display: block;}
  #post-list img {max-width: none; width: 100%;}
  
  /*  関連記事リスト  */
  #related-posts article {width: 48%; margin: 10px 0.2% 0;}

/*  コメント  */
 .comments{margin: 10px 0;}
 
 /*  テーブル  */
  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%;}
  
  /*  サイドバー  */
  #side-column { float: none; width:  100%; margin: 0}
  #sidebar {float: none;	width: 100%;	margin: 0 auto;	*margin: 0 auto 10px;overflow: hidden;}
  .sidebar-wrapper {display: block; 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-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 {margin: 0!important; 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 .footer-wrapper .tagcloud {padding: 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 {padding: 0!important;}
  #footer-inner2 ul > li:before{content: ''; }
}