@charset "UTF-8";

/* 共通部分 ------------------------------------- */


:root {

/*
  --dark-color   : mediumturquoise;
  --medium-color : darkseagreen;
  --light-color  : antiquewhite;
  --base-color   : rgba(254,248,244,1);
  --to-top-color : rgba(179,66,74,1);
  --main-font-color : rgba(2,37,97,1);;
  --margin-color	:linen;
  --hover-color     : rgba(219,158,49,1);
*/

  --dark-color   : darkolivegreen;
  --medium-color : darkseagreen;
  --light-color  : antiquewhite;
  --base-color   : rgba(254,248,244,1);
  --to-top-color : rgba(179,66,74,1);
  --main-font-color : rgba(2,37,97,1);;
  --margin-color	:linen;
  --hover-color     : rgba(219,158,49,1);

/*  --dark-color      : rgba(32,81,130,1);
  --medium-color    : rgba(166,164,189,1);
  --light-color     : rgba(213,230,228,1);
  --base-color      : rgba(254,248,244,1);
  --to-top-color    : rgba(179,66,74,1);
  --main-font-color : rgba(2,37,97,1);*/
 /* --margin-color	: rgba(219,158,49,1);*/
/*  --margin-color	: rgba(213,230,228,1);
  --hover-color     : rgba(219,158,49,1);*/
  
  
/*
  --dark-color   : red;
  --medium-color : green;
  --light-color  : yellow;
  --base-color   : pink;
  --to-top-color : orange;
  --main-font-color : gray;
  --margin-color	: green;
*/
}


html {
	font-size : 100% ;
}

body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; 
	line-height : 1.3;
	color : var(--main-font-color); 	/* フォントの色 */
	background-color : var(--margin-color);  
}






img {
	max-width : 100%;	/* 親要素より大きくならないようにする */
	vertical-align : top;	/* 画像の下の余白取る */
}






			#to-top {
				position: fixed;
				display : none ;
				top: 75%;
				right: 1%;
				margin: 0;
				width: 50px;
				height: 50px;
				z-index: 2;
				}
				
			
			#to-top a {
				display: block;
				width: 100%;
				height: 100%;
				text-align: center;
				line-height : 48px;

    			/*background: var(--light-color);*/
				border-radius: 50px;
				border : solid  var(--to-top-color);
			    text-decoration: none; 
				font-size : 1.5rem;
				color : var(--to-top-color);				/* アンカーのマウスオーバー時の色指定を上書き */

				}

			#to-top a:hover {								/* 別のcssで指定されているもののここだけ修正 */
				color : var(--base-color);				/* アンカーのマウスオーバー時の色指定を上書き */
				background-color : var(--to-top-color) ;  /* 透明で上書き */ 
				}





			#to-last {
				position: fixed;
				/* display : none ; */
				top: 85%;
				right: 1%;
				margin: 0;
				width: 50px;
				height: 50px;
				color: white;
				text-align: center;
				z-index: 2;

				}


			#to-last a {
				display: block;
				width: 100%;
				height: 100%;
				text-align: center;
				vertical-align: middle;
				line-height : 48px;

				border-radius: 50px;
				border : solid var(--dark-color);
			    text-decoration: none; 
				font-size : 1.5rem;
    			background-color : rgba(31,78,121,0);
    			color : var(--dark-color);

				}

			#to-last a:hover {								/* 別のcssで指定されているもののここだけ修正 */
				color : var(--base-color) ;				/* アンカーのマウスオーバー時の色指定を上書き */
				background-color : var(--dark-color);	  /* 透明で上書き */ 
				}




#taikai-log p {
	padding-left : 10px;
	
	}
	
/* SPの時だけ、brを余分に入れる。 */
.taikai-br	{ display : none; }

article	{
	max-width : 1024px;
	margin : 0 auto auto auto;
	padding : 0;
	background-color : var(--base-color) ;  

	display : flex ;
	flex-direction : column ;
	justify-content : center ;
	text-align : center ;
	
	}



.main-content	{
	max-width : 95%;
	margin : 30px auto ;
	padding : 30px 5% 50px 5%;
	background-color : var(--base-color) ;  

	display : flex ;
	flex-direction : column ;

	text-align : center ;
	
	}



