/*
Theme Name: for Amamizu citizen site 
Description: Blog site of Amamizu citizen association
*/

/* 基本 */
html {scroll-behavior: smooth;}

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

a	{text-decoration: none;
	color: rgba(12,139,205,1)}
a:hover {
	color: rgba(12,139,205,.7)}

a img	{border: none}

/* コンテナ */
div#container	{width: 1120px;
	margin: auto}

/* ヘッダー */
div#header	{font-family: 'Trebuchet MS', sans-serif;
	margin-bottom: 20px}

div#header h1	{font-size: 2.5em;
	margin: 0}

div#header h1 a	{color: #000000}

div#header p#desc	{font-size: 1em;
	font-weight: bold;
	color: #999999;
	margin: 0 0 5px}

div#subinfo	{text-align: right;
	margin: -32px 0 5px}
	
.viewer {
    margin: 0 auto 5px;
    width: 1120px;
    height: 152px;
    text-align: left;
    overflow: hidden;
}
.viewer ul {
    width: 1120px;
    height: 152px;
    text-align: left;
    overflow: hidden;
    position: relative;
		margin: 0;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 1120px;
    height: 152px;
    display: none;
    position: absolute;
}

/* ナビゲーションバー 1 */
div#top-nav	{font-size: 1em;
	background-color: rgba(0,185,239,1);
	border: solid 1px rgba(255,255,255,1);
	margin-bottom: 4px;}
div#top-nav ul	{margin: 0;
	padding: 0}
div#top-nav li	{
	list-style-type: none;
	width: 12.5%;
	float: left;}
div#top-nav li a {
	display: block;
  padding: 10px 8px 12px;
	height: 49px;
	line-height: 1.6;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	font-weight: bold;
	text-align: center;}
div#top-nav li:last-child a {
	border-right: none;
}
div#top-nav li a:hover	{background-color: rgba(0,91,172,1);}
div#top-nav li.current-menu-item {background-color: rgba(0,91,172,1);}
div#top-nav:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/* ナビゲーションバー ガイド */
div#nav-guide {
	display: block;
	float: left;
	font-size: 0.85em;
	height: 30px;
	width: 150px;
	border: solid 1px #ffffff;
	background: rgba(255,255,255,1);
	margin-bottom: 8px;
}
div#nav-guide a {
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	background: url(https://www.skywater.jp/wp-content/uploads/2016/nav-guide03.svg);
}
div#nav-guide a:hover {
	background: url(https://www.skywater.jp/wp-content/uploads/2016/nav-guide04.svg);
}

/* ナビゲーションバー 2 */
div#nav	{
	font-size: 0.75em;
	height: 30px;
	background-color: #51A5D0;
	border: solid 1px #ffffff;
	margin-bottom: 8px}
div#nav .menu-item-15 {background-color: #8FEAEF}
div#nav .menu-item-6 {background-color: #8FEAEF}
div#nav .menu-item-12 {background-color: #8FEAEF}
div#nav .menu-item-311 {background-color: #8FEAEF}

div#nav ul	{margin: 0;
	padding: 0}

div#nav li	{list-style-type: none;
	float: left}

div#nav li a	{display: block;
/**	width: 88px; **/
    padding: 0 15px;
	line-height: 30px;
	border-right: solid 1px #ffffff;
	color: #ffffff;
	font-weight: bold;
	text-align: center}

div#nav li a:hover	{background-color: #4C4C87}

div#nav li.current-menu-item {background-color: #4C4C87}


/* div#nav li.current_page_item a {background-color: #005BAC}
固定ページのみ対応 */

/* コンテンツ */
div#content	{width: 890px;
	float: right}
div#c-left {float: left;}
div#news-field {margin-left: 35px;
    padding: 10px 5px 4px 15px;
    border: solid 1px #0099cc}

div#top-info {margin-left: 35px}

p.title	{font-weight: bold;
	color: #585858;
	height: 32px;
	width: 200px;
	margin: 0 0 10px;
	padding: 10px 30px 0 40px;
	background-image: url("../../../../images/amamizu-logo.png");
	background-repeat: no-repeat;
	background-position: left}
	
div#content p.postcat	{text-align: right;
	margin: -10px 10px 10px 0}

div#content p.postcat a	{font-size: smaller;
	background-color: #92D4F5;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}
	
div#content p.postcat a:hover	{color: #1B2C74;}

div#content-l	{width: 870px;
	float: left}
  	
div#content-l p.postcat	{text-align: right;
	margin: -10px 10px 10px 0}

