/*
Template:boardwalk
Theme Name:boardwalk_child
*/


/*--------------------------------------------------------------
20.0 Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
20.2 x >= 768px
20.3 x >= 1068px  ← 記事エリア幅を拡大のため追加
--------------------------------------------------------------*/
@media screen and (min-width: 1068px) {

	/* Content */
	body.page .entry-header,
	body.single .entry-header {
		padding-top: 72px;
		padding-right: 0;
		padding-left: 0;
		width: 924px;
	}

	.entry-author,
	.entry-content,
	.entry-footer {
		padding-right: 72px;
		padding-left: 72px;

		width: 1068px;
		/* max-width: 90%; 要素幅の90%以下に */

	}

	.not-found {
		padding: 0;

		width: 1068px;
	}

	.comment-list {
		padding-right: 72px;
		padding-left: 72px;

		/* width: 768px; */
		width: 1068px;
	}

	.comment-reply-title,
	.comments-title {
		padding-right: 72px;
		padding-left: 72px;

		/* width: 768px; */
		width: 1068px;
	}

	#respond .comment-form {
		padding-right: 72px;
		padding-bottom: 48px;
		padding-left: 72px;

		width: 768px !important; /* コメント入力はサイズ変更しない */
		/* width: 1068px !important; */
	}

	.swpm-login-to-comment-msg, /* 右記を表示「コメントを残すにはログインしてください。」 */
	.no-comments {
		padding-left: 72px;
		padding-right: 72px;
		margin: 0 auto 72px;

		/* width: 768px; */
		width: 1068px;
	}
}


/* CC Child Pages 2列設定を画面縮小時に1列設定に変更 */
@media screen and (max-width: 822px) {
   .twocol .ccchildpage,
   .threecol .ccchildpage,
   .fourcol .ccchildpage {
       margin-left: auto;
       margin-right: auto;
       width: 98%;
       float: none;
   }
}







/* 問い合わせフォームの「必須」マーク */
.required-srt {
	font-size: 8pt;
	padding: 3px 6px;
	background: #ce0000;
	color: #fff;
	border-radius: 5px;
	margin-left: 20px;
	vertical-align: middle;
}


/* フォームのエラーメッセージ */
.mw_wp_form .error {
    background: #ffeaea;
    padding: 0.3em 0.5em;
    margin-bottom: 10px;
    display: block;
    flex: 0 1 100%;
}




/* アイコンの色を黒に変える */
.my-black {color: black}


/* リンクカラー（通常時）を変更 */
a,
.content-sidebar .widget a {
	color: #000000;    /* 黒色 */
}


/* Buttonsの色を変更する */
button,
.contributor-posts-link,
.input,
.input.full-inquiry,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #000000;    /* 黒色 */
}




/* paginate_linksで出力されたタグの装飾 */
.page-numbers{
    font-size: 8pt; 
    background-color: #ccccff;
    color:#3333ff;
    padding: 8px 16px;
    border:1px solid #eeeeff;
    border-radius:2px;
    box-shadow:2px 2px 4px 0 #999999;
    margin: 0 3px;
}
.current{
    color:#eeeeee;
    background-color:#5555ff;
    margin: 0 3px;
}
/* リンクが長い場合に重ならないように */
.next,.prev{
    max-width: 45%;
    white-space: pre-wrap;
    color:#3333ff;
    background-color:#eeeeff;
    margin: 0 3px;
}


/* メンバー一覧 の「paginate_links」で出力されたタグの装飾 */
.member-list-current{
    font-size: 8pt; 
    color:#eeeeee;
    background-color:#5555ff;
    padding: 8px 16px;
    border:1px solid #eeeeff;
    border-radius:2px;
    box-shadow:2px 2px 4px 0 #999999;
    margin: 0 3px;
    text-decoration: none;
}
/* リンクが長い場合に重ならないように */
.member-list-next,.member-list-prev{
    max-width: 45%;
    white-space: pre-wrap;
    color:#3333ff;
    background-color:#eeeeff;
    padding: 8px 16px;
    border:1px solid #eeeeff;
    border-radius:2px;
    box-shadow:2px 2px 4px 0 #999999;
    margin: 0 3px;
    text-decoration: none;
}






/* 文章内にアイコン画像を挿入 */
.text_img{
    width: 5%;
    vertical-align: middle;
}


/* トップに戻るボタンのアイコン */
.pagetop {
	display: none;
	position: fixed;
	bottom: 70px;
	right: 15px;
}
.pagetop a {
	display: block;				
	background:#26ADD6;
	text-align: center;
	color:#fff;
	font-size: 20px;
	text-decoration: none;
	padding: 5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
	display: block;
	background:#26ADD6;
	color: #222;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	padding:5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}