@CHARSET "UTF-8";

/**
 * style.css にフォルダ内共通スタイルを記述してください。
 */
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgba(115,99,71,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}
.search {
	background-color: #faa733;
	display: block;
	color: #FFFFFF;
	width: 300px;
	height: 60px;
	margin: 0px auto;
	border-radius: 12px;
	font-size: 1.3em;
}
.searchlink {
	color: #FFFFFF;
	display: block;
	width: 100%;
	padding: 8px 0px;
}
.inline0 {
	display: inline-block;
	vertical-align: top;
	margin-top: -8px;
}
.icon0 {
	width: 12%;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 85px;
	float: left;
	display: block;
}
.search_results {
	display: block;
	margin-bottom: 10px;
}
.pre_next li {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0px 2px;
	vertical-align: top;
	line-height: 0em;
}
.pre_next li a {
	display: table-cell;
	width: 35px;
	height: 35px;
	vertical-align: middle;
}
.pre_next .arrow {
	background-color: #205289;
	color: #FFFFFF;
	font-size: 1.7em;
	text-align: center;
}
.pre_next .arrow a {
	color: #FFFFFF !important;
}
.pre_next .arrow a:hover {
	background-color: #CEE4E9;
	text-decoration: none;
	color: #0663C4 !important;
}
.pre_next .arrow2 {
	background-color: #E5E5E5;
	font-size: 1.7em;
	text-align: center;
}
.pre_next .arrow2 a {
	background-color: #E5E5E5;
	text-align: center;
	color: #333333 !important;
}
.pre_next .arrow2 a:hover {
	background-color: #CEE4E9;
	text-decoration: none;
	color: #0663C4 !important;
}
.page_num {
	border: 1px solid #AFAEAE;
	text-align: center;
	vertical-align: middle;
	color: #333333 !important;
}
.page_num a {
	text-align: center;
	vertical-align: middle;
	color: #333333 !important;
}
.page_num a:hover {
	background-color: #CEE4E9;
	text-decoration: none;
	color: #0663C4 !important;
}
.page_num2 {
	text-align: center;
	padding-top: 1em;
}
.page_num.current {
	color: #fff !important;
	background: #9db2ca;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.sort {
	display: block;
	margin: 0.5em 0 0;
	text-align: right;

}


.botan1 {
	background-color: #205289;
	color: #FFFFFF;
	width: 46%;
	margin: 0px auto;
	display: block;
	padding: 15px;
	border-radius: 12px;
	text-align: center;
	font-size: 1.1em;
}
.botan1:hover {
	background-color: #CEE4E9;
	text-decoration: none;
}
.searchlink:hover {
	background-color: #CEE4E9;
	border-radius: 12px;
	text-decoration: none;
}

.hidden,
.close {
	display: none !important;
}

.folding .subtitel {
	display: none;
}
.folding .subtitel2,
.folding .subtitel3,
.folding .search {
	font-size: 1em;
	padding: 10px;
	height: auto;
}
.folding .searchlink {
	text-align: center;
}
.folding .searchlink .inline0 {
	margin-top: 0;
}
.folding figure {
	margin: 0;
	display: inline;
}
.folding .icon0 {
	margin: 0;
	float: none;
	display: inline-block;
}
.folding .icon1 {
	width: 1.2em;
	margin: 0;
}
.folding .to-choice {
	display: block;
}
.folding .it_sub.mx-5 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.folding .col-md-2 {
	flex-basis: 50%;
	max-width: 50%;
}
.folding .col-md-3,
.folding .col-md-4,
.folding .col-md-6 {
	flex-basis: 100%;
	max-width: 100%;
}

