@charset "utf-8";
/* CSS Document */

#subicon {
	display:flex;
	justify-content: flex-end;
}

#subicon .databutton {
	margin:15px 10px;
	width:15em;
}

.kaika_term .kaika_tbl {
	width:100%;
	margin-bottom:15px;
}

.kaika_term .kaika_tbl tr th,
.kaika_term .kaika_tbl tr td {
	border:solid 1px #ccc;
	padding:2px;
}

.kaika_term .kaika_tbl tr th {
	text-align:center;
	background-color:#eaf9d3;
	cursor:pointer;
}

.kaika_term .kaika_tbl tr td {
	vertical-align:middle;
}

/* # =================================================================
   #  たより
   # ================================================================= */
.tayori h3 {
	clear:both;
	margin:35px 0 10px 0;
	border-bottom:dotted 1px#563107;
}

/* PDF */
#tayori_rep {
	margin-top:35px;
	border:solid 1px #333;
}

#tayori_rep dt {
	margin:10px 0 5px 15px;
	background:url(../img/pdf18.png) no-repeat 0 40%;
	padding-left:20px;
}

#tayori_rep dd {
	border-bottom:solid 1px #333;
	padding-bottom:8px;
	padding-left:13px;
}
#tayori_rep dd:last-child {
	border-bottom:none;
}

#tayori_rep dd span {
	margin:0 5px 0 0;
	background-color:#F9F0E3;
	padding:0 7px;
}

/* 問い合わせ先 */
.tayori #jimusho {
	background-color:#efefef;
	padding:15px;
	margin:15px;
}

.tayori #jimusho dt {
	font-size:1.25em;
}

/* 友の会 */
#friend {
	margin-top:50px;
}

.tayori #friend dl {
	margin:15px 0;
}

.tayori #friend dl dt {
	font-weight:bold;
	margin-top:10px;
}

.tayori #friend dl dd {
	margin-left:10px;
}

@media screen and ( max-width:550px ){
	
.tayori #jimusho {
	padding:10px;
	margin:15px 0;
}

#tayori_rep dd span {
	display:block;
}

}

/* # =================================================================
   #  メール
   # ================================================================= */
.wid20 {
	width:26em;
}

.mail h3 {
	clear:both;
	margin:35px 0 10px 0;
	border-bottom:dotted 1px#563107;
}

#haishin {
	margin-top:50px;
}

#haishin form {
	margin:15px 0;
}

#haishin form input {
	margin-bottom:10px;
}

.kaika_term h3 {
	clear:both;
	margin:0 0 10px 0;
	background-color:#F9F0E3;
	padding:5px 7px;
}

.kaika_term_ul li {
	margin-left:2em;
	list-style:disc;
	line-height:2;
}

/* # =================================================================
   #  さくらもみじ
   # ================================================================= */
.sak_mom>h2 {
	color: #d04255;
	padding: 10px 10px 5px 60px;
	position: relative;
	font-size:24px;
}
.sak_mom>h2:before {
	content: '＊*';
	color: #fff;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; 
}
.sak_mom>h2:after {
	border-bottom: 1px solid #EAA8BF;
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.sak_mom>h3 {
	font-size: 1.25em;
	margin: 35px 0 25px 0;
}

.sak_mom .samo_img {
	display:flex;
	margin:25px 0;
}

.sak_mom .samo_img li {
	width:50%;
}

.sak_mom .samo_img li img {
	width:100%;
	height:auto;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}

.sak_mom .kaika_flex {
	margin-left: 2em;
	display:flex;
}

.sak_mom .kaika_flex li {
	margin:7px 0 10px 0;
	width:50%;
	text-align:center;
}

.sak_mom .kaika_flex li img {
	width:90%;
	height:auto;
	display:block;
	margin:0 auto 5px auto;
	object-fit: cover;
	height:13vw;
}

.sak_mom .img_btn {
	text-align:center;
	width:150px;
	border-radius:24px;
	background-color:#e0ebaf;
	border:solid 3px #aacf53;
	margin-top:12px;
	font-weight: 600;
}
.sak_mom .img_btn a {
	padding:5px;
	display:block;
	color: #82ae46;
}
.sak_mom .img_btn a:hover {
	opacity:0.8;
}

.sak_mom .img_btn a img {
	display:block;
	margin:0 auto;
}

/* さくら */
.sak_mom #sakura {
	background-color:#fef4f4;
	padding:25px 35px;
	border:dotted 1px #f6bfbc;
	border-radius:36px;
	margin-top:55px;
}

#container #sakura h2 {
	color: #d04255;
	margin: 5px 0 25px 0;
	border-bottom: 1px solid #d04255;
	font-size: 1.3em;
}

.sak_mom #sakura h3 {
	margin: 35px 0 10px 0;
	background-color: #F8DAD2;
	padding: 5px 12px;
	border-radius:8px;
}

/* もみじ */
.sak_mom #momiji {
	background-color:#FFF5E8;
	padding:25px 35px;
	border:dotted 1px #e9e4d4;
	border-radius:36px;
	margin-top:55px;
}

#container #momiji h2 {
	color: #ec6800;
	margin: 5px 0 25px 0;
	border-bottom: 1px solid #ec6800;
	font-size: 1.3em;
}

.sak_mom #momiji h3 {
	margin: 35px 0 10px 0;
	background-color: #FFDAA8;
	padding: 5px 12px;
	border-radius:8px;
}

.olli0215 {
	margin-top:15px;
}

.olli0215 li {
	list-style:disc;
	margin-left:1em;
}

@media screen and ( max-width:880px ){
	#container {
		width: 96%;
		padding-right: 4%;
	}
}
@media screen and ( max-width:600px ){
	#container {
		padding-right: 8%;
	}
	.sak_mom #momiji,
	.sak_mom #sakura {
		padding:25px 15px;
	}
	.sak_mom .kaika_flex {
		display:block;
		margin-left:0;
	}
	.sak_mom .kaika_flex li {
		width:100%;
	}
	.sak_mom .kaika_flex li img {
  		height: auto;
	}
}