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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************
 * 全体共通
 ***********/
/*デフォルト　リセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
}
.date-tags,.article-footer{
	display: none;
}

/*見出しデザインリセット*/
.article h1 {
	padding-top: 3rem;
	text-align: center;
	margin-bottom: 3rem;
	font-size: 2.5rem;
}
.entry-title{
	margin: 0;
}
.article h2 {
  padding: 0;
  background-color:transparent;
  border-radius: 0;
	font-size: 1.5rem;
}
.article h3 {
  padding: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.article h4{
	font-size: 1rem;
}
.wp-block-columns {
    max-width: 1000px;
    margin: 0 auto 60px;
}

/*** 余分な余白　打ち消し ***/
.wrap{
	max-width: 1980px;
	width: 100%;
}
.content{
	margin-top: 0;
}
.main,
.page-id-9 h1{
	padding: 0;
}
.date-tags{
	display: none;
}
#post-10{
	margin-bottom: 0;
}
.footer{
	margin-top: 0;
}
.footer-bottom{
	margin-top: 0;
}
/*** 各ページ1023px以上　幅 ***/
.page-id-13 .entry-content,
.page-id-27 .entry-content,
.page-id-17 .entry-content{
	max-width: 950px;
    margin: 0 auto;
    width: 100%;
}

.wp-block-image img{
	margin-bottom: 5rem;
}


/*** メニューhover ***/
#footer a:hover{
	color: #000;
}

/*** オンライン相談　注意事項テキスト  ***/
.online-text-wrap{
	border: 1px solid #ccc; 
	height: 200px; 
	overflow: auto; 
	max-width: 935px;
	width: 100%; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	background-color: #fffcfc; 
	margin: auto;
	margin-bottom: 100px;
	padding: 10px;
	font-size: 16px;
}
#online-wrap {
    background-repeat: no-repeat;
    background-size: cover;
}
/*** booking packge  ***/
.page-id-206 .entry-content {
    max-width: 900px;
    margin: 0 auto;
}
/******************
 * トップページ　
 ******************/
/*** トップ画像 ***/
/* .top-img-1{
	background: url(https://kitchencar.mkauto-sendai.com/wp-content/uploads/2023/11/top-img1-4-1024x373.png);
    background-repeat: no-repeat;
	background-position: 50%;
    height: 500px;
    background-size: cover;
	max-width: 1440px;
    width: 83%;
    margin: 0 auto;
} */
.ms-edit-frontend,
#metaslider_container_233{
	display: none;
}
.page-id-10 .article h1{
	padding-top: 0;
}
.page-id-10 .main{
	padding: 0 !important;
}
.page-id-10 .entry-content{
	margin-top: 0;
	margin-bottom: 0;
/* 	margin-bottom: 9rem; */
}
.page-id-10 .entry-content>*{
	margin-bottom: 0;
}
.page-id-10 .entry-title{
	display: none;
}

/*** 各セクション　余白 ***/
.page-id-10 h2,
#contact-text{
	margin-top: 9rem;
}
/***トップセクション　見出し ***/
.wp-block-column .top-color {
    font-size: 36px;
    color: #039D00;
    margin-bottom: 0;
}
.wp-image-41,
.wp-image-45,
.wp-image-55{
	width: 500px;
	height: 350px;
    background-color: bisque;
    box-shadow: 6px 5px 0px #039D00;
}

/*** contact画像 ***/
#contact-text{
	background: url(https://kitchencar.mkauto-sendai.com/wp-content/uploads/2023/11/top-contact-1024x675.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
}
#contact-text h2 {
    padding-top: 11rem;
    margin-bottom: 0;
    font-size: 4rem;
}
#contact-text h2, #contact-text p {
    color: #fff;
}

/************
 * 弊社について
 ***********/
.access{
	margin-top: 5rem
}
/************
 * 製造について
 ***********/
.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1,
.wp-container-core-columns-layout-2.wp-container-core-columns-layout-2,
.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3{
	margin-bottom: 6rem;
}

/************
 * 製造の流れ
 ***********/
.page-id-27 .entry-content{
	max-width: 950px;
    margin: 0 auto;
    width: 100%;
}

.navi-in > ul li {
    width: 210px;
}


.entry-content .detail-1,
.entry-content .detail-2,
.entry-content .detail-3,
.entry-content .detail-4,
.entry-content .detail-5,
.entry-content .detail-6,
.entry-content .detail-7,
.entry-content .detail-8,
.entry-content .detail-9,
.entry-content .detail-10{
    border-bottom: 2px solid #039D00
}
.entry-content .detail-1{
	width: 260px;
}
.entry-content .detail-2{
	width: 145px;
}
.entry-content .detail-3{
	width: 255px;
}
.entry-content .detail-4{
	width: 190px;
}
.entry-content .detail-5{
	width: 85px;
}
.entry-content .detail-6{
	width: 170px;
}
.entry-content .detail-7{
	width: 190px;
}
.entry-content .detail-8{
	width: 120px;
}
.entry-content .detail-9{
	width: 80px;
}
.entry-content .detail-10{
	width: 400px;
}

/*** contactフォーム７ 1023px以下 ***/
.wpcf7{
	max-width: 935px;
	width: 100%;
	margin: 0 auto;
}

/* お問い合わせ　ボタン チェックで色変え optional外す */
.wpcf7 .wpcf7-submit:disabled{
	background:#fff;
	color:#707070;
	border:solid 1px #cfcfcf;
}

