@charset "utf-8";

/* for body */
body {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background: #FAF7F3;
	color: #000;
	font: 100% 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
}
#head {
	background: #00947a;
	color: #fff;
}
#head-in {
	padding: 8px 1em;
}
h1 {
	font-size: 135%;
	padding: 11px 0px 9px 0px;
	margin: 0;
}
#body {
	 font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
	margin-left: 1.5em;
}

.big-input {
    height: 30px;           /* 枠の高さ */
    font-size: 16px;        /* 文字サイズ */
    padding: 5px 10px;      /* 内側の余白（上下 左右） */
    box-sizing: border-box; /* 枠線を含めて高さを計算 */
}

.textarea {
    font-size: 20px;       /* 文字サイズを大きく */
    line-height: 1.5;      /* 行間を少し広げる（任意） */
    padding: 8px;          /* 内側の余白 */
  }

/* for table */
#form {
	max-width: 800px;   /* PCで広がりすぎないように最大幅を制限 */
  width: 100%;        /* 親要素に合わせる */
	border-collapse: collapse;
	margin: 1.5em 0;
}
#form th, #form td {
	border: 1px solid #333;
	padding: 8px;
}
#form th {
	width: 150px; /* 列幅を固定 */
	background: #F0E4D3;/*F0E4D3 */
}
#form td {
	background: #fff;
}

p.btn {
    	margin: 1em 1em 2em 10em;
    }
p.btn input {
	width: 110px;
	height: 40px;
}

/* for title */
h2 {
	font-size: 20px;
	text-align: left;
	border-left: solid 4px #ef002d;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
	margin: 22px 4px -5px 0px;
	width: 700px;
}

/* for message */
p.msg {
	color: #000000;
	margin: 2em;
}
span.msg {
	color: #000000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

/* スマホ用スタイル（幅600px以下） */
@media screen and (max-width: 600px) {
  ol {
	margin-top: -5px;     /* 外側の上余白をゼロに */
    padding-top: 0;    /* 内側の上余白をゼロに */
    padding-left: 2em;   /* 左余白を小さく */
    margin-left: 0;        /* ブラウザのデフォルト余白をリセット */
  }

  ol li {
	margin-top: 0;     /* 外側の上余白をゼロに */
    padding-top: 0;    /* 内側の上余白をゼロに */
    line-height: 1;      /* 行間を広げて読みやすく */
    margin-bottom: 0.8em;  /* 項目間の余白 */
    text-indent: 0;        /* 1行目の字下げをなしに */
  }
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
	body {
		 font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
		width: 100%;
		font-size: 100%;
	}
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	#form {
		margin: 0 auto;
		width: 96%;
	}
    #form th, #form td {
    	text-align: left;
		width: 96%;
        display: block;
        padding: 10px 5px;
    }
    p.btn {
    	margin: 1em 1em 2em 1em;
    	text-align: center;
    }
    p.btn input {
		padding: 5px 15px;
    font-size: 18px;
    border-radius: 5px;      /* 少しだけ角を丸く */
    	width: 7.5em;
    }
    
	/* 小見出し */
	h2 {
		font-size: 120%;
		margin: 1em 3px;
		width: 90%;
	}
	
	/* サンクス */
	p.msg { margin: 1em auto; padding: 1em; }
}