@charset "utf-8";

html,body,h1,h2,div,p,span,a,ul,ol,li,dl,dt,dd,small,header,nav,main,article,section,aside,footer{
	margin:0;
	padding: 0;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	text-align:left;
}
header,nav,main,article,section,aside,footer{display:block;}

/* 今回はheader～footerまで幅を決めてある設定 */
body{
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	max-width: 1024px;
	margin: auto;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:bold;
	color:color:#000000;
}


ul li,ol li{list-style:none;box-sizing: border-box;}
img{outline:none;border:none;}

a{outline:none;border:none;color:#000000;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

/*----- 基本スタイルシート web ----------------------------*/
/* 強調 */
.bold-20{
	font-size:16px;
	font-weight: bold;
	}
.bold-24{
	font-size:18px;
	font-weight: bold;
	}
.bold-28{
	font-size:20px;
	font-weight: bold;
	}
	
.red-20{
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}
.red-20{
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
}
.red-24{
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
}
.pink-20{
	font-size: 18px;
	font-weight: bold;
	color: #ff9999;
}
.pink-24{
	font-size: 20px;
	font-weight: bold;
	color: #ff9999;
}
.pink-28{
	font-size: 22px;
	font-weight: bold;
	color: #ff9999;
}
.ora-20{
	font-size: 18px;
	font-weight: bold;
	color: #ff6600;
}
.ora-24{
	font-size: 20px;
	font-weight: bold;
	color: #ff6600;
}
.ora-28{
	font-size: 22px;
	font-weight: bold;
	color: #ff6600;
}


/* 小さく見せる */
.note{
	font-size: 14px;
}

/* カラーアンダーライン */
.under-lb20{
	font-size: 18px;
	font-weight: bold;
	background: linear-gradient(transparent 80%,#00ffff 80%);
}
.under-lb24{
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(transparent 80%,#00ffff 80%);
}
.under-ora20{
	font-size: 18px;
	font-weight: bold;
	background: linear-gradient(transparent 80%,#ff6600 80%);
}
.under-ora24{
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(transparent 80%,#ff6600 80%);
}
.under-pink20{
	font-size: 18px;
	font-weight: bold;
	background: linear-gradient(transparent 80%,#ff9999 80%);
}
.under-pink24{
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(transparent 80%,#ff9999 80%);
}

/* アンダーライン */
.under-18{
	text-decoration:underline;
	font-size: 18px;
}
.under-20{
	text-decoration:underline;
	font-size: 20px;
}
.under-24{
	text-decoration:underline;
	font-size: 24px;
}

/* リストスタイル背景 */
.ul-green{
	font-size:16px;
	margin:20px 10px;
	padding: 10px 30px;
	list-style-type: disc;
	border-radius: 10px;
	background-color: #c6ffa3;
}
.ul-ao{
	font-size: 16px;
	margin:20px 10px;
	padding: 10px 30px;
	list-style-type:decimal;
	border-radius: 10px;
	background-color: #a3ffe3;
}
.ul-grey{
	font-size: 16px;
	margin:20px 10px;
	padding: 10px 30px;
	list-style-type:decimal;
	border-radius: 10px;
	background-color: #eeeee;
}

.ol li,.ul li,.mokuji li,.back li{
	margin-left: 20px;
	font-size: 16px;
	line-height: 2em;
}

/* ページトップへ戻るリンク */
.top_return{

	font-weight: bold;
	margin-top: 30px;

}
.top_return a{
	font-size: 22px;
}
.top_return a:hover{
	color: #009999;
	text-decoration: underline;
}

@media(min-width: 768px){
	/* 強調 */
	.bold-20{
		font-size:20px;
		font-weight: bold;
		}
	.bold-24{
		font-size:24px;
		font-weight: bold;
		}
	.bold-28{
		font-size:28px;
		font-weight: bold;
		}
		
	.red-20{
		font-size: 20px;
		font-weight: bold;
		color: #ff0000;
	}
	.red-24{
		font-size: 24px;
		font-weight: bold;
		color: #ff0000;
	}
	.red-28{
		font-size: 28px;
		font-weight: bold;
		color: #ff0000;
	}
	.pink-20{
		font-size: 20px;
		font-weight: bold;
		color: #ff9999;
	}
	.pink-24{
		font-size: 24px;
		font-weight: bold;
		color: #ff9999;
	}
	.pink-28{
		font-size: 28px;
		font-weight: bold;
		color: #ff9999;
	}
	.ora-20{
		font-size: 20px;
		font-weight: bold;
		color: #ff6600;
	}
	.ora-24{
		font-size: 24px;
		font-weight: bold;
		color: #ff6600;
	}
	.ora-28{
		font-size: 28px;
		font-weight: bold;
		color: #ff6600;
	}


	/* 小さく見せる */
	.note{
		font-size: 14px;
	}

	/* カラーアンダーライン */
	.under-lb20{
		font-size: 20px;
		font-weight: bold;
		background: linear-gradient(transparent 80%,#00ffff 80%);
	}
	.under-lb24{
		font-size: 24px;
		font-weight: bold;
		background: linear-gradient(transparent 80%,#00ffff 80%);
	}
	.under-ora20{
		font-size: 20px;
		font-weight: bold;
		background: linear-gradient(transparent 80%,#ff6600 80%);
	}
	.under-ora24{
		font-size: 24px;
		font-weight: bold;
		background: linear-gradient(transparent 80%,#ff6600 80%);
	}
	.under-pink20{
		font-size: 20px;
		font-weight: bold;
		background: linear-gradient(transparent 80%,#ff9999 80%);
	}
	.under-pink24{
		font-size: 24px;
		font-weight: bold;
		background: linear-gradient(transparent 80%,#ff9999 80%);
	}

	/* アンダーライン */
	.under-18{
		text-decoration:underline;
		font-size: 18px;
	}
	.under-20{
		text-decoration:underline;
		font-size: 20px;
	}
	.under-24{
	text-decoration:underline;
	font-size: 22px;
	}

	/* リストスタイル背景 */
	.ul-green{
		font-size:16px;
		margin:20px 10px;
		padding: 10px 30px;
		list-style-type: disc;
		border-radius: 10px;
		background-color: #c6ffa3;
	}
	.ul-ao{
		font-size: 16px;
		margin:20px 10px;
		padding: 10px 30px;
		list-style-type:decimal;
		border-radius: 10px;
		background-color: #a3ffe3;
	}
	.ul-grey{
		font-size: 16px;
		margin:20px 10px;
		padding: 10px 30px;
		list-style-type:decimal;
		border-radius: 10px;
		background-color: #eeeee;
	}
	.mokuji{
		font-size: 16px;
		margin:20px 10px;
		padding: 10px 30px;
		border-radius: 10px;
		background-color: #eeeeee;
	}
	.ol li,.ul li,.mokuji li,.back li{
		margin-left: 20px;
		font-size: 18px;
		line-height: 2em;
	}
}