@charset "utf-8";


/* region for Areas */

.areas {
    position:fixed;
    display:none;
    z-index:9999;
    width:900px;
    margin:0;
    padding:20px 20px;
	border: 3px solid #d5d5d5;
    border-radius: 15px;
    background:#fff url(../img/top/map_logo.png) no-repeat right bottom;
}

.areas img.modal-close {
	float:right;
	margin-right:-48px;
}

.areas img.modal-close2 {
	float:right;
	margin-right:-48px;
}

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


.areas_multiple {
    position:fixed;
    display:none;
    z-index:9999;
    width:90%;
    /* min-width: 700px; */
    max-width: 1900px;
    /* min-height: 650px; */
    height: 90vh;
    /* min-height: 600px; */
    max-height: 1000px;
    margin:0;
    padding:20px 20px;
	border: 3px solid #d5d5d5;
    border-radius: 15px;
    background:#fff url(../img/top/map_logo.png) no-repeat right bottom;
    overflow-x: scroll;
    overflow-y: scroll;
}

.areas_multiple img.modal-close2 {
	float:left;
	margin-left:-48px;
}

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

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close2 {
    color:#00f;
    text-decoration:underline;
}

.modal-close2:hover {
    cursor:pointer;
    color:#f00;
}

div.areas h3 {
	color:#005919;
	font-size:26px;
	font-weight:bold;
	background:url(../img/top/ico_mapttl.png) no-repeat left center;
	padding-left:30px;
	margin-bottom:10px;
}

div.areas p {
	font-size:14px;
	margin-bottom:15px;
}

div.areas h3 strong {
	font-size:35px;
}

div.areas_multiple h3 {
	color:#005919;
	font-size:26px;
	font-weight:bold;
	background:url(../img/top/ico_mapttl.png) no-repeat left center;
	padding-left:30px;
	margin-bottom:10px;
}

div.areas_multiple p {
	font-size:14px;
	margin-bottom:15px;
}

div.areas_multiple h3 strong {
	font-size:35px;
}

.map_image {
	margin:-30px auto 20px auto;
	text-align:center;
}

.map_image_narrow {
	margin:0 auto 20px auto;
}

.map_image_multiple {
    margin: 0px auto 20px auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 400px;
}

.area_text_map {
    width: 300px;
    line-height: 1.5;
}

/* end region areas */

.selects_area {
    opacity: 0.4;
}


.form_end_seach {
    margin-bottom: 10px;
}

/* .form_end_seach input {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #077F1F;
    font-weight: bold;
    font-size: 1.1rem;
} */

.form_end_seach input:hover {
    opacity: .7;
}

.modal-close_end {
    background: #EFFCED;
    margin-left: 10px;
    padding: 9px 10px 4px 9px;
    vertical-align: top;
    border-radius: 5px;
    border: 1px solid #077F1F;
    /* font-weight: bold; */
    font-size: 1.1rem;
}

.modal-close_search {
    /* background: #EFFCED; */
    vertical-align: middle;
}

.areaBulkbt {
    padding: 10px;
    margin-bottom: 10px;
}


/*
ここから追加分
 */

#nara_maj_areas_multiple svg {
    position: absolute;
    top: 150px;
    left: 40%;
    width: 50%;
}

#nara_maj_areas_multiple .cls-2,#nara_maj_areas_multiple .cls-3, #nara_maj_areas_multiple .area-fun2 {
    font-size:14.17px;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}

#nara_maj_areas_multiple .cls-3,#nara_maj_areas_multiple .cls-4{
    fill:none;stroke:#fff;
}
#nara_maj_areas_multiple .cls-3{
    stroke-linejoin:round;stroke-width:5px;
    }
#nara_maj_areas_multiple .cls-4{
    stroke-width:3px;
}

#nara_maj_areas_multiple .area-fun {
    fill:#B1D358;
}

#nara_maj_areas_multiple .area-fun:hover {
    fill:#c8d4a9;
}

#nara_maj_areas_multiple .bk_fill {
    fill:#c8d4a9 ! important;
}

#nara_maj_areas_multiple .check {
    fill:#55662b;
}

/*only_nara_maj_areas_multiple*/

#only_nara_maj_areas_multiple svg {
    position: absolute;
    top: 150px;
    left: 40%;
    width: 50%;
}

#only_nara_maj_areas_multiple .cls-2,#only_nara_maj_areas_multiple .cls-3, #only_nara_maj_areas_multiple .area-fun2 {
    font-size:14.17px;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}

#only_nara_maj_areas_multiple .cls-3,#only_nara_maj_areas_multiple .cls-4{
    fill:none;stroke:#fff;
}
#only_nara_maj_areas_multiple .cls-3{
    stroke-linejoin:round;stroke-width:5px;
    }
