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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
table.companyinfo tr td, table.companyinfo tr th{vertical-align:top!important;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	div#header-in div.logo{
		display:none;
	}
	div#header-in div.inquery{
		display:none;
	}
	div#header-in div.tagline{
		float:none;
		text-align:center;
	}
	div#header-container nav#navi{
		background-color:transparent;
	}
	div.sidenav{
		width:35%;
	}
	div.sidenav ul li{
		font-size:0.7em;
	}
	div.sidenav ul.manufacture li{
		background-image:none;
	}
	.home div.entry-content h3{
		font-size:1.0em;
	}
	.home div.entry-content p{
		font-size:0.8em;
	}
	div.entry-content div.flow ol{
		display:block;
		padding-top:0;
	}
	div.entry-content div.flow ol li{
		display:block;
		width:95%;
		margin:0 auto;
		font-size:0.9em;
	}
	div.entry-content div.flow ol p img{
		margin-top:4em;
	}
	div.entry-content div.flow ol div p img{
		margin-top:0;
	}
	div.entry-content div.flow ol div{
		margin-top:0;
	}
	div.entry-content div.flow ol div img{
		width:100%;
	}
	div.entry-content div.summary{
		float:none;
		text-align:center;
	}
	div.entry-content div.inquiry{
		width:50%;
	}
	.company div.entry-content div.scrollable-table{
		width:100%;
	}
	.company div.entry-content table th,.company div.entry-content table td{
		font-size:0.8em;
	}
	li span.custom-menu-icon span.fa-star{
		display:none;
	}
	li span.custom-menu-caption{
		padding-top:1em;
	}
	div.woocommerce ul.products{
		width:100%;
		flex-wrap:wrap;
	}
	div.woocommerce ul.products li{
		width:22% !important;
		margin:1em !important;
}
	ul.mobile-footer-menu-buttons{
		display:none;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	div.sidenav{
		display:none;
	}
	div#content div.entry-content{
		width:90%;
		float:none;
		margin:0 auto;
	}
	ul.mobile-footer-menu-buttons{
		display:flex;
	}
	.shop div#content div.woocommerce ul.products{
		justify-content: space-evenly;
	}
	.shop div#content div.woocommerce ul.products li.product{
		width:20% !important;
		margin-left:1em !important;
	} 
	.contact #content form input,.contact #content form select{
		width:15em;
	}
	.contact #content form textarea{
		width:15em;
	}