@charset "Shift_JIS";
/* CSS Document */

/*-------------------------------------
// スマホ対応(@media)
-------------------------------------*/
@media (min-device-width:1024px) and (max-width: 650px),
        (max-width: 650px) and (orientation:landscape),
        (max-width: 450px) and (orientation:portrait)
{
	/* --- 共通 ------------------------------ */
	
	/* body 上書き */
	body {
		min-width: 0px !important;
		width: auto !important;
	}
	
	/* 表示設定 */
	.sp-inline      {display:inline !important;/* スマホ版のみ表示 */}
	.sp-block       {display:block  !important;	/* スマホ版のみ表示 */}
	.sp-none        {display:none   !important;	/* スマホ版のみ非表示 */}
	
	/* min-height */
	#main {
		min-height: 1px !important;
	}
	
	/* width: 100% */
	#header,
	#footer_area,
	#main,
	#header h1,
	div#main form,
	div#main form h2,
	div#main form table,
	div#main form table tr,
	div#main form table tr th,
	div#main form table tr td
	{
		width: 100% !important;
	}
	/* min-width */
	#header,
	#footer_area {
		min-width: 0;
	}
	/* 画像 */
	/*
	img {
		height: auto !important;
		width:  100% !important;
		max-width: 100%;
	}
	*/
	/* float解除 */
	div#main form table tr th,
	div#main form table tr td
	{
		float: none;
	}
	
	/* 共通フォーム調整 */
	/* フォームスタイルリセット */
	div#main form table tr th,
	div#main form table tr td {
		margin-left:   0 !important;
		margin-right:  0 !important;
		display: block;
		border: none !important;
	}
	/* 項目名 */
	div#main form table tr th {
		width: 100%;
		padding-left:   5% !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		text-align: center !important;
		font-size: 1.2em !important;
		
		background-color: #EEEEEE;
		margin-bottom: 0.3em;
		padding: 0.5em 0 !important;
		text-align: center;
	}
	/* 項目内容 */
	div#main form table tr td {
		width: 94%;
		font-size: 1.1em;
		padding: 0.4em 0 1.2em 3% !important;
	}
	/* input要素　基本スタイル */
	div#main form input[type="text"],
	div#main form input[type="email"],
	div#main form input[type="tel"],
	div#main form input[type="number"],
	div#main form input[type="image"],
	div#main form textarea,
	div#main form select,
	div#main form input[type="password"] {
		width: 92% !important;
		margin-left: 2% !important;
		margin-right: 3% !important;
		padding-left: 1% !important;
		padding-right: 1% !important;
		font-size: 1.3em !important;
		background-color: #F6FAFA !important;
	}
	div#main form table tr td textarea {
		margin-left: 3% !important;
		margin-right: 3% !important;
		padding-left: 1% !important;
		padding-right: 1% !important;
		width: 90% !important;
	}
	div#main form table tr td.radios {
		text-align: center;
		font-size: 1.3em;
	}
	div#main form table tr td.radios label {
		margin: 0 5px;
	}
	div#main form input[type="submit"],
	div#main form input[type="button"] {
		font-size: 1.3em;
		height: 50px;
	}
	div#main form input[type="submit"].buttonS,
	div#main form input[type="button"].buttonS {
		font-size: 1em;
		height: 30px;
	}
	
	/* 共通部分 */
	#header h1 {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		background-size: contain;
		text-align: center;
		font-size: 1.6em;
	}
	
	#main {
		padding-left: 0;
		padding-right: 0;
		margin-top: -50px;
		width: 94% !important;
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
	#main p.lead {
		text-align: center;
	}
	#mail form dl dt {
		margin-left: 2% !important;
	}
	#main.confirm-main #mail form blockquote {
		margin-left: 3% !important;
		margin-right: 3% !important;
	}
	#main.confirm-main form table tr th {
		background-color: #F3F3F3;
	}
	#main.complete-main #main-contents p.msg-j {
		font-size: 1.2em;
		line-height: 1;
		padding-top: 30px;
		margin-bottom: 1em;
		text-align: center;
	}
	#main.complete-main #main-contents p.msg-e {
		text-align: center;
	}
	#main #main-contents {
		min-height: 0px;
		margin-bottom: 3em;
	}
	
	#security dl#ssl dt {
		width: 30% !important;
		padding-left: 5%;
	}
	#security dl#ssl dd {
		width: 60% !important;
		padding: 0;
		padding-right: 5%;
		float: right;
	}
	
	#main div#security dl#ssl dt form#secom input {
		width: auto !important;
	}
	
	div#footer_area {
	/*	height: auto !important;	*/
		height: 160px !important;
		width: 95% !important;
		padding-left: 5% !important;
	}
	div#footer_main{
	width: 100% !important;
	padding:0;
	}
	div#footer_main div.menu {
		float: none;
	}
	div#footer_main div.menu li {
		float: none;
	}
	div#footer_main p.logo img {
		width: 147px;
		height: auto;
	}
}