@charset "UTF-8";
body {	margin:0 ;
	background-color: #eee;
	color: #222;
	font-family: '游ゴシック','メイリオ', 'ヒラキノ角ゴProN',sans-serif;
        font-weight:500;
        

}
.flexbox {margin:0;
	 background-color:#fff;
	max-width:1000px;
	margin:0 auto;
}
/* ヘッダー */

.site {display:block;
	padding-top: 0;
	padding-bottom:20px;
	background-color:#fff;
	color: #009999;
	font-weight:700;
	text-align: center;
        margin:0 auto;
        max-width:1000px;
}
.site a {margin:0 auto;
	background-color:#fff;
	color: #009999;
	text-align: center;
	text-decoration: none;
        max-width:1000px;
}

.site.fa {margin : 0;
}
.topsite {display:block;
	padding-top: 10px;
	padding-bottom:5px;
	padding-left:4em;
	background-color:#fff;
	color: #000080;
	font-weight:600;
	text-align: leftr;        
        max-width:1000px;
        font-size:18px;
}
.headmenu {
	margin: 0 auto;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-color:#fff;
	color:#009999;
	max-width: 1000px;
}
.headmenu ul {display:flex;
		margin: 0 0 20px 0;
		padding: 0;
		color:#009999;
                width:100%;
		max-width: 1000px;		
}
.headmenu li {flex: 1;
		list-style-type: none;                
		padding:1px 0;
                width:100%;
		font-weight:500;
		color:#fff;
		background-color:#009999; 
}

.headmenu a {display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: inherit;
	text-decoration: none;
	text-align: center;
        width:100%
}
.headmenu a:hover {
		background-color:#ffffe0;
                color:#009999;
		font-weight:600;
}
/* フッター */
/* copyright */
.copyright	{
			display:block;
			margin:0;
			padding: 0;
			background-color:#afeeee;
			max-width:1000px;
}
.copyright p {		margin:0.1em 0 0.5em 0;
			color:#000;			
			text-align:center;
                        line-height:1.6;
		}
.footmenu {
			margin: 0 auto;
			border-top: solid 0px #ccc;
			border-bottom: solid 0px #ccc;
			background-color:#afeeee;
			color:#000;
			max-width: 1000px;
}

.footmenu ul {display:flex;
		margin: 0;
		padding: 0 0 0 0;
}
.footmenu li {
			flex: 1;
			list-style-type: none;
			padding-left:25px;
			line-height:1.8;
}

.footmenu a {
			display: block;
			margin: 0 0 0 0;
			padding: 12px 0 0 0;
			color: inherit;
			text-decoration: none;
			text-align: left;
}
.footmenu a:hover {
			background-color: #ffffe0;
}
/*  main  */
.main {
        background: #fff;
	margin:0 auto;
        padding-top: 0;
	padding-bottom:0;
        max-width:1000px;
       
}

.main  h1 {margin:0 0 0 0;
	   padding: 0 0 0 0;
           border-bottom:1px solid #0099ff;
	   color:#000080;
	   text-align:center;
	   font-weight:600;
}
.main h1 a {color: inherit;
	    text-decoration: none;
}
.main h2 {padding: 0 40px 0 0.5em;
	   margin:0 0 0 20px;
	   border-left:8px solid #bb0000;
           border-bottom:1px solid #bb0000;
	   color:#000080;
          font-weight:600;
	  clear:both;
}
.main h3 {padding: 0 40px 0 0.3em;
	   margin:10px 0 0 30px;
	   border-left:8px solid #ccc;
          border-bottom:1px solid #ccc;
	   color:#000080;
	  line-height:1.5;
          font-weight:600;
}
.main h4 {padding: 0 40px 0 1em;
	  margin:0 0 0 1.5em;
	  color:#000080;
	line-height:1.5;
          font-weight:600;
}
.main dl {margin:0 40px 0 10em;
          padding:0 0 40px 0
}
.main dt {padding: 0 0 0 1em;
	   color:#000080;
	   font-weight: 600;
	   list-style: none;
	   text-align:left;
	line-height:1.8;
}
.main dd {display: block;
	   padding: 0 0 0 3em;
	   text-indent:-1em;
	   margin-left:0;
	   line-height:1.5;
}
.main dd:before{content:'・';
}
.main p {padding:0 120px 1em 10em;
         margin:0 0;
	  line-height:1.5;
	  text-indent:1em;}
.main p span{padding:0;
	     line-height:0.5;
	     text-indent:0;
	     margin:0 auto 0 10%;
	     color:#000080;
	     font-weight:600;
}
.main display-test{background-color:#eee;
                   display:block;}

.main ul {padding: 0 40px 0.5em 3em;
	   margin:0 0 0 0;
	   line-height:1.3;
	   
}
.main li  {padding: 0 20px 0.5em 0;
	        margin:0 0 0 0;
}
.main li a {color: inherit;
	     text-decoration: none;
	     font-weight:500;
}
.main li a:hover {background-color: #eee;
}
.main ol{    padding: 0 40px 0.5em 3em;
	     margin:0 0 0 0;
	     line-height:1.3;
}

