@charset "UTF-8";
/* ==========================================================================================
*パーツ用スタイル
========================================================================================== */
body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
ol {
	padding-left: 1.5em;
    overflow: hidden;
}
ul {
	list-style: none;
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 10px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
input, button, textarea, select {
  border-radius: 0;
}
button {
    border: none;
    background: none;
}
/* 基本スタイル
============================== */
* {
    line-height: 1.7;
    margin: 0;
    padding: 0;
    word-break: break-all;
}
#base {
	margin: 0;
	padding: 0;
	font-family: Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif;
	color: #333;
	background-color: #FFF;
	font-size: 110%;
}

/* CMS用スタイル */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
hr {
	display: none;
}
.img-guidance {
	margin: 0;
    padding: 0;
	height: 1px !important;
	width: 1px !important;
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
input[type="button"],
input[type="submit"] {
    border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer;
}
input.fedbt, 
input[type="button"], 
input[type="text"], 
input[type="submit"] {
    border-radius: 0;
    -webkit-appearance: none;
}
a img {
    vertical-align: bottom;
}
address {
    font-style: normal;
}
a:active,
a:focus {
    z-index: 999;
}
a[href],
label[for],
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"],
input[type="radio"],
input[type="checkbox"],
select {
  cursor: pointer;
}
.txtno-display {
	margin: 0;
	padding: 0;
    height: 1px;
    width: 1px;
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.nonedisplay{
	position: absolute;
	right: 10000px;
}

/* noscriptメッセージ
============================== */
p.jsmessage {
    background-color: #FFF;
    padding: 10px;
    margin: 0;
}

/* 本文へ移動隠しジャンプ 
============================== */
.blockjump img {
	display: none;
}
#blockskip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #999;
	text-align: center;
	color: #0A2530;
	z-index: 3000;
}
#blockskip a {
	color: #0A2530;
	overflow: hidden;
	background-color: transparent;
}
.show {
	line-height: 1.5 !important;
	background-color: #F6F6F6 !important;
	border-bottom: solid 1px #999 !important;
	color: #0A2530;
}
.show a {
	color: #000 !important;
	line-height: 150% !important;
	font-size: 100% !important;
	background-color: transparent;
}
/* 隠し飛ばしリンク先＆隠し罫線用
============================== */
.echooff {
	display: none;
}
.guidance {
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 1px;
	position: absolute;
}


/* ------------------------各パーツ設定------------------------ */
/*  通常のリンク色  */
a {
    vertical-align: baseline;
}

a:link {
	color: #11649F;
}
a:visited {
	color: #800080;
}
a:hover, 
a:focus {
	color: #9D0D0D;
	text-decoration: underline;
}
a:active {
	color: #E20000;
}
area:focus {
    outline: 10px #0060af solid;
    outline-offset: 5px;
}
/*  矢印スタイル  */
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

/*検索
============================== */
:placeholder-shown {
    color: #131313; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #131313; }

/* Firefox 18- */
:-moz-placeholder {
    color: #131313; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #131313; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #131313; }


.search_submit {
    background-color: #116FAA;
    float: left;
}

input.h0bt02 {
    padding: 6px 7px;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    /* border: none; */
    background-color: rgb(227, 227, 227) !important;
    /* padding: 0 0 0 5px !important; */
    /* margin: 0; */
    /* border: none; */
    /* vertical-align: middle; */
    /* min-height: 27px; */
    /* width: 100%; */
    /* border: 1px solid rgb(227, 227, 227); */
}

.gsc-input-box table {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.gsc-input-box td#gs_tti50 {
    /* border: none; */
    /* margin: 0; */
    /* padding: 0; */
    /* background: #E3E3E3; */
}
input.gsc-search-button, 
input.gsc-search-button:hover, 
input.gsc-search-button:focus {
    border: 1px solid #116FAA !important;
    background-color: #116FAA !important;
    color: #FFF !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 16px !important;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp//images/c_search_btn.gif) !important;
}
.gsc-input-box {
    background: none;
    border: 1px solid #FFF;
    width: 100%;
    padding: 0;
    background-color: #E3E3E3 !important;
    border: none !important;
    height: auto !important;
}
table.gsc-search-box td {
    background-color: transparent;
    border: none;
    padding: 0;
}

table.gsc-search-box {
    margin: 0;
}
.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*パンくず
============================== */
.pankuzu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pankuzu {
    padding: 10px 0 4px 0;
}
.pankuzu p.pk-img {
    padding: 0;
    background: none;
    margin: 3px 0 0 7px;
    width: 12px;
    max-width: 12px;
}
.pankuzu .pk-img::before{
	border: none;
}
.pankuzu ul {
    margin: 0;
    padding: 0;
}
.pankuzu ul li {
    float: left;
    margin: 0;
    padding: 0 20px 5px 10px;
    line-height: 1.5;
    position: relative;
    background-image: none;
}

.pankuzu ul li.pk-thispage::before {
	border: none;
}
.pankuzu li::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #116FAA;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 3px;
    top: 0.53em;
    width: 6px;
    left: auto;
}
/* SNSボタン
======================================*/
.basic_info_index_wp {
    padding: 10px 0;
}
.update p {
    margin: 0 0 0 10px;
}
#facebook, #twitter,#LINE {
    float: left;
    margin: 0 0 0 5px;
}
/* 見出し
============================== */
.h1bg {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h1_line.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
	_height: 1%;
}
h1 {
	padding: 10px 10px 10px 5px;
	font-size: 1.4em;
	line-height: 1.6;
	color: #333;
	background-color: transparent;
}
.h1img {
	clear: both;
	margin: 0 0 .85em 0;
	padding: 0;
}
.h1img h1 {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-image: none;
}
.h1bg div {
    padding: 30px 0 0 0;
/*
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h1_img.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
*/
}
.h2bg h2 {
	color: #FFF;
	border-right: 8px solid #FFF;
	margin: 0 12px 0 20px;
	padding: 2px 5px;
	font-size: 1.2em;
	line-height: 1.5;
	_height: 1%;
}
.h2bg {
    margin: 0.8em 0 0.58em 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h2_bg.gif);
    background-position: 0 25%;
    background-repeat: repeat;
    border-radius: 5px;
    overflow: hidden;
}
.h2bg div {
    padding: 8px 0 8px 0;
}
.h2bg a:link, 
.h2bg a:visited, 
.h2bg a:focus, 
.h2bg a:hover,
.h2bg a:active {
    color: #FFFFFF;
}
.h3bg {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h3_icon.png);
    background-repeat: no-repeat;
    background-position: 0 0.25em;
    margin: 1em 2px 0.8em 0;
    overflow: hidden;
}
.h3bg div {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h3_line.png);
    background-repeat: repeat-x;
    background-position: 0 100%;
}
h3 {
	margin: 0;
	padding: 5px 10px 15px 30px;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5;
	color: #333;
	_height: 1%;
}
h4 {
	margin: 0.7em 0 0.56em 10px;
	padding: 2px 0 0px 16px;
	line-height: 1.5;
	font-size: .9em;
	font-weight: bold;
	_height: 1%;
}
.h4bg h4 {
    border-left: 6px solid #20BAB5;
    padding: 2px 0 2px 12px;
}
.h4bg {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h4_line.png);
    background-repeat: repeat-x;
    background-position: 0 100%;
    overflow: hidden;
}

