/*
Theme Name: E7sus4 2.0
Description: For E7sus4 /w Bootstrap
Author: Tatsuya Mine
Author URI: https://www.e7sus4.com/
Theme URI: http://www.e7sus4.com/wp/wp-content/themes/e7sus4_2_0/
Version: 2025/06/30
*/

/* general ------------------------------------*/
/*
div.clear {
	clear:both;
}
*/
ul.navbar-nav {
	margin-bottom: 0 !important;
}
/* body ------------------------------------*/
/* 投稿とコメントの下に下線 */
.postinfo, .reply {
  border-bottom: 1px solid #ccc; /* 線の太さ・種類・色 */
  padding-bottom: 0.5rem;        /* 線とテキストの間に余白 */
  margin-bottom: 1rem;           /* 下の要素との余白 */
}
ul.comment-list {
	padding-left: 0 !important;
}
li.comment {
	list-style-type: none;
}

/* コメント入力ボックスを横幅いっぱいに広げる */
#comment {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* コメントフォームをきれいに整列 */
.comment-form p {
  margin-bottom: 1rem;
}

.comment-form label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  max-width: 100%;
  padding: 0.5rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  font-size: 1rem;
  box-sizing: border-box;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.comment-form-cookies-consent input[type="checkbox"] {
  margin: 0;
  width: auto;
}

.comment-form-cookies-consent label {
  margin: 0;
}


/*
div.blog div#article article.main img {width:100%;}

div.blog div#article span.oldpage {float:start;}
div.blog div#article span.newpage {float:end;}
div.blog div#article p#pagetitle {
	font-size: 24px;
	line-height: 36px;
	margin-left: 0;
	border-bottom:solid 1px #888888;
}
div.blog div#article div.post {
	border-bottom:solid 1px #888888;
	margin-bottom:10px;
	padding-bottom:20px;
}

div.blog div#article p.postinfo {
	border-top:solid 1px #dddddd;
}
div.blog div#article div#comments {
	border-top:solid 1px #888888;
	margin-top:10px;
	padding-top:40px;
}
div.blog div#article div#comments h3 {
	line-height: 27px;
	font-size: 18px;
	border-bottom: solid 1px #888888;
}
div.blog div#article div#comments input {
	display:block;
}
div.blog div#article div#comments textarea {
	display:block;
}

@media (max-width: 480px) {
	div.blog div#article div#comments textarea { width:210px; }
}
@media (min-width: 481px) {
	div.blog div#article div#comments textarea { width:390px; }
}
@media (min-width: 768px) {
	div.blog div#article div#comments textarea { width:490px; }
}
@media (min-width: 992px) {
	div.blog div#article div#comments textarea { width:650px; }
}
@media (min-width: 1200px) {
	div.blog div#article div#comments textarea { width:820px; }
}

div.blog div#article div#comments label {
	display:inline;
}
div.blog div#article div#comments span.required {
	font-size: 18px;
	color:#ff0000;
}
div.blog div#article div#comments code {
	display:block;
	font-size: 13px;
	color:#888888;
	border-style:none;
}
div.blog div#article div#comments ul {
	margin-left:0;
	padding-left:0;
}
div.blog div#article div#comments li.compost {
	list-style-type:none;
	border-bottom:dotted 1px #888888;
}
div.blog div#article div#comments li.compost p {
	margin-left:0;
}
div.blog div#article div#comments p.cominfo {
	text-align:right;
}
*/
/* sidebar ------------------------------------*/
/* widgetの下に下線 */
.widget {
	border-bottom: 1px solid #ccc; /* 線の太さ・種類・色 */
	padding-bottom: 0.5rem;        /* 線とテキストの間に余白 */
	margin-bottom: 0.5rem;           /* 下の要素との余白 */
}
.widget > ul {
	margin-bottom: 0.5rem;
	padding-left: 1.5rem;
}
.widget > ul > li {
	list-style-type: circle;
}
/* 検索フォームのラベルを非表示 */
label.screen-reader-text[for="s"] {
	display: none;
}

/* 検索フォームの入力フィールドを横幅いっぱいに調整 */
/* 検索フォーム全体を横並びに */
#searchform > div {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

/* テキストフィールドを可能な限り広げる */
#searchform input[type="text"] {
	flex-grow: 1;
	min-width: 0; /* flexbox での収まりを良くする */
	width: auto;
}

/* ボタンのサイズを適切に */
#searchform input[type="submit"] {
	white-space: nowrap;
}

/* テキストリーダー用のラベルは非表示 */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/*
div.blog div#sidebar ul {margin:0;padding:0;}
div.blog div#sidebar li {list-style-type:none;}
div.blog div#sidebar li.widget_categories li,
div.blog div#sidebar li.widget_recent_entries li,
div.blog div#sidebar li.widget_recent_comments li
 {margin-left:20px;list-style-type:circle;}
div.blog div#sidebar .widget {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #888888;
}
div.blog div#sidebar h2 {
	line-height: 18px;
	font-size: 14px;
	margin:0 0 4px 0;
	padding:0;
}
div.blog div#sidebar li li {
	margin:2px 0 2px 0;
}
div.blog div#sidebar li li a {
	text-decoration:none;
}
div.blog div#sidebar li select {
	width:100%;
}
div.blog div#sidebar li.widget_calendar h2.widgettitle {
	display:none;
}
div.blog div#sidebar li.widget_calendar caption {
	line-height: 18px;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	margin:10px 0 4px 0;
}
div.blog div#sidebar li.widget_calendar thead th {
	width:30px;
	text-align:right;
}
div.blog div#sidebar li.widget_calendar tbody td {
	text-align:right;
}
div.blog div#sidebar div.rss {
	margin:10px;
	padding:5px;
	border:solid 1px #888888;
}
div.blog div#sidebar div.rss img {
	vertical-align:middle;
	margin-right:8px;
	position:relative;
	top:-2px;
}
*/