BODY, H1, H2, H3, H4, H5, H6, P, TD, TH, DIV, INPUT, TEXTAREA, OL, UL, LI, PRE {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-break: strict;
}

#Contents{
padding-bottom:20vh;
}

a:hover .setsumei {
	display: block;
	background-color: #7070D0;
	padding:3px;
	color:#ffffff;
	border-top:#ffffff solid 10px;
	border-left:#7070D0 solid 5px;
}
.setsumei {
	display: none;
	position: absolute;
	top: 1em;
	left: 1em;
	white-space: nowrap;
}

.wrapper{
padding-bottom:10vh;
}

#menu{
    position: fixed;
    background: #fff;
    z-index: 999;
    bottom:0;
    left:0;
    width:100%;

}

#menu ul{
    box-shadow: 0px 0px 1px #ccc;
    border-top:solid 1px #ddd;
margin:0;
padding:0;
list-style:none;
display: flex;
    flex-wrap: wrap;
}

#menu li {
    width: calc(100% / 4);
    box-sizing: border-box;
    border-right: solid 1px #ddd;
    text-align: center;
    font-size:10px;
}

#menu li a{
padding:10px 0;
display: block;
color:#000;
}

#menu li i{
display:block;
font-size:20px;
margin-bottom:5px;
}

#menu li.menuEnabled a{
	color: #ff9600;
}

#menu li:hover a{
	color: #ff9600;
}
.user_name{
font-size:11px;
padding-left:5px;
}

.user_name a{
color: #ff9600;
margin-left:20px;
}

label{
font-size:14px;
	padding:5px 10px;
		cursor: pointer;
}

label.addBtn {
	background-color: #ff9600;
	color: white;
	cursor: pointer;
}
label.saveBtn {
	background-color: #FF5555;
	color: white;
	cursor: pointer;
}
label.addBtnDisabled {
	background-color: #D0D0D0;
	color: white;
	transition: background 1s;
}
label.editBtn {
	background-color: #ff9600;
	color: white;
	cursor: pointer;
}
label.deleteBtn {
	background-color: #555555;
	color: white;
	cursor: pointer;
}
label.cancelBtn {
	background-color: #F0B0B0;
	color: white;
	cursor: pointer;
}
label.findBox {
	color: white;
}

#buttonArea{
text-align: center;;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
tr.list:hover{
	background-color: #F5FFFA;
}
th{
	background-color:#F0F0F7;
}
th.header{
text-align: center;
}
th.main{
	padding:0.3em 1em;
	text-align:center;
}
td.main{
	padding:0.3em 1em;
	background-color:#fafffa;
}
td.footer{
	padding:0.3em 1em;
	background-color:#F5F5F5;
}
td.debug{
	background-color:#FFF5F5;
}



.Tile{
max-width:1000px;
margin:0 auto;
}

.Tile ul{
margin:0;
padding:0;
list-style:none;
display: flex;
flex-wrap:wrap;
}

.Tile ul li{
    width: calc(100% / 3);
    box-sizing: border-box;
    padding:2px;
    text-align: center;
font-size: min(16px,2vw);
}

.Tile ul li img{
width: 100%;
height: 30vw;
object-fit: cover;
font-family:"object-fit: cover;";
}



#mapArea{
	position: relative;
	height: 0;
	overflow: hidden;
}
.boxOn{
	padding:2px 9px;
	margin:2 5px;
	background-color:#FFFFFF;
	border:1px solid #707070;
	border-radius:3px;
	box-shadow: 1px 2px 2px #A0A0A0;
	font-family:inherit;
}
.boxOff{
	padding:2px 9px;
	margin:2 5px;
	background-color:#F0F0F0;
	border:1px solid #707070;
	border-radius:3px;
	box-shadow: 1px 2px 2px #A0A0A0;
	font-family:inherit;
}


#viewArea{
max-width:900px;
margin:auto;
}

#viewArea ul{
margin: 0;
padding:0;
list-style: none;
display: flex;
flex-wrap:wrap;
}

#viewArea ul li{
    width: calc(100% / 3);
    box-sizing: border-box;
    padding:2px;
}

#viewArea ul li img{
width: 100%;
height: 30vw;
object-fit: cover;
font-family:"object-fit: cover;";
}

#logo{
padding:10px 0;
text-align: center;
}

#logo img{
width:400px;
max-width:50%;
}

#logo p{
font-size: min(16px,3vw);
}

p.neartree{
font-size: min(16px,3vw);
text-align: center;
}


.neartree{font-weight:bold;display: block;margin:10px 0;}

table{
border:none;
}

#tree_detail tr.list th{
font-weight:bold;
}

#tree_detail tr.list th,
#tree_detail tr.list td{
display:block;
background:none;
border:none;
}

#tree_detail tr.list.small td{
font-size:11px;
padding-bottom:15px;
}

#tree_detail tr.list.small td i{
margin-right:5px;
}

#tree_detail{
width:90%;
margin:auto;
}

#tree_detail img{
width:100%;
max-width:100%;
display: block;
margin: auto;
}

#tree_detail table{
width:100%;
margin:20px auto;
}

#tree_detail table .list.comment td.left{
paddng:20px 0 0;

}

#tree_detail .tree_comment{
margin-top:20px;
}

p.whostree{
font-size:12px;
text-align: center;
}

/*地図表示*/

.gm-style .gm-style-iw-d>div{
max-width:150px;
}

.gm-style img{
    width: 150px;
    height: 20vh;
    object-fit: cover;
    max-width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}

.gm-style .gm-style-iw-c{
padding:18px 0 0 5px!important;
border-radius:0!important;
width: 160px!important;
box-sizing: border-box!important;
}

*:focus {
  outline: none;
}

a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}

table.tree_edit{
width:96%;
margin:auto;
}

.tree_edit tr.list th,
.tree_edit tr.list td{
background:none;
display: block;
}

.tree_edit tr.list th{
font-weight:bold;
}

.tree_edit textarea{
width:100%;
margin-top:20px;
box-sizing:border-box;
}