@charset "UTF-8";

/* common */

@media (max-width: 767px){
}
@media (min-width: 768px){
}


/* ===========================================
09, content
=========================================== */
main{
	background: url(../sy_images/common_body_back.png) center 0;
}
.search{
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
}
.search_content{
	padding: 20px 45px;
	background-color: #fff;
}
.select_list{
	margin-top: 20px;
	margin-bottom: 10px;
}
.select_list li{
	display: inline-block;
	padding-bottom: 10px;
	color: #e71021;
	font-weight: 700;
	line-height: 1.4;
}
.select_list li:not(:nth-child(3)):after{
	display: inline-block;
	content: ">";
	margin-left: .5em;
	margin-right: .3em;
}
@media (max-width: 767px){
	main{
		background-size: 100% auto;
	}
}
@media (min-width: 768px){
	.search{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.search_content{
		position: relative;
		min-height: 370px;
		padding: 35px 100px 50px;
	}
	.select_list{
		margin-top: 22px;
		margin-bottom: 28px;
	}
}

/* search_1 */
.map_container{
	max-width: 468px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px){
	.search_1 .search_h3{
		position: absolute;
		top: 40px;
		left: 100px;
		padding-left: 3px;
		text-align: left;
	}
}

/* search_2 */
.prefectures dt{
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* search_3 */
.department dt{
	margin-bottom: 10px;
	color: #B28146;
	font-weight: 700;
}
.department dt ~ dt{
	margin-top: 25px;
}
.search_3 .button{
	margin-top: 50px;
}

/* result */
.result{
	padding-bottom: 35px;
	background-color: #fff;
}
.table_responsive {
	overflow-x: auto;
	min-height: 0.01%;
}
.result_table{
	line-height: 1.4;
}
.result_table tr:nth-child(even),
.result_table tr:nth-child(even) td{
	background-color: #f2f2f2;
}
.result_table td:first-child{
	text-align: left;
}
.result_table td img[src*="linkicon_pdf"] {
	width: 22px;
	margin-left: auto;
	margin-right: auto;
}
.result_table tr td:nth-child(4){
	color: #ccc;
}
.result_table a{
	color: #e71021;
}
.result_table th a{
	display: inline-block;
	width: 20px;
}
.pager{
	position: relative;
	width: 130px;
	margin: 40px auto 0;
}
.pager_prev{
	background-image: url(../sy_images/pager_pre_noact.png);
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	position: absolute;
	height: 20px;
	overflow: hidden;
	text-indent: -999em;
	top: 0;
	width: 20px;
}
.pager_next{
	background-image: url(../sy_images/pager_next_noact.png);
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	height: 20px;
	overflow: hidden;
	text-indent: -999em;
	top: 0;
	width: 20px;
}
.pager_count{
	text-align: center;
	line-height: 20px;
}
.selector_label {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	width: 40px;
}
.sort_selector {
	display: none;
}
.sort_selector + .asc {
	background-image: url(../sy_images/results_ascendingsort_noact.png);
}
.sort_selector + .desc {
	background-image: url(../sy_images/results_descendingsort_noact.png);
}
.sort_selector:checked + .asc {
	background-image: url(../sy_images/results_ascendingsort_act.png);
}
.sort_selector:checked + .desc {
	background-image: url(../sy_images/results_descendingsort_act.png);
}
.tr_visible tr {
	opacity: 1;
	transition-duration: 0.1s;
}
.tr_invisible tr {
	opacity: 0;
	transition-duration: 0.1s;
}
@media (max-width: 767px){
	.table_responsive {
		width: 100%;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #dddddd;
	}
	.result_table{
		width: 800px;
	}
	/*	.result_table tr th:nth-child(n + 2),
	.result_table tr td:nth-child(n + 2){
	display: none;
}*/
	.result_table th{
		text-align: right;
		padding-right: 20px;
	}
}
@media (min-width: 768px){
	.result{
		padding-bottom: 100px;
	}
	.result_table{
		font-size: 1.6rem;
	}
	.result_table td:first-child{
		width: 48%;
	}
}

/* slider */
.bx-wrapper{
	margin-bottom: 0;
}.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	border: 0;
	left:0;
	background-color: transparent;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 0;
	top: auto;
	outline: 0;
	width: 35px;
	height: calc(100% - 56px);
	margin-top: 0;
	text-indent: -9999px;
	z-index: 9999;
	background-size: 24px auto;
}
.bx-wrapper .bx-prev {
	left: 0;
	background: #f2e7da url(../sy_images/common_pagenav_back_act.png) no-repeat center;
}
.bx-wrapper .bx-next {
	right: 0;
	background: #f2e7da url(../sy_images/common_pagenav_next_act.png) no-repeat center;
}
.bx-wrapper .bx-prev:hover {
	background-position: center;
}

.bx-wrapper .bx-next:hover {
	background-position: center;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: block;
	cursor: default;
}
.bx-wrapper .bx-controls-direction .bx-prev.disabled{
	background: #ededed url(../sy_images/common_pagenav_back_noact.png) no-repeat center;
	background-size: 24px auto;
}
.bx-wrapper .bx-controls-direction .bx-next.disabled{
	background: #ededed url(../sy_images/common_pagenav_next_noact.png) no-repeat center;
	background-size: 24px auto;
}
@media (min-width: 768px){
	.bx-wrapper .bx-controls-direction a{
		width: 60px;
		background-size: 34px auto;
	}
	.bx-wrapper .bx-controls-direction .bx-prev.disabled,
	.bx-wrapper .bx-controls-direction .bx-next.disabled{
		background-size: 34px auto;
	}
}

/* スライダー用のカスタムボタン */
.btn_left {
	background: #ededed url(../sy_images/common_pagenav_back_noact.png) no-repeat center;
	background-size: 24px auto;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 1000;
}
.btn_left_acrive {
	background: #f2e7da url(../sy_images/common_pagenav_back_act.png) no-repeat center;
	background-size: 24px auto;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 1000;
}
area {
	cursor: pointer;
}
.btn_right {
	background: #ededed url(../sy_images/common_pagenav_next_noact.png) no-repeat center;
	background-size: 24px auto;
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 1000;
}
.btn_right_acrive {
	background: #f2e7da url(../sy_images/common_pagenav_next_act.png) no-repeat center;
	background-size: 24px auto;
	cursor: pointer;
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 1000;
}

@media (min-width: 768px){
	.btn_right_acrive,
	.btn_left_acrive,
	.btn_right,
	.btn_left {
		background-size: 34px auto;
	}
}

@media (max-width: 767px){
	.btn_right_acrive,
	.btn_left_acrive,
	.btn_left,
	.btn_right {
		bottom: 0;
		height: calc( 100% - 56px );
		top: inherit;
		width: 10%;
	}
}

/* ==========================================================================
Forms
========================================================================== */

/*
* Define consistent border, margin, and padding.
*/

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/

button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

button, input {
	line-height: normal;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/*
* Re-set default cursor for disabled elements.
*/

button[disabled], input[disabled] {
	cursor: default;
}

/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
* Removes inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ===========================================
form
=========================================== */
.search input[type="checkbox"]{
	display: none;
}
.search label {
	display: inline-block;
	padding: 9px 1em;
	margin: 0 1px 8px;
	cursor: pointer;
	line-height: 1.3;
	font-size: 1.4rem;
	border: #ccc solid 1px;
	border-radius: 2px;
}
@media (min-width: 768px){
}
.search input:checked + label { 
	background: #e71021;
	color: #fff; 
}

/* submit */
.smb button{
	margin-left: 5px;
	margin-right: 5px;
}

@media (max-width: 767px){
}
@media (min-width: 768px){
}