@charset "utf-8";

/* 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;
}

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

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

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

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

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

/* -------------------------------------------------- */
/* 決定ボタン */
.submit_button_01 {
	display: block;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 6px 1px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	text-align: center;
	color: #595858;
	cursor: pointer;
	border: 1px solid #bebebe;
	border-radius: 7px;
	background-color: #d6d6d6;
	max-width: 300px;
	transition: 0.3s;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.submit_button_01:hover {
	background-color: #b3b3b3;
}