/* ===================================================
	★ 共通設定
=================================================== */

html,
body {
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}

/* ===================================================
	★ リンク設定
=================================================== */

/* リンク色設定 */
a:link,
a:visited {
	color: #ff0000;
	text-decoration: none;
	overflow-wrap: anywhere;
	word-break: break-all;
}

a:active,
a:hover {
	color: #ffcc00;
	text-decoration: none;
	overflow-wrap: anywhere;
	word-break: break-all;
}

/* ===================================================
	★ エリア設定
=================================================== */

/* 大外div設定（全画面用） */
.layout {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

/* コンテンツエリア */
.con_area {
	height: auto;
	margin: 0 auto;
	line-height: 2;
	border-radius: 10px;
}

/* タイトルエリア */
.title_area {
	width: 100vw;
	height: 100vh;
}

/* メニューエリア */
.menu_area {
	width: 80%;
	height: auto;
	margin: 0 auto;
}

/*スペースエリア*/
.space,
.between {
	height: 50px;
}

/* フッターエリア */
.footer {
	text-align: center;
	font-size: small;
	padding: 30px;
}

/* 注意書きエリア */
.caution_area {
	width: 80%;
	margin: 0 auto;
	color: #ff0000;
	border: 5px solid #ff0000;
	font-weight: bold;
	text-align: center;
}

/* ===================================================
	★ 文章＆文字設定
=================================================== */

/* 赤字 */
.red {
	color: #ff0000;
}

/* 太字 */
.bold {
	font-weight: bold;
}

/* 小文字 */
.small {
	font-size: small;
}

/* 文字サイズ大 */
.big {
	font-size: large;
}

/* 文章中央揃え */
.text_c {
	text-align: center;
}

/* 文章左寄せ */
.text_l {
	text-align: left;
}

/* 文章右寄せ */
.text_r {
	text-align: right;
}

/* 文章DIVを中心に配置 */
.text_r,
.text_c,
.text_l,
.footer {
	margin: 0 auto;
}

hr {
	border: none;
	border-top: 2px solid #933;
	height: 0;
}

h1 {
	font-size: 21pt;
	font-weight: bold;
	padding: 10px;
}

h2 {
	font-size: 18pt;
	font-weight: bold;
	padding: 10px;
}

h3 {
	font-size: 15pt;
	font-weight: bold;
	padding: 10px;
}

/* 画像右寄せ文章回り込み */
.img_r,
.f_r {
	float: right;
	padding: 30px;
}

/* 画像左寄せ文章回り込み */
.img_l,
.f_l {
	float: left;
	padding: 30px;
}

/* 文章回り込み解除 */
.img_none {
	clear: both;
}

/* 用語解説の用語を太字に */
dt {
	font-size: 100%;
	font-weight: bold;
}

/* ===================================================
	★ 画像設定
=================================================== */

.illust_l {
	float: left;
}

.illust_r {
	float: right;
}

/* ===================================================
	★ 装飾設定
=================================================== */

/* リスト表示マーク非表示 */
.li_none {
	list-style-type: none;
	padding-left: 30px;
}

/* 箇条書き 基本マークなし */
ul {
	list-style-type: none;
}

/* 箇条書きマークなし */
.li_none {
	list-style-type: none;
}

/* 箇条書きマーク■ */
.li_m1 {
	list-style-type: '■';
}

/* 箇条書きマーク※ */
.li_m2 {
	list-style-type: '※';
}

/* 濃い灰色の線 */
.border_1 {
	border: solid 3px #333;
	border-radius: 10px;
	padding: 30px;
}

/* DIV枠（濃い灰ドット） */
.waku_h {
	padding: 15px 30px 15px 30px;
	margin: 15px 0 0px 0;
	border: 5px #333;
	border-style: dotted;
	box-sizing: border-box;
}

/* DIV枠（うすい灰ドット） */
.waku_l {
	padding: 15px 30px 15px 30px;
	margin: 15px 0 0px 0;
	border: 5px #999;
	border-style: dotted;
	box-sizing: border-box;
}

/* DIV枠なし */
.w_none {
	padding: 15px 30px 15px 30px;
	margin: 15px 0 15px 0;
	border-style: none;
	box-sizing: border-box;
}

/* 影を付ける・大 */
.shadow_b {
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
}

/* 影を付ける・小 */
.shadow_s {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

/* 角を10px丸くする */
.maru_10 {
	border-radius: 10px;
}

/* 角を5px丸くする */
.maru_5 {
	border-radius: 5px;
}

/* 背景を半透明白に */
.bg_10 {
	background-color: rgba(255, 255, 255, 0.5);
}

/* ===================================================
	★ サイト作成時の設定
=================================================== */

/* divに色枠を付ける */
/*
body,
table,
tr,
th,
td,
div,
p,
ul,
ol,
li,
span {
    border: solid 2px #ff0000;
}

*/