/* スマホ用 */
@media only screen and (max-width: 640px){
	img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	#wrap, #footer {
		min-width: auto;
	}
	#header .in {
		width: auto;
		height: 45px;
		padding: 40px 15px 0;
		background-position: right bottom;
		background-size: auto 50px;
		-webkit-background-size: auto 50px;
	}
	#header p.title {
		width: 100px;
	}
	#header .search,
	#header .font,
	#menu_member {
		display: none;
	}
	#container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.main {
		width: auto;
	}
	#blog .detail h2.ttl b {
		font-size: 22px;
	}
	#blog .detail .in h1 {
		font-size: 140%;
	}
	#blog .detail .in h2 {
		font-size: 130%;
	}
	#blog .detail .in h3 {
		font-size: 120%;
	}
	#blog .detail .in h4 {
		font-size: 115%;
	}

/*この記事を書いた人*/
	#blog .writer {
		padding: 10px;
	}
	#blog .writer dl {
		flex-flow: column;
	}
	#blog .writer dl dt {
		width: 40%;
		padding: 10px;
		margin: 0 auto 40px;
	}
	#blog .writer dl dd {
		width: 92%;
		padding: 20px 10px 10px 10px;
		border-left:none;
		border-top:1px solid #dcdcde;
	}

	#top_link ul {
		margin-bottom: 0;
	}
	#top_link li {
		width: calc(50% - 8px);
		margin-bottom: 10px;
	}
	#top_link li:nth-child(2n+1) {
		margin-left: 0 !important;
	}
	#footer .box {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#footer .box p.logo {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		padding: 120px 0 0;
		background-position: center top;
	}
	#footer .box ul {
		float: none;
		width: auto;
	}
}