@charset "UTF-8";
/* CSS Document */

/*
	全体にかかわるもの
*/
html { overflow:scroll; }
#wrapper { width:95%; max-width:900px; margin:60px auto; border:2px solid #6ab123; padding:4em 2%; }
#contents { width: 100%; max-width: 800px; margin:0 auto;}

/*
	マージンとか
*/
.mrgB10 { margin-bottom:10px; }
.mrgB20 { margin-bottom:20px; }
.mrgB30 { margin-bottom:30px; }
.mrgB40 { margin-bottom:40px; }
.mrgB50 { margin-bottom:50px; }
.mrgB60 { margin-bottom:60px; }
.mrgB70 { margin-bottom:70px; }
.mrgB80 { margin-bottom:80px; }

.mrgT60 { margin-top:60px;}

.mrgR15 { margin-right:15px;}

/*
	h1
*/
h1 { font-size:38px;}

/*
	説明文
*/
#wrapper p { text-align: left;}
#wrapper h2 { font-size: 28px;}
.desc { line-height: 1.5;}
.font_b { font-weight:bold;}
.red { color:#c00;}


/*
	問いわせ商品リスト
*/
table , th , td { border:1px solid #ccc;}
textarea { width:90%;}
.err { color:#c00; background-color:pink;}
th { text-align: center; font-weight: bold; padding:5px;}
td { text-align: left; padding:5px;}
table { border-collapse: separate; border-spacing: 1px;}

/*
	フォーム
*/
input[type="text"] {   -webkit-appearance: none;   border-radius: 0;}
input[name="button"] {   -webkit-appearance: none;   border-radius: 0; background-color:#eee;}
.btn01 { padding:1em; font-size:1em;}
.btnWrap { text-align:center; margin-top:1em;}

.formInfo th { width:40%; text-align:left; padding:1em;}
.formInfo td { width:60%; }

.txt01 { margin-left:0.5em; padding:0.5em; font-size:1em; width:80%; margin-top:0.2em; margin-bottom:0.2em; }
.txt02 { padding-left:0.5em; }

/*
	お問い合わせの流れ
*/
#contactFlow { text-align: left; width:95%; max-width:900px; margin:30px auto 120px auto; }
#contactFlow h2 { font-size:28px; margin-bottom:1.5em;}
#contactFlow span.big { font-size:32px; padding-right:1em;}

/*
	フッター
*/
#copyright p { text-align: center;}
#copyright a { color:#fff; text-decoration: none;}

#smp_footer { background-image:none;}
#smp_footer p { text-align: center;}
#smp_footer a { text-decoration: none;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	以下レスポンシブ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media (max-width: 767px) {
	#wrapper { border: none; margin-top:0; padding-top:0;}
	h1 { background-color:#6ad500; font-size:2em; text-align:center; margin-top:5px !important; margin-bottom:24px !important; padding-top:0.5em; padding-bottom:0.5em; }
	h2 { font-size: 1.5em;}
	span.big {display: block;}
	#smp_footer a { font-size: 0.875em;}

	.btnWrap input[name="button"] { display: block; min-width: 230px; margin-left:auto; margin-right:auto; margin-bottom:0.5em; text-align: center;}
	#contents p { font-size: 1.2em;}
}

@media (max-width: 400px) {
	body { font-size:0.875em; }
}