@import url('feather-v1/style.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/* font-family: 'icomoon';
font-family: 'Noto Sans JP', sans-serif;
*/
/*//// default ////*/
body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt,figure{margin:0;padding:0px;}
body{
	font-size:14px;
	line-height: 1.7;
	color:#333;
	font-family: 'Noto Sans JP', sans-serif;
	}
*{box-sizing:border-box;}
img {border:0;vertical-align: middle;max-width: 100%;height: auto;}
p {text-align: left; margin:1.5em 0;}
a {text-decoration: none; color: #7B5A00;transition:.3s all ease;}
a:hover {	 color: #CBAB54;}


ul,li{
	list-style: none;
	}
a img {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
a:hover img {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
/* clearfix */
.clear:after, #contents:after, .inner:after {
	content:" ";
	display: block;
	clear: both;
	}

/*  global layout */
.phl{float: left;}
.phr{float: right;}
.txc{text-align: center;}
.txr{text-align: right;}
.txl{text-align: left;}


/*/ flex /*/

.flex,
.flex2,
.flex3{
	display: flex;
	flex-wrap:wrap;
	}
.flex2 > .row,
.flex2 > li{
	width:50%;
	padding:0 20px;
	}
.flex3 > .row,
.flex3 > li{
	width:33.333%;
	padding:0 10px;
	}

/*/ font-size /*/
.font08{font-size:.8em;}
.font09{font-size:.9em;}
.font11{
	font-size:1.1em;
	}
.font12{
	font-size:1.2em;
	}
.font13{
	font-size:1.3em;
	}
.font14{
	font-size:1.4em;
	}
.font15{
	font-size:1.5em;
	}
.font16{
	font-size:1.6em;
	}
.font17{
	font-size:1.7em;
	}
.font18{
	font-size:1.8em;
	}
.font19{
	font-size:1.9em;
	}
.font20{
	font-size:2em;
	}
.bold{
	font-weight: bold;
	}


	.youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25% ;
		}
	.youtube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.googlemap{
		position: relative;
		width: 100%;
		padding-top: 40% ;
		box-sizing:border-box;
		}
	.googlemap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		}
/*/// responsible /*/
.visible640,
.visible480,
.visible768,
.brsp480{
	display: none ;
	}