body, html {
	line-height: 20px;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	padding: 0px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background-color: #000;
}
*{
	margin:0;
	padding:0;
	}

a.link, a:active, a:selected {
	border: none;
	outline: none;
}
img {
	border:0;
}

a img{
	border:0;
}


a.link, a:visited{
	color: #00BFFF;
}

#wrap{
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	margin-top: 60px;
}

#backstretch{
}


.bigImages{

}
.bigImages ul li{
	list-style: none;
}


.thumbContainer{
	position: absolute;
	bottom: 10px;
}


.thumbnails{
	position: absolute;
  z-index:10;
  width: 835px;
  left: 50%;
  margin-left: -415px;
  bottom: 10%;
}
.thumbParentContainer{
 	position: absolute;
	bottom: 100px;
}
.slick-next{
  border: none;
  font-size: 0;
  outline: none;
	cursor: pointer;
	position: absolute;
	background: url(../images/assets/next.png) no-repeat;
	width: 43px;
	height: 43px;
	right: -50px;
	top: 10px;
	z-index: 1005;
}
.slick-prev{

  border: none;
  font-size: 0;
  outline: none;
	cursor: pointer;
	position: absolute;
	background: url(../images/assets/prev.png) no-repeat;
	width: 43px;
	height: 43px;
	left: -55px;
	top: 10px;
}
.slick-prev.slick-disabled {
  opacity: .3;
}

.photo_info{
	position: absolute;
	background: url(../images/assets/topcursor.png);
	width: 168px;
	height: 69px;
	bottom: 180px;
	left: 50px;
	color: #f5f5f5;
	font-size: 20px;
}


.thumbnails a{
	color: #00BFFF;
  outline: none;
}
.thumbnails .blueNote{
	background: #00BDEE;
}

.thumbnails .redNote{
	background: #FF3333;
}
.thumbnails ul{
	display: block;
	padding: 0;
	margin: 0;
}
.thumbnails ul li{
  cursor: pointer;
}


.thumbnails ul li.active{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.thumbnails ul li:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}


#arrowButton{
    cursor: pointer;
	position: fixed;
	width: 100%;
	z-index: 1003;
}
#arrowButton .prevArrow{
	width: 40px;
	height: 60px;
	position: absolute;
	left: 20px;
	background-image: url(../images/assets/prev.png);
	background-repeat: no-repeat;
	background-position: center;
}
#arrowButton .nextArrow{
	width: 40px;
	height: 60px;
	position: absolute;
	right: 20px;
	background-image: url(../images/assets/next.png);
	background-repeat: no-repeat;
	background-position: center;
}


.animate{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate0{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate1{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate2{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate3{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate4{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate5{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate6{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: 1.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: 1.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate7{
   	-webkit-animation-duration: .4s;
	-webkit-animation-delay: 1.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .4s;
	-moz-animation-delay: 1.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .4s;
	-ms-animation-delay: 1.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .4s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}


#logo_head {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: #000;
  min-width: 960px;
}

#logo_head_inner{
	width: 917px;
	height:74px;
	margin: 0 auto;
}

#logo_head h1{
	float: left;
	padding: 17px 7px 0 0 ;
}

#logo_head div#navi{
	float: left;
	padding: 32px  0 0;
}
#logo_head div#navi img{
	padding-left:50px;
}

.navi-map, .navi-gallery {
  background: url(/tyo/zekkei/common/images/btn_header_navi.png) no-repeat left 0;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 161px;
  height: 28px;
}

#navi .navi-gallery {
  margin-left: 10px;
  background-position: left -223px;
}
#navi .navi-gallery:hover {
  background-position: left -251px;
}

#navi .navi-map { 
  background-position: left -113px; 
}

#navi .navi-map:hover {
  background-position: left -141px;
}

#logo_head div#sanpo{
	float: right;
	padding: 8px 0 0;
}

#header {
	display: none;
	background-color: #000;
	height: 50px;
	position: absolute;
	bottom: 0;
	z-index: 1005;
	width: 100%;
}
#header h1 {
	display: block;
	float: left;
	width: 200px;
}
#header h2 {
	font-size: 10px;
	font-weight: normal;
	color: #F5F5F5;
	overflow: hidden;
	line-height: 18px;
	margin-left: 240px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: left;
}
#header .his {
	padding-top:15px;
	clear: both;
	padding-left: 50px;
	color: #FFF;
	font-size: 10px;
}
address {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #F5F5F5;
	display: block;
	float: left;
	padding-left: 20px;
	line-height: 26px;
}
#header .his .logo {
	float: left;
	height: 26px;
	width: 170px;
}
#header h1 a {
	padding-top: 10px;
	display: block;
	padding-left: 50px;
}

#header {
  position: fixed;
  bottom: 0;
  z-index: 10;
}

#header .oe {
    position: absolute;
    top: 12px;
	right: 50px;
}
#header .oe a {
	display: block;
	padding: 4px 20px 4px 10px;
	background: #fff;
	text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
#header .oe a:before {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    content: '';
    background: url(/cmn/icon/icon_arrow_right_black.svg) no-repeat right center;
    background-size: 20px 20px;
}



.bg-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #000;
  z-index: 1000;
}

.gallery-slider {
  position: fixed !important;
  margin: auto;
  width: 100%;
  z-index: 1;
  top: 74px;
  bottom: 50px;
  left: 0;
  right: 0;
}

.thumbnails {
  transition: .2s opacity linear;
  opacity: 1;
}

#logo_head:hover ~ .thumbnails,
#header:hover ~ .thumbnails
{
  opacity: 0;
}

.img-wrap img {
  width: 100%;
  height: auto;
  position: absolute;
}

.img-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.gallery-cell .island {
  position: absolute;
  z-index: 100;
  height: 255px;
  color: #fff;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-shadow: 1px 1px #000;
  background-repeat: no-repeat;
  background-position-x: 50%;
}

.island:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: .1s linear;
  z-index: 1;
}



.gallery-cell .island-titleName {
    margin: 20px 0 50px 0;
    font-size: 2em;
}

.gallery-cell .island-stateName {
    margin-bottom: 10px;
    font-size: 1.3em;
}

.gallery-cell .island-placeNameEnglish {
    margin-bottom: 10px;
    font-size: 1em;
    letter-spacing: 3px;
}

.gallery-cell .island-linkButton {
  position: absolute;
  bottom: 0;
  right: 0;
}


.gallery-cell .island-linkButton:before {
  content: '＞';
  position:absolute;
  top: 5px;
  left: 10px;
  color: #fff;
  transition: .2s linear;
  z-index: 10;
}

.slick-slide {
  outline: none;
}

.island_wrap {
   position: absolute;
   height: 100%;
   width: 960px;
   top: 0;
   left: 50%;
   margin-left: -480px;
 }

.island.alignRight { text-align: right; } 
.island.alignLeft { text-align: left; }

.island.positionRight { right: 30px; } 
.island.positionLeft { left: 30px; }


.credit {
  position: absolute;
  bottom: 10%;
  right: 3%;
  font-size: 2em;
  color: rgba(255,255,255,.6);
  z-index: 100;
}