/*　-----------------------　共通部分　-----------------------　*/

#Map main {
    background-color: var(--Color7);
    padding-top: 70px;
}
#Map h2 img {
  width: 120px;
  margin: auto;
  margin-bottom: 2em;
}
/*
#Map h2 {
    font-family: var(--fontOrp);
    color: var(--Color4);
    font-size: 3.125rem;
    line-height: 1;
    width:auto;
}

.h1sub {
    font-size: 1.4rem;
    margin: 0.5em auto 2em auto;
}
*/
.sec_main {
    width: 1100px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}
 .print1,.print2 {
	display: none;
}
#MapArea ul {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin:40px auto 0 auto;
}
#MapArea li {
  width: 48%;
}

#MapArea a,
#MapArea button {
    width: 100%;
    line-height: 3em;
    height: 3em;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
  background: linear-gradient(90deg, rgb(199, 192, 164), rgb(125, 121, 103));
    color: var(--Color2);
}

#MapArea img.map_arrow {
  height: 1.5em;
  margin-left: 1em;
}

#MapArea button {
    font-family: var(--fontRym);
}
#MapArea button:hover {
    transform: translateY(-1px);
}
#MapArea .annotation {
  text-align: left;
}

/* ----------------------- */
/* 1100*/
/* ----------------------- */
@media screen and (max-width: 1100px) {

.sec_main {
    width: 90%;
    padding-top: 12vw;
    padding-bottom: 8vw;
}
}

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {

.sec_main {
    width: 98%;
}
#Map h2 img {
  width:17vw;
}
#MapArea ul {
  flex-direction: column;
}
#MapArea li {width: 100%;}

}



/* ----------------------- print ----------------------- */

@media print {
    @page {size: A4 portrait;margin: 0mm 5mm;}
    header,.header_contents,div.openbtn,main,footer {display: none!important;background-color: none;}
    .print1,.print2 {display: block;width: 100%;}
    .print-off,.print-btn { display: none; }
}