@charset "utf-8";
/* CSS Document */

body{font-size:100%;padding:0;margin:0;}
ul,li{list-style: none;}
#global-nav {position: fixed;display:none;width:100%;z-index: 9997;font-size:300%;color: #ffffff;font-family: "Lato", sans-serif;line-height: 200%;padding-top:2em;}
#global-nav a {color: #ffffff;display: block;text-decoration: none;}
#nav-toggle {display: block;position: fixed;right: 18px;top: 21px;width: 23px;height: 30px;cursor: pointer;padding:10px 10px 0px 10px;z-index: 9999;background-color:hsla(145,11%,56%,0.90);}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 2px;width: 100%;background: #fff;left: 0;zoom: 1; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 8px;}
#nav-toggle span:nth-child(3) {top: 16px;}
.open #nav-toggle {background: transparent;}
.open #nav-toggle span {background: #ffffff;}
.open #nav-toggle span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);zoom: 1;}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);zoom: 1;}
.open #global-nav {width:100%; height:100vh; top: 0;left: 0;display: block;transition-duration: 0.2s;transition-delay: 0.2s;position: fixed;background-color: hsla(145,11%,56%,0.90);text-align: center;}
a{color:#222222;text-decoration: none;}
a:link{color:#222222;}
a:active{color:#222222;}
a:visited{color:#222222;}
a:hover{color:#222222;}
.top-header-area{position: fixed;left:10;top:0;z-index: 999;}
.logo{width:150px;padding:1em;}
.logo img{width:100%;height:auto;}
.top-header-area h1{text-align: center; font-size:10px;margin:0;padding:0;}
.wrapper{text-align: center;margin-top:0em;}
.navi-image{margin-top:3em;margin-bottom:3em;width:640px;position: relative;margin-left:auto;margin-right:auto;}
.navi-image img{width:100%;height:auto;}
.close-btn{position: absolute;right:2%;bottom:2%;-family: "Lato", sans-serif;background-color: #222222;color:#FFFFFF; padding:1%;z-index: 996;}
.close-btn:hover{cursor: pointer;}

.top-header-area{position: fixed;left:10;top:0;z-index: 999;}
.logo{width:150px;padding:1em;}
.logo img{width:100%;height:auto;}
.top-header-area h1{text-align: center; font-size:10px;margin:0;padding:0;}
.wrapper{text-align: center;position: relative;}

.slide-area{position: fixed;top:0;left:0;display: none; background-color: hsla(0,0%,100%,0.94);width:100%;height:100vh;}

.inner{position:relative;}
.inner-layout{padding-top:3%;}

.inner .swiper{}
.inner img{width:auto;height:85vh;}

.loading {  width: 100%;  height: 100%;		background-color: hsla(0,0%,100%,0.85);  position: fixed;  top: 0;  left: 0;  z-index: 9999;	text-align: center; transition: 2s;}
.loading span {  position: absolute;  top: 40%;  left: 50%;  -webkit-transform: translateY(-40%) translateX(-40%);  transform: translateY(-50%) translateX(-50%);}
.loading p{ width: 100px; height: 100px; border-radius: 50%; border: 4px solid  hsla(145,11%,56%,0.90); border-right-color: transparent;	border-left-color: transparent; animation: load 1s linear infinite;}
@keyframes load{0% { transform: rotate(0deg);   opacity: 0; } 100%   { transform: rotate(360deg); opacity: 1.0; }  }

	.wrapper{text-align: center;padding-top:5em;}
.image-area{margin-left:auto;margin-right:auto;margin-bottom:2em;}
.image-area img{width:100%;height:auto;}
.image-area img:hover{cursor: pointer;}

.item-info{display: inline-block;vertical-align: middle;widht:200px;padding:2%;font-family: "Lato", sans-serif;}
.item-photo{display: inline-block;vertical-align: middle;}
.clear{clear:both;float:none;}
.item-photo img:hover {animation: sc .1s forwards;}


@keyframes sc
{
0% { opacity:1;}
100% { opacity:0.8;}
}

.footer-navi ul{display: inline-block;}
.footer-navi li{display: inline-block;}
.footer-navi li:after{content: " / ";margin-botom:1em;}
.footer-navi li:last-child:after {content: " ";}

.specinfo{font-size:70%;}

@media only screen and (max-width: 640px) {

.logo{width:100px;}
.swiper{width:100%;padding-bottom:5em;}
.wrapper{padding-top:5em;}
.navi-image{width:100%;}
.navi-image img{width:100%;height:auto;}
.image-area{margin-left:auto;margin-right:auto;  display: flex;  flex-direction: column-reverse;}
.item-info{display: block;padding:0%;}
.item-photo{display: block;float:left;}
.inner-layout{padding-top:3em;padding-bottom:3em;}
.inner{padding-top:3em;}
.close-btn{position: fixed;right:45%;bottom:15%;}
.inner img{width:90%;height:auto;}
#global-nav{font-size:130%;}
.footer-navi ul{display: block;text-align: left;margin:0;padding:0;font-size:90%;}
.footer-navi li{display: block;}
.footer-navi li:after{content: "  ";margin-botom:0em;}
.footer-navi li a:before {display: inline-block;font-family: "Font Awesome 5 Free";font-weight: bold;content: "\f111";font-size:50%;color:hsla(252,11%,18%,0.80);margin-right:0.25em;}
.footer-navi li a{display: block; border-bottom:dotted 1px #222222;padding:0.25em;margin-bottom:1em;}

}
@media only screen and (min-width: 374px) {
.close-btn{bottom:2%;}
}

#copyright{text-align: center;font-size:70%;}