@CHARSET "UTF-8";

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatLeft{float:left;}
.floatRight{float:right;}

/* 来場予約・資料請求・お問い合わせ ------------------------------------------------ */
#contact_page{
	margin-bottom:200px;
}
#contact_page .flow{
	border:1px solid #B3B3B3;
	margin-top:30px;
	margin-bottom:50px;
	overflow: hidden;
	width:100%;
	min-height:30px;
}
#contact_page .flowList{
	transform: skew(-35deg);
	margin:0 -10px;
}
#contact_page .flowList li{
	background:#f3f3ec;
	border:1px solid #B3B3B3;
	text-align:center;
	padding:0;
	margin:-1px;
}
#contact_page .flowList li.active{
	background: #B4282D;
	border:1px solid #B3B3B3;
	color:#fff;
	text-align:center;
	padding:0;
	margin:-1px;
}
#contact_page .flowList li span{
    display: block;
    transform: skew(35deg);
    min-height:30px;
    line-height:30px;
    padding:0 20px;
}
#contact_page .attention{
	border-bottom:1px dashed #333;
	color:#333;
	padding-bottom:50px;
	margin-bottom:60px;
}
#contact_page .txtList li{
	text-indent: -1.2em;
	padding-left: 1.2em;
}
#contact_page .attention .f_small{
	font-size:1.2rem;
	font-size:12px;
}
#contact_page .attention .icon{
	font-size:1.0rem;
	font-size:10px;
	vertical-align:middle;
}
#contact_page .formWrap{
	max-width:900px;
	margin:0 auto;
}
#contact_page dd{
	padding:0 0 40px 0;
}
#contact_page dd #email2{
	margin-top:20px;
}
#contact_page .radio{
    margin-top: 0;
    margin-bottom: 0;
    padding-top:0 !important;
}
#contact_page .radio input{
	position:relative;
	top:50%;
	margin-right:5px;
}
#contact_page .radio label{
	margin-right:40px;
}
#contact_page .radio label.regist{
	padding-left:0;
}
#contact_page label{
	margin-top:15px;
}
#contact_page.finish label{
	margin-top:0;
}
#contact_page input[type="text"],
#contact_page input[type="password"],
#contact_page input[type="email"],
#contact_page textarea{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	background-color: #f3f3ec;
	height:50px;
	font-size:16px;
	padding-left:8px;
	padding-right:8px;
}
#contact_page textarea{
	height:250px;
}
#contact_page .radio input{
	width:auto;
	height:auto;
}
#contact_page input#zip1,
#contact_page input#zip2,
#contact_page input#tel1,
#contact_page input#tel2,
#contact_page input#tel3{
	width:80px;
}
#contact_page #kibou_date_month,
#contact_page #kibou_date_day,
#contact_page #open_date,
#contact_page #open_time{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	background-color: #f3f3ec;
	height:50px;
	font-size:16px;
	padding-left:8px;
	padding-right:8px;
	width:110px;
	margin-left:15px;
	margin-right:15px;
	border:1px solid #B3B3B3;
}
#contact_page #kibou_date_month,{
	width:100px;
	margin-left:0;
}

#contact_page #open_date,
#contact_page #open_time{
	width:auto;
	margin-left:0;
}

#contact_page input[type="text"],
#contact_page input[type="password"],
#contact_page input[type="email"],
#contact_page textarea{
	border:1px solid #B3B3B3;
	width:95%;
}
#zip-search,
.ui-datepicker-trigger{
	background:#E6E6E6;
	border:1px solid #E6E6E6;
	border-radius:0;
	color:#333 !important;
	font-size:1.4rem;
	font-size:14px;
	letter-spacing:1px;
	width:100%;
	height:50px;
	line-height:50px;
	position:relative;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:0;
	margin-left:20px;
}
#zip-search{
	background:#E6E6E6 url("../img/contact/ico_search.png") no-repeat 86% center;
	background-size:auto 18px;
	max-width:120px;
	padding:0 20px 0 0;
}

.ui-datepicker-trigger{
	background:#E6E6E6 url("../img/contact/ico_calendar.png") no-repeat 90% center;
	background-size:auto 30px;
	max-width:130px;
	padding:0 40px 0 0;
	margin-top:10px;
	box-sizing:border-box;
}
#zip-search::before,
.ui-datepicker-trigger::before{
	content:none;
}
#zip-search:visited,
.ui-datepicker-trigger:visited{
	color:#333;
}
#zip-search:hover,
.ui-datepicker-trigger:hover{
	background:#ccc;
	border:1px solid #ccc;
	color:#333;
}
#zip-search:hover{
	background:#ccc url("../img/contact/ico_search.png") no-repeat 86% center;
	background-size:auto 18px;
}
.ui-datepicker-trigger:hover{
	background:#ccc url("../img/contact/ico_calendar.png") no-repeat 90% center;
	background-size:auto 30px;
	box-sizing:border-box;
}
#zip-search .glyphicon{
	font-size:2.0rem;
	font-size:20px;
	margin-left:5px;
	vertical-align:-4px;
}
.attention{
	color:#c11732;
	display: block;
}
#contact_page .document{
	max-width:100%;
	margin-top:25px;
}
#contact_page .document .imgWrap{
	margin:10px 15px 0 0;
}
#contact_page .request .txt_info{
	color:#c11732;
	margin:10px 0;
}
#contact_page .request .btnWrap{
	margin:20px 0 0;
}
#contact_page .request .btnWrap .btn{
	padding:0;
}
#contact_page .reserve .btn_confirm.txt{
	padding-left:0;
}
#contact_page .reserve .btn_confirm.txt::before{
	content:none;
}
#contact_page .reserve .btn_confirm.txt::after{
	content:none;
}

