@charset 'UTF-8';
.map-img {
	position: relative;
    width: 380px;
    height: 250px;
}

.balloon {
  position: absolute;
  display: inline-block;
}

.balloon p {
  margin: 0;
  padding: 0;
}

.area_btn_img img {
	position: absolute;
	width: inherit !important;
	height: inherit !important;
}

.subMapImg {
	position: relative;
}

@media (min-width: 960px) {
   div#sidebar { width: 25%; }
}

/* ▼画面サイズ（横幅）が767px以下の場合に適用 */
@media (max-width: 767px) {
   .map-img.is-sp .arrow_box{
	    border-style: solid;
	    width: 4px !important;
	    border-width: 3.464px 2px 0 2px;
	    border-top-color: #f6761f;
	    border-right-color: transparent;
	    border-bottom-color: transparent;
	    border-left-color: transparent;
	    user-select: none;
	    cursor: pointer;
	}

	.map-img.is-sp .arrow_box_base{
		position: absolute;
		width: 8px !important;
		display: inline-block;
	    border-style: solid;
	    border-width: 6.926px 4px 0 4px;
	    border-top-color: black;
	    border-right-color: transparent;
	    border-bottom-color: transparent;
	    border-left-color: transparent;
	    user-select: none;
	    cursor: pointer;
	}

	.map-img {
	    width: 360px !important;
	    height: 250px;
	    margin: 0 auto;
	 }

	.subMapImg {
	    width:370px !important;
	    height:247px;
	}

	.area_btn_img {
	   position: absolute;
	   display: inline-block;
	   width: 50px !important;
	   height: 20px !important;
	   cursor: pointer;
	}
	_:-ms-lang(x)::-ms-backdrop, .subMapImg {
		width: 370px !important;
	}

	.infomationArea {
	    padding-top: 60px !important;
	    margin-top: -30px !important;
	}
}

.arrow_box{
    border-style: solid;
    width: 16px !important;
    border-width: 26px 15px 0 15px;
    border-top-color: #f6761f;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    user-select: none;
    cursor: pointer;
}

.arrow_box_base{
	position: absolute;
	width: 20px !important;
	display: inline-block;
    border-style: solid;
    border-width: 28px 17px 0 17px;
    border-top-color: black;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    user-select: none;
    cursor: pointer;
}

/* ▼画面サイズ（横幅）が767px以上の場合に適用 */
@media (min-width: 768px) {
.area_btn_img {
	position: absolute;
	display: inline-block;
	width: 120px !important;
	height: 48px !important;
	cursor: pointer;
}
.subMap{
	overflow-x: auto;
}
.subMapImg img{
	max-width: none;
}
_:-ms-lang(x)::-ms-backdrop, .subMapImg {
	height: 274px;
}

}

.detailFontFunction {
    position:relative;
    display: flex;
    justify-content: flex-end;
    right: 60px;
}
.translate {
    position:relative;
    margin: auto 0 auto 240px;
    color: black !important;
}
.fontSize {
	position:relative;
	width: 300px;
	margin:0;
}
.fontSize li {
	width: 25%;
	text-align: center;
	display: table-cell;
	font-size: 0.8rem;
}
.fontSize li#label {
	padding: 0 3px 0 0;
	color: white;
}
.fontSize li:not(#label) {
	padding:7px 0;
	margin:7px auto;
	border: 1px solid #ffffff;
	background: #C0C0C0;
	cursor: pointer;
}
.fontSize li:not(#label).current {
	background: #E0FFFF;
}

.hinanjoPageBody {
/*
    font-family: Meiryo, メイリオ;
*/
    font-family: "メイリオ", Meiryo, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:0.9em;
    background-color: #ced1d4;
    min-width: 320px;
    position: relative;
    margin:0;
    padding:0;
}

.mainMenu {
	width:880px;
	padding:0;
	margin-right: auto;
	margin-left : auto;
	background-color: #fff;
}
.hinanjoDetail {
	min-height: 95vh;
	width:880px;
	padding:0;
	margin-right: auto;
	margin-left : auto;
	background-color: #fff;
}
.alertHinanjoSyosaiTable p.mainTitle {
  margin: 0px 10px 15px 10px;
  border-bottom: inset 3px #ffeee6;
  font-size:1.5rem;
  font-weight:bold;
  padding: 0.5em 0 0 0.5em;
}
.alertHinanjoSyosaiTable {
	margin-top: 0px;
	margin-bottom: 0px;
}
.alertHinanjoSyosaiTable table {
	margin: 0px auto 10px auto;
	width: 100%;
	table-layout:fixed;
    text-align: center;
	background-color:#fff;
	border: 1px grey solid;
    border-collapse: collapse;
}
.alertHinanjoSyosaiTable th {
	background-color:#9DCCE0;
	padding:3px 2px 2px 2px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}
.th-css-1 {
    width: 96px;
}
.th-css-2 {
    width: 39px;
}
.th-css-3 {
    width: 79px;
}
.th-css-4 {
    width: 130px;
}
.th-css-5 {
    width: 82px;
}
.th-css-6 {
    width: 82px;
}
.alertHinanjoSyosaiTable tr td:nth-child(2),.alertHinanjoSyosaiTable tr td:nth-child(3),.alertHinanjoSyosaiTable tr td:nth-child(4)
 {
	width:150px;
}
.alertHinanjoSyosaiTable td td_1{
    border-left:none;
    border-rifht:none;
}
.td-css {
    border: 1px solid grey;
}
.td-css-1{
	background-color:#EEEEEE;
	border-left: 1px solid grey;
    border-top: 1px solid GREY;
}
.td-css-2{
	background-color:#EEEEEE;
	border-top: 1px solid GREY;
}
.td-css-3{
	border: 1px solid grey;
	background-color:#D13E32;
	color:	#FFF;
}
.close_btn {
	width: 165px;
	height: 30px;
	position: relative;
	right: -700px;
	top: -53px;
	cursor: pointer;
}

.close_btn a {
	width: 120px;
	height: 30px;
	border: none;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #AAB1B5 inset;
	font-size: 1.2rem !important;
	background: linear-gradient(#ffffff, #f3f3f5) !important;
	display: block;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #00415f;
}

.fontFunctionHinanjoPage {
    position: center;
    display: flex;
    justify-content:center;
    padding-left: 480px;
}

.translateHinanjoPage {
    position: center;
    margin: auto 0 auto 0;
    color: black !important;
    padding: 0 0 5px 0;
}
.fontSizeHinanjoPage {
	position:relative;
	width:160px;
}
.fontSizeHinanjoPage li {
	width: 15%;
	text-align: center;
	display: table-cell;
	font-size: 12px;
}

.fontSizeHinanjoPage li#label {
	padding: 0 5px 0 0;
	color: black;
	width: 40%;
}
.fontSizeHinanjoPage li:not(#label) {
	padding:7px 0;
	/*margin:7px auto;*/
	border: 1px solid #ffffff;
	background: #C0C0C0;
	cursor: pointer;
}
.fontSizeHinanjoPage li:not(#label).current {
	background: #E0FFFF;
}
.areaNameBreak {
	word-break: break-all;
	word-break: break-word;
}
.telLink a {
	color: #0047D5;
	background-image: none !important;
	padding-left: 0px !important;
	font-weight: normal !important;
}