@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@100..700&display=swap')





/*============================================
全般的なスタイル
============================================*/
* {
	margin:auto; padding: 0em; 	
}

body	
{font-family: "M PLUS 1 Code", monospace;
background-color:#F8F8FF;	/*変更　　#B0E0E6（パウダーブルー）#FFCCCC（ピンク）*/
color: #220000;/*変更　　#5F1F1D（焦げ茶）*/
font-size:120%;
line-height:1.5;
padding: 1.75em;
}
img {
max-width: 100%;
height: auto;
}

a:link { color: #00687C; }/*変更　　#008080（青緑）#00687C（青の濃い青緑）*/
a:visited { color: #220000; }/*変更　#5F1F1D（焦げ茶）*/
a:hover { color: #FF6666; }/*変更　　#FF6666（蛍光レッド）*/
a:active { color: #FF6666; }/*変更　#FF6666（蛍光レッド）*/

li {
	list-style-type:none;		/*リストマーカー無しにする*/
	
}
/*background-image:url("images/bg_body.png");	/*ウェブページ全体の背景画像*/



}


div#pagebody {
	background-color:#FDF5E6;		/*内容全体の背景色*/
	margin: auto;
	max-width: 1280px;
	min-width: 600px; 	}
	
div#pagebody li{
	list-style-type:none;		/*リストマーカー無しにする*/
	
}
img {border:0;} 				/*画像のボーダーを0にする*/



a.no-underline {
  text-decoration: none;
}
table { background-color: #ffffff; }
td {
text-align: center;
}

h1 {
  position: relative;/* 相対的ポジション*/
  font-size: 2em;
}

h2 {  /* 文字の下に点線　2px*/
	font-size: 1.5em; 
	color: #220000;/*#5F1F1D（焦げ茶）*/
	border-bottom: dashed 2px #666666;/*点線　#666666（鼠色）*/
}

h3 {
  position: relative;/* 相対的ポジション*/
  font-size: 1.125em;
}


h4 {
	position: relative;
	font-size: 1em;
	color: #003399;/* #003399（濃い青）*/
}

.memo {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 0px #00B1BB;
	background: #FFFFFF;
}
.memo .memo-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 22px;
    background: #CEE2E2;
    color: #220000;

}
.memo p {
    margin: 0; 
    padding: 0;
}

	

 /* === ベースのBOX =============================================== */
.nextReadBox {
  position      : relative;                 /* relative指定は必須   */
  overflow      : hidden;                   /* hidden指定は必須     */
  transition    : .5s;                      /* 開閉の速度           */
  height        : 50px;                    /* 閉じているときの高さ */
 
  background    : #fff;               /* 色や文字情報は変更ください */
  line-height   : 1.3;
  padding       : 5px 10px;
  text-align    : left;
  font-size     : 13pt;
  font-weight   : bold;
  border        : 3px solid #999;
  border-radius : 8px;
  max-width     : 400px;
  margin        : auto;
}
 


.rad {
    border-radius:1rem;
    -webkit-border-radius:1rem;
    -moz-border-radius:1rem;
}
.box {
    width:100%;
	padding:0rem;
    background-color:#FFFFFF;
    text-align:center;
}