#only_nara_maj_areas_multiple .cls-4{
    stroke-width:3px;
}

#only_nara_maj_areas_multiple .area-fun {
    fill:#B1D358;
}

#only_nara_maj_areas_multiple .area-fun:hover {
    fill:#c8d4a9;
}

#only_nara_maj_areas_multiple .bk_fill {
    fill:#c8d4a9 ! important;
}

#only_nara_maj_areas_multiple .check {
    fill:#55662b;
}


/*
大阪南部
 */



#osaka_south_areas_multiple svg {
    position: absolute;
    top: 150px;
    left: 30%;
    height: 500px;
    margin-right: 200px;
}
#osaka_south_areas_multiple .cls-1,#osaka_south_areas_multiple .cls-5{
    fill:#3ba66e;
}
#osaka_south_areas_multiple .cls-2,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-6,#osaka_south_areas_multiple .cls-7,
#osaka_south_areas_multiple .area-fun2 {
    font-size:17.01px;
}
#osaka_south_areas_multiple .cls-12,#osaka_south_areas_multiple .cls-13,
#osaka_south_areas_multiple .cls-2,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-8,#osaka_south_areas_multiple .cls-9,
#osaka_south_areas_multiple .area-fun2{
    font-family:Meiryo-Bold, Meiryo;
}
#osaka_south_areas_multiple .cls-12,#osaka_south_areas_multiple .cls-13,
#osaka_south_areas_multiple .cls-2,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-6,#osaka_south_areas_multiple .cls-7,
#osaka_south_areas_multiple .cls-8,#osaka_south_areas_multiple .cls-9,
#osaka_south_areas_multiple .area-fun2{
    font-weight:700;
}
#osaka_south_areas_multiple .cls-10,#osaka_south_areas_multiple .cls-11,
#osaka_south_areas_multiple .cls-13,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-7,#osaka_south_areas_multiple .cls-9{
    fill:none;
}
#osaka_south_areas_multiple .cls-10,#osaka_south_areas_multiple .cls-11,
#osaka_south_areas_multiple .cls-13,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-5,#osaka_south_areas_multiple .cls-7,
#osaka_south_areas_multiple .cls-9{
    stroke:#fff;
}
#osaka_south_areas_multiple .cls-13,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-7,#osaka_south_areas_multiple .cls-9{
    stroke-linejoin:round;
}
#osaka_south_areas_multiple .cls-13,#osaka_south_areas_multiple .cls-3,
#osaka_south_areas_multiple .cls-9{
    stroke-width:5px;
}
#osaka_south_areas_multiple .cls-4{
    fill:#fff;
}
#osaka_south_areas_multiple .cls-11,#osaka_south_areas_multiple .cls-5{
    stroke-width:3px;
}
#osaka_south_areas_multiple .cls-6,#osaka_south_areas_multiple .cls-7{
    font-family:Meiryo-BoldItalic, Meiryo;font-style:italic;
}
#osaka_south_areas_multiple .cls-7{
    stroke-width:4px;
}
#osaka_south_areas_multiple .cls-8,#osaka_south_areas_multiple .cls-9,
#sayamasi .area-fun2,#tondabayasi .area-fun2,#minamikawatigun .area-fun2,
#habikinosi .area-fun2,#matubarasi .area-fun2,#miharaku .area-fun2,.cls .area-fun2{
    font-size:14.17px;
}
#sakaisihigasiku .area-fun2,#sakaisinakaku .area-fun2,#sakaisikitaku .area-fun2,
#kasiwarasi .area-fun2{
    font-size:14.17px;
}

#osaka_south_areas_multiple .cls-12,#osaka_south_areas_multiple .cls-13,#fuziiderasi .area-fun2{
    font-size:11.34px;
}
#fuziiderasi .area-fun2 {
    font-weight: 700;
    font-family:Meiryo-Bold, Meiryo;
}
#osaka_south_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#osaka_south_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#osaka_south_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}

#osaka_south_areas_multiple .check {
    fill:#256644;
}

/*only_osaka_south_areas_multiple*/

