html{scroll-behavior: smooth;}
/*------------------------------------------------------------
ブラウザ固有reset
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,ul,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}


a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}
input {
  margin-right: 2px;
  font-size: 93%;
  line-height: 1;
  vertical-align: middle;
}
 
label {
  font-size: 93%;
  line-height: 1;
  vertical-align: middle;
}
video {
display: block;
}
/*Firefox対策*/
html{ overflow-y: scroll; }
body,x:-moz-broken { margin-left:-1px; }
li {
	list-style-type: none;
}

a img.over{opacity:1.0;transition: 1.0s;}
a:hover img.over{opacity:0.6;transition: 0.5s;}
a img.overimg{transition: 1.0s;}
a:hover img.overimg{transition: 0.5s ease-in-out;}
.pagenation {
	clear: both; position:relative;
	width: 100%;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto; text-align:center;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto; text-align:center;
}
.pagenation li { position:relative;list-style: none outside none;margin-left: 3px;display: inline-block; border:1px solid #b68f49}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
	background-color: #b68f49;
	color: #FFFFFF;
	padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #fff;
    color: #b68f49;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
.pagenation li a:hover {
    background-color: #b68f49;
    color: #FFFFFF;
    opacity: 1;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

.pagenation img{ max-height:50px;}
.BtnLeft,.BtnRight{ display: inline; text-align:center; padding:0 10px;}

/* =======================================
Loading Unit
======================================= */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #000;
  z-index: 2;
}
.slick-slider{ width:90%; margin:0 5% 60px 5%;}
.slick-inner{ margin:0 10px;}
.slick-inner img{ width:100%;object-fit: cover;}

.slick-arrow{ width:100px!important; z-index:30;}
.slick-prev{ width:100px; left:-2%!important; position:absolute;}
.slick-next{ width:100px; right:-2%!important;}
.slick-prev:before, .slick-next:before {color: #fff!important;font-size: 30px!important;}
.slick-prev:before {content:'<'!important;}
.slick-next:before {content:'>'!important;}
@media screen and (max-width: 768px) {
.slick-slider{ width:104%;margin:0 0 30px -2%;}


.pagenation img{ max-height:auto; max-width:35%;}
}