@charset "UTF-8";

/*ここにレスポンシブのスタイルを書く*/

@media screen and (min-width:320px) {
	#main #text-3 h3{margin-bottom: 0px;}
	#main #custom_html-3,#custom_html-4,#custom_html-5,#custom_html-6,#custom_html-7,#custom_html-8{
		width: 98%;
		margin: 10px 1%;
	}
}

@media screen and (min-width:410px) and (max-width:839px) {
	#main{
		width: 98%;
		margin: 0px auto 20px;
		padding: 0px;
	}
	#main .entry{
		width: 98%;
		margin: 0px auto 20px;
		padding: 0px 1%;
	}
	#main #text-3{
		width: 100%;
		margin: 30px auto 10px;
	}
	#main .widget_text{
		display: inline-block;
		float: left;
		word-wrap: break-word;
	}
	#main #custom_html-3,#custom_html-4{
		width: 48%;
		margin: 10px 1% 0px;
	}
	#main #custom_html-4:after{clear: both;}
	#main #custom_html-5,#custom_html-6,#custom_html-7{
		width: 31.3%;
		margin: 10px 1% 0px;
	}
	#main #custom_html-7:after{clear: both;}
	#main #custom_html-8{
		width: 98%;
		margin: 10px 1%;
	}
}

@media screen and (max-width: 1110px){
	div#header-in, div#navi-in, div#body-in, div#footer-in{width: 690px;}
}
@media screen and (min-width: 840px) {
/* メインカラム-TOP、一覧ページ */
	#main{
		float: left;
		box-sizing: border-box;
		width: 740px;
		padding: 0px;
		margin: 0px auto 20px;
		position: relative;
		border: none;
	}
	#main .entry{
		clear: none;
		float: left;
		width: 350px;
		margin: 0px 10px 20px;
		word-wrap: break-word;
	}
	#main .entry .entry-card-content{
		padding-top: 10px;	
	}
	#main .entry h2{line-height: 100%;}
	#main .entry h2 a{font-size: 18px;}
	#main #top_main_rss{margin: 30px 10px 20px;}
	#main #text-3{margin: 30px 10px 20px}
	#main .widget_text{
		display: inline-block;
		float: left;
		word-wrap: break-word;
	}
	#main #custom_html-3,#custom_html-4{
		width: 350px;
		margin: 0px 10px 20px;
	}
	#main #custom_html-4:after{clear: both;}
	#main #custom_html-5,#custom_html-6,#custom_html-7{
		width: 230px;
		margin: 0px 8px 20px;
	}
	#main #custom_html-7:after{clear: both;}
	#main #custom_html-8{
		width: 720px;
		margin: 0px 10px 20px;
	}

/* メインカラム-詳細ページ */
	#main .article{margin: 39px;}
	#main #under-entry-body{margin: 39px;}


/* サイドカラム-全体 */
	#sidebar{
		float: right;
		width: 300px;
		margin-bottom: 20px;
	}
	#sidebar h3{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#sidebar .widget{margin-bottom: 20px;}

}