.wpcf7 .wpcf7-submit{
	background:#326524;
	border:solid 2px #326524;
	color:#fff;
	font-size:1.2rem;
	transition:0.3s;
	padding:10px;
	border-radius: 5px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*** 各ページ1023px以上　幅 ***/
	.page-id-13 .entry-content,
	.page-id-27 .entry-content,
	.page-id-17 .entry-content{
		max-width: 750px;
	}
	
	.top-img-1{
		height: 350px;   
	}
	
	.wpcf7{
		max-width: 750px;
	}
	.wp-block-columns{
		max-width: 800px;
		width: 100%;
	}
	/*** booking packge 1023以下 ***/
	.page-id-206 .entry-content {
		max-width: 735px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/************
 	* 全体共通
 	***********/
	.page-id-13 .entry-content,
	.page-id-27 .entry-content,
	.page-id-17 .entry-content{
		max-width: 450px;
	}
	
	/*** ハンバーガーメニュー ***/
	.menu-content {
    	background: #326524;
	}
	.menu-drawer a {
    	color: #fff;
	}
	.menu-drawer li {
    	margin-bottom: 2rem;
    	padding-bottom: 2rem;
    	border-bottom: 1px solid #fff;
	}
	.menu-content .menu-drawer {
    	padding: 3rem 0;
    	text-align: center;
	}
	
	/************
 	* 全体共通ここまで
 	***********/
	
	
	
	.top-img-1{
		background-position: 50%;
    	height: 300px;
    	background-size: cover;
	}
	.page-id-17 .entry-content{
		max-width: 450px;
	}
	
	
	.wp-block-columns{
		max-width: 450px;
		width: 100%;
	}
	
	.article h2,
	.article h3,
	.article h4,
	.article h5,
	.article h6{
		margin-bottom: 1rem;
	}
	
	.map{
		text-align: center;
	}
	/*トップページ　HERE 位置入れ替え*/
	.wp-container-core-columns-layout-2,
	.page-id-13 .wp-container-core-columns-layout-1{
		flex-direction: column-reverse; 
	}
	
	
	/*トップページ　お問い合わせ*/
	#contact-text{
		max-width: 560px;
		width: 100%;
		margin: 0 auto;
		background-size: contain;
		height: 400px;
	}
	#contact-text h2{
		font-size: 2rem;
		padding-top: 3rem;
	}
	
	
	/*** contactフォーム７ 834px以下 ***/
	.wpcf7-form{
    	max-width: 450px;
    	margin: 0 auto;
	}
	/*** booking packge 1023以下 ***/
	.page-id-206 .entry-content {
		max-width: 450px;
	}

	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
 /************
 * 全体共通
 ***********/
	#metaslider_container_225{
	display: none;
}
	#metaslider_container_233{
	display: block;
		margin-top: -20px;
}
	
	.page-id-13 .entry-content,
	.page-id-27 .entry-content,
	.page-id-17 .entry-content{
		max-width: 300px;
	}
	.page-id-10 h2, #contact-text{
		margin-top: 3rem;
	}
	.article h1{
		padding-top: 1rem;
		margin-bottom: 1rem;
		font-size: 2rem;
	}
	.article h2{
		font-size: 1.5rem;
	}
	.wp-block-image img {
    	margin-bottom: 3rem;
	}
	.page-id-10 .entry-content>* {
		margin-bottom: 1rem;
	}
	
	.entry-title {
    	font-size: 1.5rem;
    	margin: 0;
	}
	/************
	 * 全体共通ここまで
 	***********/
	
	.top-img-1{
	background: url(https://kitchencar.mkauto-sendai.com/wp-content/uploads/2023/11/res-top-img-1.png);
    background-repeat: no-repeat;
    background-size: contain;
	height: 618px;
}
	
	
	.wp-container-core-columns-layout-1,
	.wp-container-core-columns-layout-2,
	.wp-container-core-columns-layout-3{
		max-width: 350px
	}
	
	/*トップページ　詳しくみるボタン*/
	.button-img{
		width: 230px;
	}
	/************
	 * 製造の流れ
 	***********/
	.entry-content .detail-1{
		width: 210px;
	}
	.entry-content .detail-2{
		width: 120px;
	}
	.entry-content .detail-3{
		width: 205px;
	}
	.entry-content .detail-4{
		width: 155px;
	}
	.entry-content .detail-5{
		width: 65px;
	}
	.entry-content .detail-6{
		width: 140px;
	}
	.entry-content .detail-7{
		width: 155px;
	}
	.entry-content .detail-8{
		width: 100px;
	}
	.entry-content .detail-9{
		width: 70px;
	}
	.entry-content .detail-10{
		width: 330px;
	}
	/************
 	* 製造について
 	***********/
	.page-id-15 .article h1{
		padding-top: 1rem;
		margin-bottom: 1rem;
		font-size: 1.3rem;
	}
	.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3{
		margin-bottom: 3rem;
	}

	
	/*プライバシーポリシー*/
	.page-id-107 .entry-title{
		font-size: 30px;
		padding: 0;
		margin-bottom: 3rem;
	}
	
	/*** contactフォーム７ 480px以下 ***/
	.wpcf7-form{
    	max-width: 340px;
    	margin: 0 auto;
	}
	
	#contact-text {
    background: url(https://kitchencar.mkauto-sendai.com/wp-content/uploads/2023/11/top-img-contact.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 390px;
	}
	/*** booking packge 1023以下 ***/
	.page-id-206 .entry-content {
		max-width: 350px;
	}

}