div#content-l p.postcat a	{font-size: smaller;
	background-color: #92D4F5;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}
	
div#content-l p.postcat a:hover	{color: #1B2C74;}

p.pagenation	{font-size: 0.75em;
	overflow: hidden}

span.oldpage	{float: left}

span.newpage	{float: right}

td {vertical-align: top}

span.datelist {margin-right: 10px}

span.catlist {margin-left: 10px; color: #000000;}

/* 記事 */
div.post	{margin-bottom: 30px;
    margin-left: 10px;
	overflow: hidden}

div.post p.postdate	{font-weight: bold;
	margin: 0 0 2px 0;
	padding-left: 62px;
	background: url("../../../../images/update.png") no-repeat left}
	
div.post h2	{background-image: url("../../../../images/theme.png");
	background-repeat: no-repeat;
	background-position: left center;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 1.3em;
	padding: 7px 5px 3px 62px;
	margin: 0}

div.post h2 a	{color: #000000}

div.post p.postaut  {font-weight: bold;
    margin: 3px 0 2px 0;
	padding-left: 62px;
	border-bottom: solid 1px #aaaaaa;
	background: url("../../../../images/reporter.png") no-repeat left}

div.post p {font-size: 0.875em;
	line-height: 1.6}

div.post p.reporter-profile {color: #5f5f5f;
    margin: 3px 0 5px 0;
	padding-left: 103px;
	background: url("../../../../images/reporter-profile.png") no-repeat left top}
	
p.div-line {text-align: center;
    color: #cccccc;
	font-weight: bold;}

/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.alignnone {margin-left: 10px;
    margin-bottom: 10px}

.wp-caption	{border: solid 2px #ffffff;
    font-size: smaller;
	text-align: left;
	color: #000000;
	background-color: #dddddd;
/**	color: #666666; **/
	padding-left: 9px;
	padding-top: 5px}
	
.wp-caption-text {margin-top: 0px;
    margin-bottom: 5px;
	padding-right: 3px}

/* サイドバー */
div#sidebar	{width: 200px;
	float: left}

div#sidebar ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div#sidebar .widget	{margin-bottom: 20px}

div#sidebar h2	{font-size: 0.75em;
	color: #ffffff;
	background-color: #00B9EF;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0}

div#sidebar li li	{font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0}

div#sidebar li li a	{color: #000000;
	display: block;
	padding: 5px 10px}

div#sidebar li li a:hover	{background-color: #f7e29e}

div#sidebar p.side-lists {font-size: 0.75em;
    margin: 3px 0 0 0}
div#sidebar p.arc-title {font-size: 0.75em;
    font-weight: bold;
    color: #666666;
	background-color: #ABCD44;
	border-radius: 5px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 196px}	

div#sidebar-r	{
	width: 220px;
	float: right;
	margin-bottom: 20px;
}

div#sidebar-r ul	{margin: 0;
	padding: 0;
	list-style-type: none}

div#sidebar-r .widget	{margin-bottom: 20px}

div#sidebar-r h2	{font-size: 0.75em;
	color: #ffffff;
	background-color: #00B9EF;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0}

div#sidebar-r li li	{font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0}

div#sidebar-r li li a	{color: #000000;
	display: block;
	padding: 5px 10px}

div#sidebar-r li li a:hover	{background-color: #f7e29e}

div#sidebar-r p.side-lists {font-size: 0.75em;
		margin: 3px 0 0 0}
div#sidebar-r p.arc-title {font-size: 0.75em;
		font-weight: bold;
		color: #666666;
		background-color: #ABCD44;
		border-radius: 5px;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
		width: 196px}

div#sidebar img:hover, div#sidebar-r img:hover {opacity: 0.8;}

/* 固定ページ */
div.page {
	padding-bottom: 2em;
}
div.page p {
	line-height: 1.8}
div.page h1 {
	color: rgba(20,20,20,.9);}
div.page h2 {
	color: rgba(25,25,25,.8);}
div.page h3 {
	font-size: 1.5em;
	margin-bottom: 0;
	color: rgba(25,25,25,.8);}
img.header-drops {
	vertical-align: middle;
	margin: 0 .5em 0 0;}
img.list-drops {/* ドロップリストのスタイル */
	vertical-align: middle;
	margin: .2em 1.5em .3em 0;}