.h4bg div {
    padding: 0 0 5px 0;
}
h5 {
	margin: 0.7em 0 0.56em 10px;
	padding: 0;
	line-height: 1.5;
	font-size: .9em;
	font-weight: bold;
	color: #003387;
    overflow: hidden;
}
h6 {
	margin: 0.7em 0 0.56em 10px;
	padding: 0;
	line-height: 1.5;
	font-size: .9em;
	font-weight: bold;
	color: #333;
    overflow: hidden;
}
/* 文章パーツ
============================== */
p {
    margin: 0.56em 10px;
    padding: 0;
    line-height: 1.58;
    font-size: 90%;
}
ul {
	list-style-type: none;
	list-style-image: none;
}
ol {
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
	padding-left: 40px;
	}
li {
	padding: 3px 12px 3px 0;
	line-height: 1.5;
	font-size: 90%;
}
ul li {
  padding-left: 30px;
  top: 0;
  background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_list_icon.png);
  background-repeat: no-repeat;
  background-position: 11px 0.7em;
}


/* 画像パーツ
============================== */
img {
    border: none;
    vertical-align: middle;
}
.img-area {
    margin: 0 5px 0.56em 0;
    padding: 0;
	display: block;
}
/* 画像エリア内floatのclear */
.img-area:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/* 画像リンク　2個横並び */
p.imglink-side2 {
	float: left;
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	text-align: center;
	display: table;
	width: 160px /* minimum width */;
}
.imglink-side2 img {
	margin: 0 10px 5px 10px;
}
.imglink-side2 span {
	display: block;
	margin: 0 10px 0 10px;
}

/* 画像横並び（3連） */
.img-area p.imglink-side3 {
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	text-align: center;
	float: left;
	display: table;
	width: 160px /* minimum width */;
}
p.imglink-side3 img {
	margin: 0 10px 5px 10px;
	padding: 0;
}
p.imglink-side3 span {
	margin: 0 10px 0 10px;
	padding: 0;
}
/* 画像リンク　4個横並び */
.img-area p.imglink-side4 {
	float: left;
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	color: #222222;
	text-align: center;
	display: table;
	width: 160px /* minimum width */;
}
.img-area p.imglink-side4 img {
	margin: 0 0 0 10px;
	padding: 0;
}
.img-area p.imglink-side4 span {
	margin: 0 0 0 10px;
	padding: 0;
}

/* 画像リンク　5個横並び */
.img-area p.imglink-side5 {
	float: left;
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	color: #222222;
	text-align: center;
	float: left;
	display: table;
	width: 160px /* minimum width */;
}
.img-area p.imglink-side5 img {
	margin: 0 0 0 10px;
	padding: 0;
}
.img-area p.imglink-side5 span {
	margin: 0 0 0 10px;
	padding: 0;
}
/* 画像、画像リンク　左（文章回りこみ） */
.img-area-l {
	margin: 0.56em;
	overflow: hidden;
}
.imglink-txt-left {
	float: left;
	margin: 0;
	padding: 0 0 0.2em 0;
	text-align: center;
	display: table;
	width: 160px /* minimum width */;
}
.imglink-txt-left img {
	margin: 8px 10px 5px 0;
	padding: 0;
}
.img-area-l p.imglink-txt-left span {
	margin: 0 10px 5px 10px;
	display: block;
}

/* 画像、画像リンク　右（文章回りこみ） */
.img-area-r {
	margin: 0.56em 0 0 0;
	padding: 0;
	overflow: hidden;
}
.img-area-r p.imglink-txt-right {
	float: right;
	margin: 0;
	padding: 0 0 0.2em 0;
	text-align: center;
	display: table;
	width: 160px /* minimum width */;
}
.img-area-r p.imglink-txt-right img {
	margin: 1em 10px 5px 10px;
	padding: 0;
}
.img-area-r p.imglink-txt-right span {
	margin: 0 10px 5px 10px;
	display: block;
}
/* サブサイトブランディング */
.SubmainImg.img-area {
    margin: 0;
}

.SubmainImg.img-area p {
    margin: 0;
    padding: 0;
}

p.SubmainImg_text {
    text-align: right;
}
/* HTML取り込み枠 */
.insertfile {
	margin: 0.8em 0 1.2em 0;
	padding: 0;
}
/* 地図エリア、画像リンク（文章回りこみ）用再調整 */
.map-area .h2bg,div.map-area .h3bg,.map-area .h4bg,.map-area ul,.map-area ol,
.img-area-l .h3bg,.img-area-l .h3bg,.img-area-l .h4bg,.img-area-l ul,.img-area-l ol,
.img-area-r .h3bg,.img-area-r .h3bg,.img-area-r .h4bg,.img-area-r ul,.img-area-r ol {
	overflow: hidden;
	_zoom: 1;
}
.img-area-l .h2bg,
.img-area-r .h2bg {
	overflow: hidden;
	clear: none;
}
.img-area-l .h2bg div,
.img-area-r .h2bg div {
	overflow: hidden;
	clear: none;
}
.img-area-l h2,
.img-area-r h2 {
	overflow: hidden;
	clear: none;
}
.map-area .h3bg,
.img-area-l .h3bg {
	overflow: hidden;
	margin-left: 0;
}
.map-area .h4bg,
.img-area-l .h4bg {
	overflow: hidden;
	margin-left: 0;
}
.map-area p,
.img-area-l p {
	margin-left: 0;
}
.map-area ul,
.img-area-l ul {
	margin: 0.3em 5px 0.3em 0;
	padding: 0;
}
.map-area ol,
.img-area-l ol {
	margin: 0.7em 5px 0.7em 0;
	padding: 0;
}
.img-area-r ol {
	margin: 0.7em 5px 0.7em 0;
	padding: 0;
}
.map-area ol li,
.img-area-l ol li,
.img-area-r ol li {
	margin: 0 0 0 2em;
}
.img-area-r ul {
    padding: 0;
}
/* 地図エリア内
============================== */
.map-area {
	margin: 0 0 0.56em 0;
	overflow: hidden;
}
.map-area .mapimg {
	float: left;
	margin: 0;
	padding: 0 10px 0.2em 0;
	text-align: center;
}
.map-area .mapimg img {
	margin: 0 10px 5px 0;
	padding: 0;
}
/* Adobe Readerのダウンロード
============================== */
p.dladobereader {
	clear: both;
	margin: 15px 0 15px 0;
	padding: 6px 8px 8px 8px;
	border: 1px solid #DDDDDD;
	background-color: #FFF;
	font-size: 85%;
}
p.dladobereader img {
	margin-right: 5px;
	vertical-align: middle;
}

/* 表パーツ
============================== */
.table01 th {
}
.t-box2 p, 
.t-box p {
/*     width: 95%; */
}
.t-box2, 
.t-box  {
    margin: 0.56em 0 1.56em 0;
}
/* ページ内ジャンプ横用
============================== */
ul.linkjump li::before {
    content: none;
}
ul.linkjump {
	margin: 0.5em 10px 0 11px;
	padding: 0;
}
ul.linkjump li {
	float: left;
	margin: 0.2em 0 0.2em 0;
	padding: 3px 20px 1px 20px;
	line-height: 1.2;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_jumplink.png);
	background-repeat: no-repeat;
	background-position: 5px 0.73em;
	_height: 1%;
}
/* ファイルのダウンロード
============================== */
p.filelink {
	clear: both;
	padding: 0 0 2px 20px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_filelink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	line-height: 1.5;
	_height: 1%;
}
/* リンクパーツ
============================== */
.innerLink a {
	clear: both;
	padding: 0 0 2px 20px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.42em;
	display: inline-block;
	line-height: 1.5;
	_height: 1%;
}
.externalLink a {
    padding: 0 0 2px 20px;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_outlink.png);
    background-repeat: no-repeat;
    background-position: 0 0.45em;
    line-height: 1.5;
    display: inline-block;
}
.linktxt {
    margin: 0.1em 0 1.56em 10px;
}

