a {
    /* text-decoration: none; */
    color: #000000;
}
#bg {
    /* width: 100vw; */
    width : 100%;
    min-width: 1000px;
    background-size: cover;
    min-height: 100vh;
    background-image: linear-gradient(to right, rgba(255, 245, 183, 0.8) 0%, rgba(115, 177, 226, 0.8) 100%);
    padding: 0 0 60px 0;
}

header {
    width: 100%;
    height: 80px;
    background-color: rgba(120, 120, 120, 0.6);
    color: #FFFFFF;
}
header a {
    color: #FFFFFF;
}
header nav {
    width: 970px;
    padding: 0 20px;
    margin: 0 auto;
    vertical-align: middle;
}
header nav ul li {
    float: left;
    margin: 25px 30px 20px 0;
    font-weight: bold;
    font-size: 1.2em;
}
header nav ul li a:hover {
    opacity: 0.7;
}


.map {
    width: 100%;
    stroke-width: 0.01em;
    fill: #CFD8DC;
}

/* ======= map01 ============ */
.map_01 {
    fill: #ff9fac !important;
}
.map_01 g:visited {
    fill: #ff9fac !important;
}
.map_01 path {
    stroke: #ff9fac !important;
}
.map_01 g:hover {
    fill: #7c0c1b !important;
}
/* ======= map01 ============ */

/* ======= map02 ============ */
.map_02 {
    fill: #7bd1ff !important;
}
.map_02 g:visited {
    fill: #7bd1ff !important;
}
.map_02 path {
    stroke: #7bd1ff !important;
}
.map_02 g:hover {
    fill: #1b6187 !important;
}
/* ======= map02 ============ */

.map a {
    transition: all 300ms 0s ease;
}

.map a:visited{
    fill: #CFD8DC;
}

a path {
    transition: all 300ms 0s ease;
}

.map a:hover {
    fill: #78909C;
    stroke: #78909C;
    stroke-width: 0.01em;
}
.lightbox {
    display: none;
}
.wrapper {
    margin: 50px auto;
    width: 970px !important;
    display: flex;
}
.choice {
    width: 300px;
    margin: 0 10px 0 0;
    background: #dffcff;
    padding: 15px;
}

.choice input[type="radio"], input[type="checkbox"]{
  display: inline-block;
  margin: 0 10px;
  padding: 1;
  vertical-align: middle;
  position: relative;
  top: 2px;
  cursor: pointer;
  float:left;
}

.choice label{
  display : block;
  overflow : hidden;
  font-size: 1em
}

.choice p {
  font-size: 0.7em;
}

.jpmap {
    width: 740px;
    display: flex;
}
.jpmap .sub {
    width: 40%;
    background: rgb(251, 251, 251);
}
.jpmap .mainmap {
    width: 60%;
    padding: 0px;
    padding-left: 10px;
    background: rgb(251, 251, 251);
}
/*.active {*/
    /*background: #44aaee;*/
/*}*/
.text {
    width: 950px;
    padding: 20px 0 0;
    margin: 0 auto;
}
.text h1 {
    1.3em;
    font-weight: bold;
}