img.list-icons {/* 各種アイコンのスタイル */
	vertical-align: middle;
	height: 50px;
	width: 50px;
	margin: .2em .8em 0 0;
}
.with-lead {
	margin-bottom: 0;
}
.title-lead {
	font-size: .9em;
	margin-left: 5px;
	margin-top: 0;
	color: rgba(50,50,50,.7);
	padding-bottom: 10px;
}

/* 組織図用テーブル */
table#org {width: 100%;}
table#org tbody tr > td.org-top {
	height: 2em;
	vertical-align: middle;
	text-align: center;
	background: rgba(0,60,130,1);
	color: rgba(255,255,255,1);
}
table#org tbody tr > td {
	padding: .4em 1em .3em;
}
/* バックナンバー用テーブル */
table#bk-numb th {
	height: 2em;
	vertical-align: middle;
	text-align: center;
	background: rgba(0,60,130,1);
	color: rgba(255,255,255,1);
}
table#bk-numb td {
	padding-right: 1em;
	padding-left: .3em;
	vertical-align: middle;
}
/* 雨つぶぐるぐる用テーブル */
table.gurgur-t td.gur-l {
	padding-right: 1em;
}
table.gurgur-t td.gur-c {
	width: 80px;
	font-weight: bold;
	padding-top: .3em;
	padding-bottom: 1em;
}
table.gurgur-t td.gur-r {
	padding-top: .3em;
	padding-bottom: 1em;
}

div.ind-3-box {
	padding-left: 3em;
}
div.cfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
div.cont-list li {
	list-style: disc;
	margin-bottom: 1em;
}
/* 雨水市民の会とは */
div.sub-nav-v li {
	list-style: square;
	margin-bottom: .5em;
}
div.shiminnokaitowa table {
	border-collapse: collapse;
	border: solid 1px rgba(25,25,25,.8);
	margin-bottom: 1em;
	width: 100%;
}
div.shiminnokaitowa table caption {
	color: rgba(255,255,255,1);
	font-weight: bold;
	background: rgba(73,174,222,.8);
	border-top: solid 1px rgba(25,25,25,.8);
	border-right: solid 1px rgba(25,25,25,.8);	
	border-left: solid 1px rgba(25,25,25,.8);
	padding: .5em;
}
div.shiminnokaitowa td {
	border-collapse: collapse;
	border: solid 1px rgba(25,25,25,.8);
}
div.shiminnokaitowa table td {
	padding: .4em 1em .3em;
}
td.hi-year {
	text-align: center;
}
.top-bar {
	margin-top: 30px;
	border-top: 1px solid rgba(30,40,50,.8);
}

/* 七色の雨ページ */
div.seven-rain a {
	font-size: 1.2em;
}
div.seven-rain a:hover {
	opacity: 0.7;}
	
/* Q & A のページ */

#q-and-a-ac dt{
    cursor:pointer;
	background: rgba(73,174,222,.3);
	padding: .7em 1em;
	border-bottom: 1px solid rgba(255,255,255,1);
	-o-border-radius: .3em;
	-ms-border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}
#q-and-a-ac dt:hover {
	background: rgba(73,174,222,.1);
}
#q-and-a-ac dt.active {
	background: rgba(73,174,222,.8);
}
#q-and-a-ac dd{
    display:none;
	margin-left: 0;
	padding: .7em 1em;
}

/* 雨水散歩のページ */
div.amamizu-sanpo:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
div.amamizu-sanpo img {
	width: 40%;
	display: inline-block;
	margin: 2%;
}

