body{
	margin:0;
	padding:0;
}

html{
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	font-size:12px;
	font-size:12px;
	letter-spacing: 0.2;
	background-color:#EDEDED;
	line-height:1.8em;
	}
	
a:link { color: #DF0000; }
a:visited { color: #DF0000; }
a:hover { color: #A00000; }
a:active { color: #DF0000; }

.menu-back{
	display:block;
	width:100%;
	background-color:#000;
	opacity:0.9;
	position:fixed;
	height:70px;
	text-align:left;
	color:#fff;
	font-size:16px;
	line-height:70px;
	z-index:22;
}

.menu-back-left{
	width:30%;
	float:left;
}

.menu-back-right{
	width:40%;
	float:right;
	text-align:right;
	margin-right:90px;
	z-index:1;
}

.menu-back-right img{
			transition: 0.5s ;
		}

.menu-back-right img:hover {
			opacity: 0.5 ;
		}


.top2018{
	width:150px;
	float:right;
	margin-right:100px;
}

.top2018 img{
	width:100%;
}

#top-section{
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #000;
position: relative;
background-image: url(../img/top.jpg);
background-repeat: no-repeat;
background-position: center center;
}

	
#top-contents{
	width: 100%;
	position: absolute;
	min-height:1000px;
	margin:0 auto;
	background-image:url(../img/top.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	background-color:#000;
	position:relative;
	z-index:1;
	text-align:center;
	
}


.logo1{
	width: 50%;
	margin:0 auto;
	z-index: 10;
	position: absolute;
}

.logo1 img{
width:100%
}

.logo2{
	width: 50%;
	margin:0 auto;
	z-index: 11;
	position: absolute;
	display: none;
}

.logo2 img{
width:100%
}

.logo1 h2{
text-align: center; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 25px; letter-spacing:8px;
}

.logo2 h2{
text-align: center; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 25px; letter-spacing:8px;
}

#pc{
	display:block;
}

#mb{
	display:none;
}

	
.fb-share-button{
	    display:block;
		width:47%;
		height:60px;
		background-color:#405C9D;
		opacity:0.8;
		text-align:center;
		float:left;
		margin-top:30px;
		color:#fff;
		line-height:70px;
		font-family: 'Ubuntu', sans-serif;
}

.twitterarea{
	    display:block;
		width:47%;
		height:60px;
		background-color:#4BAAF4;
		opacity:0.8;
		text-align:center;
		float:right;
		margin-top:30px;
		color:#fff;
		line-height:70px;
		font-family: 'Ubuntu', sans-serif;
}

#intro{
	width: 100%;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
}

#intro-cn{
	width: 100%;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
}

#intro-content{
	width: 80%;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
	color:#eaeaea;
	font-size:14px;
	line-height:2em;
	padding:6%;
}

#intro-content h2{

	color:#eaeaea;

}


#intro-content #button {
  display: inline-block;
  width: 100%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  opacity:0.8;
  margin-top:15px;
}

#intro-image{
	width: 40%;
	margin:0 auto;
	text-align:center;
}

#intro-image img{
	width: 100%;
}



#history{
	width: 100%;
	position: relative;
	margin:0 auto;
	
	position:relative;
	z-index:1;
	text-align:center;
	background-color: #fff;
}

.h-header{
	width:100%;
	height:200px;
	background-image:url(../img/history-back.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	padding-top:4%;
}

h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:22px;
	line-height:1.8em;
	color:#333;
}

.title{
	text-align: center; color: #000; text-shadow: 0 0 3px rgba(255,255,255,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 35px; letter-spacing:5px;
}

.whitetitle{
	text-align: center; color: #fff; text-shadow: 0 0 3px rgba(255,255,255,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 35px; letter-spacing:5px;
}



h3{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
	font-size:26px;
	line-height:1.8em;
	color:#333;
}

#success{
	width: 100%;
	height:100%;
	position: relative;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
	
}