#only_osaka_south_areas_multiple svg {
    position: absolute;
    top: 150px;
    left: 30%;
    height: 500px;
    margin-right: 200px;
}
#only_osaka_south_areas_multiple .cls-1,#only_osaka_south_areas_multiple .cls-5{
    fill:#3ba66e;
}
#only_osaka_south_areas_multiple .cls-2,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-6,#only_osaka_south_areas_multiple .cls-7,
#only_osaka_south_areas_multiple .area-fun2 {
    font-size:17.01px;
}
#only_osaka_south_areas_multiple .cls-12,#only_osaka_south_areas_multiple .cls-13,
#only_osaka_south_areas_multiple .cls-2,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-8,#only_osaka_south_areas_multiple .cls-9,
#only_osaka_south_areas_multiple .area-fun2{
    font-family:Meiryo-Bold, Meiryo;
}
#only_osaka_south_areas_multiple .cls-12,#only_osaka_south_areas_multiple .cls-13,
#only_osaka_south_areas_multiple .cls-2,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-6,#only_osaka_south_areas_multiple .cls-7,
#only_osaka_south_areas_multiple .cls-8,#only_osaka_south_areas_multiple .cls-9,
#only_osaka_south_areas_multiple .area-fun2{
    font-weight:700;
}
#only_osaka_south_areas_multiple .cls-10,#only_osaka_south_areas_multiple .cls-11,
#only_osaka_south_areas_multiple .cls-13,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-7,#only_osaka_south_areas_multiple .cls-9{
    fill:none;
}
#only_osaka_south_areas_multiple .cls-10,#only_osaka_south_areas_multiple .cls-11,
#only_osaka_south_areas_multiple .cls-13,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-5,#only_osaka_south_areas_multiple .cls-7,
#only_osaka_south_areas_multiple .cls-9{
    stroke:#fff;
}
#only_osaka_south_areas_multiple .cls-13,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-7,#only_osaka_south_areas_multiple .cls-9{
    stroke-linejoin:round;
}
#only_osaka_south_areas_multiple .cls-13,#only_osaka_south_areas_multiple .cls-3,
#only_osaka_south_areas_multiple .cls-9{
    stroke-width:5px;
}
#only_osaka_south_areas_multiple .cls-4{
    fill:#fff;
}
#only_osaka_south_areas_multiple .cls-11,#only_osaka_south_areas_multiple .cls-5{
    stroke-width:3px;
}
#only_osaka_south_areas_multiple .cls-6,#only_osaka_south_areas_multiple .cls-7{
    font-family:Meiryo-BoldItalic, Meiryo;font-style:italic;
}
#only_osaka_south_areas_multiple .cls-7{
    stroke-width:4px;
}
#only_osaka_south_areas_multiple .cls-8,#only_osaka_south_areas_multiple .cls-9,
#sayamasi .area-fun2,#tondabayasi .area-fun2,#minamikawatigun .area-fun2,
#habikinosi .area-fun2,#matubarasi .area-fun2,#miharaku .area-fun2,.cls .area-fun2{
    font-size:14.17px;
}
#sakaisihigasiku .area-fun2,#sakaisinakaku .area-fun2,#sakaisikitaku .area-fun2,
#kasiwarasi .area-fun2{
    font-size:14.17px;
}

#only_osaka_south_areas_multiple .cls-12,#only_osaka_south_areas_multiple .cls-13,#fuziiderasi .area-fun2{
    font-size:11.34px;
}
#fuziiderasi .area-fun2 {
    font-weight: 700;
    font-family:Meiryo-Bold, Meiryo;
}
#only_osaka_south_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#only_osaka_south_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#only_osaka_south_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}

#only_osaka_south_areas_multiple .check {
    fill:#256644;
}


/*
大阪東部エリア
 */
#osaka_east_areas_multiple svg {
    position: absolute;
    top: 50px;
    left: 40%;
    width: 25%;
}

#osaka_east_areas_multiple .cls-1 {
    fill:#3ba66e;
}

#osaka_east_areas_multiple .cls-2, #osaka_east_areas_multiple .cls-3, #osaka_east_areas_multiple .cls-6, #osaka_east_areas_multiple .area-fun2 {
    font-size:14.17px;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#osaka_east_areas_multiple .cls-3, #osaka_east_areas_multiple .cls-5,
#osaka_east_areas_multiple .cls-6{
    fill:none;
    stroke:#fff;
}
#osaka_east_areas_multiple .cls-3,#osaka_east_areas_multiple .cls-6{
    stroke-linejoin:round;
}
#osaka_east_areas_multiple .cls-3 {
    stroke-width:5px;
}
#osaka_east_areas_multiple .cls-4{
    fill:#fff;
}
#osaka_east_areas_multiple .cls-5{
    stroke-width:3px;
}
#osaka_east_areas_multiple .cls-6{
    stroke-width:4px;
}

#osaka_east_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#osaka_east_areas_multiple .check {
    fill:#256644;
}

#osaka_east_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#osaka_east_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}

/*osaka_east_areas_multiple*/

#only_osaka_east_areas_multiple svg {
    position: absolute;
    top: 50px;
    left: 40%;
    width: 25%;
}

#only_osaka_east_areas_multiple .cls-1 {
    fill:#3ba66e;
}

#only_osaka_east_areas_multiple .cls-2, #only_osaka_east_areas_multiple .cls-3, #only_osaka_east_areas_multiple .cls-6, #only_osaka_east_areas_multiple .area-fun2 {
    font-size:14.17px;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#only_osaka_east_areas_multiple .cls-3, #only_osaka_east_areas_multiple .cls-5,
