/* Smart Phone */
@media only screen and (max-width: 768px){
	#top-pic{
		margin:0 auto;
		width:95%;
	}
}

/* PC */
@media only screen and (min-width: 769px){
	#top-pic{
		margin:0 auto;
		width:780px;
	}
}



/* Top Page header */
h1{
	font-size:40px;
	color:blue;
	text-align:center;
	font-weight:bold;
}
@media only screen and (max-width: 560px){
h1{
	font-size:30px;
	color:blue;
	text-align:center;
	font-weight:bold;
}
}
#top-pic{width:100%}
#top-pic img{
	width:95%;
	margin:0 auto;
	text-align:center;
	display:block;
}

/* 記事１ */
.desc1, .desc2{
	width:90%;
	margin:10px auto 0;
	border:1px solid green;
	border-radius:10px;
	padding:10px;
}
.desc1 h2{
	font-size:28px;
	font-weight:bold;
	text-align:center;
}
.desc2 h2{
	font-size:28px;
	font-weight:bold;
}
.desc2 h3{
	font-size:24px;
	font-weight:bold;
}


/* 目次 */

.ul{
	width:200px;
	height:100px;
	margin:10px auto 20px;
	overflow:auto;
	border:1px solid;
	padding:0 5px;;
	-webkit-overflow-scrolling:touch;
}
.ul::-webkit-scrollbar{ /* スクロールバー全体 */
    width: 20px;
}

.ul::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #F70841;
    border-radius: 10px;
}
.ul::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #ffa5ba;
}
.ul::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #ffa5ba;
}}
.ul{
}
.ul li{
	margin:0 auto;
	text-align:center;
}
.ul li a{
	text-decoration:none;
}

.tbl{
	margin:0 auto;
	text-align:center;
}

.tbl td{
	border:1px solid;
	padding:0 2px;
	height:20px;
}
.tbl td a{
	text-decoration:none;
}

.tbl td:first-of-type{
	text-align:center;
	width:80px;
}
.tbl td:nth-of-type(2){
	text-align:center;
	width:80px;
}
.tbl td:nth-of-type(3){
	text-align:center;
	width:40px;
}
.tbl td:nth-of-type(4){
	text-align:center;
	width:100px;
}