#success-content{
	width: 80%;
	position: relative;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
	
}

#success-person{
	width:30%;
	display:block;
	float:left;
	padding:10px;
	margin-top:20px;
}

#success-person p{
	width:95%;
	text-align:left;
	line-height:1.8em;
}

#success-person img{
	width:93%;
	margin:0 auto;
}

.sper{
	border-radius: 50% 50% 0 50%;
}

#white-space{
	display:block;
	width:100%;
	height:inherit;
	background-color:#fff;
	padding-top:2%;
	padding-bottom:2%;
}

#button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #A00000;
  color: #A00000;
  line-height: 50px;
  overflow: hidden;
  margin-bottom:10px;
}
#button:hover {
  color: #fff;
}
#button::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
#button:hover::after {
  top: 0;
  background-color: #A00000;
}

#button {
  display: inline-block;
  width: 60%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  opacity:0.8;
  margin-top:15px;
}
#button::before,
#button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#button,
#button::before,
#button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


#footer{
	width: 100%;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	line-height:2em;
	color:#666;
	padding_bottom:10px;
	padding_top:10px;
}

#sns{
	width: 15%;
	margin:0 auto;
	margin-bottom:10px;
}

#snscont{
	width: 25%;
	float:left;
	text-align:center;
}

#snscont img{
	width: 80%;
	margin:0 auto;
}

	#snscont img{
			transition: 0.5s ;
		}

	#snscont img:hover {
			opacity: 0.5 ;
		}


#link{
	width: 25%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#linkcont{
	width: 50%;
	margin: 0 auto;
	text-align:center;
	margin-top: 50px;
}

#linkcont img{
	width: 80%;
	margin:0 auto;
}

	#linkcont img{
			transition: 0.5s ;
		}

	#linkcont img:hover {
			opacity: 0.5 ;
		}




/* ------------------------------------------------ common */

.contents {
	display: table;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.contents__inner {
	display: table-cell;
}

/* ------------------------------------------------ drawer menu */
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	padding: 120px 0;
	background: #000;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
	z-index:99999;
}

.drawer-menu li {
	text-align: center;
	list-style:none;
}

.drawer-menu li a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	text-decoration:none;
}

.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}

/* ------------------------------------------------ checkbox */
.check {
	display: none;
}

/* ------------------------------------------------ menu button */
.menu-btn {
	position: fixed;
	display: block;
	top: 20px;
	right: 20px;
	display: block;
	width: 40px;
	height:30px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 33;
}