#only_osaka_east_areas_multiple .cls-6{
    fill:none;
    stroke:#fff;
}
#only_osaka_east_areas_multiple .cls-3,#only_osaka_east_areas_multiple .cls-6{
    stroke-linejoin:round;
}
#only_osaka_east_areas_multiple .cls-3 {
    stroke-width:5px;
}
#only_osaka_east_areas_multiple .cls-4{
    fill:#fff;
}
#only_osaka_east_areas_multiple .cls-5{
    stroke-width:3px;
}
#only_osaka_east_areas_multiple .cls-6{
    stroke-width:4px;
}

#only_osaka_east_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#only_osaka_east_areas_multiple .check {
    fill:#256644;
}

#only_osaka_east_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#only_osaka_east_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}
/*
大阪北部エリア
 */

#osaka_north_areas_multiple svg {
    position: absolute;
    top: 50px;
    left: 40%;
    /* width: 45%; */
    height: 600px;
}

#osaka_north_areas_multiple .cls-1 {
    fill:#3ba66e;
}
#osaka_north_areas_multiple .cls-2 {
    fill:#fff;
}
#osaka_north_areas_multiple .cls-3,#osaka_north_areas_multiple .cls-4,
#osaka_north_areas_multiple .area-fun2 {
    font-size:14.17px;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#osaka_north_areas_multiple .cls-4{
    fill:none;
    stroke:#fff;
    stroke-linejoin:round;
    stroke-width:5px;
}

#osaka_north_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#osaka_north_areas_multiple .check {
    fill:#256644;
}

#osaka_north_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#osaka_north_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}


/*only_osaka_north_areas_multiple*/

#only_osaka_north_areas_multiple svg {
    position: absolute;
    top: 50px;
    left: 40%;
    /* width: 45%; */
    height: 600px;
}

#only_osaka_north_areas_multiple .cls-1 {
    fill:#3ba66e;
}
#only_osaka_north_areas_multiple .cls-2 {
    fill:#fff;
}
#only_osaka_north_areas_multiple .cls-3,#only_osaka_north_areas_multiple .cls-4,
#only_osaka_north_areas_multiple .area-fun2 {
    font-size:14.17px;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#only_osaka_north_areas_multiple .cls-4{
    fill:none;
    stroke:#fff;
    stroke-linejoin:round;
    stroke-width:5px;
}

#only_osaka_north_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#only_osaka_north_areas_multiple .check {
    fill:#256644;
}

#only_osaka_north_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#only_osaka_north_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}


/*
大阪市内
 */

#osaka_maj_areas_multiple svg {
    position: absolute;
    top: 80px;
    left: 25%;
    width: 35%;
}


#osaka_maj_areas_multiple .cls-1 {
    fill:#3ba66e;
}
#osaka_maj_areas_multiple .cls-2 {
    fill:#fff;
}
#osaka_maj_areas_multiple .cls-3,#osaka_maj_areas_multiple .cls-4,
#osaka_maj_areas_multiple .cls-5,#osaka_maj_areas_multiple .cls-9,
#osaka_maj_areas_multiple .area-fun2 {
    font-size:17.01px;
}
#osaka_maj_areas_multiple .cls-3,#osaka_maj_areas_multiple .cls-4,#osaka_maj_areas_multiple .cls-5,
#osaka_maj_areas_multiple .cls-6,#osaka_maj_areas_multiple .cls-7,
#osaka_maj_areas_multiple .cls-8,#osaka_maj_areas_multiple .cls-9,
#osaka_maj_areas_multiple .area-fun2{
    font-family:Meiryo-Bold, Meiryo;font-weight:700;
}
#osaka_maj_areas_multiple .cls-10,#osaka_maj_areas_multiple .cls-4,
#osaka_maj_areas_multiple .cls-5,#osaka_maj_areas_multiple .cls-7,#osaka_maj_areas_multiple .cls-9 {
    fill:none;
    stroke:#fff;
}
#osaka_maj_areas_multiple .cls-4,#osaka_maj_areas_multiple .cls-5
,#osaka_maj_areas_multiple .cls-9 {
    stroke-linejoin:round;
}
#osaka_maj_areas_multiple .cls-4,#osaka_maj_areas_multiple .cls-7 {
    stroke-width:5px;
}
#osaka_maj_areas_multiple .cls-5 {
    stroke-width:6px;
}
#osaka_maj_areas_multiple .cls-6,#osaka_maj_areas_multiple .cls-7,
#osaka_maj_areas_multiple .cls-8,#tennouziku .area-fun2,#abenoku .area-fun2 {
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
    font-size:17px;
    /* letter-spacing:-0.4em; */
}

