@charset "utf-8";

/* ==========================================================================
   市報さど 専用コーナー（島の話題）— site-shihou.css 読み込み後に適用
   対象：.shihou_wadai_detail_body のメモ帳罫線（記事メタ・PDF・カレンダー周辺には罫線なし）
   ========================================================================== */

/* --- ページ背景（罫線なし・白） --- */
body.shihou.shihou_wadai #mymainback {
	background-color: #ffffff;
	background-image: none;
}

/* 記事メタ・PDF・カレンダー周辺も白背景で罫線を表示しない */
body.shihou.shihou_wadai #main_body .content_header_wrap,
body.shihou.shihou_wadai #main_body .pdf_download,
body.shihou.shihou_wadai #main_body .wmplayer_download,
body.shihou.shihou_wadai #main_body #content_footer {
	background-color: #ffffff;
}

/* --- h1（専用コーナータイトル） --- */
body.shihou.shihou_wadai #main_header {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px;
	padding: 45px 35px 45px 135px;
	background: #ffffff;
	border: none;
	border-top: 6px solid #fc8b00;
	border-bottom: 6px solid #1c75bb;
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body.shihou.shihou_wadai #main_header::before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	width: 116px;
	height: 115px;
	margin-top: -57px;
	background: url("/img/site/shihou/wadai/pc/h1_deco_toki.png") no-repeat center center;
	background-size: contain;
	pointer-events: none;
}

body.shihou.shihou_wadai #main_header h1 {
	overflow: visible;
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	border-radius: 0px;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333333;
	word-break: break-word;
}

body.shihou.shihou_wadai #main_header h1::before,
body.shihou.shihou_wadai #main_header h1::after {
	display: none;
	content: none;
}

/* --- detail-body 外枠（メモ帳風罫線） --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body {
	margin: 0px;
	padding: 50px;
	background-color: #fefefe;
	background-image: url("/img/site/shihou/wadai/pc/bg_detail_rules.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: auto 68px;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 0 0 15px #fefefe;
	box-shadow: inset 0 0 0 15px #fefefe;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body > *:first-child {
	margin-top: 0px;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body > * + * {
	margin-top: 30px;
}

/* 見出し直後の余白（gap 30px） */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h2 + *,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h3 + *,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h4 + *,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h5 + *,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h6 + * {
	margin-top: 30px;
}

/* --- 一行入力・本文（.detail_writing / 関連リンク・関連ファイル） --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_writing,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_writing,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .link_l,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_pdf,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_pdf2,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_excel,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_word,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_etc {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border: none;
	background: none;
	font-size: 1.8rem;
	line-height: 1.75;
	letter-spacing: 0.05em;
	color: #333333;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .link_l a,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_pdf a,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_pdf2 a,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_excel a,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_word a,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .file_etc a {
	background: none;
	padding-left: 0px;
	font-size: 1.8rem;
	line-height: 1.75;
	color: #333333;
}

/* --- キャッチコピー・イベント名 --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .kyoucyou {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #333333;
}

/* --- 画像入力 --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_normal,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_left,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_center,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_right {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_normal img,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_left img,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_center img,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_image_right img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_img_right {
	float: right;
	margin: 0px 0px 10px 20px;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_img_right img {
	max-width: 287px;
}

/* --- 見出し（定型項目 h2 / ワープロ h2〜h6 共通） --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h2,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h2 {
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 25px 30px;
	background: #fefefe;
	border: 2px solid #1c75bb;
	border-left-width: 8px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333333;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h3,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h3 {
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 20px 30px;
	background: transparent;
	border: none;
	border-bottom: 4px solid #cce6fb;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333333;
	position: relative;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h3::after,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h3::after {
	content: "";
	display: block;
	width: 150px;
	height: 4px;
	background: #1c75bb;
	position: absolute;
	left: 0px;
	bottom: -4px;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h4,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h4 {
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 15px 30px;
	background: transparent;
	border: 1px solid #1c75bb;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.12em;
	color: #333333;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h5,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h5 {
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 12px 30px 12px 38px;
	background: transparent;
	border: none;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.12em;
	color: #333333;
	position: relative;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h5::before,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h5::before {
	content: "";
	display: block;
	width: 4px;
	position: absolute;
	left: 0px;
	top: 22.62%;
	bottom: 22.62%;
	background: #0082eb;
	-webkit-box-shadow: 4px 0 0 #fc8b00;
	box-shadow: 4px 0 0 #fc8b00;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h6,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h6 {
	clear: both;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 12px 30px 12px 34px;
	background: transparent;
	border: none;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.12em;
	color: #333333;
	position: relative;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h6::before,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h6::before {
	content: "";
	display: block;
	width: 4px;
	background: #0082eb;
	position: absolute;
	left: 0px;
	top: 22.62%;
	bottom: 22.62%;
}

/* --- 本文テキスト（個別登録・ワープロ共通） --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body p,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body ul,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body ol,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body pre {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 1.8rem;
	line-height: 1.75;
	letter-spacing: 0.05em;
	color: #333333;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body ul,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body ol {
	padding-left: 27px;
}

/* --- ワープロライク --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body div.detail_free {
	clear: both;
	overflow: visible;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	width: 100%;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free > *:first-child {
	margin-top: 0px;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free > * + * {
	margin-top: 30px;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body th {
	background: #cce6fb;
	border-color: #333333;
	font-weight: bold;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body td {
	border-color: #333333;
}

/* --- お問い合わせ（detail-body 内） --- */
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body #section_footer {
	margin-top: 50px;
	margin-bottom: 0px;
	padding: 30px;
	background: #fbfbfb;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body #section_footer_ttl h2,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body #section_footer h2,