.bar {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40px;
	height: 1px;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.bar.middle {
	top: 10px;
	opacity: 1;
}

.bar.bottom {
	top: 20px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}

.menu-btn__text {
	position: absolute;
	bottom: -15px;
	margin-left:-3px;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}

.menu-btn:hover .bar {
	background: #999;
}

.menu-btn:hover .menu-btn__text {
	color: #999;
}

.close-menu {
	position: fixed;
	top: 0;
	right: 300px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(../images/cross.svg),auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}

/* ------------------------------------------------ checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 2;
}

.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}

.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
	width: 56px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
	width: 56px;
	top: 40px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}

#message{
	width: 100%;
	margin:0 auto;
	background-color:#000;
	z-index:1;
	text-align:center;
	padding:0;
	text-align:center;
	margin-top:-10px;
}


#message div{
	width: 20%;
	float:left;
	margin:0;
	padding:0;
	display:block;
	background-color:#000;
	
}

figure  img{
	width: 100%;
	height:inherit;
	overflow:hidden;
}

figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  color:#fff;
  margin:0;
  padding:0;
}

figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
  overflow:hidden;
}

figure:hover figcaption {
  opacity: 1;
  overflow:hidden;
}

figcaption h3 {
  color:#fff;
  font-size:18px;
  padding-top:60px;
}

figcaption p {
	width:85%;
	color:#fff;
	margin:0 auto;
	text-align:left;
}

#backtotop{
	width:100%;
	text-align:center;
	background-color:#000;
	color:#fff;
	line-height:60px;
	padding-top:20px;
	padding-bottom:20px;
}

#backtotop i {
			transition: 0.5s ;
		}

#backtotop i:hover {
			opacity: 0.5 ;
		}

.swiper-container {
    width: 100%;
}   

#year-t{
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#000;
	line-height:100px;
	font-family: 'Cinzel', serif;
	font-size:30px;
}

#content-t{
	width:100%;
	text-align:center;
	color:#000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height:100px;
	font-size:24px;
	border-bottom: 1px solid #999999;
	margin-bottom:2%;
}

#his-con{
	width:100%;
	cursor:move;
}

#his-con-left{
	width:30%;
	display:block;
	float:left;
	margin-left:8%;
	text-align:left;
}

#his-con-left img{
	width:90%;
}
	
	
	
#his-con-right{
	width:50%;
	display:block;
	float:right;
	margin-right:8%;
	text-align:left;
}

#his-con-right h4{
	color:#333;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height:1.8em;
	font-size:20px;
	margin-bottom:12px;
}

#his-con-right p{
	color:#666;
	font-size:14px;
	line-height:1.8em;
	margin-top:-3px;
}

.m-t{
	margin-top:-8px;
}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:0 auto;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#gallery_wrap {
	width:100%;
	margin:0 auto;
	padding:0;
}

#gallery_wrap  ul{
	width:100%;
	margin:0 auto;
	padding:0;
	clear:both;
}


#gallery_list{
	width:100%;
	margin:0 auto;
	text-align:left;
	clear:both;
	
}

#gallery_list li{
	width:33.3%;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#gallery_list a.photo{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
	margin-top:-6px;
}


.pager_link{
	text-align:right;
	padding:10px;
}


/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    color: #aaa;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}

.iframe-content {
   position: relative;
	width: 100%;
    padding: 75% 0 0 0;
}

.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
}

	
@media screen and (max-width:1215px) {
	
h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:17px;
	line-height:1.8em;
	color:#000;
}

h3{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
	font-size:17px;
	line-height:1.8em;
	color:#000;
}

.title{
	text-align: center; color: #000; text-shadow: 0 0 3px rgba(255,255,255,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 35px; letter-spacing:5px;
}

.whitetitle{
	text-align: center; color: #fff; text-shadow: 0 0 3px rgba(255,255,255,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 35px; letter-spacing:5px;
}

	
#top-contents{
	width: 100%;
	position: relative;
	min-height:800px;
	margin:0 auto;
	background-image:url(../img/top.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	background-color:#000;
	position:relative;
	z-index:1;
	text-align:center;
	
}

#success{
	width:95%;
	height:100%;
	position: relative;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
	
}

#success-content{
	width: 100%;
	position: relative;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
}

#success-person{
	width:30%;
	display:block;
	float:left;
	padding:10px;
	margin-top:20px;
}

#success-person p{
	width:95%;
	text-align:left;
	line-height:1.8em;
}

#success-person img{
	width:90%;
	display:block;
}

.sper{
	width:100%;
}

#content-t{
	width:90%;
	text-align:center;
	color:#000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:20px;
	border-bottom: 1px solid #999999;
	margin-bottom:5%;
	line-height:1.6em;
	padding:5%;
}


}

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

	
#message{
	width: 100%;
	margin:0 auto;
	background-color:#000;
	z-index:1;
	text-align:center;
	padding:0;
}


#message div{
	width: 50%;
	float:left;
	margin:0;
	padding:0;
	background-color:#000;
	display:block;
}

figure  img{
	width: 100%;
}

figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  color:#fff;
}

figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
}

figure:hover figcaption {
  opacity: 1;
}

figcaption h3 {
  color:#fff;
  padding-top:160px;
}

figcaption p {
	width:85%;
	color:#fff;
	margin:0 auto;
}

#sns{
	width: 30%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom: 10px;
}

#snscont{
	width: 25%;
	float:left;
	text-align:center;
}

#snscont img{
	width: 80%;
	margin:0 auto;

}

#link{
	width: 25%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
}

#linkcont{
	width: 100%;
	float:left;
	text-align:center;
}

#linkcont img{
	width: 100%;
	margin:0 auto;
}

	#linkcont img{
			transition: 0.5s ;
		}

	#linkcont img:hover {
			opacity: 0.5 ;
		}

#intro{
	width: 100%;
    height: 1300px;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
}
	
#intro-cn{
	width: 100%;
    height: 1050px;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
	padding-top: 20px;
}
	

.iframe-content {
   position: relative;
	width: 100%;
	height: 1650px;
    padding: 75% 0 0 0;
	overflow: scroll;
}

.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
	overflow: scroll;
}
	
#history{
	width: 100%;
	position: relative;
	margin:0 auto;
	
	position:relative;
	z-index:1;
	text-align:center;
	background-color: #fff;
}

.h-header{
	width:100%;
	height:200px;
	background-image:url(../img/history-back.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	padding-top:4%;
	margin-top: -55px;
}


}

@media screen and (max-width: 600px) {
	
	
.h-header{
	width:100%;
	height:150px;
	background-image:url(../img/history-back.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	padding-top:10%;
	margin-top: -55px;
}

#intro{
	width: 100%;
    height: 1400px;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
}
	
#intro-cn{
	width: 100%;
    height: 950px;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
	padding-top: 20px;
}
	
#intro-content{
	width: 90%;
	position: relative;
	margin:0 auto;
	background-color:#000000;
	z-index:1;
	text-align:center;
	color:#eaeaea;
	font-size:14px;
	line-height:2em;
	padding:6%;
}
	
#history{
	width: 100%;
	position: relative;
	margin:0 auto;
	
	position:relative;
	z-index:1;
	text-align:center;
	background-color: #fff;
}



#success{
	width: 90%;
	position: relative;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
	
}

#success-content{
	width: 90%;
	position: relative;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
}

#success-person{
	width:100%;
	margin:0 auto;
	display:block;
	float:left;
	margin-top:20px;
}

#success-person p{
	width:100%;
	text-align:left;
	line-height:1.8em;
}

#success-person img{
	width:85%;
	display:block;
	margin:0 auto;
}

.sper{
	width:100%;
}

#tth{
	margin:0 auto;
	display:block;
	width:324px;
	height:437px;
	margin:0 auto;
	background-image:url(../img/20.png);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#logo{
	margin:0 auto;
	padding-top:29%;
}

#logo img{
	width:80%
}
	
.logo1{
	width: 80%;
	margin:0 auto;
	z-index: 10;
	position: absolute;
}

.logo1 img{
width:100%
}

.logo2{
	width: 80%;
	margin:0 auto;
	z-index: 11;
	position: absolute;
	display: none;
}

.logo2 img{
width:100%
}

.logo1 h2{
text-align: center; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 18px; letter-spacing:8px;
}

.logo2 h2{
text-align: center; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 18px; letter-spacing:8px;
}

h2 .title{
	text-align: center; color: #000; text-shadow: 0 0 3px rgba(255,255,255,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 35px; letter-spacing:5px;
}

h2 .whitetitle{
	text-align: center; color: #fff; text-shadow: 0 0 3px rgba(255,255,255,.5); font-family: 'Cinzel', serif; text-transform: uppercase; font-size: 35px; letter-spacing:5px;
}


.fb-share-button{
	    display:block;
		width:47%;
		height:60px;
		background-color:#405C9D;
		opacity:0.8;
		text-align:center;
		float:left;
		margin-top:30px;
		color:#fff;
		line-height:70px;
		font-family: 'Ubuntu', sans-serif;
		margin-bottom:30px;
}

.twitterarea{
	    display:block;
		width:47%;
		height:60px;
		background-color:#4BAAF4;
		opacity:0.8;
		text-align:center;
		float:right;
		margin-top:30px;
		color:#fff;
		line-height:70px;
		font-family: 'Ubuntu', sans-serif;
		margin-bottom:30px;
}

#intro-image{
	width: 70%;
	margin:0 auto;
	text-align:center;
}

#intro-image img{
	width: 100%;
}

#pc{
	display:none;
}

#mb{
	display:block;
	text-align: center;
	font-size: 13px;
	line-height: 2em;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	
}


h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:16px;
	line-height:1.8em;
	color:#000;
}

h3{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
	font-size:15px;
	line-height:1.8em;
	color:#000;
}

#message{
	width: 100%;
	margin:0 auto;
	background-color:#000;
	z-index:1;
	text-align:center;
	padding:0;
}


#message div{
	width: 100%;
	float:left;
	margin:0;
	padding:0;
	background-color:#000;
	display:block;
	z-index:2;
}

figure  img{
	width: 100%;
}

figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  color:#fff;
  z-index:1;
}

figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
}

figure:hover figcaption {
  opacity: 1;
}

figcaption h3 {
  color:#fff;
  padding-top:150px;
   z-index: 2;
}

figcaption p {
	width:85%;
	color:#fff;
	margin:0 auto;
	 z-index: 2;
}


#sns{
	width: 40%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom: 10px;
}

#snscont{
	width: 25%;
	float:left;
	text-align:center;
}

#snscont img{
	width: 80%;
	margin:0 auto;

}

#link{
	width: 30%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align: center;
}

#linkcont{
	width: 100%;
	float:left;
	text-align:center;
	margin: 0 auto;
}

#linkcont img{
	width: 80%;
	margin:0 auto;
}

	#linkcont img{
			transition: 0.5s ;
		}

	#linkcont img:hover {
			opacity: 0.5 ;
		}
		
.swiper-container {
    width: 100%;
}   

#year-t{
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#000;
	line-height:100px;
	font-family: 'Cinzel', serif;
	font-size:30px;
}

#content-t{
	width:90%;
	text-align:center;
	color:#000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:16px;
	border-bottom: 1px solid #999999;
	margin-bottom:2%;
	line-height:1.6em;
	padding:5%;
}

#his-con{
	width:100%;
	text-align:center;
	cursor:move;
}

#his-con-left{
	width:70%;
	display:block;
	float:left;
	margin-left:15%;
	margin-top: 15px;
	
}

#his-con-left img{
	width:100%;
}
	
	
	
#his-con-right{
	width:70%;
	margin-left:15%;
	display:block;
	margin-top:10px;
	float:left;
	text-align:left;
}

#his-con-right h4{
	color:#000;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height:1.8em;
	font-size:15px;
	margin-bottom:8px;
	margin-top: 8px;
}

#his-con-right p{
	color:#000;
	font-size:12px;
	line-height:1.4em;
	margin-top:-3px;
}

.m-t{
	margin-top:-8px;
}

.menu-back-left{
	width:0%;
	float:left;
	display:none;
}

.menu-back-right{
	width:40%;
	float:left;
	text-align:left;
	margin-left:5px;
	margin-right:90px;
	z-index:1;
}

#gallery_list li{
	width:50%;
	float:left;
	margin:0;
	padding:0;
}
	
.iframe-content {
   position: relative;
	width: 100%;
	height: 1100px;
    padding: 75% 0 0 0;
	overflow: scroll;
}

.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
	overflow: scroll;
}

.title{
	text-align: center;
	color: #000;
	font-family: 'Cinzel', serif;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing:5px;
}

.whitetitle{
	text-align: center;
	color: #fff;
	text-shadow: 0 0 3px rgba(255,255,255,.5);
	font-family: 'Cinzel', serif;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing:5px;
}
	
#backtotop{
	width:100%;
	text-align:center;
	background-color:#000;
	color:#fff;
	line-height:60px;
	padding-top:10px;
	padding-bottom:10px;
}


}