@media screen and (min-width:767px) {
	.folding.side-col {
		flex-basis: 25%;
		max-width: 25%;
	}
}
@media screen and (max-width:767px) {
	.folding.side-col {
		position: fixed;
		bottom: 0;
		z-index: 10;
		background-color: #fff;
		overflow: scroll;
		height: 0vh;
		transition: all 0.2s ease-out;
	}
	.folding.side-col.show {
		height: 100vh;
	}
	.side-close {
		position: absolute;
		top: 0;
		right: 0.5em;
		color: #fff;
		font-size: 1.8rem;
		line-height: 1.2;
	}
	.side-show {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9;
		background-color: rgba(255,255,255,0.8);
		text-align: center;
		padding-bottom: 0.25em;
	}
	.side-show .arrow-up {
		display: inline-block;
		transform: rotate(90deg);
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1;
	}
	.side-show .bt-2 {
		width: 80%;
		padding: 0.5em 0;
		font-size: 1rem;
	}

.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgba(115,99,71,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}
.search {
	display: block;
	color: #FFFFFF;
	width: 70%;
	height: 2.5em;
	margin: 0px auto;
	border-radius: 12px;
	font-size: 1.3em;
}
.searchlink {
	color: #FFFFFF;
	display: block;
	width: 100%;
	padding: 2.8% 0%;

}
.inline0 {
	display: inline-block;
	vertical-align: top;
	margin-top: -8px;
}
.icon0 {
	width: 10%;
	margin-top: 3%;
	margin-right: 10px;
	margin-left: 30%;
	float: left;
	display: block;
}
.botan1 {
	background-color: #205289;
	color: #FFFFFF;
	width: 100%;
	margin: 0px auto;
	display: block;
	padding: 15px;
	border-radius: 0px;
	text-align: center;
	font-size: 1.2em;
}
.sort {
	display: block;
	margin: 0.5em 0 0;
	text-align: left;
}
.search_results {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.pre_next li {
	display: inline-block;
	width: 10%;
	height:38px;
	margin: 0px 0.5%;
	vertical-align: top;
	line-height: 0em;
}
.pre_next li a {
	display: table-cell;
	width: 10%;
	height:38px;
	vertical-align: middle;
}
.pre_next .arrow {
	background-color: #205289;
	color: #FFFFFF;
	font-size: 1.7em;
	text-align: center;
}
.page_num2 {
	text-align: center;
	padding-top: 1em;
}


}




@media screen and (max-width:575px) {
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgba(115,99,71,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}
.search {
	display: block;
	color: #FFFFFF;
	width: 70%;
	height: 2.5em;
	margin: 0px auto;
	border-radius: 12px;
	font-size: 1.3em;
}
.searchlink {
	color: #FFFFFF;
	display: block;
	width: 100%;
	padding: 2.8% 0%;

}
.inline0 {
	display: inline-block;
	vertical-align: top;
	margin-top: -8px;
}
.icon0 {
	width: 10%;
	margin-top: 3%;
	margin-right: 10px;
	margin-left: 30%;
	float: left;
	display: block;
}
.botan1 {
	background-color: #205289;
	color: #FFFFFF;
	width: 100%;
	margin: 0px auto;
	display: block;
	padding: 15px;
	border-radius: 0px;
	text-align: center;
	font-size: 1.2em;
}
.sort {
	display: block;
	margin: 0.5em 0 0;
	text-align: left;
}
.search_results {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.pre_next li {
	display: inline-block;
	width: 10%;
	height:38px;
	margin: 0px 0.5%;
	vertical-align: top;
	line-height: 0em;
}
.pre_next li a {
	display: table-cell;
	width: 10%;
	height:38px;
	vertical-align: middle;
}
.pre_next .arrow {
	background-color: #205289;
	color: #FFFFFF;
	font-size: 1.7em;
	text-align: center;
}
.page_num2 {
	text-align: center;
	padding-top: 1em;
}


/******/
{
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
/******/


}




@media screen and (max-width:425px) {
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgba(115,99,71,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}
.search {
	display: block;
	color: #FFFFFF;
	width: 70%;
	height: 2.5em;
	margin: 0px auto;
	border-radius: 12px;
	font-size: 1.3em;
}
.searchlink {
	color: #FFFFFF;
	display: block;
	width: 100%;
	padding: 2.8% 0%;

}
.inline0 {
	display: inline-block;
	vertical-align: top;
	margin-top: -8px;
}
.icon0 {
	width: 10%;
	margin-top: 3%;
	margin-right: 10px;
	margin-left: 30%;
	float: left;
	display: block;
}
.botan1 {
	background-color: #205289;
	color: #FFFFFF;
	width: 100%;
	margin: 0px auto;
	display: block;
	padding: 15px;
	border-radius: 0px;
	text-align: center;
	font-size: 1.2em;
}
.sort {
	display: block;
	margin: 0.5em 0 0;
	text-align: left;
}
.search_results {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.pre_next li {
	display: inline-block;
	width: 10%;
	height:38px;
	margin: 0px 0.5%;
	vertical-align: top;
	line-height: 0em;
}
.pre_next li a {
	display: table-cell;
	width: 10%;
	height:38px;
	vertical-align: middle;
}
.pre_next .arrow {
	background-color: #205289;
	color: #FFFFFF;
	font-size: 1.7em;
	text-align: center;
}
.page_num2 {
	text-align: center;
	padding-top: 1em;
}
/*.w50 {
	width: 50%;
}*/




}