@media screen and (max-width: 540px) {
html {
    scroll-behavior: smooth;
}

h2{
    font-size:32px !important;
}

h3{
    font-size:28px !important;
}

/* list用↓　*/
.box1{ 
    width:100%;
    padding:0px ;
    font-size:30;
}
.mapex{
    font-size:30;
}
#table tbody { 
    font-size: 26px;
}

#table tbody td { 
    padding:5px 1px 5px 1px !important;
    font-size:28px;
}

#table thead{ 
    font-size: 16px;
    width: auto;
}

.gis{
    font-size:12px;
}

/* kaiyo用↓　*/

#update{
    font-size:24px;
}

.explanation{
    font-size: 24px;
}

.save{
    display:none;
}
/*　スライドメニュー↓　*/

.menubutton{
    width:100px;
    height:100px;
    border-radius:10px;
    background:#777;
    opacity:.8;
    position:fixed;
    top:150px;
    right:0;
    z-index:100;
}

.menubutton i{
    display:block;
    width:80px;
    height:10px;
    background:white;
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);

}

.menubutton i:nth-child(1){
    top:20%;
}

.menubutton i:nth-child(2){
    top:50%;
}

.menubutton i:nth-child(3){
    top:80%;
}


#menu ,#menu2{
    position: fixed;
    top: 246px;
    right: -100%; /* メニューのwidth + padding */
    min-width: 300px; /* メニューのwidth */
    height: auto;
    padding: 10px;
    transition: left .5s, right .5s; /* アニメーション */
    background:#777;
    opacity:.8;
    border-radius: 10px 0px 0px 10px;
    text-align:center;
    z-index:100;
    list-style-type: none;
}


#menu li:nth-child(2){
    display:none;
}

#m_open {
    display: none;
}
 
/* :checked 擬似クラスを使って、#m_openがチェック状態になった時に、#menuの位置がright:0になり飛び出てくる。 */
#m_open:checked + #menu,
#m_open:checked + #menu2 {
    right: 0;
}

#menu li,
#menu2 li{
    padding:10px;
}

#menu a,
#menu2 a{
    font-size:40px;
    color:white;
}

#menu3{
    font-size:30px;
}
/*　スライドメニュー↑　*/

/*　表紙↓　*/

#vol_title{
    font-size:40px;
}

#vol_title_e{
    font-size:30px;
}

#cover img{
    width:250px;
    padding-left:10px;
}

#cover select{
    height:60px;
    font-size:24px;
}

#t_index td select {
    border:1px;
}

/*　位置↓　*/

#t_latlon {
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.t_latlon_A {
    display:none;
}

.t_latlon_B {
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-basis:100%;
    -webkit-flex-basis:100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    text-align: center;
}

.t_latlon_C {
    display:grid;
    grid-template-rows:;
    grid-template-columns: 430px ;
    padding:5px;
    text-align:center;
}

.t_latlon_C >*:nth-child(4){  
    grid-row: 1 / 2;
}

.t_latlon_C .latlon_td:before{
    display:flex;
    display:-webkit-flex;
    content: attr(data-label);
    background: #D0C2B6;
    border-bottom:1px solid;
    width:100%;
    font-size:28px;
    font-weight:bold;
    margin-left:-5px;
    padding-left:5px;
}

.t_latlon_C .latlon_td{
    position:relative;
    font-size:28px;
    min-height:60px;
    text-align:left ;
    padding-left:5px;
}

/*　概要↓　*/

#outline #sub{
    font-size:24px;
}

.t_obst_A {
    width:100%;
    grid-template-rows:auto auto auto;
    grid-template-columns:100%;
    margin:10px 0px;
    padding-right:-5px;
    box-shadow : 0 0 0 2px black;
}

.t_obst_A .obst_name{
    font-size:28px;
    grid-column: 1fr;
    box-shadow : 0 0 0 2px black;
}

