@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/***** ヘッター *****/
.header {
	background-size: auto 100% !important;
	width: 100% !important;
	min-width: max-content !important;
}
.header .header-in {
	width: 960px !important;
	min-height: 380px !important;
	display: flex !important;
	justify-content: flex-start !important;
	flex-direction: row !important;
	justify-content: space-between !important;
}
.header .header-in> div {
	padding-top: 20px;
}
.cf::after {
    display: none !important;
}

/***** ナビゲーション *****/
#navi {
	background: url(https://shouei-wood.co.jp/wp-content/uploads/2023/12/nav.png) left top repeat-x;
	width: 100% !important;
	min-width: max-content !important;
}
#navi .navi-in {
	width: 960px !important;
	height: 60px !important;
}
#navi .navi-in > ul {
	justify-content: space-between !important;
}
#navi .navi-in > ul li {
    width: calc(100% / 7) !important;
}
#navi .navi-in > .menu-mobile li {
	height: 60px !important;
	line-height: 60px !important;
}

/***** コンテンツ *****/
#content-in {
	width: 960px !important;
	display: flex !important;
}

/***** メイン *****/
#main {
	width: 690px !important;
	margin: 0px !important;
	padding-top: 10px;
}
.content {
    margin-top: 50px;
}

/** お知らせ **/
.wp-block-latest-posts__list li a {
	position: relative;
	padding: 0.5em 30px;
}
.wp-block-latest-posts__list li a:before {
	content: "≫";
	position: absolute;
	left : 10px;
	color: #1967d2;
}
.wp-block-latest-posts__post-date {
	display: inline-block;
}


/***** サイド *****/
#sidebar {
	width: 245px !important;
	background: #fbfaf5;
	padding-top: 0;
}
#recent-posts-2 {
	border: 1px solid #ccc;
	border-radius: 4px;
}
#recent-posts-2 h3 {
	margin: 0;
}
#recent-posts-2 > ul {
	background: #fff;
}
#recent-posts-2 > ul > li {
	border-top: 1px dotted #ccc;
	padding: 0 5px;
}

/***** フッター *****/
#footer {
	width: 100% !important;
	min-width: max-content !important;
	height: 60px !important;
	background: url(https://shouei-wood.co.jp/wp-content/uploads/2023/12/footer.jpg) left top repeat-x;
}
#footer-in {
	width: 960px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
.footer-bottom {
    margin: 0 !important;
    padding: 0 !important;
}


/***** 個別ページ共有 *****/
.article-header h1 {
	border-bottom: 1px dotted #999;
	padding-left: 10px;
}
figure.wp-block-table table.has-fixed-layout tr > td:first-of-type {
	width: 30%;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}