#osaka_maj_areas_multiple .cls-8,#tennouziku .area-fun2,
#abenoku .area-fun2 {
    fill:#231815;
}
#osaka_maj_areas_multiple .cls-9 {
    stroke-width:7px;
}
#osaka_maj_areas_multiple .cls-10 {
    stroke-width:3px;
}

#osaka_maj_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#osaka_maj_areas_multiple .check {
    fill:#256644;
}

#osaka_maj_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#osaka_maj_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}


/*only_osaka_maj_areas_multiple*/
#only_osaka_maj_areas_multiple svg {
    position: absolute;
    top: 80px;
    left: 25%;
    width: 35%;
}


#only_osaka_maj_areas_multiple .cls-1 {
    fill:#3ba66e;
}
#only_osaka_maj_areas_multiple .cls-2 {
    fill:#fff;
}
#only_osaka_maj_areas_multiple .cls-3,#only_osaka_maj_areas_multiple .cls-4,
#only_osaka_maj_areas_multiple .cls-5,#only_osaka_maj_areas_multiple .cls-9,
#only_osaka_maj_areas_multiple .area-fun2 {
    font-size:17.01px;
}
#only_osaka_maj_areas_multiple .cls-3,#only_osaka_maj_areas_multiple .cls-4,#only_osaka_maj_areas_multiple .cls-5,
#only_osaka_maj_areas_multiple .cls-6,#only_osaka_maj_areas_multiple .cls-7,
#only_osaka_maj_areas_multiple .cls-8,#only_osaka_maj_areas_multiple .cls-9,
#only_osaka_maj_areas_multiple .area-fun2{
    font-family:Meiryo-Bold, Meiryo;font-weight:700;
}
#only_osaka_maj_areas_multiple .cls-10,#only_osaka_maj_areas_multiple .cls-4,
#only_osaka_maj_areas_multiple .cls-5,#only_osaka_maj_areas_multiple .cls-7,#only_osaka_maj_areas_multiple .cls-9 {
    fill:none;
    stroke:#fff;
}
#only_osaka_maj_areas_multiple .cls-4,#only_osaka_maj_areas_multiple .cls-5
,#only_osaka_maj_areas_multiple .cls-9 {
    stroke-linejoin:round;
}
#only_osaka_maj_areas_multiple .cls-4,#only_osaka_maj_areas_multiple .cls-7 {
    stroke-width:5px;
}
#only_osaka_maj_areas_multiple .cls-5 {
    stroke-width:6px;
}
#only_osaka_maj_areas_multiple .cls-6,#only_osaka_maj_areas_multiple .cls-7,
#only_osaka_maj_areas_multiple .cls-8,#tennouziku .area-fun2,#abenoku .area-fun2 {
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
    font-size:17px;
    /* letter-spacing:-0.4em; */
}

#only_osaka_maj_areas_multiple .cls-8,#tennouziku .area-fun2,
#abenoku .area-fun2 {
    fill:#231815;
}
#only_osaka_maj_areas_multiple .cls-9 {
    stroke-width:7px;
}
#only_osaka_maj_areas_multiple .cls-10 {
    stroke-width:3px;
}

#only_osaka_maj_areas_multiple .area-fun {
    fill:#3BA66E;
    stroke:#FFFFFF;
    stroke-width:3;
}

#only_osaka_maj_areas_multiple .check {
    fill:#256644;
}

#only_osaka_maj_areas_multiple .area-fun:hover {
    fill:#a6dbb6;
}

#only_osaka_maj_areas_multiple .bk_fill {
    fill:#a6dbb6 ! important;
}

/*
兵庫エリア
 */
#hyogo_south_areas_multiple svg {
    position: absolute;
    top: 100px;
    left: 25%;
    width: 55%;
}

#hyogo_south_areas_multiple .area-fun {
    fill:#b1d358;
    stroke:#FFFFFF;
    stroke-width:3;
}