.t_obst_B {
    width:100%;
    text-align:center;
    padding-top:10px;
    grid-template-rows:auto;
    grid-template-columns:100%;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

.t_obst_B .obst_graph{
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.t_obst_B .obst_graph img{
    width:300px;
}

.t_obst_C {
    width:100%;
    grid-template-rows:auto ;
    grid-template-columns:33% auto;
    font-size:26px;
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    box-shadow : 0 0 0 2px black;
}

.obst_th{
    box-shadow : 0 0 0 2px black;
}

.obst_td{
    flex-basis:65%;
    -webkit-flex-basis:65%;
    flex-shrink:0;
    -webkit-flex-shrink:0;
    box-shadow : 0 0 0 2px black;
}

.t_obst_C .obst_main{
    grid-row:4/5;
    grid-column: 1 / 3;
    font-size:26px;
    letter-spacing:0.6pt;
    line-height:36px;
}

.t_obst_D {
    grid-template-rows:;
    grid-template-columns: auto  auto;
    box-shadow : 0 0 0 1px black;
    margin: 10px 0px;
    font-size:26px;
    box-shadow : 0 0 0 2px black;
}
.t_obst_D .obst_th{

    grid-column: 1 / 3;
}
/*　火山カタログ↓　*/

.t_catlog_A .catlog_th{
    display: none;
}

.t_catlog_C {
    grid-template-rows:;
    grid-template-columns: auto ;
    font-size:28px;
}


.t_catlog_C .catlog_td:before{
    display: flex;
    display:-webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin: -1.5px -1.5px -0px -1.5px;
    padding-left: 5px;
    content: attr(data-label);
    background: #D0C2B6;
    border-bottom:1px solid;
}

.t_catlog_C .catlog_td{
    padding:2px;
}

.t_catlog_B .cspace{
    padding:5px;
    margin:4px;
}

.kigou{
    font-size:24px;
    color:#225511;
}

/*　概略活動記録↓　*/

.t_log_A {
    display: grid;
    grid-template-rows:auto auto;
    grid-template-columns:50% 50% ;
    font-size:28px;
    border:3px solid;
}

.t_log_A .log_th{
    border:1.5px solid;
}

.t_log_A >*:nth-child(3){  
    grid-row: 2 / 3;
    grid-column: 1 / 3;
}

.t_log_C {
    display: grid;
    grid-template-rows:auto auto;
    grid-template-columns: 50% 50%;
    font-size:28px;
    border:3px solid;
    border-top:1px solid;
}
.t_log_C .log_td{
    border:1.5px solid;
}
.t_log_C >*:nth-child(3){  
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    padding:0.5%;
}


/*　関係図↓　*/

.chart{
    font-size:26px;
}

.kankeizu th{
    font-size:28px;
}

.kankeizu td{
    width:130px;
    font-size:28px;
}

.kankeizu img{
    width:250px;
    height:280px;
}


/*　画像コンテンツ↓　*/

#pictable .picbox .pic_th{
    font-size:28px;
}

#pictable .picbox{
    font-size:24px;
    border: 2px solid ;
}

#pictable .picbox img{
    width: 285px;
    max-height: 285px;
}


/*　写真↓　*/

.phototable .pbox{
    font-size: 24px;
    border: 2px solid ;
}

.phototable .pbox img{
    width: 285px;
    height: 220px;
}

.pth {
    width: 285px;
    font-size:24px;
    border: 2px solid ;
}

.t_photo_nishi_A{
    display: grid;
    display: -ms-grid;
    grid-template-rows:;
    grid-template-columns: 200px 230px 230px 230px;
    -ms-grid-columns: 134px 127px 127px 127px 127px 127px 127px;
    font-size:24px;
}

.t_photo_nishi_B{
    display: grid;
    display: -ms-grid;
    grid-template-rows:;
    grid-template-columns: 200px 230px 230px 230px;
    -ms-grid-columns: 134px 127px 127px 127px 127px 127px 127px;
    font-size:24px;
}
.t_photo_nishi_B img{
    width:220px;
    height:180px;
}

.t_photo_nishi_A .photo_nishi_th_note{
    grid-row: 1 / 3;  
    display: flex;
    align-items: center;
    justify-content: center;
}

.t_photo_nishi_B .photo_nishi_date{
    grid-row: 1 / 3;  
    display: flex;
    align-items: center;
    justify-content: center;
}
.photo_nishi{
    min-height:100px;
    align-items: center;
    justify-content: center;
    
}
#t_m{
    width:100%;
}

#t_m .t_m_head,
#t_m .t_m_box{
    display: grid;
    display: -ms-grid;
    grid-template-rows: ;
    grid-template-columns: 20%  62% 18%;
    font-size:28px;
}

/*　活動記録↓　*/

.acthead{
    font-size: 28px;
    grid-template-rows:auto auto;
    grid-template-columns: 33% 34% 33%;
    border:3px solid;
}

.acthead .act_th{
    border:1.5px solid;
}

.actbox{
    font-size: 28px;
    grid-template-rows:auto auto;
    grid-template-columns: 33% 34% 33%;
    border:3px solid;
    border-top:1px solid;
}

.actbox .act_td{
    border:1.5px solid;

}
.acthead >*:nth-child(3){
    grid-row: 2 / 3;
    grid-column: 1 / 4;
    
}

.actbox >*:nth-child(3){
    grid-row: 2 / 3;
    grid-column: 1 / 4;
}

.a_button {
 font-size:28px;
}

/*　go2top↓　*/

.go2top{
    display:none;
}

#go2top_mob a{
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #5BA9D9;
    opacity:.8;
}


#go2top_mob a:before{
    content: "";
    position: absolute;
    left: 25px;
    bottom: 15px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    border: solid 10px white;
    border-bottom-color: transparent; 
    border-right-color: transparent; 
}

}