@charset "utf-8";

body{
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
  -moz-text-size-adjust:  100%;
  -ms-text-size-adjust:  100%;
}

 /*　画面マージン　*/
@media screen and (max-width: 1080px) {
	* { 
		margin:  0;
		padding:  0;
	} 
}
@media screen and (max-width: 768px) {
	* { 
		margin:  0;
		padding:  0;
	} 
}
@media screen and (max-width: 480px) {
	* { 
		margin:  0;
		padding:  0;
	} 
}

 /*　テーブルサイズ　*/
	table{
		width: 600px;
	}

@media screen and (max-width: 1080px) {
	table{
		width: 95%;
	}
}
@media screen and (max-width: 768px) {
	table{
		width: 95%;
	}
}
@media screen and (max-width: 480px) {
	table{
		width: 95%;
	}
}

 /*　水平線　*/
hr{
	height: 1px;
	width: 95%;
	background-color: black;
	border: none;
}
@media screen and (max-width: 1080px) {
	hr{
		height: 2px;
		width: 95%;
		background-color: black;
		border: none;
	}
}
@media screen and (max-width: 768px) {
	hr{
		height: 1px;
		width: 95%;
		background-color: black;
		border: none;
	}
}
@media screen and (max-width: 480px) {
	hr{
		height: 1px;
		width: 95%;
		background-color: black;
		border: none;
	}
}


 /*　-------------------------------------文字--------------------------------------------　*/

 /*　年月日　文字サイズ・色　*/
.date { 
	font-size : 20px ;
	color: black;
}
@media screen and (max-width: 1080px) {
	.date { 
		font-size : 40px ; 
		color:  black;
	}
}
@media screen and (max-width: 768px) {
	.date { 
		font-size : 40px ; 
		color:  black;
	}
}
@media screen and (max-width: 480px) {
	.date { 
		font-size : 40px ; 
		color:  black;
	}
}

 /*　タイトル　文字サイズ・色　*/
.maintitle { 
	font-size : 25px ;
	color: green;
}
@media screen and (max-width: 1080px) {
	.maintitle { 
		font-size : 48px ; 
		color: green;
	}
}
@media screen and (max-width: 768px) {
	.maintitle { 
		font-size : 48px ; 
		color: green;
	}
}
@media screen and (max-width: 480px) {
	.maintitle { 
		font-size : 48px ; 
		color: green;
	}
} 

 /*　サブタイトル　文字サイズ・色　*/
.subtitle { 
	font-size : 16px ;
	color: teal;
}
@media screen and (max-width: 1080px) {
	.subtitle {  
		font-size : 36px ; 
		color: teal;
	}
}
@media screen and (max-width: 768px) {
	.subtitle {  
		font-size : 36px ; 
		color: teal;
	}
}
@media screen and (max-width: 480px) {
	.subtitle {  
		font-size : 36px ; 
		color: teal;;
	}
} 

 /*　序文・あとがき　文字サイズ・色　*/
.jyobun { 
	font-size : 16px ;
	color: #00008b;
}
@media screen and (max-width: 1080px) {
	.jyobun{ 
		font-size : 36px ; 
		color: #00008b;
	}
}
@media screen and (max-width: 768px) {
	.jyobun{ 
		font-size : 36px ; 
		color: #00008b;
	}
}
@media screen and (max-width: 480px) {
	.jyobun { 
		font-size : 36px ; 
		color: #00008b;
	}
} 

 /*　本文　文字サイズ・色　禁則処理　*/
p { 
	font-size : 16px ;
	color: black;
	line-break: strict;
}
@media screen and (max-width: 1080px) {
	p { 
		font-size : 36px ;
		color: black;
		line-break: strict;
	}
}
@media screen and (max-width: 768px) {
	p { 
		font-size : 36px ; 
		color: black;
		line-break: strict;
	}
}
@media screen and (max-width: 480px) {
	p { 
		font-size : 36px ; 
		color: black;
		line-break: strict;
	}
} 

 /*　目次タイトル　文字サイズ・色　*/
.mokujititle{ 
	font-size : 30px ;
	font-weight: bold;
	color: white;
}
@media screen and (max-width: 1080px) {
	.mokujititle{ 
		font-size : 46px ; 
		font-weight: bold;
		color: white;
	}
}
@media screen and (max-width: 768px) {
	.mokujititle{ 
		font-size : 40px ; 
		font-weight: bold;
		color: white;
	}
}
@media screen and (max-width: 480px) {
	.mokujititle { 
		font-size : 40px ; 
		font-weight: bold;
		color: white;
	}
} 

 /*　目次　文字サイズ・色　*/
.mokuji { 
	font-size : 16px ;
	color: white;
	line-height:2;
}
@media screen and (max-width: 1080px) {
	.mokuji{ 
		font-size : 36px ; 
		color: white;
		line-height:2;
	}
}
@media screen and (max-width: 768px) {
	.mokuji{ 
		font-size : 36px ; 
		color: white;
		line-height:2;
	}
}
@media screen and (max-width: 480px) {
	.mokuji { 
		font-size : 36px ; 
		color: white;
		line-height:2;
	}
} 

 /*　-------------------------------------画像--------------------------------------------　*/

 /*　遊びが命ホームボタンの画像サイズ　*/
@media screen and (max-width: 1080px) {
	.homeb img{ 
		width: 60%; 
	}
}
@media screen and (max-width: 768px) {
	.homeb img{ 
		width: 40%; 
	}
}
@media screen and (max-width: 480px) {
	.homeb img{ 
		width: 50%; 
	}
}

 /*　リンクボタンの画像サイズ　*/
.linkb img{ 
		width: 130px; 
}
@media screen and (max-width: 1080px) {
	.linkb img { 
		width: 100%; 
	}
}
@media screen and (max-width: 768px) {
	.linkb img { 
		width: 100%; 
	}
}
@media screen and (max-width: 480px) {
	.linkb img { 
		width: 100%; 
	}
}

/*　その他の画像サイズ　*/
	.resizeimage img { 
		width: 100%; 
	}
@media screen and (max-width: 1080px) {
	.resizeimage img { 
		width: 100%; 
	}
}
@media screen and (max-width: 768px) {
	.resizeimage img { 
		width: 100%; 
	}
}
@media screen and (max-width: 480px) {
	.resizeimage img { 
		width: 100%; 
	}
}