#hyogo_south_areas_multiple .cls-1{
    fill:#b1d358;
}
#hyogo_south_areas_multiple .cls-10,#hyogo_south_areas_multiple .cls-11,
#hyogo_south_areas_multiple .cls-2,#hyogo_south_areas_multiple .cls-3,#hyogo_south_areas_multiple .area-fun2{
    font-size:16px;
}
#hyogo_south_areas_multiple .cls-10,#hyogo_south_areas_multiple .cls-11,
#hyogo_south_areas_multiple .cls-2,#hyogo_south_areas_multiple .cls-3,
#hyogo_south_areas_multiple .cls-4,#hyogo_south_areas_multiple .cls-5,
#hyogo_south_areas_multiple .cls-6,#hyogo_south_areas_multiple .cls-7,
#hyogo_south_areas_multiple .cls-8,#hyogo_south_areas_multiple .cls-9,#hyogo_south_areas_multiple .area-fun2 {
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#hyogo_south_areas_multiple .cls-11,#hyogo_south_areas_multiple .cls-3,
#hyogo_south_areas_multiple .cls-5,#hyogo_south_areas_multiple .cls-7,
#hyogo_south_areas_multiple .cls-9{
    fill:none;
    stroke:#fff;
    stroke-linejoin:round;
    stroke-width:5px;
}
#hyogo_south_areas_multiple .cls-10,#hyogo_south_areas_multiple .cls-11,
#hyogo_south_areas_multiple .cls-4,#hyogo_south_areas_multiple .cls-5,
#hyogo_south_areas_multiple .cls-6,#hyogo_south_areas_multiple .cls-7,
#hyogo_south_areas_multiple .cls-8,#hyogo_south_areas_multiple .cls-9,
#taresuiku .area-fun2{
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
}
#hyogo_south_areas_multiple .cls-4,#hyogo_south_areas_multiple .cls-5,
#taresuiku .area-fun2{
    font-size:15px;
    /* letter-spacing:-0.4em; */
}
#hyogo_south_areas_multiple .cls-6,#hyogo_south_areas_multiple .cls-7{
    font-size:13px;
    /* letter-spacing:-0.4em; */
}
#hyogo_south_areas_multiple .cls-8,#hyogo_south_areas_multiple .cls-9{
    font-size:12px;
    /* letter-spacing:-0.4em; */
}
#hyogo_south_areas_multiple .cls-10,#hyogo_south_areas_multiple .cls-11{
    /* letter-spacing:-0.4em; */
}
#hyogo_south_areas_multiple .cls-12{
    fill:#fff;
}

#hyogo_south_areas_multiple .area-fun:hover {
    fill:#c8d4a9;
}

#hyogo_south_areas_multiple .bk_fill {
    fill:#c8d4a9 ! important;
}

#hyogo_south_areas_multiple .check {
    fill:#55662b;
}


/*only_hyogo_south_areas_multiple*/
#only_hyogo_south_areas_multiple svg {
    position: absolute;
    top: 100px;
    left: 25%;
    width: 55%;
}

#only_hyogo_south_areas_multiple .area-fun {
    fill:#b1d358;
    stroke:#FFFFFF;
    stroke-width:3;
}

#only_hyogo_south_areas_multiple .cls-1{
    fill:#b1d358;
}
#only_hyogo_south_areas_multiple .cls-10,#only_hyogo_south_areas_multiple .cls-11,
#only_hyogo_south_areas_multiple .cls-2,#only_hyogo_south_areas_multiple .cls-3,#only_hyogo_south_areas_multiple .area-fun2{
    font-size:16px;
}
#only_hyogo_south_areas_multiple .cls-10,#only_hyogo_south_areas_multiple .cls-11,
#only_hyogo_south_areas_multiple .cls-2,#only_hyogo_south_areas_multiple .cls-3,
#only_hyogo_south_areas_multiple .cls-4,#only_hyogo_south_areas_multiple .cls-5,
#only_hyogo_south_areas_multiple .cls-6,#only_hyogo_south_areas_multiple .cls-7,
#only_hyogo_south_areas_multiple .cls-8,#only_hyogo_south_areas_multiple .cls-9,#only_hyogo_south_areas_multiple .area-fun2 {
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#only_hyogo_south_areas_multiple .cls-11,#only_hyogo_south_areas_multiple .cls-3,
#only_hyogo_south_areas_multiple .cls-5,#only_hyogo_south_areas_multiple .cls-7,
#only_hyogo_south_areas_multiple .cls-9{
    fill:none;
    stroke:#fff;
    stroke-linejoin:round;
    stroke-width:5px;
}
#only_hyogo_south_areas_multiple .cls-10,#only_hyogo_south_areas_multiple .cls-11,
#only_hyogo_south_areas_multiple .cls-4,#only_hyogo_south_areas_multiple .cls-5,
#only_hyogo_south_areas_multiple .cls-6,#only_hyogo_south_areas_multiple .cls-7,
#only_hyogo_south_areas_multiple .cls-8,#only_hyogo_south_areas_multiple .cls-9,
#taresuiku .area-fun2{
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
}
#only_hyogo_south_areas_multiple .cls-4,#only_hyogo_south_areas_multiple .cls-5,
#taresuiku .area-fun2{
    font-size:15px;
    /* letter-spacing:-0.4em; */
}
#only_hyogo_south_areas_multiple .cls-6,#only_hyogo_south_areas_multiple .cls-7{
    font-size:13px;
    /* letter-spacing:-0.4em; */
}
#only_hyogo_south_areas_multiple .cls-8,#only_hyogo_south_areas_multiple .cls-9{
    font-size:12px;
    /* letter-spacing:-0.4em; */
}
#only_hyogo_south_areas_multiple .cls-10,#only_hyogo_south_areas_multiple .cls-11{
    /* letter-spacing:-0.4em; */
}
#only_hyogo_south_areas_multiple .cls-12{
    fill:#fff;
}

