@charset"utf-8";
/*
#container	{
	width:100%;
	height: 100%;
	margin:0;
}	
 */
 
 #top {
   height:36px;
   /*background-color: lightpink;*/
   
}
	/**/
@media only screen and (orientation: portrait) {

#title{
	 width:calc(100% - 2em);
     margin:0 0 0 0;
     padding:8px 0 2px 0;
	 height:30px;/**/
	 color:#0A4F08;
	 
	 text-align:center;
	 font-size:16px;
	 font-weight:700;/*
     background-color: darkgoldenrod;*/

	 }

	


#btn_area {
	 width:auto;
	 margin: -42px 23px 0px 0 ;
 }
 
 
#map{
	width: calc(100% - 17px);
	height: calc(100vh - 146px);
    max-height: 700px;
    display: block;
	margin:0px 0px 0px 2px;
	padding:1px 1px 1px 1px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
	 }
}

address {
      width: calc(100% - 13px);
	  text-align:center;
      color:#fff;
	  font-size: 11px;
      font-style:normal;
      /**/
      
	  background-color:darkgreen; 
      padding:5px 0px 6px 0px;
	  margin:0 0 0 2px;

	  }	 


@media only screen and (orientation: landscape) {

#title{
	 width : calc(100% - 14px);
     margin:0px 0 0px 0;
     padding:6px 0  0px 0em;
	 height:30px;/**/
	 color:#0A4F08;
	 
	 text-align:center;
	 font-size:16px;
	 font-weight:700;/**/
     background-color:#fff;

	 }

#btn_area {
	 width:calc(100% - 26px);
     height:auto;
	 margin: -37px 0px 0px 0 ;
     padding: 0;
 }
 
#map{
	width: calc(100% - 10px);
	height: calc(100vh - 67px);
    max-height: 700px;
	margin:0px 0px 0px 2px;
	padding:1px 1px 1px 1px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
	 }
     
address {
	  text-align:center;
      color:#fff;
	  font-size: 10px;
      font-style:normal;
      /**/
      width: calc(100% - 6px);
	  background-color:darkgreen; 
      padding:4px 0px 5px 0px;
	  margin:0 5px 0 2px;

	  }	     
}

/*     共通    */

 .mark{   
    width:0;
    height:0;
    margin: 0;
}
    

.mark   .link{
    display:none;
}