@charset "utf-8";
body{
	color: #333;
	background-color: #fefefa;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
}
.header_area {
	padding: 10px;
	background-color: #D4BF9A;
}
.top_link_area {
	padding: 10px;
	background-color: #4C423B;
}
.footer_area {
	padding: 10px;
	background-color: #F4F0ED;
}

.small {
	font-size: 10px;
	font-weight: bold;
}
.footer_area h4 {
	line-height: 150%;
	font-weight: bold;
}
input:hover {
	opacity: 0.7;
}
.container .row {
	padding: 10px;
}
.orange {
	color: orange;
}
.red_bold {
	font-size: 24px;
	color: red;
}
#gift {
	width: 100%;
}

#gift th, #gift td {
	border: solid 1px #ccc;
	padding: 5px;
}
#error{
	color: red;
}
.fuku_color {
	background-color: #D4BF9A;
}
.gray {
	background-color: #f0f0f0;
}
.gray2 {
	background-color: #f0f0f0;
	padding: 6px;
}
.white2{
	font-size: 16px;
}
.min_red{
	color:red;
	font-size: 10px;
}
.red{
	color: red;
}
.min{
	font-size: 12px;
}
#namae,#yubin,#address,#phone,#e_mail,#e_mail_c,#comment{
		width:400px;
	}
	#date{
		width:200px;
	}
/* ---------------------------------------------------- */
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
	h1{
		font-size:140%;
		line-height:150%;
		font-weight:bold;
	}
	h2{
		font-size:130%;
		line-height:140%;
		font-weight:bold;
	}
	h3{
		font-size:120%;
		line-height:130%;
		font-weight:bold;
	}
	#namae,#yubin,#address,#phone,#e_mail,#e_mail_c,#comment{
		width:300px;
	}
	#date{
		width:160px;
	}


}


@media screen and (max-width:480px) {
/* 画面サイズが480pxまではここを読み込む */
	h1{
		font-size:130%;
		line-height:150%;
		font-weight:bold;
	}
	h2{
		font-size:120%;
		line-height:130%;
		font-weight:bold;
		/*text-align:left;*/
	}
	h3{
		font-size:110%;
		line-height:120%;
		font-weight:bold;
		/*text-align:left;*/
	}

	#namae,#yubin,#address,#phone,#e_mail,#e_mail_c,#comment{
		width:260px;
	}
	#date{
		width:120px;
	}

}