@charset "utf-8";

/*============================================================
  NAKAMA ARCHITECTURE
============================================================ */
/*
layout.css
color:#575757;
point color:rgba(186,167,131,0.5) #baa783
point color:rgb(201,194,177)#c9c2b1


/*--------------------------------------------------
   TOP
 --------------------------------------------------*/  

/* BASIC
 --------------------------------------------------*/ 

/* ---　base  ------------*/ 

body{
margin:0;
padding:0;
color:#575757;
letter-spacing:0.08em;
}

/* ---　link img  ---------*/ 
a:active img ,
a:hover img {
outline: 0;
opacity: 0.6;
}
.btn {
margin:20px 0 10px !important;
min-width: 200px !important;
}


/* ALL CONTENS
-------------------------------------------------------*/
#all{
position: relative;
width: 100%;
margin-top:0;
padding-top: 0;
margin-left: auto;
margin-right:auto;
text-align: center;
}



/* TOP SLIDER
--------------------------------------------------------*/

.slider {
width: 100vw;
height: 100vh;
background-position: center center;
align-items: center;
justify-content: flex-end;
margin-top:0;
margin-bottom: 0px;
z-index: 200;
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 10s linear 0s;
  animation: zoomUp 10s linear 0s; /* 10秒かけて拡大 */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slide-img {
  background-size: cover; 
  background-position: center center;
  height: 100vh; /* 画像の高さ100vh */
}
/* Swiper-zoom */
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}


/* ---------　LOGO ------------*/ 

.topcopy {
position: absolute;
top: 50%;
left: 50%;
		text-align: center;
  transform: translate(-50%,-50%);
		z-index: 1000;
}


.toplogo {
position: absolute;
top: 48%;
left: 50%;
  font-size: 32px !important;
  font-family: serif;
		font-weight: 300;
		line-height: 1.5em;
		color:#fff;
		text-align: center;
  transform: translate(-50%,-50%);
	z-index: 1000;
}

.toplogo a { 
  text-decoration: none;
		white-space: nowrap;
  color:#fff; 
}

.toplogo a:link{ 
 text-decoration: none; 
 color:#fff; 
}
.toplogo a:visited { 
  color:#fff; 
}
.toplogo a:hover { 
  color:rgba(227,227,227,0.60);
}


/* ---------　1200------------*/ 
@media screen and (max-width: 1280px) {
.toplogo{
position: absolute;
top: 50%;
left: 50%;
font-size: 28px !important;
font-family: serif;
font-weight: 300;
color:#fff;
transform: translate(-50%,-50%);
	z-index: 1000;
}
}


/* ---------　960------------*/ 
@media screen and (max-width: 960px) {
.toplogo{
position: absolute;
top: 46%;
left:45%;
font-size:25px !important;
font-family: serif;
font-weight: 300;
color:#fff;
transform: translate(-43%,-50%);
}
}

/* ---------　768------------*/ 
@media screen and (max-width: 768px) {
.toplogo{
position: absolute;
top: 46%;
left: 38%;
font-size: 20px !important;
font-family: serif;
font-weight: 300;
color:#fff;
transform: translate(-32%,-50%);
}
}
	
/* ---------　480------------*/ 
@media screen and (max-width: 480px) {
.toplogo{
position: absolute;
top: 45%;
left: 38%;
font-size: 14px !importants;
font-family: serif;
font-weight: 300;
color:#fff;
transform: translate(-34%,-50%);
}
}


/* ---------　NEWS TAB------------*/ 
.top-news a{
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 position: absolute;
 top: 48%;
 right: 0%;
	padding:24px 8px 24px 12px;
 font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	background-color: rgba(255,255,255,0.9);
	color##575757 !important;
	-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
	z-index: 1000;
}

.top-news a:hover {
 background: rgba(255,255,255,0.5);
}


/* ---------　960------------*/ 
@media screen and (max-width: 960px) {
.top-news a{
font-size: 13px;
padding:22px 7px 24px 12px !important;
}
}
	
/* ---------　480------------*/ 
@media screen and (max-width: 480px) {
.top-news a{
position: absolute;
top: 55%;
right: 0%;
font-size: 13px;
padding:22px 6px 24px 10px !important;
}
}