/* ページリンク横並び
============================== */
.linkside {
    clear: both;
    list-style-image: none;
    list-style-type: none;
    margin: 0.5em 5px 0.5em 0;
    padding: 0 0 5px 0;	
}
.linkside .linkin2nd {
    float: left;
    font-size: 90%;
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 3px 0 0 16px;
    white-space: normal;
    width: 44%;
	zoom:1;
}
.linkside .linkin2nd a {
	clear: both;
	margin: 0.56em 0 0.1em 0;
	padding: 0 0 2px 20px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/N_c_icon_inlink.png);
	background-repeat: no-repeat;
	background-position: 1px 0.2em;
	line-height: 1.5;
	_height: 1%;
}
/* コンテンツ内のこのページの上へ戻る
============================== */
.totoptxt {
	margin: 0.56em 0 0.56em 0;
	clear: both;
	line-height: 1.5;
	font-size: 90%;
	text-align: right;
	position: relative;
	margin-left: auto;
}
.totoptxt:before {
    content: '';
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_pagetop.png);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    margin: 0 0 0 -20px;
    padding: 0 0 0 15px;
    image-rendering: auto;
    height: 1em;
    width: 1em;
}
/* よく見られている情報用
============================== */
.bgnewinfo-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
ul.osusume_list {
    background-image: none;
    margin: 0;
    padding: 0 12px 12px 12px;
}

ul.osusume_list li {
    padding: 8px 15px 8px 15px;
    line-height: 200%;
    margin: 0 0 3px 0;
    position: relative;
    background-color: #FFFFFF;
    background-image: none;
}

.osusume-box {
    background-color: #F1F8F9;
    margin: 0 15px 0.85em 0;
    border-radius: 5px;
    width: calc(100% / 2);
}

.osusume_title {
    padding: 20px 0;
}
.bgnewinfo-box .newinfo-box {
    width: calc(100% / 2);
}
/* 新着情報 
============================== */
.newinfo_title {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.newinfo-box {
    background-color: #F1F8F9;
    margin: 0 0 0.85em 0;
    border-radius: 5px;
    padding: 0 12px 10px 12px;
    position: relative;
}
.newinfo-box .h2bg {
    margin: 0;
}
.newinfo-title {
	padding: .5em 15px;
	font-size: 1.3em;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_newinfo_top.gif);
	background-repeat: repeat-x;
	color: #88681E;
}
.newinfo-title h2 {
	padding: 10px 15px;
}
.ichiran-wp {
	overflow: hidden;
	margin: 0 15px;
}
.info-list .link {
	display: block;
	font-size: 97%;
	position: relative;
}
.newinfo-in {
	overflow: hidden;
	padding: 0 15px 5px 10px;
	border: 1px solid #EFEFEF;
}
.info-list {
	margin: 0 0 5px 0;
}
.info-list li:before {
    content: none;
}
/* 日付リスト */
.info-list {
	margin: 0;
	padding: 0 12px 12px 12px;
}
.info-list .date {
	display: block;
	margin: 0;
	padding: 0;
}

ul.info-list li {
	padding: 8px 15px 8px 15px;
	line-height: 200%;
	clear: both;
	margin: 0 0 3px 0;
	position: relative;
	width: auto;
	background-color: #FFFFFF;
	background-image: none;
}
.ichiran-all {
	position: absolute;
	top: 27px;
	right: 24px;
}

.newinfo-box > p {
    padding: 10px 12px;
    background-color: #FFF;
    margin: 0;
}
/* お知らせパーツ
============================== */
.oshirase-box {
    background-color: #FFFCE1;
    margin: 0 0 0.85em 0;
    border-radius: 5px;
    padding: 0 12px 10px 12px;
}

.oshirase_title {
    padding: 20px 0;
}
.oshirase-box .info-list {
    padding: 0 0 12px 0;
}
/* メニューパーツ
============================== */
.m-title a::before {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #FFF;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    left: 7px;
    top: 1em;
    width: 8px;
}
ul.site-li li {
    line-height: 1.8;
    padding: 5px 12px 3px 25px;
}
.site-li {
    margin: .5em .5em;
    padding: 0;
}
ul.menu_list.info-list li {
    background-color: transparent;
    border-bottom: 1px dotted #DDD;
}
.allNewsList-wp .info-list li {
    border-bottom: 1px dotted #CCC;
    background-color: transparent;
}
.info-list .link img {
    margin: 0 0 0 5px;
}
/* メニュー自動生成1列（子・孫）（横） 
============================== */
ul.norcor-side {
	margin: 0 0 0.86em 0;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	padding: 5px 10px 2px 10px;
}
ul.norcor-side li {
	margin: 0.6em 12px 0.6em 0;
	padding: 0 30px 0 0;
	line-height: 2;
	background-color: transparent;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/norcor_side_li_icon.png);
	background-repeat: no-repeat;
	display: inline;
	background-position: 100% 0.3em;
}
ul.norcor-side li a {
    line-height: 2;
}
ul.norcor-side li:first-child {
    padding: 0 30px 0 0;
    margin: 0.6em 12px 0.6em 0;
}


ul.norcor-side li:last-child {
    border-right: none;
    background-image: none;
}
ul.norcor-side li::before {
    content: none;
}
/* box3列用 */
.box-area {
	clear: both;
	margin: 20px 0 1em 0;
	padding: 0;
}
.box-side3 {
	margin: 0 5px 0.58em 0;
}
.box-side3 h2 {
	background-color: #EBE9E3;
	margin: 0 0 0.58em 0;
	padding: .8em 15px 0.8em 10px;
	_height: 1%;
}
.box-side3 h2 a {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/N_c_icon_snavi_li.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    display: block;
}
.box-side3 p {
	margin: 0 5px 0.1em 10px;
}

.m-title a {
    display: block;
    padding: 10px 10px 10px 30px;
}

.m-box2 {
    width: calc(100% / 2);
    margin: 0 10px 0 0;
}

.m-box2:nth-of-type(2) {
    margin: 0;
    float: right;
}

.m-title {
    margin: 0 0 0.58em 0;
    position: relative;
    margin: .8em 2px 0.8em 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_h2_bg.gif);
    background-position: 0 0;
    background-repeat: repeat;
    border-radius: 5px;
}

.menulist {
    margin: 0 0 0.85em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nextpage {
    padding: 0;
}
.menulist2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0.58em 0;
}

.m-box3 {
    width: calc((100% / 3) - 5px);
    margin: 0 5px;
}

.menulist .site-li-1 li {
    background-image: none;
    line-height: 1.48;
    margin: 0;
    padding: 0;
}
.menulist .site-li-1 li a {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/N_c_icon_inlink.png);
    background-repeat: no-repeat;
    background-position: 6px 0.68em;
    margin: 0 0 0.2em 0;
    display: inline-block;
    padding: 4px 12px 4px 18px;
}
/*　画像3連リンク　*/
.menu_img_link {
    padding: 10px 10px 7px 10px;
}
.menu_img_link img {
    max-width: 100%;
    height: auto;
}
.menu_img_link .img-area {
    text-align: center;
    margin: 0;
    padding: 0;
}
.menu_img_link p {
    margin: .5em 0 .1em 0;
}
.menu_img_link .img-area p {
    margin: 0;
    padding: 0;
}
.menu_img_wp .m-box3 {
    background-color: #EDF7E8;
}
.menu_img_wp a:link, 
.menu_img_wp a:visited, 
.menu_img_wp a:focus, 
.menu_img_wp a:hover,
.menu_img_wp a:active {
    color: #212121;
    font-size: 110%;
    font-weight: bold;
}

