html,body{
  width: 100%;
  margin:0;
  padding: 0;
  background-color: #fff;
}
.header{
  width:1oo%;
  min-width: 1200px;
  height:90px;
  margin: 0;
  }
.header_text{
  width:1200px;
  height:90px;
  font-size: 50px;
  margin: 0 auto 0 auto;
  padding-top: 1px;
}
.header_text a img{
  position: relative;
  height:70px;
  top:10px;
  margin-left: -20px;
}
.header_text span img{
  position: relative;
  height:60px;
  top:5px;
  margin-left: 200px;
}
.main1{
  width:100%;
  min-width: 1200px;
  margin: auto;
}
.main1 img{
  width:100%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5)
}
.main2_bg{
  width:100%;
  height:800px
}
.main2{
  width:1200px;
  height:600px;
  margin: auto;
  padding: 10px 0px
}
.footer{
  width: 100%;
  min-width: 1200px;
  background-color:#8ec54a;
  color:#ffffff;
  margin: auto;
  text-align: center;
  padding:10px 0;
}

.entry{
  filter:brightness(110%);
}

.bar {
  width:100%;
  min-width: 1200px;
  height:50px;
  background-color: #8ec54a;
}
.menu {
  width:1200px;
  height:inherit;
  margin: auto;
}
.menu a div{
  display: inline-block;
  height:45px;
  padding: 0 13.8px;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  border-bottom: 5.9px solid transparent;
  transform: translate3d(-5px, 0, 0);
}
.menu a div:hover{
  border-bottom: 5.9px solid #ffef3f;
  transform: translate3d(-5px, 0, 0);
}
.menu a:link{
  color: #fff;
  text-decoration: none;
}
.menu a:visited{
  color: #fff;
  text-decoration: none;
}
.textbox{
  width:1200px;
  margin: auto;
}
.textbox_header {
  width:1000px;
  margin: auto;
  padding:30px 0;
}
.textbox_header_line {
  width:100%;
  height:7px;
  background-color: #8ec54a;
  box-shadow: 0px 3px 5px #ffef3f;
}
.textbox_header_text {
  font-size: 40px;
  font-weight: bold;
  color: #8ec54a;
  text-align: center;
}
.textbox_content {
  width:900px;
  margin: auto;
}
.textbox_content p{
  font-size: 18px;
  line-height: 40px;
  text-align: left;
  color: #393939;
}
.textbox_content img{
  width:500px;
  margin: 10px 0 -15px 0;
}
.textbox_content b{
  border-bottom: 5px solid #f4b3c2;
}
.textbox_content a{
  text-decoration: none;
  color:#393939
}
.link{
  border-bottom: 3px solid #ffef3f;
}
.link:hover{
  opacity: 0.5;
}

.gallery{
  width:1000px;
  margin:auto;
}
h1 {
  font-size: 18px;
  position: relative;
  padding: .5em .75em;
  margin-left: -1em;
  border-left: 6px solid #8ec54a;
  box-shadow: 0 5px 5px #8ec54a;
}

/*テーブル*/
.table{
  background: #fff;
  color: #555;
  display: inline-block;
  margin: 0.5em 0;
}
.table thead{
  color: #555;
  background-color: #f4b3c2;
  font-weight: 700;
  text-transform: uppercase;
}
.table td{
  padding: .5em 0.5em;
}
.table tbody td{
  background-color: #efefef;
  text-align: left;
}

.table2{
  color: #555;
  display: inline-block;
  margin: 0.5em 0;
  border: 2px solid #8ec53a
}
.table2 thead{
  color: #555;
  background-color: #f4b3c2;
  font-weight: 700;
  text-transform: uppercase;
}
.table2 td{
  padding: .5em 0.5em;
}
.table2 tbody td{
  text-align: left;
}

/*カレンダー*/
.day {
  font-size: 8em;
  font-weight: 900;
  line-height: 1em;
}
#month {
  font-size: 2em;
  line-height: 1em;
  text-transform: lowercase;
/*  color: #8ec54a;*/
}
.calendar {
  background: #fff;
  color: #555;
  display: inline-block;
  margin: 0.5em 0;
}
.calendar thead {
  color: #e66b6b;
  font-weight: 700;
  text-transform: uppercase;
}
.calendar td {
  background-color: #efefef;
  padding: .5em 0.5em;
  text-align: left;
  width: 6.7em
}
.prev-month,
.next-month {
  color: #cacaca;
}
#info1{
  font-size: 15px;
  background-color: #f4b3c2;
  width: 6.7em;
  text-align: center;
}
#info2{
  font-size: 15px;
  background-color: #ffef3f;
  width: 6.7em;
  text-align: center;
}
#info3{
  font-size: 15px;
  background-color: #e66b6b;
  color: #fff;
  width: 6.7em;
  text-align: center;
}
#info4{
  font-size: 15px;
  background-color: #8ec54a;
  color: #fff;
  width: 6.7em;
  text-align: center;
}
#empty1{
  font-size: 15px;
  background-color: transparent;
  color: transparent;
  width: 5em;
}

/*ギャラリー*/
ul {
  list-style: none;
  margin: 0px auto;
  padding: 10px;
  display: block;
  text-align: center;
}
#overlay {
  background: rgba(0,0,0, .8);
  width: 100%;
  height: 100%;
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
}
#overlay img {
  margin:5% auto;
  width: 700px;
  border-radius: 2px;
}
#photos {
  width: 934px;
  height:650px;
  margin: auto;
}
#photos img {
  width: 300px;
  height:200px;
  float: left;
  display: block;
  margin: 2px;
}
#photos img:hover {
  opacity: 0.8;
  transition-duration: 0.3s;
}
#photo-gallery {
  width: 100%;
}