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

/*-------------------------------------
// スマホ対応(@media)
-------------------------------------*/
@media screen and (max-width:  767px)
{
	/* --- 共通 ------------------------------ */
	
	/* 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,
	.header-main__inner,
	#contents,
	#footer,
	#main,
	#footer .footer-main,
	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 {
		min-width: 0;
	}
	/* 画像 */
	#contents img:not(.not-fullwidth) {
		height: auto !important;
		width:  100% !important;
		max-width: 100%;
	}
	/* float解除 */
	div#main form table tr th,
	div#main form table tr td
	{
		float: none;
	}
	
	/* ヘッダー */
	body.seminar-form #header #header-wrapper {
		margin-bottom: 26px;
	}
	#header-main .logo {
		padding-top: 25px;
	}
	#header-main .logo a {
		display: block;
		margin: 0 auto;
		width: 60% !important;
	}
	#header-main ul#header-menu {
		font-size: 0.9em;
		margin-top: 4px;
	}
	
	/* タイトル */
	div#main div.form-title {
		padding: 20px 0 10px;
	}
	div#main div.form-title img {
		max-width: 130%;
	}
	
	/* エラー概要 */
	div#main p.main-error-message {
		font-size: 1.1em;
		margin-top: 1em;
		width: 90% !important;
		padding: 1em 2%;
	}
	
	/* ページ別タイトル */
	div#main .h2 span {
		font-size: 1.2em;
		line-height: 1.5;
	}
	div#main .h3 span {
		font-size: 0.8em;
	}
	
	/* リード文 */
	div#main form p.lead {
		font-size: 1.1em;
	}
	
	/* 注意分 */
	div#main form ul.seminar-caution {
		padding-left: 3%;
	}
	div#main form ul.seminar-caution li {
		text-indent: -1em;
		margin-left:  1em;
	}
	
	/* 必須マーク説明 */
	div#main form .hissu-title {
		margin: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 3%;
		position: relative;
		top: 15px;
		left: 0;
	}
	
	/* 中区分タイトル */
	div#main form h4 {
	/*	border-top: 2px solid #FA4803;	*/
	/*	color: #FA4803;	*/
	/*	font-size: 1.5em;	*/
		border-top: 3px solid #D7000F;
		color: #B20000;
		font-size: 1.7em;
		background: -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 transparent;
		border-bottom: 1px solid #CCCCCC;
		font-weight: normal;
		padding: 5px 3% 4px;
		position: relative;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
		top: -1px;
	/*	width: 94%;	*/
		width:100%;
	}
	
	/* お問い合わせ先 */
	
	/* フッター */
	#footer {
		margin-top: 80px;
	}
	#footer-sign img {
		width :114px !important;
		height: auto !important;
	}
	#footer address#copyright {
		text-align: center;
	}
	
	/* 共通フォーム調整 */
	/* フォームスタイルリセット */
	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 !important;
	}
	div#main form table tr td.size3L {
		font-size: 1.3em;
		line-height: 1.7;
	}

	/* iPhoneのフォームパーツをリセット */
	form input[type="text"],
	form input[type="tel"],
	form textarea,