/*  通常のリンク色  */
.m-title a:link, 
.m-title a:visited, 
.m-title a:focus, 
.m-title a:hover,
.m-title a:active {
    color: #FFF;
}
ul.norcor li a img {
    margin: 0 0 3px 10px;
}
/* 問い合わせパーツ
============================== */
.contact {
    padding: 10px 0;
    margin: 0 0 30px 0;
    clear: both;
}

.con-txt p {
    margin: 0;
    padding: 0 5px;
}

.con-txt h2 {
    padding: .2em 5px;
}
.contact p {
    margin: 0 10px;
}

/* 評価エリアパーツ
============================== */
.h2bg.feedback_h2 div {
    color: #FFF;
    border-right: 8px solid #FFF;
    margin: 0 12px 0 20px;
    padding: 2px 5px;
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: bold;
    _height: 1%;
}

.h2bg.feedback_h2 {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_feedback_h2.gif);
    background-position: 0 0;
    background-repeat: repeat;
    padding: 8px 0 8px 0;
}
form.feedback {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0 0 8px 0;
	background-color: transparent;
}
form.feedback .form-h3 {
	margin: 0.7em 12px 0 12px;
	padding: 0;
	font-size: 90%;
	border-bottom: 1px dotted #757575;
	background-image: none;
}
form.feedback legend {
	margin: 0.2em 5px 0.1em 12px;
	padding: 0;
    font-size: 90%;
}
form.feedback div.fedd {
	margin: 0.2em 5px 0 12px;
	padding: 0;
	font-size: 90%;
	line-height: 1.2;
}
form.feedback label {
	margin: 0 10px 0 5px;
	padding: 0;
}
.submitbox {
	margin: 10px 8px 10px 14px;
	padding: 0;
}
.submitbox input {
	width: 150px;
	margin: 8px 0 4px 0;
	padding: 6px 12px 6px 12px;
	font-size: 86%;
	color: #FFF;
	border: 1px solid #1264A0;
	background-color: #1264A0;
}
.fedd input[type="radio"] {
    margin: 0 0 0 5px;
}
fieldset.fedd1 {
    margin: 0.7em 0 0 0;
}


/* 広告バナー
============================== */
/*  通常のリンク色  */
.banner p a {
    vertical-align: bottom;
}
.banner p a:link {
	color: #FFFFFF;
}
.banner p a:visited {
	color: #FFFFFF;
}
.banner p a:hover, 
.banner p a:focus {
	color: #FFFFFF;
}
.banner p a:active {
	color: #FFFFFF;
}

ul.banner-box {
    margin: 0;
}

#koukoku {
    background-color: #757575;
    padding: 0 0 15px 5px;
}

ul.banner-box li {
    margin: 0;
    padding: 0 8px 6px 0;
    float: left;
}
#koukoku h2 {
    font-weight: normal;
    color: #FFF;
    padding: 8px 15px;
}

.banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner p {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 3px 0 3px 15px;
    font-size: 80%;
}
.banner p a {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/N_banner_link_icon.png);
    background-repeat: no-repeat;
    background-position: 0 0.35em;
    padding: 0 0 0 15px;
}
/* ==========================================================================================
*PC・SP共通スタイル
========================================================================================== */
/* ローカルナビ
============================== */
.sidebt-box {
    margin: 0 0 20px 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_lojoho_bg.gif);
    border-radius: 5px;
}

#localnavi li {
    position: relative;
    padding: 0;
    margin: 0 5px 0 5px;
    border-bottom: 1px dashed #999999;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_list_icon.png);
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_lonavi_icon.png);
    background-repeat: no-repeat;
    background-position: 8px 0.97em;
}
#localnavi ul {
    position: relative;
    padding: 8px 0;
    margin: 0 3px;
    background-color: #FFF;
    border-radius: 0 0 5px 5px;
}
span.joho_inner {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_joho_icon.gif);
    background-repeat: no-repeat;
    background-position: 10px 1.2em;
    background-color: #FFF;
    display: block;
    padding: 15px 10px 15px 55px;
    border-radius: 3px;
}

.lobgbox {
    background-color: #00767f;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_lonavi_bg.png);
    margin: 0 0 0.85em 0;
    background-repeat: repeat;
    background-position: 0 50%;
    border-radius: 5px;
    padding: 0 0 3px 0;
}

.losubnavi {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_lonavi_bg.png);
    margin: 0 0 0.85em 0;
    background-repeat: repeat;
    background-position: 0 50%;
    border-radius: 5px;
    padding: 0 0 3px 0;
}

#losubnavi li span.now {
    display: block;
    padding: 10px 10px 10px 25px;
    background-color: #E5E5E5;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_lonavi_icon.png);
    background-repeat: no-repeat;
    background-position: 8px 0.97em;
}
#localnavi ul li a {
    display: inline-block;
    border-bottom: 1px solid #FFF;
    padding: 10px 10px 10px 25px;
    color: #212121;
}

#localnavi ul li a:link, 
#localnavi ul li a:visited, 
#localnavi ul li a:focus, 
#localnavi ul li a:hover,
#localnavi ul li a:active {
    color: #212121;
}
#losubnavi li:last-child a {
    border: none;
}
p.lojoho {
    margin: 0;
    padding: 0;
}
.lsnavi h2 {
    padding: 15px 10px 15px 10px;
    display: block;
    color: #FFF;
}
#localnavi h2 {
    font-size: 90%;
    font-weight: normal;
}

#localnavi ul li:last-child a {
    border: none;
}

.lojoho_mitsukaranai {
    margin: 0;
    position: relative;
    font-size: 87%;
}
.lojoho_mitsukaranai a:link,
.lojoho_mitsukaranai a:visited,
.lojoho_mitsukaranai a:hover,
.lojoho_mitsukaranai a:focus,
.lojoho_mitsukaranai a:active {
    color: #333333;
    text-decoration: none;
}
.lojoho_mitsukaranai a {
    display: block;
    padding: 5px 20px 5px 5px;
    font-size: 80%;
    font-weight: bold;
}

.lojoho_mitsukaranai a::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #FFF;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 45%;
    width: 7px;
}

