@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.main{
	border: none;
}
.post-16 .date-tags {
display: none;
}
.page .date-tags {
display: none;
}
/*h2の背景色消す*/
.article h2 {
	background-color: #ffffff;
}
/*hoverの色変更*/
a:hover {
    color: #f2a03d;
}
table tr:nth-of-type(2n+1) {
	background-color: #ffffff;
}

/*グリッドエリアの作成*/
.grid-container{
	display: grid; /*グリッド*/
	grid-template-columns: 350px 350px; /*カラム3列*/
	grid-gap: 0px; /*グリッドの隙間幅*/
	justify-content: space-between; /*コンテナを中央*/
}
.grid-container div:nth-child(1) {
	grid-row: 1/2; grid-column: 1/2;
} 
.grid-container div:nth-child(2) {
	grid-row: 1/2; grid-column: 2/3;
} /*2番目div要素を縦1～2,横2～3で作成*/

/*グリッドアイテムを左右に寄せて配置*/
.item-center {display: grid;
	      place-items: center;}




/*問い合わせボタン*/
.f12em{
	
}
.toi-buttan {
	background-color: #8c2323;
    border-radius: 2px;
    padding: 10px 25px;
    color:#ffffff;
	font-weight: 900;
}
.phone-box{
	display:block;
	font-size: 21px;
	font-weight: 900;
}
.content {
    margin-top: 0px;
}
.main {
	padding: 0px 29px;
}
.entry-content {
	margin-top: 0em;
}
.footer-bottom {
	margin-top: 0px;
}
.copyright {
	margin-top: 0px;
}

/* h4の上下の線を消す */
.article h4 {
	border-top: none;
    border-bottom: none;
}
/* フッターメニューの成形 */
.navi-footer{
	margin-bottom: 15px;
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/* スライドインメニューの成形 */
	.menu-drawer{
	margin-top: 50px;
	}
	.m-strengths a,.m-work a,.m-flow a,.m-company a{
	padding: 15px 0;
	margin-bottom: 5px;
	text-align: center;
	font-weight:500;
	background-color:rgba(255,255,255,0.8);
	border-radius: 2px;
　　}
	.m-contact a,.m-tel a{
	font-weight:500;
	padding: 30px 0;
	margin:30px 0 30px 0;
	text-align: center;
	background-color:rgba(255,255,255,0.8);
	border-radius: 2px;
	}
	.navi-menu-content{
	background-image:url(./slide-mb.jpg);
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
	.grid-container{
		display:block;
	}
	.f12em{
		display: none;
	}
	main.main{
		padding:0 16px 32px 16px;
	}
}

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