/*	form select,	*/
	form input[type="password"],
	form input[type="button"],
	form input[type="image"],
	form input[type="submit"] {
		-webkit-appearance: none !important;
		border-radius: 0 !important;
	}
	/* input要素　基本スタイル */
	div#main form input[type="text"],
	div#main form input[type="tel"],
	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: 1em !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 table tr td .input-example {
		padding-left: 5%;
	}
	
	/* エラー箇所ハイライト */
	#main form#entry-list-form table tr .err-highlight input[type="text"], 
	#main form#entry-list-form table tr .err-highlight input[type="tel"], 
	#main form#entry-list-form table tr .err-highlight textarea, 
	#main form#entry-list-form table tr .err-highlight select,
	#main form#entry-list-form table tr .err-highlight input[type="password"] {
		border-width: 2px;
	}
	
	#main form .input-error {
		font-size: 1.1em;
	}
	
	/* 項目個別スタイル調整 */
	#main form#entry-list-form table tr td input.name-kanji-sei[type="text"],
	#main form#entry-list-form table tr td input.name-kanji-mei[type="text"],
	#main form#entry-list-form table tr td input.name-kana-sei[type="text"],
	#main form#entry-list-form table tr td input.name-kana-mei[type="text"] {
		width: 30% !important;
	}
	#main form#entry-list-form table tr td input.zip_code[type="text"] {
		width: 35% !important;
	}
	
	/* 決定ボタン */
	div#main form .submit-button input {
		margin: 0 !important;
		padding: 0 !important;
		width: 80% !important;
		position: relative;
		top: 20px;
	}
	
	/* --- 画面別 ------------------------------ */
	
	/* セミナートップ画面 */
	
	/* クオカードプレゼント */
	body#seminar-form-top ul li#seminar-list-quo p.quo-present {
		font-size: 1.2em;
		text-align: center;
		background-color: #FFF1F1;
		border-radius: 6px;
		padding: 1em 0.2em;
		width: 96%;
		margin: 0 auto;
		line-height: 1.2;
	}
	
	ul li#seminar-list-date p {
		margin-top: 0.3em;
	}
	ul li#seminar-list-date p .seminar-time,
	ul li#seminar-list-date p .seminar-address {
		font-size: 0.8em;
		font-weight: normal;
	}
	ul li#seminar-list-date .seminar-date-note {
		font-size: 1em;
	}
	ul li#seminar-list-date p.seminar-place {
		line-height: 1.2 !important;
	}
	ul li#seminar-list-date p.seminar-place .seminar-place-note {
		padding-left: 0 !important;
		padding-top:10px !important;
		display: block;
	}
	body#seminar-form-top ul li#seminar-list-place dl dt,
	body#seminar-form-top ul li#seminar-list-place dl dd {
		float: none;
		width: 100%;
	}
	body#seminar-form-top ul li#seminar-list-place dl dt {
		text-align: left;
		font-weight: bold;
		color: #333;
	}
	body#seminar-form-top ul li#seminar-list-detail table .main-title {font-size: 0.8em !important;}
	
	/* 申込 */
	body#seminar-form-top div.entry-box {
		width: 90%;
		padding-left:  0 !important;
		padding-right: 0 !important;
		margin-bottom: 30px;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		background: none;
		border: none;
	}
	div.entry-box ul li.entry-student,
	div.entry-box ul li.entry-parents {
		float: none;
		width: 85%;
		margin: 0 auto !important;
	}
	div.entry-box ul li.entry-student p,
	div.entry-box ul li.entry-parents p {
		width: 100%;
		margin: 0 auto !important;
	}
	div.entry-box ul li p.btn-entryform {
		margin-top: 10px !important;
	}
	div.entry-box ul li.entry-student {
		margin-bottom: 20px !important;
	}
	div.entry-box ul li .btn-entryform a {
		display: block;
		width: 100%;
	}
	div.entry-box ul li .btn-entryform img {
		width: 100%;
		max-width: auto;
	}
	div.entry-box ul li p.img-closed {
		left: 0;
		width: 102%;
		top: 1%;
	}
	div.entry-box .entry-note{
		padding-left: 1em;
		padding-right: 1em;
	}
	
	body#seminar-form-top ul li#seminar-list-detail .detail-inner .detail-seminar {
		float: none;
		width: 99%;
		margin: 1em auto 2em;
	}
	
	
	body#seminar-form-top ul li#seminar-list-detail table tr th,
	body#seminar-form-top ul li#seminar-list-detail table tr td {
		display: block;
		width: 100%;
		padding-left: 0% !important;
		padding-right: 0%;
		border-width: 1px;
	}
	body#seminar-form-top ul li#seminar-list-detail table tr th {
		background-color: #DDD;
		padding-top: 7px !important;
		padding-bottom: 5px !important;
	}
	body#seminar-form-top ul li#seminar-list-detail table tr.header-row th {
		background-color: #FFF;
		text-align: left;
	}
	body#seminar-form-top ul li#seminar-list-detail table tr td {
		padding-bottom: 2em !important;
	}
	body#seminar-form-top ul li#seminar-list-detail table tr.sub-section td {
		padding-bottom: 1em !important;
		text-align: center;
	}
	body#seminar-form-top ul li#seminar-list-detail table tr td p .panelist-detail {
		margin-left: 0;
	}
	body div#win-panelist,
	body div#win-panelist p.img-panelist,
	body div#win-panelist p.img-panelist img {
		width: 100% !important;
		height: auto;
	}
	
	#main form#entry-list-form table tr td.gyokais {
		font-size: 1.1em;
		line-height: 2;
	}
	
	/* 確認画面 */
	div#main form.confirm-form table tr td {
		padding-left:  3% !important;
		padding-right: 1% !important;
		width: 96% !important;
		font-size: 1.2em;
	}
	div#main form#entry-list-form.confirm-form .submit-button {
		left: 0;
		width: 100%;
		padding: 20px 0;
	}
	div#main form#return-form {
		width: 100%;
		position: relative;
		left: 0;
		top:10px;
	}
	div#main form#return-form .submit-button {
		width: 100%;
		text-align: center;
	}
	div#main form#return-form .submit-button input {
		max-width: 60% !important;
	}
	
	/* 完了画面 */
	div#main div#complete-area {
		font-size: 1em;
		padding: 20px 4% 30px;
		min-height: 1px;
	}
	div#main div#complete-area p,
	div#main div#complete-area dl.freemail-caution {
		padding-left: 0;
	}
	/* （保護者向けSNS誘導） */
	div#main div#complete-area div.parents-lead h3 {
		height: auto;
		background:none;
	}
	div#main div#complete-area ul.sns-lead-list li.lead-facebook {width: 100%;}
	div#main div#complete-area ul.sns-lead-list li.lead-twitter  {width: 100%;}
	/* （学生登録誘導） */
	div#main div#complete-area div.student-lead h3 {
		background: none;
		height: auto;
	}
	/* （特典 CSS-Sprite） */
	div#main div#complete-area div.student-lead {
		width:     100% !important;
		max-width: 100% !important;
	}
	div#main div#complete-area div.student-lead ul.tokuten {
		height: auto;
		background:none;
	}
	div#main div#complete-area div.student-lead ul.tokuten li {
		width: 90%;
		height: 100%;
		overflow: hidden;
		margin: 0 auto 10px;
	}
	div#main div#complete-area div.student-lead ul.tokuten li img          {position: relative; width: 310% !important; max-width: 400% !important;}
	div#main div#complete-area div.student-lead ul.tokuten li#tokuten1 img {left:     0;}
	div#main div#complete-area div.student-lead ul.tokuten li#tokuten2 img {left: -105%;}
	div#main div#complete-area div.student-lead ul.tokuten li#tokuten3 img {left: -211%;}
	/* （学生登録ボタン CSS-Sprite） */
	div#main div#complete-area div.student-lead .student-touroku {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	div#main div#complete-area div.student-lead .student-touroku input[type="image"] {
		width: 200% !important;
		max-width: 200% !important;
		height: auto;
		position: relative;
		left: -41%;
	}
	/* （保護者セミナー完了） */
	#main div#complete-area ul.sns-lead-list li.lead-facebook {width: 100％;}
	#main div#complete-area ul.sns-lead-list li.lead-twitter  {width: 100％;}
	
	

}