/* フッター
============================== */
.foot_link_list a {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_footlist_icon.png);
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
    margin: 0 20px 0 0;
    background-position: 2px 0.3em;
}
.foot_add_text {
    margin: 0.56em 10px;
    padding: 0;
    line-height: 1.58;
    font-size: 90%;
}
/*PC/SP切り替えボタン*/
.switchBtn {
    background-color: #FFF;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.switchBtn button {
    padding: 5px 10px;
    margin: 0 1px 0 0;
    background-color: #1264a0;
    border: 1px solid #1264a0;
    color: #FFF;
}
#swPc.btnAcv,
#swSp.btnAcv {
    background-color: #EDEEEC;
    border: 1px solid #EDEEEC;
    color: #333;
}
/* ページトップへ
============================== */
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 11px;
    text-decoration:none;
    z-index: 999;
}
/* ==========================================================================================
イベントカレンダー
========================================================================================== */
/* イベカレインデックスメニュー 
============================== */
#eventall li {
	margin: 0.1em 0 0 0;
	padding: 1px 0 2px 20px;
	font-weight: normal;
	font-size: 85%;
	background-position: 0 0.38em;
	background-repeat: no-repeat;
}
#eventall p {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 28px;
}
/* アイコン詳細 
============================== */
.calicon-li {
	margin: 10px 0 10px 0;
	padding: 0;
}
.calicon-li li {
	float: left;
	margin: 0;
	padding: 8px 6px 8px 5px;
	white-space: nowrap;
	font-size: 90%;
	background-image: none;
}
.calicon-li img {
	margin: 0 0 3px 6px;
	padding: 0;
	vertical-align: middle;
}
ul.calicon-li li::before {
    content: none;
}

.calicon-p img {
	margin: 0 8px 3px 0;
	padding: 0;
	vertical-align: middle;
}
.calicon-p {
	margin: 10px 12px 30px 12px;
}
.cal_day_icon {
    margin: 20px 0 20px 0;
    padding: 0;
    border: 1px solid #E6E6E6;
    background-color: #F7F7F6;
}
/* カレンダーボタンリスト 
============================== */
#eventall a:link, 
#eventall a:visited, 
#eventall a:focus, 
#eventall a:hover,
#eventall a:active {
    color: #FFFFFF;
}
.cal_bt_calendar a {
    padding: 15px 50px 15px 50px;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_bt_calendar.png);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    display: block;
}
.cal_bt_itiran a {
    padding: 18px 50px 18px 50px;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_bt_itiran.png);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    display: block;
}

.cal_bt_eventindex {
    background-color: #033E88;
    display: inline-block;
    margin: 0 5px 10px 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_btn_bg.gif);
    background-repeat: repeat;
    background-position: 10px 50%;
    border-radius: 7px;
}
.cal_bt_itiran {
    display: inline-block;
    display: inline-block;
    margin: 0 5px 10px 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_btn_bg.gif);
    background-repeat: repeat;
    background-position: 10px 50%;
    border-radius: 7px;
}
.cal_bt_calendar {
    background-color: #033E88;
    display: inline-block;
    margin: 0 0 10px 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_btn_bg.gif);
    background-repeat: repeat;
    background-position: 10px 50%;
    border-radius: 7px;
}
.cal_bt_eventindex a {
    padding: 18px 50px 18px 50px;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_bt_eventindex.png);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    display: block;
}

#eventall {
    margin: 0 0 30px 0;
}
/* カレンダーページ枠 
============================== */
.cal-wrap {
    margin: 0 0 30px 0;
}

/* 前の月・次の月 
============================== */
.calwrap {
	margin: 1em 0 1.5em 0;
	padding: 10px 0;
	background-color: #033E88;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: auto;
	color: #FFF;
	border-radius: 6px;
}
.calwrap p {
	margin: 0;
	padding: 5px 0;
}
.calwrap .lastmonth {
	position: relative;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_btn_lastmonth.png);
	background-repeat: no-repeat;
	background-position: 15px 50%;
}
.calwrap p {
    display: block;
    width: calc(100% / 3);
}
.lastmonth span::before {

}
.lastmonth span {
	margin: 0 0 0 38px;
	padding: 0;
}
.calwrap .nextmonth {
	text-align: right;
	position: relative;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/cal_btn_nextmonth.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
.nextmonth span::before {

}
.nextmonth span {
	margin: 0 38px 0 0;
	padding: 0;
}
.calwrap .thismonth {
	text-align: center;
	white-space: nowrap;
	font-size: 115%;
	padding: 2px 0 0 0;
	min-width: 8em;
}
.calwrap span a:link, 
.calwrap span a:visited, 
.calwrap span a:focus, 
.calwrap span a:hover,
.calwrap span a:active {
    color: #FFFFFF;
}
/* テーブル（カレンダー） 
============================== */
#calendar {
	clear: both;
	margin: 0 0 12px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #808080;
	width: 100%;
}
#calendar th {
	margin: 0;
	padding: 5px 4px 4px 4px;
	color: #FFF;
	text-align: center;
	border: 1px solid #DDDDDD;
	background-color: #116FAA;
}
#calendar td {
	margin: 0;
	padding: 3px 3px 3px 3px;
	color: #333333;
	font-size: 90%;
	line-height: 130%;
	vertical-align: top;
	width: 14.28%;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	height: 90px;
}
#calendar td.sunday {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
#calendar td.holiday {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
#calendar td.saturday {
	background-color: #F2F6FD;
	color: #1E1F1F;
}
#calendar td.holiday {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
#calendar td.dirEventHoli {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
/* セル内表示設定 
============================== */
#calendar p {
	clear: both;
	margin: 0.2em 0 0.2em 0;
	padding: 0 2px 3px 4px;
	font-size: 100%;
}
#calendar p img {
	float: left;
	margin: 0;
}
#calendar p span {
	display: block;
	margin: 0 0 0 20px;
}

/* テーブル（一覧表） 
============================== */
#calendarlist {
	clear: both;
	margin: 0 0 12px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #808080;
	width: 100%;
}
#calendarlist tr.sunday td {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
#calendarlist tr.saturday td {
	background-color: #F2F6FD;
}
#calendarlist tr.holiday td {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
#calendarlist tr.dirEventHoliday td {
	background-color: #FDF4F2;
	color: #1E1F1F;
}
#calendarlist th {
	margin: 0;
	padding: 7px 4px 6px 4px;
	color: #FFF;
	border: 1px solid #DDDDDD;
	background-color: #116FAA;
	text-align: center;
}
#calendarlist td {
	margin: 0;
	padding: 7px 0 7px 3px;
	font-size: 90%;
	line-height: 130%;
	vertical-align: top;
	text-align: center;
	border: 1px solid #DDDDDD;
}
#calendarlist td.sunday {
	color: #1E1F1F;
	background-color: transparent;
}
#calendarlist td.saturday {
	color: #1E1F1F;
	background-color: transparent;
}
#calendarlist .day {
	width: 5em;
}
#calendarlist .week {
	width: 5em;
}
#calendarlist td.einfo {
	text-align: left;
}
/* 多数のイベントページ 
============================== */
ul.eventall-li li {
    background-image: none;
    margin: 0 0 0.58em 0;
}
/* セル内表示設定 
============================== */
table#calendarlist p {
	clear: both;
	margin: 0.1em 2px 0.1em 0;
	padding: 1px 2px 3px 2px;
	background-color: transparent;
	font-size: 100%;
	color: #1E1F1F;
}
table#calendarlist p img {
	vertical-align: middle;
	margin: 0;
	clear: both;
    float: left;
}
table#calendarlist p span {
	display: block;
	margin: 0 0 0 20px;
}
/* 今日判定 
============================== */
table#calendar td.today {
	border: 2px solid #8F4F9F;
}
table#calendarlist tr.today {
    border: 2px solid #8F4F9F;
}
/* ==========================================================================================
災害トップテンプレート
========================================================================================== */
/* 災害用ヘッダー */
.baseall-s {
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFFFFF;
}
.baseall-s #head1bg {
	padding: 0;
	width: 100%;
	background-color: #983012;
	height: auto;
	max-width: none;
}
.baseall-s .h0wrap {
	height: auto;
}
.baseall-s h1#h0left {
	margin: 0;
	padding: 10px 0 3px 10px;
	width: auto;
	height: auto;
	color: #FFFFFF;
	font-size: 280%;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}