.top-banner {
	text-align : center; 
	font-size : 2.0rem;
	color : var(--base-color);
	background-color : var(--dark-color) ;
	height : 200px;
	line-height : 55px;
	width : 100%;
	font-family: "arial"; 

	font-weight : bold ;
	
	padding : 10px;
	margin : 0 auto auto auto;
	
	/*border-radius : 0 0 40% 40% ;*/
    background: linear-gradient(to bottom, var(--dark-color) 30%, var(--base-color));
	}



h1 {
	margin : auto auto 40px auto;
	}



.title-under	{

	margin : auto auto 50px auto ;

	}
	

.fig-box {
	display : flex;
	flex-wrap : wrap ;
	justify-content : center ;
	
	max-width : 700px ;
	margin : auto auto 100px auto ;
	}


.fig-box img {
	}




.fig-box a {
    display : block ;
	margin : 5px;
	max-width : 23% ;
	}


.fig-box a:hover {

    box-shadow : 0 0 30px 10px var(--hover-color) ;	
	}
	


.main-text	{
	text-align : left;

	/* max-width : 700px ;*/ /* 2023.12.14 外してみた */
	
	margin-bottom : 50px;

	}

.data-h3	{
	text-align : left; 
	font-size : 1.3rem;
	color : var(--base-color);
	background-color : var(--dark-color) ;
	
	padding : 8px;
	margin : 50px auto 15px 0;
	
	border-radius : 5px;
	
	}


.data-h4	{
	text-align : left; 
	font-size : 1.2rem;
	color : var(--dark-color);
	
	padding : 5px;
	margin : 30px 5px 10px 10px;
	
	border-radius : 5px;
	border : solid var(--dark-color);
	}



.data-box 	{

	}



.data-box p	{
	text-align : left; 
	font-family : "ＭＳ ゴシック";
	margin : 5px auto 5px 15px;

	}


.font-08	{
	font-size : 0.8em;
	}


.tablespace	{
	overflow-x : scroll;
	}

.table-all	{
	width :  150% ;
	margin : auto auto auto 15px;
	}


.table-tr-th	{
	background-color :  var(--medium-color) ;  
	color : var(--base-color) ; 
	height : 40px ;
	}

.table-tr-td	{
	background-color :  var(--light-color) ;   
	height : 30px ;
	}
	
.table-tr-td2	{
	background-color :  var(--light-color) ;  
	height : 27px ;
	}


.table-tr-td3	{
	background-color : var(--light-color) ;  
	height : auto ;
	vertical-align : top ;
	}

.table-tr-td3 td{
	padding-top : 5px ;
	}

.rivername{
	min-width : 60px ;
	}
		
.table-all th {
	padding : 1px;
	}

.table-all td {
	padding : 1px;
	}

.under-logo	{
	margin : 50px auto;
	}

.under-logo	img{
    height: 15vh;
    mix-blend-mode: multiply;
    }



.dr-tw-fb {
	max-width : 850px ;
	margin : 30px auto 10px auto ; /* 20220813 */
	max-height : 40px ;			/* 2020.03.10 20→40 */
	display : flex;
	flex-wrap : wrap ;		/* 2020.3.10　追加 */
	padding-bottom : 5px ;
}




.twitter-b1 {
	margin    :5px ;
}

.twitter-b2 {
	margin   : 5px ; /* ボタン間の余白 */
}

.facebook {
	margin    : 6px ; /* ボタン間の余白 */
}



.last-nav-list {
    display: flex;
    max-width: 250px;
    margin: 50px auto 5px auto;
    padding: 10px 10px 10px 10px;
    list-style: none;
	}   
    
    
.last-nav-list li {
    margin: auto 20px auto 20px;
	}  
	


.rireki  {
	font-size : 0.8em;
	text-align : left ;
	}
	


.comment-area {
	position : relative;
	}
	
	

footer	{
	margin : 50px auto  80px  auto ;
	text-align : center ;
	}

	
/* モバイル ----------------- */
@media (max-width: 600px ) {

html {
    font-size: 95%;
	}
	
/* SPの時だけ、brを余分に入れる。 */
.taikai-br	{ display : inline; }


.top-banner {
	font-size : 130%;
	line-height: 50px;
	height : 125px;
	}

.table-all	{
	font-size : 80%;
	}

}