@charset "utf-8";
/*
 * フォームページ（見積依頼・お問い合わせ・宅配キット申込）SP表示の共通スタイル。
 * 旧サイトはPC用テーブルを非表示にして別のSP専用フォーム(.sp_kitform)を表示していたが、
 * 新サイトはフォーム1セットに統合したため、SPではテーブルを縦積みで表示する。
 * 各ページの style.css の後に読み込むこと。
 */

@media (max-width: 480px) {

	/* 各ページCSSの display:none を打ち消してテーブルを縦積み表示 */
	#right_contents table {
		display: block;
		width: 100%;
		margin: 15px 0 0;
		border: none;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		box-sizing: border-box;
	}

	#right_contents table tbody,
	#right_contents table tr,
	#right_contents table th,
	#right_contents table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	/* 旧SPフォームの .sp_title 相当 */
	#right_contents table th {
		background-color: #F4ECD9;
		border-bottom: 1px solid #ccc;
		border-left: none;
		font-weight: bold;
		color: #2e0000;
		padding: 10px;
	}

	/* 旧SPフォームの .sp_form 相当 */
	#right_contents table td {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		border-left: none;
		padding: 10px;
		line-height: 1.8em;
	}

	#right_contents table input[type="text"],
	#right_contents table input[type="tel"],
	#right_contents table input[type="email"],
	#right_contents table textarea,
	#right_contents table select {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	#right_contents table input[type="file"] {
		max-width: 100%;
	}
}