/* 固定ページ　ナビゲーション  （横並び - 雨水ぐるぐる）*/
div.sub-nav ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sub-nav li {
	float: left;
	padding-right: .3em;
}
div.sub-nav li a {
	display: block;
}
div.sub-nav li img:hover {
	opacity: 0.6;
}
div.sub-nav:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/* 下町ｘ雨プロジェクト　ページ */
.rgc-h2 {display: flex; align-items: center; text-align: left; line-height: 1.2;}
.rgc-h2::before {content: url("../../../../images/rgc-h2.png"); margin-right: .5em;}
.mgreen {color: #45aeb1;}
.lgreen {color: #5c9853;}
.rgc-2layout {display: flex; align-items: flex-start;}
.rgc-l-box1 {width: auto;}
.rgc-l-box1 h3:first-child {margin-top: 0;}
.rgc-r-box1 {min-width: 200px; margin: 20px 0 0 20px;}
.rgc-r-box2 {min-width: 300px; margin: 20px 0 0 20px;}
.rgc-case-box {background: #45aeb1; color: white; width: 100%; display: flex; margin-bottom: 20px;}
.rgc-case-box img {float: left; width: 220px;}
.rgc-case-box div {padding: 5px 20px;}
.rgc-case-box div > h3 {margin: 5px 0; color: white;}
.rgc-case-box div > p {margin: 5px 0; color: white;}
.rgc-mb-box {margin-bottom: 10px;}
.rgc-nav {display: flex; justify-content: center;}
.rgc-nav a {display: flex; align-items: center; line-height: 1.2; max-width: 140px; padding: .3em; margin: .3em .1em .3em 0; vertical-align: middle; color: rgba(63,42,58,1); font-weight: bold; font-size: .95em;}
.rgc-nav a::before {content: url("../../../../images/rgc-nbtn.png"); margin-right: .3em;}
.rgc-nav a:hover {color: rgba(63,42,58,.7); opacity: .7;}

/* フッター */
div#footer	{border-top: solid 1px #aaaaaa;
	padding: 6px 0;
	clear: both}

div#footer p	{font-size: 0.75em;
    text-align: center;
	vertical-align: middle;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0}

/* イベントカレンダー：サイト更新情報　（トップ＋ページ）＋（アーカイブページ） */
.home h2 {color: rgba(29,174,233,1); margin-top:0;	margin-bottom: 0;}
.single-news_update h2, .single-event_calendar h2 {color: rgba(29,174,233,1);}
table.event-info {margin-bottom: 15px; margin-left: 25px;	border-collapse: collapse;}
table.event-info tr:nth-child(odd) {
	background: rgba(29,174,233,.2);
}
table.event-info td {
	padding: .5em .7em;
}
table.event-info td:nth-child(1) {width: 30%;}
table.event-info td:nth-child(2) {width: 60%;}
table.event-info td:nth-child(3) {width: 3%;}
table.event-info td:nth-child(4) {width: 7%;}
table.event-info td.pdf-icon {
	width: 25px;
}
table.event-info td.pdf-icon img {
	height: 20px;
}
.top-center-box {width: 890px;} /* in case whole center {width: 680px;} */
.top-center-box p {text-align: center; margin-top: 0; margin-bottom: 0.3em;}

/* フォーム全体のスタイル */
.wpcf7-form {max-width: 800px; margin: 0 auto; padding: 10px 0 0 30px; border: 1px solid #5a7777; border-radius: 10px; background-color: #92c4c4;}

/* テーブルのスタイル */
.wpcf7-form table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.wpcf7-form tr {vertical-align: middle; margin: 12px 0;}
.wpcf7-form td {padding: 0 10px;}
.wpcf7-form td p {padding: 0; margin: 0;}
.wpcf7-form td:nth-child(2) {text-align: left;}

/* ラベルのスタイル */
.wpcf7 label {display: flex; align-items: center;}

/* テキスト入力フィールドのスタイル */
.wpcf7 input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7 textarea {padding: 10px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #555; border-radius: 5px;}
.wpcf7-form input[type="number"] {padding: 10px; margin: 0 0 12px 0; border: 1px solid #555; border-radius: 5px; width: 30px;}

/* 必須項目のスタイル */
/*.wpcf7-form .wpcf7-validates-as-required {color: red;}

/* ボタンのスタイル */
.wpcf7 input[type="submit"] {display: block; width: 100%; padding: 10px; background-color: #0073aa; color: #fff; border: none; border-radius: 5px; cursor: pointer; max-width: 150px;}
.wpcf7 input[type="submit"]:hover {background-color: #005f8d;}

/* ソーシャルメディアのアイコン */
.social-icons {display: grid; grid-template-columns: repeat(3, 1fr); width: 200px; gap: 10px; /* アイコン間のスペースを調整 */}
.social-icons img {width: 100%; height: auto;}
.social-icons img:hover {opacity: 0.8;}

/* 検索フォームのスタイル */
.custom-search-form {display: flex; align-items: center; justify-content: center; margin: 20px 0;}
.custom-search-form label {position: relative; width: 100%;}
.custom-search-form input[type="text"] {width: 100%; padding: 10px 15px; border: 2px solid #ccc; border-radius: 25px; font-size: 16px; transition: border-color 0.3s;}
.custom-search-form input[type="text"]:focus {border-color: #0073aa; outline: none;}
.custom-search-form button {padding: 10px 20px; margin-left: 10px; border: none; border-radius: 25px; background-color: #0073aa; color: #fff; font-size: 16px; cursor: pointer; transition: background-color 0.3s;}
.custom-search-form button:hover {background-color: #005f8d;}