@charset "utf-8";
@import url("page.css");
/* CSS Document */
#title {
	display: block;
	margin: 20px 0 30px;
	width: 100%
}

#title h1 img {
	height: auto;
	width: 100%;
}

.subtit {
	font-family: 'Sawarabi Mincho','Hannari',"NotoSansCJKjp-Light","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'serif';
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	background-color: #09A6AE;
	margin: 20px auto;
	padding: 5px;
	width: 98%;
	border-radius: 6px;
	box-sizing: border-box;
}

#mov {
	display: block;
	margin: 20px auto;
	width: 98%;
}

#mov h1 {
	display: block;
	margin: 30px auto 20px;
	width: 96%;
}
#mov h1 img {
	height: auto;
	width: auto;
	max-width: 100%;
}

.mov-box {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.mov-box iframe {
	margin: 30px 0 0;
	width: 100%;
	height: 100%;
}

#tubomi {
	display: block;
	margin: 40px auto;
	width: 98%;
}
#tubomi h1 {
	text-align: center;
	margin: 10px auto 20px;
	width: 228px;
}

#tubomi p {
	font-size: 15px;
	color: #6C7E5F;
	line-height: 1.8em;
	text-align: left;
	display: block;
	margin: 0 auto;
	width: 98%;
}

#tubomi-tel {
	margin: 20px auto 0;
	width: 209px;
}

#tubomi-pdf {
	display: block;
	margin: 30px auto;
	width: 96%;
	box-sizing: border-box;
}
#tubomi-pdf a {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	background-color: #693;
	background-image: url(../images/garden/pdf_alt_48x48.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 15px 0 15px 58px;
	min-height: 50px;
	width: 100%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-sizing: border-box;
}

#calendar {
	margin: 0 0 40px;
	width: 100%;
}
#calendar h1 {
	font-family: 'Sawarabi Mincho','Hannari',"NotoSansCJKjp-Light","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'serif';
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	background-color: #85B200;
	text-align: center;
	margin: 0;
	padding: 3px 0;
	width: 100%;
}

#event {
	display: block;
	margin: 40px auto 0;
	width: 98%;
}

#event dt {
	font-size: 20px;
	font-weight: 600;
	color: #2C9287;
	margin-bottom: 10px;
}

#event dd {
	color: #6C7E5F;
	margin-bottom: 30px;
}

#event table {
	margin-top: 10px;
}

dl#note {
	color: #FF5252;
	display: block;
	margin: 0;
	width: 98%;
}

#garden {
	margin: 0 0 30px;
	width: 100%;
}

#garden h1 {
	font-family: 'Sawarabi Mincho','Hannari',"NotoSansCJKjp-Light","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'serif';
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	background-color: #09A6AE;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}

#day {
	font-size: 16px;
	color: #2C9287;
	letter-spacing: 5px;
	display: block;
	margin: 40px auto 0;
	width: 90%;
}

#day span {
	display: block;
	margin: 0;
	width: 100%;
}
#day li {
	margin-bottom: 20px;
}

#day li:last-child {
	margin: 0;
}

#garden p {
	font-size: 18px;
	font-weight: 600;
	color: #2C9287;
	margin: 30px auto;
	width: 90%;
}

ul#note {
	color: #FF5252;
	line-height: 1.8em;
	display: block;
	margin: 0 auto;
	width: 90%;
}
ul#note li:before {
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:1em;
  height: 1em;
  background: #FF5252;
  border-radius: 50%;
  margin-right: 8px;
}

@media only screen and (min-width: 769px) {

#title {
	margin: 0 auto;
	width: 1015px;
}
#title h1 {
	background-image: url(../images/garden/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 301px;
	width: 1015px;	
}

.subtit {
	display: none;
}

#mov {
	background-image: url(../images/garden/pic_tubomi.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 70px auto;
	width: 880px;
}
#mov h1 {
	text-align: center;
	margin: 17px auto 35px;
	width: 464px;
}

#tubomi {
	background-image: url(../images/garden/pic_tubomi.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 70px auto;
	width: 880px;
}
#tubomi h1 {
	text-align: center;
	margin: 17px auto 35px;
	width: 228px;
}

#tubomi p {
	font-size: 15px;
	color: #6C7E5F;
	line-height: 1.8em;
	text-align: center;
}

#tubomi-tel {
	margin: 39px auto 0;
	width: 209px;
}

#tubomi-pdf a {
	font-size: 22px;
	font-weight: 600;
	color: #FFF;
	background-color: #693;
	text-decoration: none;
	display: block;
	width: 100%;
}
#tubomi-pdf a:hover {
	opacity: 0.7;
}

#calendar {
	background-image: url(../images/garden/calendar-bg.png);
	background-repeat: no-repeat;
	background-position: 628px 80px;
	margin: 0 0 110px;
	width: 100%;
}
#calendar h1 {
	font-family: 'Sawarabi Mincho','Hannari',"NotoSansCJKjp-Light","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'serif';
	font-size: 21px;
	font-weight: 600;
	color: #FFF;
	background-color: #85B200;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}

#event {
	display: block;
	margin: 89px 0 0 123px;
	width: 752px;
}

#event dt {
	font-size: 29px;
	font-weight: 600;
	color: #2C9287;
	margin-bottom: 33px;
}

#event dd {
	font-size: 15px;
	color: #6C7E5F;
	margin-bottom: 69px;
}

#event table {
	margin-top: 31px;
}

dl#note {
	font-size: 17px;
	color: #FF5252;
	display: block;
	margin: 0 0 0 123px;
	width: 752px;
}

#garden {
	background-image: url(../images/garden/garden-bg.png);
	background-repeat: no-repeat;
	background-position: 628px 60px;
	margin: 0 0 110px;
	width: 100%;
}

#garden h1 {
	font-family: 'Sawarabi Mincho','Hannari',"NotoSansCJKjp-Light","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'serif';
	font-size: 21px;
	font-weight: 600;
	color: #FFF;
	background-color: #09A6AE;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}


#day {
	text-align: left;
	font-size: 22px;
	color: #2C9287;
	letter-spacing: 5px;
	display: block;
	margin: 81px 0 0 200px;
	width: 650px;
}

#day span {
	font-family:monospace;
	text-align: right;
	display: inline-block;
	margin-right: 21px;
	width: 200px;
}
#day li {
	margin-bottom: 29px;
}

#day li:last-child {
	margin: 0;
}

#garden p {
	font-size: 26px;
	font-weight: 600;
	color: #2C9287;
	margin: 81px 0 83px 123px;
}

ul#note {
	font-size: 17px;
	color: #FF5252;
	line-height: 1.8em;
	display: block;
	margin: 0 0 0 123px;
	width: 752px;
}
ul#note li:before {
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:1em;
  height: 1em;
  background: #FF5252;
  border-radius: 50%;
  margin-right: 8px;
}

}