/* ヘッダー2行目　ナビ */
.baseall-s .head2bg {
	clear: both;
	margin: 0;
	padding: 5px 0;
	text-align: left;
	background-color: #FBCECE;
	color: #131313;
	_left: 0;/* 互換モード用 */
}
.baseall-s .head2list {
	margin: 0;
	padding: 6px 0 10px 1px;
}
.baseall-s .head2list li {
	float: left;
	margin: 0;
	padding: 0 12px 0 12px;
	font-size: 85%;
	border-right: 1px solid #666666;
	color: #131313;
	background-color: transparent;
	background-image: none;
}
.baseall-s .headlist li img {
	margin: 0;
	padding: 0;
}
/*リンク色*/
.baseall-s .tothispage  a:link,
.baseall-s .footlist li a:link,
.baseall-s .head2list li a:link {
	color: #003399;
	background-color: transparent;
	text-decoration: underline;
}
.baseall-s .tothispage  a:visited,
.baseall-s .footlist li a:visited,
.baseall-s .head2list li a:visited {
	color: #880088;
	background-color: transparent;
	text-decoration: underline;
}
.baseall-s .tothispage  a:hover, 
.baseall-s .footlist li a:hover, 
.baseall-s .head2list li a:hover {
	color: #cc0000;
	background-color: transparent;
	text-decoration: underline;
}
.baseall-s .tothispage  a:active, 
.baseall-s .footlist li a:active, 
.baseall-s .head2list li a:active {
	color: #cc0000;
	background-color: transparent;
	text-decoration: underline;
}
.baseall-s .search-wp {
    padding: 0;
}
.baseall-s input.h0bt02 {
    background-color: #116FAA;
    border: 1px solid #116FAA;
}

/* ヘッダー検索 */
.baseall-s .search {
    float: left;
    margin: 5px 0 0 10px;
}
.baseall-s input.fedbt {
	margin: 0px 2px 0 0;
	padding: 1px 0 0 0;
	width: 43px;
	height: 22px;
	line-height: 110%;
	color: #222222;
	font-weight: bold;
	border: 1px solid #7C7C7C;
	background-color: #F0F0F0;
	cursor: pointer;
	vertical-align: top;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/s_bg_submit.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
/* 災害用大枠 */

/* 災害用共通 */
.baseall-s .h2bg {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background-color: #B93A32;
}
.baseall-s .h2bg div {
	background-color: #BC3C16;
	background-image: none;
	color: #FFFFFF;
	border: none;
}
.baseall-s .h2bg h2 {
	padding: 5px 0 3px 8px;
	color: #FFFFFF;
	font-size: 140%;
	background-color: transparent;
}
.baseall-s .h3bg {
	margin: 1em 10px 0.7em 10px;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #131313;
    border-left: none;
}
.baseall-s .h3bg div {
	padding: 0;
	border: none;
	border-left: 5px solid #BC3C16;
	background-image: none;
}
.baseall-s .h4bg {
	border: none;
	margin: 0.9em 0 0.56em 10px;
	padding: 0;
	font-size: 120%;
}
.baseall-s .h4bg div {
	border-left: 5px solid #BC3C16;
}
.baseall-s h4 {
	margin: 0;
	color: #222222;
	background-color: transparent;
}
.baseall-s .main-r li {
	margin: 3px 0 3px 0;
	position: relative;
	padding: 0 0 0 10px;
	margin: 7px 0 7px 0px;
	font-size: 93%;
}

.baseall-s .main-r li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #666666;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



.baseall-s p.pagelinkout {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 15px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;
	line-height: 1.5;
	_height: 1%;
}
.baseall-s p.pagelinkin {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 16px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.4em;
	line-height: 1.5;
	_height: 1%;
}
.baseall-s table.table01 {
	border: 1px solid #999999;
}
.baseall-s th {
	border: 1px solid #999999;
}
.baseall-s td {
	border: 1px solid #999999;
}


/* 災害用緊急情報エリア */
.baseall-s .s-kinkyu-box {
	margin: 20px 0 10px 0;
	padding: 0;
	border: 3px solid #BC3C16;
	background-image: none;
}
.baseall-s .s-kinkyu-box .h2bg {
	margin: 0;
}
.baseall-s .s-kinkyu-box .h2bg div {
	border: none;
	background-color: #BC3C16;
	color: #FFFFFF;
}
.baseall-s .s-kinkyu-box .h2bg h2 {
	padding: 3px 0 1px 8px;
	color: #FFFFFF;
	font-size: 190%;
	font-weight: normal;
	background-color: transparent;
}
.baseall-s .s-kinkyu-box .h4bg {
	margin-right: 10px;
}

/* 災害用右エリア */
/* 共通枠 */
.baseall-s .bgbox {
	clear: both;
	margin: 1.2em 0 10px 0;
	padding: 5px 5px;
	border: 3px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #131313;
}

/* ボックス内floatのclear */
.bgbox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */

.baseall-s .bgbox h2 {
	margin: 5px;
	padding: 4px 0 0 4px;
	font-size: 100%;
	background-color: #D8D8D8;
	color: #131313;
}
.baseall-s .s-anzen h2 {
	border-left: 7px solid #1A3D77;
}
.baseall-s .s-main-menu h2 {
	border-left: 7px solid #1A3D77;
}

.baseall-s .bgbox ul {
	padding-left: 10px;
}
/* 災害用フッター */
.baseall-s .foot1bg {
	clear: both;
	margin: 20px auto 0 auto;
	padding: 0;
	border: none;
}
.baseall-s .tothispage {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
}
/* このページの上へ戻る */
.baseall-s .tothispage div {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 88%;
	border-bottom: none;
	background-color: #FBCECE;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 0.8em;
	color: #131313;
	_height: 1%;
}
.baseall-s .tothispage div a {
	margin: 0;
	padding: 7px 10px 7px 10px;
	display: block;
}

/* フッター　2 */
.baseall-s .foot2bg {
	margin: 0;
	padding: 0;
	background-color: #FBCECE;
	color: #131313;
	overflow: hidden;
}

/* フッター　3 */
.baseall-s .foot3bg {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #983012;
	background-image: none;
	color: #131313;
	font-size: 80%;
}

/* アドレス */
.baseall-s .f0add {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 8px 5px 8px 18px;
	min-width: 48px;
}
.baseall-s .f0add h2 {
    float: left;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 100%;
	background-color: transparent;
	padding: 3px 0 0 0;
}
.baseall-s .f0add h3 {
	color: #FFFFFF;
	background-color: transparent;
}
.baseall-s address {
	color: #FFFFFF;
	background-color: transparent;
	float: left;
	margin: 0 0 5px 30px;
    clear: none;
}

/* コピーライト */
.baseall-s #f0copy {
	margin: 0 0 0 20px;
	padding: 3px 0 3px 0;
	color: #FFFFFF;
	text-align: left;
	background-color: transparent;
	clear: both;
}

/* clearfix
============================== */
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
/* ==================================================
緊急情報
================================================== */
.s-headbg_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.baseall-s input.h0box {
    background-color: #FFF;
}
#importants {
    padding: 0 0 30px 0;
    position: absolute;
    top: 125px;
    z-index: 899;
    left: 50%;
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
}

