/* CSS Document */

/* aboutmore.html */

.yearBlock{
	padding:10px 30px;
}
.yearBlock table{
	margin:0 auto;
	border-collapse:separate;
	width:90%;
}
.yearBlock thead{
	font-size:110%;
	text-align:left;
}
.yearBlock td{
	padding:5px;
	border-bottom:dashed #A39F97 1px;
}
.yearBlock .hosoku{
	margin:10px 0 0 20px;
	font-size:80%;
	text-align:right;
}
.yearBlock td.month{
	width:10%;
	vertical-align:middle;
	text-align:center;
	color:#A39F97;

}
.yearBlock td.eventName{
	padding-left:10px;
}
.eventPlace{
	padding-left:30px;
	color:#A39F97;
}
.eventPlace:before{
	content: "＠";
}



/* gallery.html */
#galleryContents h3{
	padding:20px;
}
#galleryContents div{
	padding:0 20px 10px;
}
#galleryThumList{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	width:100%;
	margin:0 auto;
}
#galleryContents p{	text-align:center;}

#galleryThumList img{
	height:150px;
	width:150px;
	object-fit: cover;
	margin: 10px;
	box-shadow: 0 0 3px gray;
	border-radius:5px;
}
#galleryThumList .is-hidden {
		display:none;
    height: 0;
    margin: 0;
}
#galleryThumList a{padding:0;}

#galleryThumList a:hover{
	opacity:0.8;
	background:none;
}

.galleryCaption{
	margin:5px 50px;
	font-weight:bold;
}

#galleryCategory{
	display:flex;
	justify-content: right;
	padding:10px 0 0;
}
#galleryCategory li{ margin:10px;}

.lum-lightbox-inner img.lum-img {
	max-height: 99%;
  }


/* miniLottery.html */

div#miniLottery{
    padding:30px;
	width:80%;
    margin:0 auto 50px;
    border:dashed 1px;

}
div#miniLottery ul{
	margin:0 auto;
	padding:0;
	width:100%;
}
div#miniLottery h3{
    margin:20px 0 0;
    font-size:100%;
	
}
div#miniLottery p{
    padding:10px 20px;
    margin:0 auto;
    line-height:1.5;
    border-left:dotted 1px;
	width:90%;
}
div#miniLottery p b{
    line-height:1.5;
    font-weight:bold;
}
div#lotteryForm span{
    color:red;
}
#lotteryForm div.formRadioarea{
    line-height:3;
    
}
#lotteryForm div.formRadioarea input{
    height:15px;
    width:15px;
    margin:5px 5px 5px 50px;
    color:#000;
}
div.formSelectArea{
    overflow: hidden;
	width: 100%;
	margin: 2em auto;
}
div.formSelectArea select{
    width: 50%;
    height:50px;
    padding:10px;
    background:#eee;
}
ul#lotteryForm span{
	color:red;
}
p#formLink{
	font-size:80%;
	padding:20px 5px;
	background:#000;
	margin:20px auto;
	width:170px;
	border-radius:7px;
}
p#formLink a{
	font-size:120%;
	font-weight:bold;
	text-decoration: none;
	width:130px;
	margin:5px;
	color:#fff;
	border:1px dashed #fff;
	padding:15px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
}