@charset"utf-8";
/*
#container	{
	width:100%;
	height: 100%;
	margin:0;
}	
 */
 
 #top {
   height:54px;
   /*background-color: lightpink;*/
   
}
	/**/
@media only screen and (orientation: portrait) {
/*
#title{
	 width:calc(100% - 2em);
     margin:0 0 0 0;
     padding:18px 0 2px 0;
	 height:30px;
	 color:#5fac3a;
	  z-index: 1000;
	 text-align:center;
	 font-size:18px;
	 font-family: "M PLUS Rounded 1c", sans-serif;
     font-weight: 500

	 }*/

	


#btn_area {
	 width:auto;
	 margin: -42px 23px 0px 0 ;
 }
 
 
#map{
	width: calc(100% - 17px);
	height: calc(100vh - 159px);
    max-height: 700px;
    display: block;
	margin:1px 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:#5fac3a; 
      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:16px 0  0px 0em;
	 height:30px;/**/
	 color:#5fac3a; 
	 z-index: 1000;/**/
	 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 - 87px);
    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: #5fac3a; 
      padding:4px 0px 5px 0px;
	  margin:0 5px 0 2px;

	  }	     
}

/*     共通    

 .mark{   
    width:0;
    height:0;
    margin: 0;
}*/
    
.mark{
    position:relative;
    top: 0px;
    height:54px;
    z-index: 10;/**/
    margin: auto;
    text-align: center;
    background-image: url("../img/header_logo_sp.png");
    background-size: 750px;
    background-repeat: no-repeat; 
    background-position:50%; 
    background-color: #fff; 
   border-bottom: solid 1px #ccc; /**/
}

.mark   .link{
    display:none;
}   
 /*
.locate-button {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 60px  !important;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
*/