@charaset "UTF-8";
.findScl{
	padding-bottom:140px;
	min-height:300px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
@media screen and (max-width: 640px){
	.findScl{padding-bottom:170px}}
	.sortNav{
		background-color:#EAEDF7;
		padding:22px 0 30px 0;margin-top:36px;position:relative;z-index:1;
/*		background-image:url(../img/find-scl/bg_sortnavi.png);
		background-repeat:repeat-x;
		background-position: bottom;
*/
	}
	.sortNav__item+.sortNav__item{margin-top:14px}
	.sortNav__item--mobileD{display:none}
	.sortNav__item+.sortNav__item--select{margin-top:26px}
	.sortNav__data{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
	.sortNav__ttl{font-size:16px;font-weight:bold;width:110px;line-height: 1.8;}
	.sortNav__box{width:calc(100% - 110px)}
	.sortNav__box input[type=checkbox],
	.sortNav__box input[type=radio]{display:none}
	.sortCheckbox{margin-right:20px;cursor:pointer;display:inline-block}
	.sortCheckbox>span{
		display:inline-block;
		width:20px;height:20px;
		border:solid 1px #B1A59B;
		border-radius:2px;
		background-color:#fff;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		vertical-align:middle;
		-webkit-transform:translateY(-0.1em);
		-ms-transform:translateY(-0.1em);
		transform:translateY(-0.1em);
		margin-right:4px;
		-webkit-transition:.2s;
		transition:.2s;
		position:relative
	}
	.sortCheckbox>span::after{
		content:"";display:block;width:11px;height:8px;background:url(../img/find-scl/icon_sort-checkbox.svg) 0 0/contain no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0;-webkit-transition:.2s;transition:.2s}
	input[type=checkbox]:checked+.sortCheckbox>span{
		background-color:#F4D22A;border-color:transparent
	}
	input[type=checkbox]:checked+.sortCheckbox>span::after{opacity:1}
	.sortSelect{position:relative;-webkit-transform:translateY(-0.3em);-ms-transform:translateY(-0.3em);transform:translateY(-0.3em);width:456px;z-index:1}
	.sortSelect--open{-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.2);box-shadow:0 5px 30px rgba(0,0,0,0.2)}
	.sortSelect__box{width:100%;background-color:#FFF;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 0 0 14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;position:relative;cursor:pointer}
	.sortSelect__box::after{content:"";display:block;width:4px;height:4px;border-right:1px solid #382910;border-bottom:1px solid #382910;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:0;bottom:0;right:15px;margin:auto;-webkit-transition:.3s;transition:.3s}
	.sortSelect__box--open{border-radius:2px 2px 0 0}
	.sortSelect__box--open::after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
	.sortSelect__box--selected{font-weight:bold}
	.sortSelect__box--selected span{font-size:13px;font-weight:normal}
	.sortAddress__list{position:absolute;top:45px;left:0;width:100%;z-index:1;display:none;border:solid 1px #fff;-webkit-box-sizing:border-box;box-sizing:border-box;height:212px;overflow:scroll}
	.sortAddress__item{background-color:#FAFAFA;-webkit-transition:.3s;transition:.3s;cursor:pointer;font-weight:bold}
	.sortAddress__item>label{display:block;width:100%;height:100%;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 0 0 14px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.sortAddress__item span{font-size:13px;font-weight:normal}
	.sortAddress__item+.sortAddress__item{border-top:solid 1px #fff}
	.sortAddress__item:hover,.sortAddress__item--current{background-color:#FDF6CE}
	.sortSelectBack{width:100%;height:100%;position:fixed;top:0;left:0;display:none}
	.sortSelectBack--open{display:block}
	@media screen and (max-width: 640px){
		.sortNav{padding:0;margin-top:40px;}
		.sortNav__item{padding:0}.sortNav__item+.sortNav__item{margin-top:0}.sortNav__item+.sortNav__item--select{margin-top:0}.sortNav__item--select{display:none}.sortNav__item--mobileD{display:block}.sortNav__data{display:block}
.sortNav__ttl{font-size:15px;width:100%;line-height:40px;text-align:center;background-color:#bbc8e6;}
.sortNav__box{width:100%;padding:12px 30px 11px;-webkit-box-sizing:border-box;box-sizing:border-box}.sortNav__box input[type=checkbox],.sortNav__box input[type=radio]{display:none}.sortCheckbox{margin-bottom:10px}.sortSelectMobile{position:relative;margin:8px 0 9px}.sortSelectMobile__box{width:100%;line-height:44px;background-color:#fff;border-radius:2px;padding:0 28px 0 14px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sortSelectMobile__box::after{content:"";display:block;width:4px;height:4px;border-right:1px solid #382910;border-bottom:1px solid #382910;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:0;bottom:0;right:15px;margin:auto;-webkit-transition:.3s;transition:.3s}select[name=addressD]{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}}
	.findScl__list{display:none;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:68px;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);max-width:1320px;margin:0 auto;padding:22px 60px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
	.findScl__list--on{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
	.findScl__item{width:calc( (100% - 120px) / 3);margin:38px 0 0 40px;display:none;-webkit-transition:.3s;transition:.3s}
	.findScl__item--selected.findScl__item--on{display:block}
	.findScl__item:hover{-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.2);box-shadow:0 5px 30px rgba(0,0,0,0.2)}
	.findScl__tmb{overflow:hidden;position:relative}
	.findScl__tmb::after{content:"";display:block;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:0;-webkit-transition:.3s;transition:.3s}
	.findScl__item a:hover .findScl__tmb::after{opacity:.5}
	.findScl__tmb>img{-webkit-transition:.3s;transition:.3s}
	.findScl__item a:hover .findScl__tmb>img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	.findScl__tmb>span{display:block;width:160px;line-height:60px;height:60px;border:solid 1px #fff;color:#fff;font-size:14px;font-weight:bold;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0;-webkit-transition:.3s;transition:.3s;z-index:1}
	.findScl__tmb>span::after{content:"";display:inline-block;width:32px;height:14px;background:url(../img/find-scl/img_arrow-tmb.svg) 0 0/contain no-repeat;vertical-align:middle;-webkit-transform:translateY(-0.1em);-ms-transform:translateY(-0.1em);transform:translateY(-0.1em);margin-left:10px}
	.findScl__item a:hover .findScl__tmb>span{opacity:1}
	.findScl__item a:hover .findScl__tmb>img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	.findScl__item a:hover .findScl__tmb>span{opacity:1}
	.sclListBox{padding:5px 0px 17px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:.3s;transition:.3s}
	.sclListBox::after{content:"";display:block;width:2px;height:calc(100% - 30px);background-color:rgba(145,120,102,0.11);position:absolute;bottom:20px;left:0;-webkit-transition:.3s;transition:.3s}
	.findScl__item a:hover .sclListBox{background-color:#fff}
	.findScl__item a:hover .sclListBox::after{opacity:0}
.sclListTitle{
	font-size:16px;
	font-weight:bold;
	line-height:1.25;
	-webkit-transition:.3s;
	transition:.3s;
	color:#382910;
	padding-top:0.35em;
}
	.findScl__item a:hover .sclListTitle{color:#007bbb}
	.sclListText{margin-top:1px;font-size:13px;font-weight:bold;line-height:1.35;-webkit-transition:.3s;transition:.3s;color:#999/*#382910*/}
	.findScl__item a:hover .sclListText{color:#007bbb}
	.sclListTag{margin-top:10px;font-size:0}
	.sclListTag__item{display:inline-block;line-height:28px;background-color:#a19361;color:#fff;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;
	margin:0 5px 5px 0;
	-webkit-transition:.3s;transition:.3s;
}

	.findScl__item a:hover .sclListTag__item{background-color:#007bbb}
	.notArticle{display:none;text-align:center;padding-top:60px}
	.notArticle--on{display:block}

@media screen and (max-width: 640px){
	.findScl__list{-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);max-width:100%;padding:0 30px 40px;margin-top:-10px}
	.findScl__item{width:100%;margin:40px 0 0}
	.findScl__item:hover{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}.findScl__item a:hover .findScl__tmb>img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	.findScl__tmb>span{display:none}
	.sclListBox{
		padding:0;
	}
	.findScl__item a:hover .sclListBox{background-color:transparent}
	.sclListBox::after{content:none}
	/*.sclListTitle{margin-top:6px}*/
	.sclListText{margin-top:4px}
	.findScl__item a:hover .sclListText{color:#382910}
	.sclListTag__item{line-height:27px;	margin:0 5px 5px 0;}/*←★途中260620やりかけ*/
	.findScl__item a:hover .sclListTag__item{background-color:#382910}
	.notArticle{padding-top:0}
}
	.findLoading{display:none;padding-top:100px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.findLoading--on{display:block}
	.sk-chase{margin:0 auto;width:60px;height:60px;position:relative;-webkit-animation:sk-chase 2.5s infinite linear both;animation:sk-chase 2.5s infinite linear both}
	.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:sk-chase-dot 2.0s infinite ease-in-out both;animation:sk-chase-dot 2.0s infinite ease-in-out both}
	.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:#B1A59B;border-radius:100%;-webkit-animation:sk-chase-dot-before 2.0s infinite ease-in-out both;animation:sk-chase-dot-before 2.0s infinite ease-in-out both}
	.sk-chase-dot:nth-child(1){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
	.sk-chase-dot:nth-child(2){-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
	.sk-chase-dot:nth-child(3){-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
	.sk-chase-dot:nth-child(4){-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
	.sk-chase-dot:nth-child(5){-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
	.sk-chase-dot:nth-child(6){-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
	.sk-chase-dot:nth-child(1):before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
	.sk-chase-dot:nth-child(2):before{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
	.sk-chase-dot:nth-child(3):before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
	.sk-chase-dot:nth-child(4):before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
	.sk-chase-dot:nth-child(5):before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
	.sk-chase-dot:nth-child(6):before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}

@-webkit-keyframes sk-chase{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes sk-chase{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes sk-chase-dot{80%,100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes sk-chase-dot{80%,100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes sk-chase-dot-before{50%{-webkit-transform:scale(0.4);transform:scale(0.4)}100%,0%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes sk-chase-dot-before{50%{-webkit-transform:scale(0.4);transform:scale(0.4)}100%,0%{-webkit-transform:scale(1);transform:scale(1)}}
/*kk*/
h1{font-size:24px;font-size:2.4rem;	color:#fff;background-color:#19448e;font-weight:bold;margin:2em auto;text-align:center;width:100%;
	padding:0.5em 0;
	line-height:1.25;
}

.findScl__tmb{position: relative;}
.findScl__tmb > div.copy{position:absolute;bottom:2px;right:3px;font-size:1.15em;color:#fff;text-shadow:0 0 10px #000,0 0 10px #000}
p#more_sch_com{color:#c9171e;font-size:16px;font-size:1.6rem;;font-weight:bold;line-height:1.35;margin-bottom:1em;}
input#q{font-size:14px;font-size:1.4rem;	height:2em;width:240px;border:solid 1px #ccc;padding-left:0.5em;}
input.btn{font-size:14px;font-size:1.4rem;}
/* 不自然な余白ができるのでコメント化
@media screen and (max-width: 880px){
	.sclListBox{
		padding:5px 0px 17px 16px;
	}
}
*/
@media screen and (max-width: 640px){
input#q{height:2em;width:200px;font-size:14px;}
p#more_sch_com{font-size:14px;font-size:1.4rem;}
}

.sortCheckbox{font-size:14px;font-size:1.4rem;}

label.sortCheckbox {margin-bottom: 1em;}