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


.main img{	text-align:center;}


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

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

.pc{	display:inline!important;}

.mb{	display:none!important;}

.header{	/*background-color:pink;*/
		/*height:400px;*/
		margin-bottom:30px;}

img.pc.heimg {
    width: 100%;
}
.side-left{	/*background-color:#87ceeb;*/
		height:350px;
		width:200px;
		float:left;
		margin-right:20px;
		border:2px solid; color:#87ceeb;}

.side-left a{	/*background-color:pink;*/
		text-decoration:none;
		color:#87ceeb;}

.side-left li:hover{	opacity: 0.5 ;}

.side-left li{	font-size:16px;
		text-align:center;
		margin-top:18px;
		padding:10px 10px 10px 10px;}

.daimei{	width:200px;
		height:70px;
		background-color:#87ceeb;
		color:#ffffff;
		}

.daimei p{	padding:25px 35px 25px 35px;}

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

.footer{	/*background-color:green;*/
		height:100px;
		margin-top:20px;}

.footer p{	text-align:center;
		font-size:10px;}

.clear{	clear:both;}


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

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


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

.pc{	display:inline!important;}

.mb{	display:none!important;}

.header{	/*background-image:pink;*/
		/*height:300px;*/
		/*margin-bottom:130px;*/}

.side-left{	/*background-color:#87ceeb;*/
		height:auto;
		width:15%;
		float:left;
		margin-right:20px;
		border:2px solid; color:#87ceeb;}

.side-left a{	/*background-color:pink;*/
		text-decoration:none;
		color:#87ceeb;}

.side-left li:hover{	opacity: 0.5 ;}

.side-left li{	font-size:16px;
		text-align:center;
		margin-top:18px;
		padding:10px 10px 10px 10px;}

.daimei{	width:auto;
		height:70px;
		background-color:#87ceeb;
		color:#ffffff;
		}

.daimei p{	padding:25px 35px 25px 35px;}


.main{	/*background-color:blue;*/
	height:700px;
	width:76%;
	float:right;}

.footer{	/*background-color:green;*/
		height:100px;
		width:100%;
		margin-top:20px;}

.footer p{	text-align:center;}
.clear{	clear:both;}

}




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

*{	margin:0;
	padding:0;
}

img{	width:100%;}

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

.pc{	display:none!important;}

.mb{	display:inline!important;}

.header{	/*background-color:pink;*/
		height:auto;
		width:auto;
		margin-bottom:10px;}

.main{	/*background-color:blue;*/
	height:auto;
	width:auto;
	/*float:none;*/
	/*margin-top:20px;*/
	padding:10px;}

.footer{	/*background-color:red;*/
		height:100px;
		width:auto;
		margin-top:30px;}

.footer p{	text-align:center;
		font-size:10px;
}

.clear{	clear:both;}

.side-left{	/*background-color:orange;*/
		margin-left:30px;
		margin-bottom:10px;
}

.side-left{	/*background-color:#87ceeb;*/
		height:auto;
		width:auto;
		float:left;
		margin-right:0;
		border:0px solid; color:#87ceeb;}

.side-left li{	background-color:#87ceeb;
		width:130px;
		height:auto;
		float:left;
		color:#ffffff;
		font-size:6px;
		margin-top:10px;
		padding:5px 5px 5px 5px}

.side-left a{	color:#ffffff;}

#icon{	width:46px;
		height:36px;
		/*background-color:pink;*/}

.menu{	/*background-color:orange;*/
	height:50px;
}

}