.important_content {
    padding: 10px;
    margin: 0;
    overflow: hidden;
    line-height: 1.55;
}
#top_main > .importants {
    margin: 200px 10px 0.85em 10px;
}
/* ==================================================
緊急情報・災害　共通タグの基本定義
================================================== */
#kinkyu h2 {
	clear: both;
	margin: 0;
	padding: .8em 10px 0.8em 10px;
	font-size: 100%;
	line-height: 1.5;
	_height: 1%;
}

#kinkyu .h2bg h2 {
    color: #332B1A;
}

#kinkyu .h3bg {
    border-left: 4px solid #295067;
    margin: 1em 2px 0.8em 3px;
}

#kinkyu h4 {
	margin: 0.7em 0 0.56em 10px;
	padding: 2px 0 0px 16px;
	line-height: 1.5;
	font-size: 90%;
	font-weight: bold;
	_height: 1%;
}
#kinkyu .h4bg h4 {
    padding: 0;
}
#kinkyu h5, 
.baseall-s h5 {
	margin: 0.7em 0 0.56em 10px;
	padding: 0;
	line-height: 1.5;
	font-size: 105%;
	font-weight: bold;
	color: #333;
}
#kinkyu h6, 
.baseall-s h6 {
	margin: 0.7em 0 0.56em 10px;
	padding: 0;
	line-height: 1.5;
	font-size: 90%;
	font-weight: bold;
	color: #333;
}
#kinkyu ul,
.baseall-s ul {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 8px;
	list-style-type: none;
	list-style-image: none;
}
#kinkyu ol,
.baseall-s ol {
	margin: 0.7em 5px 0.7em 28px;
	padding: 0 0 0 10px;
}
#kinkyu ul li, .baseall-s ul li {
	background-image: none;
	position: relative;
	padding: 0 0 0 20px;
	list-style-type: none;
	list-style-image: none;
	_height: 1%;
}


#kinkyu ul li:before, .baseall-s ul li:before {
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #666666;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* 災害用共通 */
.baseall-s div.h2bg, 
#kinkyu .h2bg {
    margin: 0 0 0.5em 0;
    border-radius: 0;
}
.baseall-s div.h2bg div, 
#kinkyu .h2bg div {
	background-color: #B93A32;
	background-image: none;
	color: #FFFFFF;
	border: none;
}
.baseall-s div.h2bg h2, 
#kinkyu .h2bg h2 {
	color: #FFFFFF;
	background-color: transparent;
	font-size: 190%;
	font-weight: normal;
	padding: 5px 20px 3px 20px;
	border: none;
	margin: 0;
}
.baseall-s div.h3bg, 
#kinkyu .h3bg {
	margin: 1em 10px 0.7em 10px;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	color: #131313;
	border-left: none;
	background-image: none;
}
.baseall-s div.h3bg div, 
#kinkyu .h3bg div {
	padding: 0;
	border: none;
	border-left: 5px solid #B93A32;
	background-image: none;
}
.baseall-s div.h3bg h3, 
#kinkyu .h3bg h3 {
	border: none;
	padding: 4px 8px;
	font-size: 120%;
}
.baseall-s div.h4bg, 
#kinkyu .h4bg {
	border: none;
	font-size: 120%;
	margin: 0.7em 5px 0.56em 18px;
	padding: 0;
	background: none;
}
.baseall-s div.h4bg div, 
#kinkyu .h4bg div {
	border-left: 5px solid #B93A32;
	padding: 0 5px 0 10px;
}
.baseall-s h4, 
#kinkyu  h4 {
	margin: 0;
	color: #222222;
	background-color: transparent;
	border: none;
}
.baseall-s p.pagelinkout {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 15px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;
	line-height: 1.5;
	_height: 1%;
}
.baseall-s p.pagelinkin {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 16px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.4em;
	line-height: 1.5;
	_height: 1%;
}
.baseall-s table.table01 {
	border: 1px solid #999999;
}
.baseall-s th {
	border: 1px solid #999999;
}
.baseall-s td {
	border: 1px solid #999999;
}


/* 災害用緊急情報エリア */
.baseall-s div.s-kinkyu-box div.h2bg {
	margin: 0;
}
.baseall-s div.s-kinkyu-box div.h2bg div {
	border: none;
	background-color: #B93A32;
	color: #FFFFFF;
}
.baseall-s div.s-kinkyu-box div.h2bg h2 {
	padding: 3px 0 1px 8px;
	color: #FFFFFF;
	font-size: 190%;
	font-weight: normal;
	background-color: transparent;
}
.baseall-s div.s-kinkyu-box div.h4bg {
	margin-right: 10px;
}

.baseall-s ol {
    padding-left: 35px;
    margin: 0.7em 5px 0.7em 0;
}

.baseall-s .head2list li:before {
    background: none;
}
/* ▽画像エリア内▽ */
.baseall-s .img-area {
	margin: 0.56em 5px 0 0;
	padding: 0;
}
.baseall-s .img-area p {
	background-color: transparent;
}

/* ▽画像エリア内floatのclear▽ */
.baseall-s .img-area:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.baseall-s .img-area {display: inline-block;}
/* Hides from macIE \*/
* html .img-area {height: 1%;}
.baseall-s .img-area {display: block;}
/* End hide from macIE */

/* ▽画像説明（センター）▽ */
.baseall-s p.img-center {
	padding-bottom: 0.25em;
	text-align: center;
	font-size: 90%;
	color: #555555;
	display: table;
	width: 160px /* minimum width; */;
	margin: 0 auto;
}
/* ▽画像説明（センター）▽ */
.baseall-s p.img-center {
	padding-bottom: 0.25em;
	text-align: center;
	font-size: 90%;
	color: #555555;
	display: table;
	width: 160px /* minimum width; */;
	margin: 0 auto;
}

/* ▽画像説明（左　文章回りこみ無し）▽ */
.baseall-s p.img-left {
	float: left;
	padding-bottom: 0.25em;
	/* color: #555555; */
	text-align: center;
	_margin-left: 5px;
	display: table;
	width: 160px /* minimum width */;
}

/* ▽画像説明（右　文章回りこみ無し）▽ */
.baseall-s p.img-right {
	float: right;
	padding-bottom: 0.25em;
	padding-right: 8px;
	padding-left: 5px;
	color: #555555;
	text-align: center;
	_margin-left: 5px;
	display: table;
	width: 160px /* minimum width */;
}
.baseall-s img.img-guidance {
	margin: 0;
	padding: 0;
	position: absolute;
}
/* リンク */
.baseall-s table.table01 {
	margin: 0.2em 5px 0.2em 10px;
	padding: 0;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 1.5;
}
.baseall-s caption {
	margin-bottom: 3px;
	margin-left: 0;
	padding: 0;
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
	color: #333;
}
.baseall-s th {
	margin: 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
	color: #333;
	background-color: #EEEEEE;
	text-align: left;
}
.baseall-s td {
	margin: 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
	color: #333;
	background-color: #FFF;
}
.baseall-s table.table01 p {
	margin: 0;
	font-size: 100%;
	background-color: transparent;
	line-height: 1.5;
}
table.table01 ul li {
	font-size: 100%;
	background-color: transparent;
	line-height: 1.5;
}

/* 表取り込み（Excel）の外枠と追記欄 */
.baseall-s .t-box {
	margin: 0.56em 0 0.56em 0;
}
.baseall-s .t-box p {
	margin: 0.14em 10px 0.14em 10px;
	padding: 0;
}

