@charset "utf-8";

/*** header***/
#header div{
    height: 24px;
    background-color: #5d7dc3;
    margin-top: 8px;
}

/*text_area*/
.text_area{
    width:95%;
    text-align: left;
    margin-left:auto; 
    margin-right:auto; 
    margin-top:1em;
}
.text_area dt{
    background-color: #554848;
    font-weight: bold;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .4);
    padding: 1em;
    color: #fff1ad;
}
.text_area dt strong{
    font-size: 110%;
	padding-right: 1em;
}
.text_area dt small{
	font-size: 80%;
	padding-right: 0.5em;
}
.text_area dd{
    line-height: 1.7em;
    background-color: #fff1ad;
    color: #523a14;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .4);
    padding: 1em;
}
.text_area dd ul{
    margin: 1em 0 0 1em;
}
.text_area dd li{
    list-style: disc;
    color: #193c72;
}



h2{
    margin: 2em 0 1em 0;
    border-top: 2px solid #644616;
    border-bottom: 2px solid #644616;
    padding: 0.2em 0;
}



.main_map{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
	max-width: 750px;
    margin-bottom: 3em;
}
.main_map li{
	width:49%;
	line-height:0;
    background-size: 100% auto;
/*    border: 1px solid #FFF;*/
}

.main_map li:nth-of-type(1){
    background-image: url("../img/m01_on.jpg");
}
.main_map li:nth-of-type(2){
    background-image: url("../img/m02_on.jpg");
}
.main_map li:nth-of-type(3){
    background-image: url("../img/m03_on.jpg");
}
.main_map li:nth-of-type(4){
    background-image: url("../img/m04_on.jpg");
}
.main_map li:nth-of-type(5){
    background-image: url("../img/m05_on.jpg");
}
.main_map li:nth-of-type(6){
    background-image: url("../img/m06_on.jpg");
}
.main_map li:nth-of-type(7){
    background-image: url("../img/m07_on.jpg");
}
.main_map li:nth-of-type(8){
    background-image: url("../img/m08_on.jpg");
}
.main_map li:nth-of-type(9){
    background-image: url("../img/m09_on.jpg");
}
.main_map li:nth-of-type(10){
    background-image: url("../img/m10_on.jpg");
}
.main_map li:nth-of-type(11){
    background-image: url("../img/m11_on.jpg");
}
.main_map li:nth-of-type(12){
    background-image: url("../img/m12_on.jpg");
}

.main_map li a:hover img {
  opacity: 0;
}




#last_logo{
    margin-top: 2em;
}



#copy_theo{
    text-align: center;
    margin-top: 3em;
    font-weight: 700;
    font-size: .875rem;
    color: #523a14;
}




/*------------------------------------------------------
	mediaQuery
*-------------------------------------------------------*/
@media screen and (min-width: 640px) {


    #header div{
        height: 44px;
    }


.main_map li{
	width:33%;
}



}