@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
@import url(design.css);
@import url(animate.css);

html, body { margin: 0;padding: 0; height: 100%; }
html { font-size: 62.5%; }
body { background-color: hsla(0,0%,100%,.1); color: hsla(0,0%,0%,1); }

img { border: none; vertical-align: bottom }
figure.waku, img.waku { border: 1px #ccc solid; box-sizing: border-box; }
.phj img { width: 100%; height: auto; }
a { color: hsla(0,0%,0%,1.00); text-decoration: none }

.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }

.phj img { width: 100% ; padding: 0; height: auto }
.txl { text-align: left; }
.txr { text-align: right; }
.txc { text-align: center; }
.txj { text-align: justify; }
.vat { vertical-align: top }
.vam { vertical-align: middle}

.eng { } 
.rela { position: relative}
.abso { position: absolute; z-index: 1 }
.haimen { z-index: -1 }

.wrap{ position: relative; height: 100%; width: 100%; }
footer { text-align: center; }
hr { height: 1px; border: 0; background-color: #ccc; margin: 0 0; }
hr.grade { height: 10px; border: 0; box-shadow: 0 10px 10px -10px #bbb inset; margin: 0 0; }

.adbg { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100vh; }

#photobg01, #photobg02, #photobg03 { background-repeat: no-repeat; background-color: #fff; position: absolute; left: 0; top: 0; }
#photobg01 { z-index: 1; } #photobg02 { z-index: 2; } #photobg03 { z-index: 3; }



.photo-box {  }
#zoomslider1{ position:relative; margin : 0 auto ; } 

footer aside { padding: 50px 0 }
body.orig footer { padding: 50px 0 100px; }
footer .eng { display: none; }
body#home footer { padding: 20px 0 20px; }
.tng { display: inline-block; width: 250px; background-color: hsla(0,0%,100%,.15); margin: 0 5px 5px 0 ; text-align: center; padding: 2px 0; }


.linebox { height: 1px;  }
.bgtxtbox { text-align:justify; }

a.bt1 { display: block; top: 10px; right: 10px; width: 50px; height: 50px; padding: 0; background-color: hsla(29,19%,50%,0.3) }
a:hover.bt1 { background-color: hsla(29,19%,50%,1);  }

.arrow1 {
display: block;
margin: 15px 0 0 12px;
width: 15px;
height: 15px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
a{
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}