@charset "UTF-8";
/*
Theme Name: kawaguchi
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: kawaguchi
Author URI: https://wordpress.org/
*/


.pc{	display:inline!important;}

.mb{	display:none!important;}

*{	margin:auto;
	padding:auto;
	list-style:none;
}

.wrap{	width:1200px;
	height:auto;
	/*background-color:pink;*/
}

.header{	/*width:1200px;*/
		/*height:300px;*/
		/*background-color:orange;*/
		margin-bottom:20px;
}

.side_left{	width:220px;
		height:400px;
		/*background-color:yellow;*/
		float:left;
		margin-right:20px;
}

.side_left .menu{	margin-bottom:20px;
}

/*.side_left li{	width:220px;
		height:50px;
		background-color:orange;
}*/

/*.side_left a{	text-decoration:none;
		color:#ffffff;
		padding:10px 28px 10px 28px;
		display: block;
}*/

.main{		width:960px;
		height:auto;
		/*background-color:blue;*/
		float:left;
}

.main img{	text-align:center;
}


.wp-block-image img{	margin:auto;
}

.footer{	width:1200px;
		height:30px;
		background-color:#000000;
		margin-top:20px;
		text-align:center;
}

.footer p{	color:#ffffff;
}

.clear{		clear:both;
}

@media screen and (min-width: 720px) and (max-width: 1200px) {

.pc{	display:inline!important;}

.mb{	display:none!important;}

*{	margin:0;
	padding:0;
	list-style:none;
}

.wrap{	width:auto;
	height:auto;
	padding:0;
	/*background-color:pink;*/
}

.heimg {
    width: 100%;
}

.header{	/*height:300px;*/
		/*background-color:orange;*/
		/*margin-bottom:20px;*/
}

.side_left{	width:220px;
		width:20%;
		/*background-color:yellow;*/
		float:left;
		margin-right:20px;
}

.side_left .menu{	margin-bottom:20px;
			width:100%;
}


/*.side_left a{	text-decoration:none;
		color:#ffffff;
		padding:10px 28px 10px 28px;
		display: block;
}*/

.main{		width:76%;
		height:auto;
		/*background-color:blue;*/
		float:left;
}

.footer{	width:1200px;
		height:30px;
		background-color:#000000;
		margin-top:20px;
		text-align:center;
}

.footer p{	color:#ffffff;
}

.clear{		clear:both;
}

}

@media screen and (max-width: 720px) {

.pc{	display:none!important;}

.mb{	display:inline!important;}

*{	margin:0;
	padding:0;
	list-style:none;
}

img{	width:100%;
}

.wrap{	width:auto;
	height:auto;
	/*background-color:pink;*/
}

.header{	width:auto;
		height:auto;
		background-color:orange;
		margin-bottom:20px;
}

.side_left{	width:auto;
		height:auto;
		/*background-color:yellow;*/
		float:left;
		margin-right:auto;
		padding:5px;
}

.side_left .menu{	margin-bottom:10px;
}

.side_left li{	width:30%;
		height:50px;
		background-color:orange;
}

.yoko img{	width:50%;
		float:left;
}

/*.side_left a{	text-decoration:none;
		color:#ffffff;
		padding:10px 28px 10px 28px;
		display: block;
}*/

.main{		width:auto;
		height:auto;
		/*background-color:blue;*/
		float:left;
		padding:5px;
}

.footer{	width:auto;
		height:30px;
		background-color:#000000;
		margin-top:20px;
		text-align:center;
}

.footer p{	color:#ffffff;
		font-size:8px;
}

.clear{		clear:both;
}

}