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


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

.main img{	text-align:center;
}

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

the_title{	font-size:25px;
}

.pc{	display:inline!important;}

.mb{	display:none!important;}

.header{	/*background-color:#97DDD3;*/
		/*width:1200px;
		/*height:350px;*/
		margin-bottom:20px;
}

img.pc.dai{	width:100%;
}

.sidebar{	/*background-color:#ffffff;*/
		width:250px;
		height:200px;
		float:left;
		/*border:2px solid; color:#808B4E;*/
}


.sidebar li{	width:250px;
		height:30px;
		background-color:#E1DC92;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:20px;
		border:1.2px solid; color:#000000;
}

.sidebar a{	color:#ffffff;
		text-decoration:none;
}

.sidebar li:hover {
  	background-color:#000000;
}

.main{		/*background-color:#DBC9F7;*/
		width:860px;
		height:auto;
		float:right;
}

.footer{	/*background-color:#F9C7D7;*/
		width:1200px;
		height:50px;
		margin-top:20px;
		text-align:center;
		font-size:8px;
		color:#000000;
}

.clear{		clear:both;
}

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

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

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

.pc{	display:inline!important;}

.mb{	display:none!important;}

.header{	/*background-color:#97DDD3;
		width:100%;
		height:350px;
		margin-bottom:20px;*/
}

.sidebar{	/*background-color:#ffffff;*/
		width:auto;
		height:30%;
		float:left;
		/*border:2px solid; color:#808B4E;*/
}


.sidebar li{	width:100%;
		height:30px;
		background-color:#E1DC92;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:20px;
}

.sidebar a{	color:#ffffff;
		text-decoration:none;
}

.main{		/*background-color:#DBC9F7;*/
		width:74%;
		height:auto;
		float:right;
}

.footer{	/*background-color:#F9C7D7;*/
		width:100%;
		height:50px;
		margin-top:20px;
		text-align:center;
		font-size:8px;
}

.clear{		clear:both;
}

}

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

*{	margin:0;
	padding:0;
}

img{	width:100%;}

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

.pc{	display:none!important;}

.mb{	display:inline!important;}

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

.sidebar{	/*background-color:orange;*/
		width:auto;
		height:auto;
		float:none;
		/*border:2px solid; color:#808B4E;*/
		margin:12.5px;
}


.sidebar li{	width:46%;
		height:20px;
		font-size:14px;
		background-color:#E1DC92;
		text-align:center;
		margin-bottom:10px;
		float:left;
		/*margin-right:10px;*/
		padding:5px;
		margin-left:3px;
}

.sidebar li:first-child{	margin-right:0px;
}

.sidebar a{	color:#ffffff;
		text-decoration:none;
		font-size:13px;
}

.main{		/*background-color:#DBC9F7;*/
		width:auto;
		height:auto;
		float:none;
		padding:5px;
}

.footer{	/*background-color:#F9C7D7;*/
		width:auto;
		height:50px;
		margin-top:20px;
		text-align:center;
		font-size:8px;
}

.clear{		clear:both;
}

}