/* ===================================================
	★ 基本設定
=================================================== */

/* HTMLの設定 */
html {
	margin: 0 auto;
	padding: 0;
}

/* BODYの設定 */
body {
	font-family: "meiryo", "Arial";
	color: #333;
	line-height: 2;
}

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

/* リンクの設定 */
a {
	outline: none;
	text-decoration: none;
	color: #cc0000;
}

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

/* レイアウト大枠 */
.layout {
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat;
}

/* フッター */
.footer {
	/* DIVを横に並べる */
	display: flex;
	align-items: center;
	width: 90vw;
}

.sns {
	width: 40vw;
	margin-right: 0;
}

.copyright {
	width: 45vw;
	margin-left: auto;
	font-size: small;
	text-align: right;
	line-height: 2;
}

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

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

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

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

/* 文字を上寄せ */
.top {
	vertical-align: top;
}

/* フッター内ul */
.footer ul {
	list-style: none;
}

/* 見出し */

h1 {
	font-size: 16pt;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 10pt;
}

h5 {
	font-size: 8pt;
}

.text_12 {
	font-size: 12pt;
}

.text_10 {
	font-size: 10pt;
}

/* ===================================================
	★ 背景設定
=================================================== */

/* 背景画像：コンクリート */
.bg_01 {
	background-image: url(../../_img/bg_01.jpg);
	background-repeat: repeat;
	background-color: #ccc;
}

/* 背景画像：ダンボール */
.bg_02 {
	background-image: url(../../_img/bg_02.jpg);
	background-repeat: repeat;
	background-color: #e3b65b;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
}

/* 背景画像：紙 */
.bg_03 {
	background-image: url(../../_img/bg_03.jpg);
	background-repeat: repeat;
	background-color: #e9dfd5;
}

/* 背景画像：紙 影無し */
.bg_03_ns {
	background-image: url(../../_img/bg_03.jpg);
	background-repeat: repeat;
	background-color: #e9dfd5;
}

/* 背景画像：板 */
.bg_04 {
	background-image: url(../../_img/bg_04.png);
	background-repeat: repeat;
	background-color: #c3986d;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
}

/* 背景画像：しわしわの紙 */
.bg_05 {
	background-image: url(../../_img/bg_05.png);
	background-repeat: repeat;
	background-color: #fff;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

/* 背景半透明（白） */
.tuk_wh {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	border: 0;
}

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

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

/* バナー */
.banner {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

/* SNS他アイコン */
.icon {
	width: 50px;
}

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

/* TABLE DIV P には枠を付ける */
/* 
html,
body,
table,
p,
ul,
footer {
	border: 5px solid #f00;
}

div {
	border: 5px solid #fc0;

}

.b_yellow {
	border: 5px solid #fc0;
}

.b_red {
	border: 5px solid #f00;
}

*/