@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
html { 
    font-size: 100% /* =16px */
}
body{
	width: 100%;
	margin:0 0 2em 0;
	margin: 0 auto 10% auto;
	font-size: 14px;
	font-family: 'Libre Baskerville', 'Noto Sans JP';
	font-weight: 400;
}

.contents_pc{
	display:block;
}
.contents_sp {
	display:none;
}


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

.swiper-custom-parent{
	width:100%;
	height:100%;
  max-width: 1410px;
	max-height:867px;
  position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	margin: auto;
 }

.swiper-container {
	width:93%;
	height:100%;
	max-width:1300px;
	max-height:867px;
 }
.swiper-container img{
	width:100%;
	height:100%;
	max-width:1300px;
	max-height:867px;
}

.swiper-container .swiper-slide {
}
.swiper-container .swiper-slide .swiper-slide-content {
	position: absolute;
	bottom: 0%;
	left: 0%;
	opacity: 0;
	transition: all 2s ease 0s;
}
.swiper-container p{
	color:#FFF;
	padding:0 0 2em 2em;
	line-height:1.5em;
	display:block;
}
.swiper-container a:link {
	color: #FFF;
	text-decoration: none;
}
.swiper-container a:hover {
	color: #FFF;
	text-decoration: underline;
}
.swiper-container a:visited {
	color: #FFF;
}
.swiper-button-prev{
	margin: 0;
	padding:0;
	top:40%;
}

.swiper-button-next{
	margin:0;
	padding:0;
	top:40%;
}
a:focus, *:focus { outline:none; }

#btnend div{

}

#btnend p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0 auto 0 auto;
  letter-spacing:0.2em;
  text-align: center;
  width:100%;
  }

#btnend img {
  width: 100%;
  }
.simple_square_btn2 {
	display: block;
	position: relative;
	width: 200px;
	padding: 0.4em 0.8em 0.4em 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	border:1px solid #FFF;
	font-size:1.2em;
	margin:0 auto 7em auto ;
}
.simple_square_btn2:hover {
	 background: #FFF;
         color: #000;
	 cursor: pointer;
	 text-decoration: none;
}
#btnend a:link {
	color: #FFF;
	text-decoration: none;
}
#btnend a:hover {
	color: #000;
	text-decoration: underline;
}
#btnend a:visited {
	color: #FFF;
}

#credit p{
	position: relative;
	top: 10%;
	left: 50%;
	display: block;
	margin:3em 0 0 0;
	width:100%;
	font-family:  'Noto Sans JP';
}




@media (max-width:750px) {


			
.contents_pc{
	display:none;
}
.contents_sp {
	display:block;
}

img{
	border:none;
}


.swiper-custom-parent{
	width:750px;
	height:100%;
  max-width: 750px;
	max-height:100%;
  position: relative;
	margin:0 0 0 0;
 }


.swiper-container {
	width:100%;
	height:100%;
	max-width:750px;
	max-height:100%;
	margin:0 0 0 0;
}
.swiper-container img{
	width:750px;
	height:1050px;
	max-width:750px;
	max-height:100%;
}

.swiper-container .swiper-slide {
}
.swiper-container .swiper-slide .swiper-slide-content {
	position: relative;
	opacity: 0;
	transition: all 2s ease 0s;
}
.swiper-container p{
	text-align:center;
	color:#000;
	padding:0;
	line-height:1.8em;
}
.swiper-container a:link {
	color: #000;
	text-decoration: none;
}
.swiper-container a:hover {
	color: #000;
	text-decoration: underline;
}
.swiper-container a:visited {
	color: #000;
}

.swiper-button-prev{
	margin:28em 0 0 0;
	padding:0 0 0 3em;
}

.swiper-button-next{
	margin:28em 0 0 0;
	padding:0 0 0  3em;
}



#btnend div{

}

#btnend p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:100px auto 0 auto;
  letter-spacing:0.2em;
  text-align: center;
  width:80%;
  	color:#FFF;
  }

#btnend img {
  width: 100%;
  }
.simple_square_btn2 {
	display: block;
	position: relative;
	width: 200px;
	padding: 0.4em 0.8em 0.4em 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	border:1px solid #FFF;
	font-size:1.2em;
	margin:0 auto 300px auto ;
}
.simple_square_btn2:hover {
	 background: #FFF;
         color: #000;
	 cursor: pointer;
	 text-decoration: none;
}
#btnend a:link {
	color: #FFF;
	text-decoration: none;
}
#btnend a:hover {
	color: #000;
	text-decoration: underline;
}
#btnend a:visited {
	color: #FFF;
}

#credit p{
	position: relative;
	top: 10%;
	left: 50%;
	display: block;
	margin:3em 0 0 0;
	width:100%;
	font-family:  'Noto Sans JP';
	color:#FFF;
}









}