#only_hyogo_south_areas_multiple .area-fun:hover {
    fill:#c8d4a9;
}

#only_hyogo_south_areas_multiple .bk_fill {
    fill:#c8d4a9 ! important;
}

#only_hyogo_south_areas_multiple .check {
    fill:#55662b;
}

#sumaku .area-fun2 {    /* cls4 */
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
    font-size:15px;
    /* letter-spacing:-0.4em; */
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}
#koubesinagataku .area-fun2 { /* cls6 */
    /* font-size:13px; */
    /* letter-spacing:-0.4em; */
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}

#hyougoku .area-fun2 { /* cls8 */
    font-size:12px;
    /* letter-spacing:-0.4em; */
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
    font-family:Meiryo-Bold, Meiryo;
    font-weight:700;
}

#koubesityuuouku .area-fun2,#kokubrnadaku .area-fun2,
#higasinadaku .area-fun2,#asiyaku .area-fun2{ /* cls10 */
    writing-mode:tb;
    text-orientation:upright;
    glyph-orientation-vertical:0deg;
    /* letter-spacing:-0.4em; */
}


/*
京都部分作成
 */

#kyoto_maj_areas_multiple svg {
    position: absolute;
    top: 10px;
    left: 35%;
    height: 90vh;
}

 #kyoto_maj_areas_multiple .area-fun {
     fill:#3296af;
     stroke:#FFFFFF;
     stroke-width:3;
 }

 #kyoto_maj_areas_multiple .area-fun:hover {
     fill:#afcad8;
 }

 #kyoto_maj_areas_multiple .bk_fill {
     fill:#afcad8 ! important;
 }

 #kyoto_maj_areas_multiple .check {
     fill:#053b4f;
 }

#kyoto_maj_areas_multiple .cls-1 {
   fill: #3296af;
 }
#kyoto_maj_areas_multiple .cls-2 {
   fill: #fff;
 }
#kyoto_maj_areas_multiple .cls-3,
#kyoto_maj_areas_multiple .cls-4,
#kyoto_maj_areas_multiple .cls-9,
#kyoto_maj_areas_multiple .area-fun2 {
   font-size: 16px;
 }
#kyoto_maj_areas_multiple .cls-3,
#kyoto_maj_areas_multiple .cls-4,
#kyoto_maj_areas_multiple .cls-7,
#kyoto_maj_areas_multiple .cls-8,
#kyoto_maj_areas_multiple .cls-9,
#kyoto_maj_areas_multiple .area-fun2 {
   font-family: Meiryo-Bold, Meiryo;
   font-weight: 700;
 }
#kyoto_maj_areas_multiple .cls-4,
#kyoto_maj_areas_multiple .cls-6,
#kyoto_maj_areas_multiple .cls-8,
#kyoto_maj_areas_multiple .cls-9 {
   fill: none;
 }
#kyoto_maj_areas_multiple .cls-4,
#kyoto_maj_areas_multiple .cls-8,
#kyoto_maj_areas_multiple .cls-9 {
   stroke: #fff;
 }
#kyoto_maj_areas_multiple .cls-4,
#kyoto_maj_areas_multiple .cls-5,
#kyoto_maj_areas_multiple .cls-6,
#kyoto_maj_areas_multiple .cls-8,
#kyoto_maj_areas_multiple .cls-9 {
   stroke-linejoin: round;
 }
#kyoto_maj_areas_multiple .cls-4,
#kyoto_maj_areas_multiple .cls-8 {
   stroke-width: 5px;
 }
#kyoto_maj_areas_multiple .cls-5,
#kyoto_maj_areas_multiple .cls-6 {
   stroke: #000;
   stroke-width: 2px;
 }
#kyoto_maj_areas_multiple .cls-7,
#kyoto_maj_areas_multiple .cls-8,
#mukouso .area-fun2 {
   font-size: 14px;
 }
#kyoto_maj_areas_multiple .cls-9 {
   stroke-width: 3px;
 }

/*only_kyoto_maj_areas_multiple*/

#only_kyoto_maj_areas_multiple svg {
    position: absolute;
    top: 10px;
    left: 35%;
    height: 90vh;
}

 #only_kyoto_maj_areas_multiple .area-fun {
     fill:#3296af;
     stroke:#FFFFFF;
     stroke-width:3;
 }

 #only_kyoto_maj_areas_multiple .area-fun:hover {
     fill:#afcad8;
 }

 #only_kyoto_maj_areas_multiple .bk_fill {
     fill:#afcad8 ! important;
 }

 #only_kyoto_maj_areas_multiple .check {
     fill:#053b4f;
 }

#only_kyoto_maj_areas_multiple .cls-1 {
   fill: #3296af;
 }