#contact_page .reserve .reserve_rest{
	h2{
		font-size:1.4rem;
		margin-top:20px;
	}
	.em{
		font-size:1rem;
		font-weight:bold;
	}
}

/* ライブラリー利用者登録 ------------------------------------------------ */
#contact_page .liblary h1{
	padding-bottom:72px;
}
#contact_page .liblary h2{
	font-size:1.6rem;
	font-size:16px;
	margin:0;
	padding:0;
}
#contact_page .liblary .flow{
	margin-top:15px;
	margin-bottom:40px;
}
#contact_page .liblary .guideWrap{
	border-bottom:1px dashed #333;
	line-height:2.4;
	padding-bottom:40px;
	margin-bottom:50px;
}

/* Media Queries ------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
}

@media(max-width : 767px){

	#contact_page label{
		margin-top:0;
	}
	#contact_page input[type="text"],
	#contact_page input[type="email"]{
		height:40px;
	}
	/* 来場予約・資料請求・お問い合わせ */
	#contact_page{
		margin-bottom:100px;
	}
	#contact_page .attention .f_small{
		font-size:1.1rem;
		font-size:11px;
		display:block;
		margin-left:1em;
	}
	#contact_page .attention .icon{
		font-size:.9rem;
		font-size:9px;
	}
	#contact_page dt.email{
		height:auto;
	}
	#contact_page dd{
		padding:0 0 20px 0;
	}
	#contact_page .document{
		margin-top:15px;
	}
	#contact_page .document .imgWrap{
		margin:10px 20px 0 0;
	}
	#contact_page .btnWrap{
		margin-top:30px;
	}
	#contact_page .request .attention{
		padding-bottom:40px;
		margin-bottom:50px;
	}
	#contact_page .request dt.inquiry label{
		margin-top:20px;
	}
	#contact_page .request .btnWrap{
		text-align:center;
	}

	/* アイコン表示のみにする */
	#zip-search {
	    background: #E6E6E6 url("../img/contact/ico_search.png") no-repeat 15px center;
	    background-size: auto 18px;
	    width: 20px;
	    padding:0 15px;
	    text-indent:-9999px;
	    margin-left: 10px;
	}
	#zip-search:hover{
		background:#ccc url("../img/contact/ico_search.png") no-repeat 15px center;
		background-size:auto 18px;
	}
	.ui-datepicker-trigger{
		background:#E6E6E6 url("../img/contact/ico_calendar.png") no-repeat 10px center;
		background-size:auto 30px;
		width: 54px;
		padding:0 10px;
		text-indent:-9999px;
		margin-left: 15px;
	}
	.ui-datepicker-trigger:hover{
		background:#ccc url("../img/contact/ico_calendar.png") no-repeat 10px center;
		background-size:auto 30px;
	}
	#contact_page #kibou_date_month,#contact_page #kibou_date_day{
		width: 50px;
		margin-right: 10px;
	}
	#contact_page #kibou_date_day{
		margin-left: 10px;
	}
	#contact_page .reserve .reserve_rest{
		h2{
			font-size:1.2rem;
			margin-bottom:20px;
			padding-top:30px;
		}
		br{
			display:none;
		}
	}
	
	/* ライブラリー利用者登録 */
	#contact_page .liblary h1{
		padding-bottom:40px;
	}
	#contact_page .liblary .flow{
		margin-top:10px;
		margin-bottom:30px;
	}
	#contact_page .liblary .guideWrap{
		padding-bottom:30px;
		margin-bottom:40px;
	}
}

@media(max-width : 480px){
    /* お問い合わせ */
	#contact_page{
		margin-bottom:80px;
	}
	#contact_page .flow{
		margin-top:40px;
	}
	#contact_page .flowList li span{
	    line-height:1.4;
	}
	#contact_page dl.row{
	    padding:0;
	}
}

/* エラー */
.errors{
	color:#f00;
	margin-top:5px;
}
.form-errors{
	margin:20px 0;
	border:1px solid #f00;
	padding:20px;
}
.form-errors li .floatLeft:after{
	content:"：";
	color:#000;
}
.form-errors li .floatLeft{
	color:#f00;
}
.form-errors .errors{
	color:#000;
	margin-top:0;
	font-weight:500;
}