html {
	scroll-behavior: smooth;
}
BODY {
	margin:0;
	overflow-x :hidden;
	background:url(https://nazo2.cloud/img/background/kaibun.png);
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;

}

A:link {color:#f50028; text-decoration:none;}
A:visited {color:#993333;}
A:active {color:#993333;}
A:hover  {color:#996666;
text-decoration: underline;}


header {
	width:100%;
	height:118px;
	background:url(https://nazo2.cloud/img/background/kaibun_header.png);
	border-top: 1px #990000 solid;
}
header h1{
	margin:0;
	padding:0 20px;
	box-sizing:boder-box;
	line-height:160%;
	
}
header h1 a {
	font-size:36px;
	color:#f50028;
	text-decoration:none;
	text-shadow:2px  2px 5px #000000,-2px  2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000;
}

header .kowamoji{
	width:100%;
	max-width:320px;
}
header .kowamoji img{
	width:38px;
	height:auto;
}

#main {
	width:100%;
	max-width:800px;
	text-align:left;
	padding:10px 20px;
	box-sizing:border-box;
}

/*--------------------------------------
  パンくずリスト
--------------------------------------*/
.pan{
	width: 90%;
	margin: 10px;
	text-align: left;
	font-size:14px;
	color:#999999;
}

#side-top {width:36%;  text-align:left;  padding:0;  float:left;}


P {color:#999999;  margin-left:20px;  margin-right:10px;  line-height:140%;  font-size:20px;}


.t700 {width:100%;  margin:0;  text-align:left;  font-size:16px;  color:#999999;}

.t160 {width:300px;  margin: 0 auto;  margin-top: 10px;  padding-left:70px;  line-height:200%;}

#pr {width:100%;  font-size:14px;  margin-top:20px;}
#com {width:100%;  height:30px;  padding-top:10px;  font-weight:bolder;  color:#cccccc;}


H2 {text-align:center;  height:30px;  display:inline;  padding:4px;  color:#f50028;  font-size:28px;
  line-height:200%;
}
STRONG {color:#f50028;}

/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
li {	margin:0;
	padding:0;
}

.menu li{
	float:left;
	width:50%;
	font-size:20px;
	min-height:40px;
}
.menu img{
	vertical-align:-4px;
	margin-right:5px;
	width:32px;
	height:32px;
}
.nav li{
	font-size:18px;
	min-height:36px;
}
.nav img{
	vertical-align:-4px;
	margin-right:5px;
	width:24px;
	height:24px;
}

.info	{font-size:16px;}
.ind	{margin-left: 20px;  margin-right:10px;}
.b	{font-weight:bolder;}
.center	{text-align:center;}
.middle	{vertical-align:middle;}
.red	{color:#ff3333;  font-weight:bolder;}


HR  {color:#f50028;  background-color:#f50028;  border:1px;}

IMG {border-width:0px}

IMG.ico{vertical-align:-4px;  margin-right:5px;} 

/*--------------------------------------
　フッターリンク
--------------------------------------*/
#info {
	width:90%;
	max-width:640px;
	margin:0 auto;
	margin-top:10px;
	border:1px #555555 solid;
	border-bottom:none;
	border-right:none;

}
#info li {
	float:left;
	width:25%;
	line-height:130%;
	text-align:center;
	height:35px;
	font-size:14px;
	padding:8px 5px 0 5px;	
	background-color: rgba(64,64,64,0.5); 
	box-sizing:border-box;
	border-bottom:1px #555555 solid;
	border-right:1px #555555 solid;
}
#info li a {
	color:#999999;
}
/*--------------------------------------
　コピーライト
--------------------------------------*/
.copyright {
	font-size:16px;
	margin-top:10px;
}
.copyright a{
	color:#999999;
}
.copyright img{
	width:20px;
	height:20px;
	margin-right:4px;
	vertical-align:-2px;
}
.copyright hr{
	margin:10px 0;
}
/*--------------------------------------
　広告
--------------------------------------*/
.hint_ad {
	margin:0 auto;
	text-align:center;
}
.article_ad {
	margin:0 auto;
	margin-bottom:5px;
	text-align:center;
}

@media screen and (max-width: 640px){
#main {
	padding:10px 10px;
}
.menu li{
	float:none;
	width:100%;
}

#info li {
	width:50%;
}