@charset "UTF-8";

.hide { display: none; }

#photoWrap { }
.photoBg0 { background: url("../../img/bg/photoBg0.jpg") no-repeat center center fixed; background-size: cover; }
.photoBg1 { background: url("../../img/bg/photoBg1.jpg") no-repeat center center fixed; background-size: cover; }
.photoBg2 { background: url("../../img/bg/photoBg2.jpg") no-repeat center bottom fixed; background-size: cover; }

#photoWrap .container { margin: 0 auto; width: 60%; color: #fff; font-weight: bold;  text-align: center; line-height: 1.5; position: relative; }
#photoWrap .container .bg { display: block; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ }

.contents { width: 100%; position: absolute; top: 0; left: 0; display: table; }
.contents > div { display: table-cell; vertical-align: middle; }
.contents h1 { text-align: cneter; font-size: 1.7rem;  }
.contents h1 span { display: block; font-size: 4rem; padding-bottom: 20px; font-family: 'Arizonia',cursive; }
.contents p { font-size: 1.3rem; }

.clickHere { position: absolute; top: 30px; right: 30px; z-index: 10; }
.clickHere img { width:60px; }



/* PC VERSION */
@media all and (max-width:767px) {
	.contents h1 { text-align: cneter;  font-size: 1.2rem; padding: 0 10px 20px 10px; }
	.contents h1 span { display: block; font-size: 1.8rem; }
	.contents p { font-size: 0.9rem; padding: 0 15px;}
}