/* 表の外枠と追記欄 */
.baseall-s .t-box2 {
	margin: 0.56em 0 0.56em 0;
}
.baseall-s .t-box2 p {
	margin: 0.14em 5px 0.14em 10px;
	padding: 0;
}

/* ==========================================================================================
*学校ページ
========================================================================================== */
span.subtitle {
    display: block;
    text-align: left;
    font-size: 45%;
    font-weight: bold;
    line-height: 1;
}

.school_title {
    font-size: 230%;
    font-weight: bold;
    text-align: left;
    padding: 20px 0 30px 0;
    max-width: 700px;
    color: #333333;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.school_gnv .gnv_inner {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_gnv_bg.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
}
.school_gnv {
    border-top: 5px solid #0B5D99;
}

.school_title a:link, 
.school_title a:visited, 
.school_title a:focus, 
.school_title a:hover,
.school_title a:active {
    color: #333333;
    text-decoration: none;
}

span.school_text {
    margin: 0 0 0 10px;
}
/* 学校グローバルナビ */
.school_gnavi_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    margin: 0 auto;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_gnavi_wp.gif);
}
.school_gnv .search-wp {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 25px 0 0 0;
    width: 260px;
}
p.school_gnavi_li a {
    color: #FFF;
    text-decoration: none;
    font-size: 120%;
    display: inline-block;
    padding: 5px 10px;
}
p.school_gnavi_li a:link, 
p.school_gnavi_li a:visited, 
p.school_gnavi_li a:focus, 
p.school_gnavi_li a:hover,
p.school_gnavi_li a:active {
    color: #FFF;
    text-decoration: none;
}

p.school_gnavi_li a img {
    vertical-align: middle;
}
/* 学校サイドナビ */
.school_sidebt-box {
    margin: 0 0 20px 0;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_lojoho_bg.gif);
    border-radius: 5px;
}
#localnavi li.externalLink {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_outlink.png);
}

#localnavi li.externalLink a {
    background: none;
}
p.school_side_joho a {
    display: block;
    padding: 5px 20px 5px 5px;
    font-weight: bold;
}

p.school_side_joho {
    margin: 0 0 10px 0;
    position: relative;
    border-radius: 5px;
}

p.school_side_joho a::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #FFF;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 45%;
    width: 7px;
}

.school_side_joho span.joho_inner {
    padding: 23px 10px 22px 64px;
    background-position: 10px .8em;
}

.school_side01 {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side01.gif);
}
.school_side02 {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side02.gif);
}
.school_side03 {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side03.gif);
}
.school_side01 span.joho_inner {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side01_icon.png);
}

.school_side02 span.joho_inner {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side02_icon.png);
}

.school_side03 span.joho_inner {
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side03_icon.png);
}
#school_side_kanren .lobgbox {
    background-color: #3887B3;
    background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/school_side_kanren.gif);
}
.school_side01 a:link, 
.school_side01 a:visited, 
.school_side01 a:focus, 
.school_side01 a:hover,
.school_side01 a:active {
    color: #A05C0A;
    text-decoration: none;
}
.school_side02 a:link, 
.school_side02 a:visited, 
.school_side02 a:focus, 
.school_side02 a:hover,
.school_side02 a:active {
    color: #B84210;
    text-decoration: none;
}
.school_side03 a:link, 
.school_side03 a:visited, 
.school_side03 a:focus, 
.school_side03 a:hover,
.school_side03 a:active {
    color: #508107;
    text-decoration: none;
}
/* 学校フッタ */
.school_foot_logo {
    font-size: 140%;
}

/* ==================================================
組織ページ用　soshiki_sagasu
================================================== */
/* 組織トップページ
============================== */
.org_list.m-box2 {
    width: calc(100% / 2 - 10px );
    margin: 0 10px 0 0;
    float: left;
}
.org_list.m-box2:nth-of-type(2n+1) {
    clear: both;
}
.org_list.m-box2:nth-of-type(2n) {
    margin: 0;
    float: right;
}
/* 更新情報
============================== */
.soshiki-info-list li {
    background: none;
    padding: 0;
}
.soshiki-info-list .date {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 9.2em;
}
.soshiki-info-list .link {
    display: block;
    margin: 0 0 0 9.4em;
}
/*サイトマップ
============================== */
.soshiki-box {
	margin: 0 10px 10px 10px;
}
.soshiki-box h3 {
    font-size: 120%;
}
ul.soshiki-li li:before {
    content: none;
}
ul.soshiki-li {
	padding: 0;
	margin: 0 5px 0 0;
}
ul.soshiki-li li {
	margin: 0.3em 0 0 0.5em;
	padding: 3px 0 0 10px;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_snavi_li.gif);
	background-repeat: no-repeat;
	background-position: 0 0.46em;
	font-size: 100%;
	_height: 1%;
}
a.soshiki-idx {
	margin: 0;
	padding: 3px 4px 3px 24px;
	background-color: transparent;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_idx.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.46em;
	_height: 1%;
}
a.soshiki-cont {
	margin: 0;
	padding: 3px 4px 3px 24px;
	background-color: transparent;
	background-image: url(https://www.city.ryugasaki.ibaraki.jp/images/c_icon_cont.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.46em;
	display: inline-block;
	_height: 1%;
}
/*住所
============================== */
dl.soshiki-add dt {
  float: left;
  clear: left;
  margin: 0;
}
dl.soshiki-add dd {
  margin-left: 3em;
}
dl.soshiki-add {
    margin: 0.56em 10px;
}
/*ミニカレ用
============================== */
.evcal_nonedisplay {
    display: none;
}
/* 重要お知らせ
============================== */
.importants {
    width: 1025px;
    margin: 0 auto;
}

.important_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #FFEBEC;
}

.important_item .title {
    width: 200px;
    background-color: #C7241F;
    padding: 20px 10px;
    max-width: 200px;
    min-width: 200px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #FFF;
    text-align: center;
    font-size: 120%;
    font-weight: normal;
    margin: 0;
}


/* =====================
2023年リニューアルに伴い追加
===================== */
/* 新着情報パーツ */
.ichiran-all {
    background-color: #cccccc;
    border-radius: 5px;
}

.ichiran-all a {
    color: #333;
    font-weight: bold;
    font-size: 80%;
    padding: 3px 27px 3px 20px;
    display: block;
    background-image: url(/images/c_footlist_icon.png);
    background-repeat: no-repeat;
    background-position: top .68em right 10px;
}

.newinfo_title_h2::before {
    content: url(/images/c_newinfo_title.png);
    background-position: right 0 top 0;
    width: 60px;
    height: 50px;
    display: inline-block;
    overflow: hidden;
}

.newinfo_title_h2 {
    display: flex;
    align-items: center;
    color: #666666;
	font-size: 120%;
    letter-spacing: 0.1em;
}
.kokoku .kokoku_left .top_kanren_bnr img{
	height: auto;
}

/* =======================
2026年3月　追加修正
======================= */
form.gsc-search-box {
    max-width: none !important;
    margin: 0 !important;
}

table.gsc-search-box td.gsc-search-button, 
.gsc-search-button.gsc-search-button-v2 {
    display: initial !important;
    margin: 0;
}

table.gsc-search-box td.gsib_a {
    padding-left: 50px !important;
}
td.gsib_b {
    /* width: auto !important; */
    height: auto !important;
}
.gsc-wrapper {
    max-width: none !important;
}

button.gsc-search-button.gsc-search-button-v2 {
	background-color: #0B5D99;
    border-radius: 0;
    border-color: #0B5D99;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    width: auto !important;
}