.main ol li {list-style-type: none;
	     padding:  0 20px 0.5em 1.5em;
	     margin:0 0 0 0;
}
.main div.author{padding:0.75em 40px 1em 0;
	     line-height:1.5em;
	     text-indent:0;
	     margin:0 100px 0 0 ;
             text-align:right;
	     color:#000080;
	     font-weight:600;
}
 

/* ▼キャプション */
figcaption {
        font-size: 16px;
		color: #000080;
		font-weight:600;
        text-align: center;
		padding:10px 0;
}
figure img {
    padding: 20px 100px 20px 20px ;
    float:right;   
	width:30%;
	text-align:center;
}

/* 記事*/

@media (max-width: 669px) {
.site {font-size:20px;
	padding-bottom:5px;
}
.site.fa {
		font-size:20px;
}
.site a {
		font-size: 20px;
}
.topsite {font-size:16px;
}
.headmenu{font-size:18px;
}
.headmenu ul {display:block;
}
.headmenu li{font-size:20px;
             padding:5px 0;
             margin:10px 0;
}
.headmenu a{font-size:14px;
}
.headmenu a:hover {
		background-color:#ffffe0;
                color:#009999;
}
.copyright p {  font-size:14px;
}
.footmenu ul {  font-size:14px;
}
.footmenu a {   font-size:16px;
}
.main h1 {
		padding: 0 20px 0 0;
                font-size: 22px;
	}
.main h2 {
		font-size: 22px;
                padding: 0 20px 0 0.5rem;
	        margin:0 0 0 15px;
                font-weight:600;
	}
.main h3 {padding: 0 5px 0 0.3em;
		margin:0 0 0 0;
		font-size: 18px;
		border-left:none;
	}
.main h4 {      font-size:18px;
}
.main dl        {margin:0 20px 0 1em;
}
.main dt {
		font-size: 16px;
		padding: 0 0 0 0.5em;
	    font-weight: 600; 
		line-height: 1.5;
}
.main dd {
		font-size: 16px;
        padding: 0 0 0 1em;
	    margin-left:0;
	    line-height:1.5;
}
.main p {
		font-size: 16px;
		padding:0 20px 0 1em;
        margin:0.5em 0;
	  	line-height:1.5;
}
.main p span {font-size: 16px;
		margin:0 auto 0 1%;
}
.main div.author{padding:0.75em 0 0 0;
		font-size:16px;
		text-align:center;
}
.main ul {
		font-size: 16px;
		padding: 0 20px 0.5em 1.5em;
	        margin:0 0 0 0;
}
.main ol {
		font-size: 16px;
		padding: 0 20px 0.5em 1.5em;
	        margin:0 0 0 0;
}
.main li {      padding: 0 20px 0.5em 0;
	        margin:0 0 0 0;
}
figcaption {
                font-size: 14px;
}
figure img {
    	display: block;
    	margin: 0 auto;
	width:100%;
	text-align:center;
}
}
@media (min-width: 670px) and (max-width: 1000px) {
.site{font-size:26px;
}
.site.fa {font-size:26px;
}
.site a {font-size: 26px;
}
.topsite {font-size:18px;
}
.headmenu{font-size:16px;
}
.headmenu li{font-size:16px;
}
.headmenu a{font-size:16px;
}
.copyright p {  font-size: 16px;
}
.footmenu ul {  font-size:16px;
}
.footmenu a {   font-size:16px;
}
.main h1 {
		font-size: 24px;
	}
.main h2 {
		font-size: 22px;
	}
.main h3 {
		font-size: 20px;
	}
.main dt {
		font-size: 18px;
}
.main dd {font-size: 18px;
}
.main p {font-size: 18px;
}
.main p span {font-size: 18px;
}
.main div.author{padding:0.75em 4em 1em 0;
		font-size:18px;
		text-align:right;
}
.main ul {font-size: 18px;
}
.main ol {font-size: 18px;
}
.flexbox {background-color:#008080;
	}
figcaption {
                font-size: 16px;
}
}
@media (min-width: 1001px) {
.site   {font-size:26px;
}
.site.fa {font-size:26px;
}
.site a {font-size: 26px;
}
.topsite {font-size:18px;
}
.headmenu{font-size:16px;
}
.headmenu li{font-size:16px;
}
.headmenu a{font-size:16px;
}
.copyright p {  font-size: 16px;
}
.footmenu ul {  font-size:16px;
}
.footmenu a {   font-size:16px;
}
.main h1 {
		font-size: 24px;
	}
.main h2 {
		font-size: 22px;
	}
.main h3 {
		font-size: 20px;
	}
.main dt {
		font-size: 18px;
}
.main dd {
		font-size: 18px;
}
.main p {
		font-size: 18px;
}
.main p span {  font-size: 18px;
}
.main div.author{padding:0.75em 4em 1em 0;
		font-size:18px;
		text-align:right;
}
.main ul {
		font-size: 18px;
}
.main ol {
		font-size: 18px;
}
figcaption {
                font-size: 16px;
}
}