@charset "UTF-8";

/*=======================================================
 0625追加
 ======================================================*/

.sakuraMap{
  max-width: 960px;
  margin:0 auto;
}

 #green_oth{
    width: 100%;
    margin:0 auto;
  }

  .btn{
    padding:0!important
  }

  .inner p{margin-bottom:0!important}

  #side{
    display:none!important
   }

   img{
     max-width: 100%;
     height:auto;
   }

   .button02{
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Meiryo UI',serif;
    display:block;
    font-size:16px;
    /* width:225px; */
    height:45px;
    color:#fff;
    text-decoration: none;
    text-align: center;
    background-color: #563B2E;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
  }

   .button02 {
    display: block;
    /* width: 210px; */
    height: auto;
    padding: 0.8em;
    text-align: center;
    text-decoration: none!important;
    color: #fff;
    background: #563B2E;
    border: 2px solid #563B2E;
    border-radius: 3px;
    transition: .4s;
    }
  .button02:hover {
    background: #fff;
    color: #563B2E;
    }

  /* @media screen and (max-width:480px){
    .photo{
      width: 100%;
      height: 90px;
      object-fit:cover;
    }
  } */

  p {
    font-size: 16px;
    font-weight: bold;
    margin: 60px auto 40px;
  }
  table {
    margin: 20px auto;
  }
  .tbl-r02 th {
    background: #6ea924;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
  }
  .tbl-r02 td {
   border: solid 1px #ccc;
    padding: 10px;
  }

  #pagetitle_g img{
    width:100%;
   height:auto;
  }

  .cate_01 p{
    font-size:12px
  }

  #topicpath{
    font-size:12px;
  }

  #gsc-iw-id1 table{
   margin:0 auto;
  }

  #header{
    padding:0;
  }

  .photo{
      padding-top:30px;
  }

 /* -----------------------------------------------------------

----------------------------------------------------------- */

#pagetitle{
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  margin: 20px auto 0;
  background:#ff818f;
  height: auto;
}

#pagetitle h2{
 color: white;
font-size: 40px;
letter-spacing: 18px;
padding:50px;
}

.contents{
  max-width: 960px;
  margin:0 auto;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 1.5px;
}

#pagetitle h2{
  font-size:2rem;
  letter-spacing: .6rem;
}

#topicpath{
  width: 100%!important;
}

.sakura-box{
    margin:20px 0;
    padding:20px;

}

.tit{
    color:white;
    background:#faa3a3;
    padding:.5em;
    border-radius: .8em .8em 0 0;
}

.tit span{
    background: #fff;
    color: #faa3a3;
    border-radius: 1em;
    display: inline-block;
    padding: 5px 14px;
    margin-right: 10px;
    margin-left:10px;
}

.sakura-box table{
    padding:20px;
}

.sakura-box p{
    padding:20px;
}

.sakura-box th{
    background:#f9f9f9;
    border-bottom:solid #ddd 1px;
    border-right:solid #ddd 1px;
    padding:20px;
}

.sakura-box tr{
    padding:20px;
    border-top:solid #ddd 1px;
    border-bottom:solid #ddd 1px;
}

.sakura-box td{
    padding-left:5px;
}


.gmap{
  margin-top:50px;
}

.gmap p{
  color:#a3a3a3;
  margin-top:10px;
  margin-left:10px;
  font-size: .8rem;
}

.btn a{
  padding:20px;
  border-radius: 5px;
  background:#ffbd7e;
  display: block;
  cursor:pointer;
  text-decoration: none!important;
  box-shadow:0 6px #ff8817;
  color:white;
}

.btn a:active{
  padding-bottom: 20px;
  margin-top: 20px;
  box-shadow: none;
}

.btn a:hover{
  color:white!important;
}

.btn:hover{
  color: white!important;
 opacity:0.9;
}

.sub-box{
  text-align: center;
  padding:50px;
  /* background:#fff7dc; */
  /* border:solid #ffeca5 1px; */
  margin:0 180px
}

.sub-box p{
font-size: 16px;
line-height: 1.3em;
margin-bottom:10px;
}

  /* -----------------------------------------------------------
	-SP
----------------------------------------------------------- */
  @media screen and (max-width: 640px) {
    .last td:last-child {
      border-bottom: solid 1px #ccc;
      width: 100%;
    }
    .tbl-r02 {
      width: 100%;
    }
    .tbl-r02 th,
    .tbl-r02 td {
      border-bottom: none;
      display: block;
      width: 100%;
    }
    .button02{
     font-size: 86%;
    }
    #topicpath{
      width: 100%;
    }
    #topicpath li{
      font-size:.9rem;
    }
    #pagetitle_g img{
      width:800px;
      height: 100px;
      object-fit: cover;
    }
    .photo{
      padding-top:10px;
  }
  #pagetitle{
    margin:0;
  }
  #pagetitle h2{
    padding:10px;
    letter-spacing: .5rem;
  }
  .sub-box{
    margin:0;
  }
  .sakura-box{
    padding:0;
  }
  }

  .wrap_nav *{
    box-sizing:unset!important;
  }

  footer{
      margin-top:100px;
  }

  .footer-txt{
      text-align: center;
      background:#ddd;
      padding:20px 0;
  }