*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
/*-------------------------
画像と映像
------------------------------*/
img,svg,video{
	margin:0;
	padding:0;
	/*画像を中央に揃える*/
	vertical-align:middle;
}
img{
	/*グーグルクロームの画像ぼけを防止*/
	image-rendering:-webkit-optimize-contrast;
}
/*-------------------------
文章
------------------------------*/
p{
	line-height:1.7;
	margin:0 0 25px 0;
	padding:0 3px;
	color:#2a4239;
}
/*-------------------------
リンク
------------------------------*/
a{
	text-decoration:none;
	color:#1f66ff;
}
a:hover{
	text-decoration:underline;
}
/*-------------------------
リスト
------------------------------*/
ul{
	/*margin-left:30px;*/
}
li{
	/*padding:0 0 10px 5px;*/
}

/*=================================
頁の大枠。
===============
====================================================*/
.container{
	width:100%;
	display:flex;
	/* margin-top:50px; */
}
.content{
	width:100%;
	display:flex;
	/* background-color:aqua; */
	margin:0;
	justify-content: center;
	position:relative;
}
.content-frame{
	/*background-color:antiquewhite;*/
}

.main-frame{
	max-width: 900px;
	/*border:1px solid #e5e5e5;*/
	border-radius:5px;
	/*box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.05);*/
	/*margin:30px 0 50px 0;*/
	margin:7px 0 50px 0;
}

main{
	font-family:'NotoSans', 'NotoSansCJKjp', Verdana, sans-serif;
	
	/* margin: 40px auto 60px; */
	margin-bottom:50px;
	text-align:left;
	/* background-color:skyblue; */
	
	padding:0;
	flex-grow:1;
	word-break:break-all;
}


/*=================================
文章枠。
===============
====================================================*/
.article{
	/*margin:0 10px 65px;*/
	margin:0 10px 35px;
	padding:0;
	font-size:14px;
}

article{
	/*margin:0 0 50px 0;*/
	/*margin:0 0 50px 0;*/
	margin:0 0 35px 0;
}

/*=================================
宣伝広告枠。
===============
====================================================*/
aside{
	margin:0;
}

/*=================================
ナビゲーション枠。
===============
====================================================*/

nav{
	font-size:14px;
}
.navigation{
	margin:0 10px 65px;
	padding:0;
	font-size:14px;
}
.navigation:last-child{
	margin:0 35px 40px;

}

.box{
	height:10px;
	width:100%;
	overflow:hidden;
	position:relative;
	background-color:#eaeaea;
}
.bar{
	height: 100%;
	width: 0%;
	position: absolute;
}
.html{
	background-color:#ffca28;
}
.skyblue{
	background-color:skyblue;
}
.black{
	background-color:#333;
}
.green{
	color:#449e44;
}
button{
	cursor:pointer;
}

.page-data{
	color:#444;
	text-align:center;
	font-size:13px;
	padding:15px 0;
}

/*=================================
縦スクロール編集。
===============
====================================================*/

body::-webkit-scrollbar{
	width:18px;
}
body::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:8px;
	border-right:3px solid transparent;
	border-left:3px solid transparent;
	background-clip:padding-box;
}
body::-webkit-scrollbar-track{
	background-color:#fff;
	margin-top:2px;
	margin-bottom:2px;
}
body::-webkit-scrollbar-thumb:hover{
	background-color:#505050;
}