body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body #main_body #section_footer h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background: none;
	border: none;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333333;
}

body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body #section_footer_detail {
	padding: 0px;
	font-size: 1.8rem;
	line-height: 1.75;
	color: #333333;
}

/* --- スマートフォン --- */
@media screen and (max-width: 670px), screen and (max-width: screen and (max-width: 670px)) {
	body.shihou.shihou_wadai #main_header::before {
		display: none;
	}

	body.shihou.shihou_wadai #main_header {
		padding: 25px 20px;
	}

	body.shihou.shihou_wadai #main_header h1 {
		font-size: 2.2rem;
		line-height: 1.5;
	}

	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body {
		padding: 25px 15px;
		-webkit-box-shadow: inset 0 0 0 10px #fefefe;
		box-shadow: inset 0 0 0 10px #fefefe;
	}

	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h2,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h2 {
		padding: 20px 15px;
		font-size: 2.2rem;
	}

	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h3,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h3 {
		padding: 15px;
		font-size: 2rem;
	}

	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h4,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h4,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h5,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h5,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body h6,
	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_free h6 {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1.8rem;
	}

	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_img_right {
		float: none;
		margin: 0px;
		text-align: center;
	}

	body.shihou.shihou_wadai #main_body .shihou_wadai_detail_body .detail_img_right img {
		max-width: 100%;
	}
}


body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_header::before {
	display: none !important;
	content: none !important;
	background-image: none !important;
}

body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_header {
	padding-left: 35px;
	background-color: transparent !important;
	background-image: none !important;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}

body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_header h1 {
	background-color: rgba(255, 255, 255, 0.2) !important;
	background-image: none !important;
	border-color: transparent !important;
	color: inherit !important;
}

body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h2,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h3,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h4,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h5,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h6,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h2,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h3,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h4,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h5,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h6 {
	background-color: rgba(255, 255, 255, 0.2) !important;
	background-image: none !important;
	border-color: transparent !important;
	color: inherit !important;
}

body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h3::after,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h3::after,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h5::before,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h5::before,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body h6::before,
body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body .detail_free h6::before {
	display: none !important;
	content: none !important;
}

body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body {
	position: relative;
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid #ffffff !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px solid #ffffff;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 670px), screen and (max-width: screen and (max-width: 670px)) {
	body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_header {
		padding-left: 20px;
	}

	body.shihou.shihou_wadai.color_change:not(.view_print_mode) #main_body .shihou_wadai_detail_body::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
}