#only_kyoto_maj_areas_multiple .cls-2 {
   fill: #fff;
 }
#only_kyoto_maj_areas_multiple .cls-3,
#only_kyoto_maj_areas_multiple .cls-4,
#only_kyoto_maj_areas_multiple .cls-9,
#only_kyoto_maj_areas_multiple .area-fun2 {
   font-size: 16px;
 }
#only_kyoto_maj_areas_multiple .cls-3,
#only_kyoto_maj_areas_multiple .cls-4,
#only_kyoto_maj_areas_multiple .cls-7,
#only_kyoto_maj_areas_multiple .cls-8,
#only_kyoto_maj_areas_multiple .cls-9,
#only_kyoto_maj_areas_multiple .area-fun2 {
   font-family: Meiryo-Bold, Meiryo;
   font-weight: 700;
 }
#only_kyoto_maj_areas_multiple .cls-4,
#only_kyoto_maj_areas_multiple .cls-6,
#only_kyoto_maj_areas_multiple .cls-8,
#only_kyoto_maj_areas_multiple .cls-9 {
   fill: none;
 }
#only_kyoto_maj_areas_multiple .cls-4,
#only_kyoto_maj_areas_multiple .cls-8,
#only_kyoto_maj_areas_multiple .cls-9 {
   stroke: #fff;
 }
#only_kyoto_maj_areas_multiple .cls-4,
#only_kyoto_maj_areas_multiple .cls-5,
#only_kyoto_maj_areas_multiple .cls-6,
#only_kyoto_maj_areas_multiple .cls-8,
#only_kyoto_maj_areas_multiple .cls-9 {
   stroke-linejoin: round;
 }
#only_kyoto_maj_areas_multiple .cls-4,
#only_kyoto_maj_areas_multiple .cls-8 {
   stroke-width: 5px;
 }
#only_kyoto_maj_areas_multiple .cls-5,
#only_kyoto_maj_areas_multiple .cls-6 {
   stroke: #000;
   stroke-width: 2px;
 }
#only_kyoto_maj_areas_multiple .cls-7,
#only_kyoto_maj_areas_multiple .cls-8,
#mukouso .area-fun2 {
   font-size: 14px;
 }
#only_kyoto_maj_areas_multiple .cls-9 {
   stroke-width: 3px;
 }


/*
マップアイコンの位置を指定するcss
 */

.os_mj_os_no {
    position: absolute;
    top:0;
    left: 60%;
}

.os_mj_os_es {
    top: 50%;
    right: 350px;
}

.os_mj_os_so {
    bottom: 00px;
    left: 65%;
}

/*
マップアイコン位置指定
大阪北部
 */
.os_no_hy {
    top: 50%;
    left: 30%;
}

.os_no_ky {
    bottom: 10%;
    left: 90%;
}

.os_no_os_es {
    bottom: 0px;
    left: 70%;
}

.os_no_os_ma {
    bottom: 00px;
    left: 45%;
}

.os_no_ky_so {
    top: 30px;
    left: 80%;
}

/*
京都市内
 */

.ky_maj_os_no {
    top: 60%;
    left: 25%;
}

.ky_maj_ky_so {
    top: 0%;
    left: 30%;
}

.ky_maj_ky_saga {
    bottom: 1%;
    left: 90%;
}
/*
大阪東部選択時
 */

.os_ea_os_so {
    bottom: 0;
    left: 25%;
}

.os_ea_os_no {
    top: 0;
    left: 35%;
}

.os_ea_os_ma {
    top: 50%;
    left: 25%;
}

.os_ea_nara {
    bottom: 100px;
    left: 80%;
}

/*--------------------------
大阪市内選択時
 -------------------------*/

.os_ma_os_es {
    top: 50%;
    left:80%;
}

.os_ma_os_so {
    bottom: 0%;
    left: 35%;
}

.os_ma_os_no {
    top: 0%;
    left: 35%;
}

/*
南部選択時
 */

.os_so_os_ma {
    top: 0;
    left: 35%;
}

.os_so_os_ea {
    top: 0;
    left: 65%;
}

.os_so_nara_so {
    bottom: 0;
    right: 5%;
}

.os_so_waka {
    bottom: 0;
    left: 35%;
}

/*
奈良県選択時
 */

.na_ma_so {
    bottom: 0;
    left: 65%;
}

.na_ma_os_ea {
    top: 0;
    left: 35%
}


.na_ma_sonota {
    top: 20%;
    right: 20px;
}

/*
 兵庫選択時
 */

.hy_so_os_no {
    top: 30%;
    right: 30px;
}

.hy_so_hy_sono {
    top: 30px;
    left: 35%;
}


/*

 */

.scllloer {
    width: 1300px;
    height: 750px;
    /* float: right; */
    position: relative;
 }