/* ---------------------------------------------------------------------- */
/* SAVE-建築 CSS */
/* ---------------------------------------------------------------------- */
h1 {
	width: 960px;
	border-bottom: solid 9px #5BBDF2;   /* 線の種類（実線） 太さ 色 */
	margin: auto;
} 
h2 {
	padding: 0.4em 0.5em;                 /*文字の上下 左右の余白*/
	color: #494949;                     /*文字色*/
	background: white;                  /*背景色*/
	border-left: solid 6px #5BBDF2;     /*左線*/
	border-bottom: solid 3px #5BBDF2;   /*下線*/
}
h3:first-letter{
	color: #FF0000;         /*文字色*/
}
h4 {
	color: #4BA041;         /*文字色*/
	font-size: x-large;
}
/* ---------------------------------------------------------------------- */
/* メニューテキスト */
p.menu_text {
	border-bottom:solid;
	border-color:#5BBDF2;
	border-width:3px;           /*5ピクセルの太さにする*/
}
/* ---------------------------------------------------------------------- */
/* パンくずリスト */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
.breadcrumb li:not(:last-of-type)::after {
	content: "›";
	margin: 0 .6em;   /* 記号の左右の余白 */
	color: #777;    /* 記号の色 */
}
/* ---------------------------------------------------------------------- */
/* ページトップ */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}
.pagetop a {
	display: block;
	background-color: #5BBDF2;
	text-align: center;
	color: #222;
	font-size: 36px;
	text-decoration: none;
	padding: 5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
	display: block;
	background-color: #fff;;
	text-align: center;
	color: #5BBDF2;
	font-size: 36px;
	text-decoration: none;
	padding:5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* ---------------------------------------------------------------------- */
/* 折り畳みメニュー */
/* メニュー部分 */
details summary{
	transition: 0.5s;       /*アニメーション*/
	/*color:black;          文字色*/
	/*background:steelblue;	閉じたときの色*/
	padding:1% 2%;          /*閉じたときの余白*/
}
/* メニュー部分 開いたとき */
details[open] summary{
	background: #5BBDF2;    /*開いたときの色*/
	padding-left:4%;          /*開いたときの余白*/
}
/* 折りたたむ部分 */
details p{
	margin: 2% 4%;
}
details{
	width:100%;
}
/* ---------------------------------------------------------------------- */
/* 検索フォーム */
.search_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 2px solid #4BA041;
/*    border: 2px solid #2589d0; */
    border-radius: 25px;
	margin-bottom: 20px;
}

.search_form input {
    width: 250px;
    height: 45px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
}

.search_form input::placeholder{
    color: #767d83;
}

.search_form button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 45px;
    border: none;
    background-color: #4BA041;
    cursor: pointer;
}

.search_form button::after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}
/* ---------------------------------------------------------------------- */
/* ２重線囲み */
.wl_box {
	overflow-x: scroll;
	padding: 10px;
	margin-bottom: 10px;
	border: 5px double #4BA041;
}
/* ---------------------------------------------------------------------- */