@charset "UTF-8";

/* フォーム .columns レイアウト（千歳市公式サイト base5.css より） */
.columns {
    border-bottom: 1px dotted #CCC;
}
.columns fieldset,
.columns dl {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
}
.columns legend,
.columns dt {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px dotted #CCC;
    margin: 0;
    padding: 10px 10px 5px;
    font-size: 1.15em;
    font-weight: bold;
}
.columns legend .required,
.columns dt .required {
    display: inline-block;
    margin-left: 0.5em;
    font-size: .8em;
    font-weight: 500;
    color: #c00;
}
.columns .field-body {
    margin: 0 10px 28px;
    padding: 0;
}
.columns .field-body textarea {
    height: auto;
}
.columns .field-body input[type="text"],
.columns .field-body input[type="email"],
.columns .field-body input[type="tel"],
.columns .field-body input[type="date"] {
    width: 100%;
    box-sizing: border-box;
}
.columns .postal-code .field-body input[type="text"] {
    width: 10em;
}
.postal-search-btn {
    font-size: 0.85em;
    padding: 0.4em 0.9em;
    margin: 0 0 0 0.4em;
    color: #fff;
    background: #555;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
}
.postal-search-btn:hover {
    background: #333;
}
.postal-search-btn:disabled {
    background: #999;
    cursor: not-allowed;
}
.columns .field-note {
    display: block;
    margin-top: 4px;
    font-size: .85em;
    color: #555;
}
.columns fieldset label {
    display: inline-flex;
    align-items: center;
    margin: 0 1em 0 0;
}
.columns fieldset label input[type="radio"],
.columns fieldset label input[type="checkbox"] {
    display: inline-block;
    margin-right: 0.3em;
}
.columns button,
.send button,
.send input[type="submit"] {
    display: inline-block;
    font-size: 0.94118em;
    line-height: 1;
    text-align: center;
    padding: .6em 1.4em;
    margin: .5em;
    border-width: 0;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}
.send {
    text-align: center;
    margin-top: 20px;
}
.send input[type="submit"],
.send button[type="submit"] {
    border: none;
    color: #fff;
    background: #003087;
}
.send input[type="submit"]:hover,
.send button[type="submit"]:hover {
    background: #00256a;
}


/* PDFダウンロードボタン */
button.button-pdf-download {
	font-size:100%;
	background: #FAB263;
	display:inline-block;
	padding:3px 7px 2px 8px;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:solid 1px #bbbbbb;
	position:relative;
	cursor:pointer;
	margin:10px 10px 0 0;
	vertical-align: middle;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px 30px;
}
button.button-pdf-download:hover{
	background-color: #ffd88c;
}

/* インフォメッセージ表示 */
#content2 div#enq_info{
	margin:0px 20px 20px 20px;
	padding:8px;
	background-color:#FFEA9C;
	border:2px solid #BB9301;
}
#content2 div#enq_info p{
	margin:0px;
	padding:10px 10px 10px 15px;
	background-color:#FFFAE8;
}

/* 入力エラー箇所表示 */
.has-error{
	background-color:#FFE8E8 !important;
}

/* フィールド単位インラインエラー */
.columns fieldset.is-error legend {
    color: #c00;
}
.columns fieldset.is-error input,
.columns fieldset.is-error select,
.columns fieldset.is-error textarea {
    border: 1px solid #c00;
    background-color: #FFE8E8;
}
.field-error {
    display: block;
    margin-top: 4px;
    font-size: .85em;
    color: #c00;
    font-weight: bold;
}

/* アコーディオン開閉用ボタン
------------------------------------------------------------------------------*/
.enq-articleall .plus{
	padding-left:23px;
	background:url(../_res/images/mark_plus.png) no-repeat left center;
}
.enq-articleall .minus{
	padding-left:23px;
	background:url(../_res/images/mark_minus.png) no-repeat left center;
}