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

/* --- 設定用CSS　---*/

body,input,textarea,button,.button,.faux-button,.wp-block-button__link,.wp-block-file__button,.has-drop-cap:not(:focus)::first-letter,.has-drop-cap:not(:focus)::first-letter,.entry-content .wp-block-archives,.entry-content .wp-block-categories,.entry-content .wp-block-cover-image,.entry-content .wp-block-latest-comments,.entry-content .wp-block-latest-posts,.entry-content .wp-block-pullquote,.entry-content .wp-block-quote.is-large,.entry-content .wp-block-quote.is-style-large,.entry-content .wp-block-archives *,.entry-content .wp-block-categories *,.entry-content .wp-block-latest-posts *,.entry-content .wp-block-latest-comments *,.entry-content p,.entry-content ol,.entry-content ul,.entry-content dl,.entry-content dt,.entry-content cite,.entry-content figcaption,.entry-content .wp-caption-text,.comment-content p,.comment-content ol,.comment-content ul,.comment-content dl,.comment-content dt,.comment-content cite,.comment-content figcaption,.comment-content .wp-caption-text,.widget_text p,.widget_text ol,.widget_text ul,.widget_text dl,.widget_text dt,.widget-content .rssSummary,.widget-content cite,.widget-content figcaption,.widget-content .wp-caption-text {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-size:16px;
	letter-spacing:0;

}
@media screen and (max-width:599px) {
body,input,textarea,button,.button,.faux-button,.wp-block-button__link,.wp-block-file__button,.has-drop-cap:not(:focus)::first-letter,.has-drop-cap:not(:focus)::first-letter,.entry-content .wp-block-archives,.entry-content .wp-block-categories,.entry-content .wp-block-cover-image,.entry-content .wp-block-latest-comments,.entry-content .wp-block-latest-posts,.entry-content .wp-block-pullquote,.entry-content .wp-block-quote.is-large,.entry-content .wp-block-quote.is-style-large,.entry-content .wp-block-archives *,.entry-content .wp-block-categories *,.entry-content .wp-block-latest-posts *,.entry-content .wp-block-latest-comments *,.entry-content p,.entry-content ol,.entry-content ul,.entry-content dl,.entry-content dt,.entry-content cite,.entry-content figcaption,.entry-content .wp-caption-text,.comment-content p,.comment-content ol,.comment-content ul,.comment-content dl,.comment-content dt,.comment-content cite,.comment-content figcaption,.comment-content .wp-caption-text,.widget_text p,.widget_text ol,.widget_text ul,.widget_text dl,.widget_text dt,.widget-content .rssSummary,.widget-content cite,.widget-content figcaption,.widget-content .wp-caption-text {
	font-size:15px;
}	
}

section h2 {
	font-size:250%;
	font-family: "Nanum Gothic", sans-serif;
	font-weight:700;
	color:#9ACD32;
	letter-spacing:2px;
}
.widgettitle {
	border-bottom:1px solid #604b44;
}
.header-titles-wrapper{
	padding:0;
}

@media screen and (max-width:599px) {
.home-content figure img {
	width:80%;
}
#site-header {
	background:none;
}
}

#site-footer {
	background:#9ACD32;
	color:white;
}
nav {
	font-family: "Nanum Gothic", sans-serif;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);

}
nav a {
	color:white;	
}

section#menu h3{
	font-family: "Nanum Gothic", sans-serif;
}
section#under_block h3 {

}

/* ボタン01 開閉ボタン　上へ戻るボタン　下層ページ表題*/

p.btn01 a, 
#menu_btn a,
#page-top a:before {
box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

p.btn01 a, 
#menu_btn a,
#page-top a:before,
section#menu h3,
section#under_block h3{
background: linear-gradient(to bottom,  #9acd32,#75a310); 
}


section#menu h4{
	color:#59493f;
}
a{
	color:orange;
	text-decoration:none;
} 
a:hover{
	text-decoration:underline;
} 



section#style{
	background:#F3FFD8;
}
section#style a {
	 color:#9ACD32;
	font-size:small;
	line-height:1.3;
}
section#style li {
	background:none;
	line-height:1.3;
}
section#style ul.roll li{
	position:relative;
	margin-bottom:0;
}
]section#style ul.roll li a{
	transition:all 0.3s;
}

section#style ul.roll li a.link_text {
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	color:white;
	background:rgba(0,0,0,0.4);
	display:flex;
	align-items:center;
	height:100%;
	opacity:0;
	text-decoration:none;


}
section#style ul.roll li:hover a.link_text {
	opacity:1;

}


section#contact{
	background:white;
}
section#contact p {
	text-align:center;
}