@charset "UTF-8";

#leaflet .content {
 padding-top: 130px;
}

.all_area {
 width: 750px;
 padding: 0;
 background: transparent;
}

.tab_area {
 display: block;
 float: right;
 width: 150px;
}

.tab_area li {
 position: relative;
 padding: 10px 15px;
 margin: 1px 0 2px;
 border: 1px #ccc solid;
 border-left: 0;
 border-radius: 0 10px 10px 0;
 box-shadow: 5px 5px 5px rgba(0, 0, 0, .1) inset;
}

.tab_area li.select { box-shadow: none;}
.tab_area li.select p { font-weight: bold;}

.tab_area li.select:nth-of-type(1) { background-color: #10a74d;}
.tab_area li.select:nth-of-type(2) { background-color: #ec6d81;}
.tab_area li.select:nth-of-type(3) { background-color: #f08842;}
.tab_area li.select:nth-of-type(4) { background-color: #54c2e8;}
.tab_area li.select:nth-of-type(5) { background-color: #76a830;}
.tab_area li.select:nth-of-type(6) { background-color: #fff799;}
.tab_area li.select:nth-of-type(7) { background-color: #6930ae;}
.tab_area li.select:nth-of-type(8) { background-color: #7e7e7e;}

.tab_area li.select:nth-of-type(6) p{ color: #000;}

.tab_area li:nth-of-type(7) p,
.tab_area li:nth-of-type(8) p,
.tab_area li.select:nth-of-type(7) p,
.tab_area li.select:nth-of-type(8) p{
 padding: 0;
}

.tab_area li p {
 position: relative;
 padding: 0 8px;
 color: #000;
 font-size: 14px;
 writing-mode: vertical-rl;
}

.tab_area li.select p { color: #FFF;}

.all_area div.content_area {
 width: 600px;
 padding: 0;
 float: left;
}

.all_area div.content_area img { width: 100%;}

@media screen and (max-width:769px) {

 #leaflet .content {
  padding-top: 0;
 }
.all_area {
 width: 100%;
}

.tab_area {
 display: flex;
 float: none;
 width: 100%;
}
.tab_area li p{
writing-mode: inherit;
}

.tab_area li {
 position: relative;
 width: 49%;
 padding: 10px 15px;
 margin: 0 1px;
 border: 1px #ccc solid;
 border-bottom: 0;
 background: #fff;
 border-radius: 10px 10px 0 0;
 box-shadow: none;
}

.tab_area li:nth-child(n+3) {
 margin-top: -5px;
}

.all_area div.content_area {
 width: 100%;
 padding: 0;
 float: none;
 border-top: 0;
}

.all_area div.content_area .btn01 a {
 font-size: 14px;
}
}