@charset "utf-8";

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
html {
	margin: 0;
	padding: 0;
}

/*BODY全体に関する設定*/
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", arial, sans-serif;
	background: url(//bfile.shinobi.jp/6474/blog_back_wh2.gif);
	word-wrap: break-word;
}


/*<td>の全ての設定*/
td {
	text-align: center;
	empty-cells: hide;
}

/*table全ての設定*/
table {
	border-collapse: collapse;
}

/*通常のリンクの設定*/
a {
	color: #59b3be;
	text-decoration: none;
}

/*カーソルが合っている状態のリンクの設定*/
a:hover {
	color: #fff;
	background: url(//bfile.shinobi.jp/6474/yokikoto_c.gif);
	text-decoration: none;
}

a:has(img) {
	padding: 1px;
	display: block;
}

img {
	border: 0;
}

.maru {
	color: #e60012;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
}

/*テキスト左寄せ*/
.left {
	text-align: left;
}

/*テキスト中央寄せ*/
.center {
	text-align: center;
	padding: 0;
	margin: 0;
}

/*テキスト右寄せ*/
.right {
	text-align: right;
}


.float_l {
	float: left;
	padding: 0;
	margin: 0;
}

.float_r {
	float: right;
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
}

/**************************************************************************************
  外枠の設定
**************************************************************************************/

#contener {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
}

/**************************************************************************************
  上部ブロックの設定
**************************************************************************************/
.main-header {
	padding: 20px;
	width: 100%;
	border-bottom: 1px dashed #555;
}

.main-header .title a {
	color: #000;
	display: block;
}

.main-header .title a:hover {
	color: #ccc;
	text-decoration: none;
	background: url(//bfile.shinobi.jp/6474/back_img.gif);
}

.main-header .title h1 {
	font-size: 3em;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-style: normal;
	font-family: serif;
	font-weight: bold;
	text-indent: -0.1em;
}

.main-header .description {
	padding: 1px 0 0;
}

.page-nav {
	padding: 15px 20px 0;
	width: 100%;
	height: 30px;
	margin: 0;
}

/**************************************************************************************
  プラグインブロックの設定
**************************************************************************************/

.side-nav {
	width: 220px;
}

.side-nav--title {
	border-top: 1px dashed #555;
	padding: 15px 0 10px 15px;
	margin: 0;
}

.side-nav--title h3 {
	font-size: 16px;
	padding: 0;
	margin: 0;
}


.side-nav--txt {
	margin: 0;
	padding: 0 20px;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

.side-nav--txt a {
	color: #555;
	display: block;
}

.side-nav--txt a:hover {
	color: #fff;
	text-decoration: none;
	background: url(//bfile.shinobi.jp/6474/back_img.gif);
}

/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.side-nav .CalendarMoveTable {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

#header .CalendarTable a,
#header .CalendarMoveTable a,
.side-nav .CalendarTable a,
.side-nav .CalendarMoveTable a {
	color: #f88;
}

#header .CalendarTable a:hover,
#header .CalendarMoveTable a:hover,
.side-nav .CalendarTable a:hover,
.side-nav .CalendarMoveTable a:hover {
	color: #FFFFFF;
	background: url(//bfile.shinobi.jp/6474/yokikoto_p.gif);

}

.side-nav .CalendarMoveTable .CalendarPrevTd,
.side-nav .CalendarMoveTable .CalendarNextTd {
	padding: 0;
	margin: 0;
	font-size: 3em;
}

.side-nav .CalendarMoveTable .CalendarPrevTd a,
.side-nav .CalendarMoveTable .CalendarNextTd a {
	padding: 5px 0;
	line-height: 1;
}


/*カレンダー表示用テーブル*/
.side-nav .CalendarTable {
	width: 100%;
	margin: 0 auto;
	padding: 3px;
	border-collapse: collapse;
}

.side-nav .CalendarMoveTable tr th,
.side-nav .CalendarMoveTable tr td,
.side-nav .CalendarTable tr th,
.side-nav .CalendarTable tr td {
	padding: 3px;
}

/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.side-nav .CalendarMoveTr {}

/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.side-nav .CalendarPrevTd {
	height: 30px;
}

/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.side-nav .CalendarNowTd {}

/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.side-nav .CalendarNextTd {
	height: 30px;
}



/**************************************************************************************
  コンテンツブロックの設定
**************************************************************************************/
.main-content {
	width: calc(100% - 235px);	
}

.main-content table td {
	text-align: left;
}

.main-content table td img {
	text-align: center;
}

.entry-contents {
	padding: 0;
	margin: 0 0 30px 0;
}

.entry-contents--title {
	position: relative;
	border-top: 1px dashed #555;
    padding: 1px 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
	z-index: 2;
}


.entry-contents--link {
	padding: 14px 10px 10px 20px;
	margin: 0;
	color: #000;
	display: block;
}

.entry-contents--link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
}

.entry-contents--link:hover {
	color: #fff;
	background-image: none;
}

.entry-contents--link:hover::after {
	background: url(//bfile.shinobi.jp/6474/yokikoto_p.gif);
}

.entry-contents--title h2 {
	font-size: 3.5em;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding: 0;
	margin: 0;
	font-family: serif;
}

.entry-contents--data-link {
	color: #333;
	font-size: 11px;
	padding: 0.5em;
}

:has(.entry-contents--link:hover) + .entry-contents--data-link {
	color: #fff;
}

.entry-contents--text:first-letter {
    font-size: 6em;
    font-weight: 900;
    font-family: serif;
    margin-left: -0.07em;
    line-height: 1;
}

.entry-contents--text {
	padding: 20px 20px 20px 30px;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	overflow: hidden;
	font-size: 1rem;
}

.entry-contents--footer {
	font-size: 11px;
	text-align: right;
	padding: 20px 30px 5px 0;
	margin: 0 0 15px 0;
	clear: right;
}

/**************************************************************************************
  コメント表示部分の設定
**************************************************************************************/
table.comment_form {
	width: 95%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.comment_form tr th,
table.comment_form tr td {
	padding: 5px;
	text-align: left;
}

table.comment_form tr th {
	text-align: right;
	font-weight: normal;
}

table.comment_form tr td.btn {
	text-align: center;
}

table.comment_form input.text {
	width: 400px;
	border: 1px solid #9ea0a1;
}

table.comment_form textarea.text {
	width: 460px;
	border: 1px solid #9ea0a1;
}

table.comment_form td.btn input {
	width: 100px;
	height: 24px;
	margin-top: 10px;
	border: 1px solid #9ea0a1;
}

div.user_comment {
	border-top: 1px dashed #555;
	margin: 0;
	padding: 0;
}

.main-content .user_comment .txt {
	padding: 15px 20px;
}


/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/

input.trackback {
	width: 400px;
	background: #ccc;
	border: 1px solid #9ea0a1;
}

div.user_trackback {
	border-top: 1px dashed #555;
	margin: 10px 0;
	padding: 10px 0;
}


/**************************************************************************************
  下部ブロックの設定
**************************************************************************************/

.main-footer {
	border-top: 1px dashed #555;
	padding: 20px;
	margin: 5px 0 0 0;
	text-align: right;
}