@charset "utf-8";

/*------------------------------*/
/* ヘッダー */
/*------------------------------*/

/* メインヘッダー背景 */
.header_main_image {
	background-image: url('/image/header_main_image_news_no.png');
	background-image: url('/image/header_main_image_news.webp');
	background-position:center;
}

/* ヘッダー内メインタイトル枠 */
.main_title_frame {
	position: absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align: center;
	max-width:500px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color:#ffffff;
}

/* -------------------------------------------------- */
/* 詳細ページ固有 */
/* -------------------------------------------------- */

/* hx */
.h1_title {
	display: block;
	border-left:10px solid #666666;
	border-bottom:1px solid #666666;
	background-color: #f0f0f0;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	margin-bottom:5px;
	font-size:15px;
}
.toggle_comment {
	display: block;
	border-left:10px solid #666666;
	border-bottom:1px solid #666666;
	background-color: #f0f0f0;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	margin-bottom:5px;
	font-size:15px;	cursor:pointer;
}

/* 線 */
.task_border_top_cccccc_d {
	border:none;
	border-top:1px dotted #cccccc;
}

/* コメントのスタイル */
.comment {
	padding:10px;
	font-size:12px;
}

/* リンク */
.comment a {
	color:#4169e1;
}

/* プルダウン↓矢印 */
.down_arrow {
	width:30px;
	height:auto;
	float:right;
}

/* キャプション */
.caption {
	font-size:13px;
	color:#969696;
	text-align:right;
}

/* ブログ画像枠 */
.contents_image_frame {
	display: block;
	overflow: hidden;
	position: relative; /* 角丸マスクのMAC対策 */
	z-index:0; /* 角丸マスクのMAC対策 */
	border-radius:10px;
}

/* -------------------------------------------------- */
/* 前へ次へボタン */
.previous_buttton {
	display: block;
	background-color: #5bb431;
	border-radius: 5px;
	padding:5px;
	color:#ffffff !important;
	text-decoration: none !important;
	text-align: center;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
	transition: 0.3s;
}
.previous_buttton:hover {
	background-color: #4d7e2b;
}

/* -------------------------------------------------- */
/* 線 */
.border_top_hr {
	border: none;
	border-top: 1px solid #666666;
}

/*------------------------------*/
/* 決定ボタン */
.submit_button_01 {
	display: block;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
	padding: 10px 1px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	border: none;
	border-radius: 7px;
	text-align: center;
	color: #595858;
	cursor: pointer;
	border: 1px solid #bebebe;
	background-color: #d6d6d6;
	max-width: 300px;
	transition: 0.3s;
}
.submit_button_01:hover {
	background-color: #b3b3b3;
}