@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");

/* ------------------------
default set
------------------------*/
body { font-family: 'Noto Sans JP', sans-serif; }
input,textarea,select { font-family: 'Noto Sans JP', sans-serif; }
p { margin: 0; padding: 0; }

/* ------------------------
header
------------------------*/
header { background: #FFF; }
header .site_name { text-align: center; font-weight: bold; }
header .site_name a { text-decoration: none; color: #000; }
header .site_name a:hover { color: #DD0000; }

@media screen and (min-width: 601px) {
	header { padding: 30px 0; }
	header .site_name { font-size: 3em; }
}

@media screen and (max-width: 600px) {
	header .site_name { margin-top: 50px; }
}

/* ------------------------
footer
------------------------*/
footer { margin-top: 50px; }
.copyright { text-align: center; }

/* ------------------------
box
------------------------*/
.container { background: #edecd5; padding: 5%; }
.wrapper { margin: auto; max-width: 900px; background: #FFF; }

@media screen and (min-width: 601px) {
	.wrapper { font-size: 1.7em; padding: 5%; }
}

@media screen and (max-width: 600px) {
	.wrapper { font-size: 1.3em; padding: 5% 5% 10% 5%; }
}

/* ------------------------
parts
------------------------*/
.page_title { font-size: 1.8em; border-bottom: 3px #EEE solid; padding-bottom: 10px; margin-bottom: 20px; }
.page_title a { text-decoration: none; color: #181A1A; }
.page_title a:hover { color: #DD0000; }
.contents { margin-bottom: 50px; }
p { margin: 10px 0; }
.contents p { margin: 20px 0; line-height: 170%; }

a.more-link { display: block; padding: 15px 35px; margin-left: 10%; margin-right: 10%; color: #333; background: #ebebeb; text-align: center; text-decoration: none; transition: 0.3s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; letter-spacing: 1px; border: 3px #ebebeb solid; }
a.more-link:hover { color: #666; background: #FFF; border: 3px #ebebeb solid; }

.wp-block-image img{height:auto;}

/* ------------------------
searchform
------------------------*/
.search_box { text-align: center; }
.searchform { position: relative; margin: auto; }
.searchfield { width: 90%; margin: 3px; padding: 10px; border: solid 1px #bbb; border-radius: 4px; background-color: #efefef; }
.searchsubmit { font-family: FontAwesome; position: absolute; top: 0; right: 6%; margin-top: 12px; padding: 0; cursor: pointer; color: #6297f5; border: none; background: transparent; font-size: 1.8em; }
.searchsubmit:hover { opacity: .6; }

@media screen and (min-width: 801px) {
	.search_box { margin-top: 20px; margin-bottom: 20px; }
	.searchform { width: 50%; }
	.search_box input { font-size: 1.5em; }
}

@media screen and (max-width: 800px) {
	.search_box { margin-top: 0px; margin-bottom: 20px; }
	.searchform { width: 96%; }
	.search_box input { font-size: 1.2em; }
}

/* ------------------------
drawer nav
------------------------*/
.drawer-toggle { display: none; }

@media screen and (min-width: 601px) {
	.drawer-nav { max-width: 1000px; margin: auto; }
	.drawer-nav a { color: #000; }
	.drawer-nav a:hover { color: #DD0000; }
	.drawer-nav .widget-title { font-size: 2.5em; border-bottom: 5px #999 dotted; padding-bottom: 15px; margin-bottom: 20px; }
	.drawer-nav .cat-item { margin: 5px 0; font-size: 2.2em; }
	.drawer-nav .children { margin-top: 10px; margin-bottom: 20px; display: flex; flex-wrap: wrap; }
	.drawer-nav .children li { margin: 0 15px 10px 10px; font-size: 0.8em; }
	.drawer-nav .children .cat-item { background: url("assets/images/arrow01.png") no-repeat left center; background-size: 24px; padding-left: 27px; }
}

@media screen and (max-width: 600px) {
	.drawer-nav .widget-title { font-size: 1.8em; padding: 10px; margin-bottom: 5px; border-bottom: 5px #EEE solid; }
	.drawer-nav a { color: #000; display: block; padding: 10px; }
	.drawer-nav a:hover { color: #DD0000; }
	.drawer-nav .cat-item { font-size: 1.7em; }
	.drawer-nav .children { margin-bottom: 15px; }
	.drawer-nav .children li { margin: 0 15px 0 10px; padding-bottom: 5px; font-size: 0.8em; border-bottom: 2px #EEE dashed; }
	.drawer-nav .children .cat-item { background: url("assets/images/arrow01.png") no-repeat left center; background-size: 24px; padding-left: 20px; }
}

/* ------------------------
editor
------------------------*/
.block-editor-page .editor-post-title textarea { font-size: 1.8em; font-family: 'Noto Sans JP', sans-serif; }