/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
.comment-form-url,.form-allowed-tags {
	display: none;
}

.comment-form-email label::after {
	content: "(非公開)レス通知用";
	font-size: 12px;
}

.comment-meta {
	margin-bottom: -20px;
}

#comments h2, #comments div {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0;
	padding-top: 0;
}

.main-post a{
	border-bottom: 1px solid 	#EDEDED;
}

.main-post a img{
	border-bottom: none;
}

.depth-1, .depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
	margin-left: 20px;
	margin-top: 20px;
}

.comment-reply-link {
	background-color: #eee;
	padding: 2px;
}

.page_top {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	background: #000;
	border: 3px solid #ffffff;
	text-align: center;
	line-height: normal;
}

h2 {
	color: #345274;
	margin: 5px 0;
	padding: 5px 2px;
	font-weight: bold;
}

h3,h4,h5,h6 {
	color: #fff;
	width: 100%;
	margin: 5px 0;
	padding: 5px 2px;
	background-color: #345274;
}

.main-post img {
	max-width: 100%;
	height: auto;
}

.sub-menu {
	font-size: 12px;
	width: 200px;
}

.sub-menu li a {
	width: 160px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.shadow {
	display: inline-block;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
/*横方向　下方向　ぼかし　広がり　色 */
}

.codebox {
	margin: 5px 0;
}

.codebox a {
	background-color: #fff;
/*	float: left;*/
	display: inline-block;
/*	position: relative;*/
	margin: 2px;
	padding: 1px 3px;
	border: 1px #333 solid;
	border-radius: 5px;
/* CSS3草案 */
	-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
/* Firefox用 */
}

.codebox a:hover {
	background: #f00;
	color: #fff;
}

#respond .submit {
	width: 50%;
}

/*.codebox-cell :after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/
/*.codebox-cell a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}*/
@media screen and ( max-width: 480px ) {
	#main-header {
		padding: 5px 0;
	}
	
	.banner-img {
		width: 100%;
		padding-top: 40.625%;
		margin: 0 auto;
		background: url("/img/header-img480_b.jpg")no-repeat;
		-moz-background-size: contain;
		background-size: contain;
	}
	
	.banner-img img {
		display: none;
	}
	
	.meta-nav {
		margin-top: 0;
	}
	
	.wrapper {
		width: 100%;
		margin: 0 auto;
	}
	
	.main-post {
		margin: 0 0 10px;
		padding: 0;
	}
	
	.top-menu {
		background: #FAFAFA;
		margin: 0;
	}
	
	.top-menu select {
		border: 1px solid #444;
		margin: 0;
		padding: 0;
		width: calc(100%);
		height: 35px;
	}
}