/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/







/* コンテンツ、サイドバーを含む大枠 */
.site-content {
  display: flex;
  flex-wrap: nowrap;
	
}

/* 左右サイドバー */
.widget-area.sidebar.is-left-sidebar,
.widget-area.sidebar.is-right-sidebar {
  width: 220px;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* コンテンツ*/
.content-area {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;

}

/* 各ウィジェットの余白を無効にする */
.widget {
  padding: 3px !important;
 
}

/* 各ウィジェットの余白を無効にする２つ目 */
.inside-article {
  padding: 0 7px !important;
}

/* リストの余白を消す */
ul {
  margin: 0 !important;
  padding: 0 !important;
}

/* リストの余白を消す2つ目 */
ul li {
  margin: 0 !important;
  padding: 0 !important;
}

/* リストの余白を消す3つ目 */
ul li a {
  display: block; 
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}




/* 関連記事：横並びにして、折り返し対応 */
.crp-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
	padding: 0;
	list-style: none;
	margin: 0;
}

/* 関連記事：横並びにして、折り返し対応2つ目 */
.crp-list-item {
	width: calc(33.333% - 11px); /* 3列にする（隙間分調整） */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* 関連記事：横並びにして、折り返し対応3つ目 */
.crp-list-item img {
	width: 100%;
	height: auto;
	display: block;
}




/* ここから上は消さない */





body{
	background-color: white !important;
}

header.site-header {
   background-color: #505050 !important;
}


header.site-header a{
 color: white !important;
}

.site-footer .site-info {
  background-color: #505050 !important;
  color: white !important;
}









//カテゴリ二次元のみに適用するcss
body.category-nizigen header.site-header {
  background-color: #505050 !important;
	
}


body.category-nizigen header.site-header a{
 color: white !important;
}



.category-nizigen .inside-article {
  background-color: lightpink !important;
}



.category-nizigen .widget.widget_recent_entries {
  background-color: lightpink !important;
}

body.category-nizigen {
  background-color: lightpink !important;
}

body.category-nizigen .page-header {
  background-color: lightpink !important;
}

body.category-nizigen .comments-area {
  background-color: lightpink !important;
}

body.category-nizigen .site-footer .site-info {
  background-color: #505050 !important;
  color: white !important;
}



















/* モバイル */
@media (max-width: 900px) {
	
/* コンテンツ、サイドバーを含む大枠を1カラムにする */
  .site-content {
    flex-direction: column;
  }

/* コンテンツ、サイドバーを幅いっぱいに広げる */	
  .widget-area.sidebar.is-left-sidebar,
  .widget-area.sidebar.is-right-sidebar,
  .content-area {
    width: 100% !important;
  }

	
	/* 左サイドバー並び替え */
.widget-area.sidebar.is-left-sidebar {
  order: 3; /* 一番右 */
  width: 220px;
  flex-shrink: 0;
}

/* 右サイドバー並び替え */
.widget-area.sidebar.is-right-sidebar {
  order: 2; /* 中央 */
  width: 220px;
  flex-shrink: 0;
}

/* メインコンテンツ並び替え */
.content-area {
  order: 1; /* 一番左 */
  flex: 1;
  min-width: 0;
}
	
	
	
	
	
	
	
	
	
	

}