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


/*---------------------------------------------------------------------------------- 共通 */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*	font-family: "Yu Gothic Medium", "游ゴシック Medium",  "メイリオ", "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;*/
	font-size: 14px;
	line-height: 1.5;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;	/* iPhone横位置でフォントサイズが変わるのを抑制 */
}
h1, h2, h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	font-weight: normal;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}

p {
	margin: 0.5em 0;
}

.clrfloat{
	clear: both;
	height: 0px;
}

span.wbr {
	display: inline-block;
	background-color: transparent;
}

span.bold {
	font-weight: bold;
}

/* バグのアナウンス */
section.bug {
	margin: 0 0 16px 0;
	color: red;
	text-align: center;
}
section.bug a {
	display: inline-block;
	color: white;
	background-color: red;
	border-radius: 4px;
}

/*---------------------------------------------------------------------------------- header */

header#pageheader {
	margin: 0;
	width: 100%;
	background-color: #5a82bd;
}

a#logo, a#logo:visited {
	display: block;
}
a#logo img {
	vertical-align: middle;
}

div#introduction p {
	color: white;
	line-height: 1.3;
}


/*---------------------------------------------------------------------------------- 記事を折りたたむ */
/* 記事内の[途中式][詳しく]など */

div.chapterBody details {
	margin: -4px 0 4px 0;
	background-color: gainsboro;
}
section details summary {
	padding: 0 8px;
	font-size: 14px;
	color: white;
	background-color: silver;
	cursor: pointer;
}

/*---------------------------------------------------------------------------------- aside */

aside#ngo {
	width: 100%;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
}

aside#ngo a {
	display: block;
	margin: 0;
	padding: 10px;
	color: white;
	background: url("../_image/external_link_14.svg"), darkgray;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: right 6px top 6px;
	border-radius: 4px;
}
aside#ngo a:visited {
	color: white;
}

aside#ngo h1 {
	margin: 0 -4px;
	font-weight: bold;
	text-align: center;
}
aside#ngo h2 {
	margin: -6px 0 0 0;
	text-align: center;
}
aside#ngo p {
	margin: 0;
}

/*---------------------------------------------------------------------------------- footer */

footer#pagefooter {
	margin: 0;
	width: 100%;
	padding: 10px 0;
	color: white;
	background-color: #5a82bd;
	text-align: center;
}

footer#pagefooter address p {
	margin: 10px 0 0 0;
	font-size: 12px;
}

footer#pagefooter img#imgEMail {
	width: 29px;
	height: 24px;
}

footer#pagefooter a, footer#pagefooter a:visited {
	color: white;
	text-decoration: underline;
}
footer#pagefooter a.external:after {
	content: "";
	display: inline-block;
	margin: 2px 4px;
	width: 12px;
	height: 12px;
	background: url("../_image/external_link_12.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■ スマートフォン：～666px   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

body {
	width: 100%;
}

/*---------------------------------------------------------------------------------- header */

header#pageheader {
	padding: 6px 0;
}

a#logo {
	width: 60%;
	max-width: 280px;/*入道雲*/
/*	max-width: 383px;/*鳥群*/
/*	max-width: 317px;/*カモメ右*/
	margin: 0 auto;
}

/* 検索ボックス */
div#serch_area {
	display: none;
}

div#introduction p {
	margin: 4px 0 0 0;
	font-size: 12px;
	text-align: center;
}

/*---------------------------------------------------------------------------------- aside */

aside#ngo {
	margin: 0 0 8px 0;
}

aside#ngo a:nth-of-type(2) {
	margin: 0 4px;
}

aside#ngo h1 {
	font-size: 3.55vw;
}
aside#ngo h2 {
	font-size: 2.13vw;
}
aside#ngo p {
	font-size: 2.48vw;
}

/*---------------------------------------------------------------------------------- footer */
/*
footer#pagefooter small#license > span {
	margin: -4px 0 0 0;
}*/




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■ タブレット：667px～884px ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width: 667px) {

/*---------------------------------------------------------------------------------- header */

div#introduction p {
	font-size: 14px;
}

/*---------------------------------------------------------------------------------- aside */

aside#ngo h1 {
	font-size: 20px;
}
aside#ngo h2 {
	font-size: 12px;
}
aside#ngo p {
	font-size: 14px;
}

}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■ デスクトップ小：885px～1201px   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width: 885px) {

/*---------------------------------------------------------------------------------- 共通 */

body {
	max-width: calc(170px + 20px + 410px + 410px + 35px);
	margin: 0 auto;
}

/*---------------------------------------------------------------------------------- header */

header#pageheader {
	padding: 6px 0 6px 0;
	border-radius: 0 0 4px 4px;
}

a#logo {
	float: left;
	margin: 8px 40px 0 40px;
}

div#introduction p {
	margin: 6px 20px 0 0;
	text-align: right;
}

/*------------------------------------------  検索ボックス */
div#serch_area {
	display: block;
	text-align: right;
	margin: 8px 20px 0 auto;
}
div#serch_area a {
	background-color: transparent;
}

div#serch_area form {
	margin: 0;
	padding: 0;
}

p#serch_link {
	margin: 6px 0 0 0;
	padding: 0;
	line-height: 1;
}
p#serch_link a {
	margin: 0 90px 0 0;
	color: white;
	font-size: 12px;
}
p#serch_link a.external:after {
	content: "";
	display: inline-block;
	margin: 0 4px;
	width: 12px;
	height: 12px;
	background: url("../_image/external_link_12.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

div#search_box {
	display: table;
	margin: -6px 0 0 auto;
}

p#input_box {
	display: table-cell;
}
p#input_box input {
	width: 160px;
}

p#submit_btn {
	display: table-cell;
}
p#submit_btn input#submit {
	width: 40px;
}

ul#search_type {
	margin: -8px 0 0 0;
	padding: 0;
	color: white;
	font-size: 10px;
	list-style: none;
	text-align: right;
}
ul#search_type li {
	display: inline;
	text-align: left;
}

/*---------------------------------------------------------------------------------- footer */

footer#pagefooter {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;

	border-radius: 4px;
}

footer#pagefooter div#license {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

footer#pagefooter div#license_img {
	margin: 0 10px;
}

footer#pagefooter div#license_txt {
	margin: 0;
	text-align: left;
}

footer#pagefooter address {
	margin: 0 10px;
}


}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■ デスクトップ中：1202px～1501px   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width: 1202px) {

/*---------------------------------------------------------------------------------- 共通 */

body {
	max-width: calc(170px + 20px + 410px + 410px + 410px + 53px);
}


}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■ デスクトップ大：1502px～ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (min-width: 1502px) {

/*---------------------------------------------------------------------------------- 共通 */

body {
	max-width: calc(170px + 20px + 410px + 410px + 410px + 53px + 300px);
}

/*---------------------------------------------------------------------------------- aside */

aside#ngo {
	margin: 24px 0;
	width: 280px;
	float: right;

	-webkit-flex-direction: column;
	flex-direction: column;
}

aside#ngo a:nth-of-type(2) {
	margin: 8px 0;
}

}