@charset "utf-8";

@font-face {
    font-family: 'the_redlight_freeregular';
    src: url('../font/the_redlight_free/the_redlight_free-webfont.eot');
    src: url('../font/the_redlight_free/the_redlight_free-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/the_redlight_free/the_redlight_free-webfont.woff') format('woff2'),
         url('../font/the_redlight_free/the_redlight_free-webfont.woff') format('woff'),
         url('../font/the_redlight_free/the_redlight_free-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* -----------------------------------------------------------

   #topImg

   ----------------------------------------------------------- */
#topImg { min-height: 100%; min-height: 100vh;width: 100%; z-index: 2; position: relative; overflow: hidden; }
/* ----- .img ----- */ 
#topImg .img { position: absolute; top: 60px; left:5%; bottom:0; right: 5%; background: url(../images/home/main.jpg) center center no-repeat; background-size: cover; z-index: 1; }

/* ----- .noiseArea ----- */ 
#topImg .noiseArea { position: absolute; top: 60px; left:5%; bottom: 0; right: 5%; display: block; z-index: 2; background: url(../images/common/dust.png) center center no-repeat; background-size: cover;/* background:url(../images/common/noise.png) repeat rgba(0,0,0,0.1);opacity: 0.6; */}
/*#topImg .noiseArea:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: url(../images/common/dust2.png) center center no-repeat; background-size: cover; z-index: 1;}*/

#topImg .noiseArea {position: absolute; top: 60px; left:5%; bottom: 0; right: 5%; z-index: 2; background:/*url(../images/common/noise.png) repeat */rgba(0,0,0,0.1); opacity: 0.7;}

/* .catchArea */
#topImg .catchArea{ position: absolute; top:50%; left:50%; display: inline-block; width:100%; min-width:100%; z-index:4; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); text-align:center; /*margin-top: 15px;*/}


#topImg .catchArea h2.test {  color: #000;color: #fff; font-size:250px; font-family: 'the_redlight_freeregular'; font-weight: normal; line-height: 0.9;-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#topImg .catchArea h2.test span { margin-left: -0.25em}
#topImg .catchArea h2.test b { color: #000;}
/*#topImg .catchArea h2.test { color: #fff; text-transform: uppercase;font-size:45px; font-size: 50px; font-size: 60px; font-size: 150px; font-family: 'nowlight'; font-family: 'nowmedium'; font-weight:normal; letter-spacing: 5px; line-height: 1; line-height: 1.2; position: relative; z-index: 1; }*/


@media only screen and (max-width: 950px) {
	#topImg .catchArea h2.test {font-size:220px;}	
}
@media only screen and (max-width: 768px) {
	#topImg .catchArea h2.test {font-size:200px;}	
}
@media only screen and (max-width: 736px) {
	#topImg .catchArea h2.test {font-size:150px;}	
}
@media only screen and (max-width: 667px) {
	#topImg .catchArea h2.test {font-size:120px;}	
}
@media only screen and (max-width: 414px) {
	#topImg .catchArea h2.test {font-size:110px;}	
}
@media only screen and (max-width: 320px) {
	#topImg .catchArea h2.test {font-size:100px;}	
}

#topImg .catchArea h2 { margin:0; padding:0; /*color:#fefefe; */font-family: 'Istok Web', sans-serif;font-family: 'Yantramanav', sans-serif; font-family: 'steagalmedium'; font-family: 'Quattrocento Sans', sans-serif; }
#topImg .catchArea h2.L { font-size:75px; font-size:125px;letter-spacing:10px;line-height:1.2; font-family: 'nowregular'; font-weight:normal; font-family: 'nowbold'; }
#topImg .catchArea h2.S { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fefefe; font-size:18px; margin-top:-10px; font-size:16px; letter-spacing:5px;line-height:2; font-family: 'nowmbold';font-weight:normal; text-transform: uppercase; z-index: 4;}
#topImg .catchArea h2.S b { font-weight:900;}
#topImg .catchArea h2.S span { font-family:'Open Sans';font-weight:600;}
#topImg .catchArea h2.S span { font-size:0.95em; vertical-align:0; /*font-weight:300; */}



#topImg .catchBottomArea { position: absolute; bottom: 0; background: #fefefe; left: 0; right: 0;  text-align: center; z-index: 3;}

#topImg h3 { font-size: 13px; font-family: 'nowmedium'; font-weight: normal;line-height: 50px; letter-spacing: 4px; text-transform: uppercase;font-family: 'nowbold';}
#topImg h3 span.and { font-family: 'Open Sans'; font-weight: 700; padding-right: 2px; vertical-align: 0;}
#topImg h3 span.m2 {font-family: 'nowbold';}
@media only screen and (max-width: 736px) {
#topImg h3 { font-size: 12px; letter-spacing: 3px; font-family: 'nowmedium';}
#topImg h3 span.and {  font-weight: 600;}

}
@media only screen and (max-width: 414px) {
#topImg h3 { font-size: 10px; letter-spacing: 2px; }
}
@media only screen and (max-width: 350px) {
#topImg h3 { font-size: 9px; letter-spacing: 1.5px; }
}


#topImg .catch24Area {position: absolute; bottom: 90px; left: 5%; right: 5%; text-align: center; z-index: 3;}
#topImg .catch24Area h4 {font-size: 180px; font-family: 'nowbold'; font-weight: normal;}



/* ----- .arrowBtn ----- */
#topImg .arrowArea { position: absolute; bottom: 25px; right: 5%;display: block; text-align: center; height: 80px; width:80px;z-index: 4; }
#topImg .arrowArea span.arrowBtn { color:#111; display: block; height: 80px; width: 80px;}
#topImg .arrowArea span.arrowBtn:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; font-size: 80px; font-family: 'themify';content:"\e62a";  font-weight: normal; line-height: 80px; }

@media only screen and (max-width: 950px) {
#topImg { min-height: 100%; }
#topImg .img { top: 70px; left:0; bottom:0; right: 0;  }
#topImg .noiseArea{ top: 70px; left:0; bottom:0; right: 0;}
}
@media only screen and (max-width: 736px) {
#topImg .img { top: 50px; }
#topImg .noiseArea{ top: 50px; }
}


#catchLink{ padding: 59px 0 0; margin: -59px 0 0; }





/* -----------------------------------------------------------
   #home_about
   ----------------------------------------------------------- */

#home_about { padding: 90px 5% 0; position: relative; z-index: 1; text-align: center; }

@media only screen and (max-width: 950px) {
#home_about { padding: 80px 5% 0; }
}
@media only screen and (max-width: 736px) { 
#home_about { padding: 70px 5% 0; border-top: #ddd 1px solid;}
}
@media only screen and (max-width: 414px) { 
#home_about { padding: 60px 5% 0; }
}





#home_about h2 { font-size:22px; letter-spacing:2px;line-height:2; margin-top: -10px; font-weight:500; }
#home_about h2 br.spBlock,
#home_about h3 br.spBlock{ display: none;}
#home_about h2 span { font-size:0.7em; vertical-align:0; }
#home_about h3 { margin-top: 20px; font-size:16px; font-family: 'nowmedium';font-weight:normal; letter-spacing:1px; line-height: 1.7; position:relative; z-index:1; }
#home_about h3 br { display: none;}

#home_about h1.logo { margin:0 auto 35px; width:200px; height:79px; font-size:0; background:url(../images/common/logo_footer.png) center left no-repeat; background-size:200px 79px;}

@media only screen and (max-width: 1100px) {
#home_about h1.logo { width:170px; height:67px; background-size:170px 67px;}
#home_about h2 { font-size:20px; letter-spacing:3px;}	
}
@media only screen and (max-width: 736px) {
#home_about h1.logo { width:150px; height:59px; background-size:150px 59px;}
#home_about h2 { font-size:15px; letter-spacing:2.5px;  }
#home_about h2 span { font-size:0.7em; vertical-align:0; }
#home_about h3 { margin-top: 15px; font-size: 14px; }	
}
@media only screen and (max-width: 500px) {
#home_about h2 {letter-spacing:2px;line-height:2; }
#home_about h2 br.spNone {display:none;}
#home_about h2 br.spBlock{ display: block;}
#home_about h3 br { display: block;}

}
@media only screen and (max-width: 320px) {
	
}








/* -----------------------------------------------------------
   #home_gallery
   ----------------------------------------------------------- */
#home_gallery { margin-top: 90px; padding: 0 5% 90px; position: relative; z-index: 1; }
/*#home_gallery:after { position: absolute; top: 90px; right: 5%; bottom: 0; left: 0; content: ""; background: #edf8fb; background: #c8ecf6; background: #c9e9f4; background: #e5edf1; background: #e7f1f6; background: #e5f0f6; background: #f0f3f7; background: #f0f3f6; z-index: -1;}*/
/*#home_gallery:before { position: absolute; top: 90px; right: 75%; bottom: 0; left: 0; content: ""; background: #dff3f8; z-index: -1;}*/
#home_gallery:after { position: absolute; top: 90px; right: 5%; bottom: 0; left: 0; content: ""; background: #f0f3f6; background: #e7f6fa; z-index: -2;}

@media only screen and (max-width: 950px) {
#home_gallery { margin-top: 80px; padding: 0 5% 80px; }
#home_gallery:after { top: 80px;}
}
@media only screen and (max-width: 768px) {
#home_gallery { margin-top: 80px; padding: 80px 0; }
#home_gallery:after { top: 0;right: 0;}
}
@media only screen and (max-width: 736px) { 
#home_gallery { margin-top: 70px; padding: 70px 0;}
}
@media only screen and (max-width: 414px) { 
#home_gallery { margin-top: 60px; padding: 60px 0; }
}


/* .headline */
#home_gallery .headline { position:absolute; top: 90px; right: 0; width: 50%; margin: 0; z-index: 1;}
#home_gallery .headline h2.en { display: inline-block; line-height: 60px; margin-top: -30px; }
#home_gallery .linkArea { margin-top: 60px;}

@media only screen and (max-width: 950px) {
#home_gallery .headline { top: 80px;}
}

@media only screen and (max-width: 768px) {
#home_gallery .headline { position: static; width: 100%; margin-bottom:45px; }
#home_gallery .headline h2.en { display: block; line-height: 1;  margin-top: 0; }
}








/* .sliderArea */
#home_gallery .sliderArea { }
.aboutSlider { }
.aboutSlider li { position:relative; z-index: 1; }
.aboutSlider figure { position: relative; z-index: 1; float: left; width: 50%; /*border: #111 1px solid;*/}
.aboutSlider figcaption { float: right; width: 50%; position: relative; z-index: 2; }
.aboutSlider figcaption .inner{ position: absolute; top:50%; left:50%; display: inline-block; width:90%; min-width:90%; z-index:2; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); text-align:center;}
.aboutSlider figcaption h3 { font-size:18px;letter-spacing:2px;line-height:1.8;font-weight:500; }
.aboutSlider figcaption h3 span { display: block; font-size: 0.8em;}
/* .slick-dots */
.aboutSlider .slick-dots { position: absolute; bottom: 0; left:50%; right:0; list-style: none; display: block; text-align: center; padding: 0; width: 50%; line-height:0; margin-bottom:0; }
.aboutSlider .slick-dots li { position: relative; display: inline-block; height: 35px; width: 35px; margin: 0 2px; padding: 0; cursor: pointer; z-index:1; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.aboutSlider .slick-dots li button { border: 0; background: transparent; color:#111; display: block; height: 35px; width: 35px; outline: none; line-height: 1; font-size: 16px;font-family: 'Inconsolata', monospace; font-weight:400; cursor: pointer; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.aboutSlider .slick-dots li.slick-active button{ outline: none; color:#fefefe; background:#111;font-weight:700; }
.aboutSlider .slick-dots li:after { position:absolute; top:-3px; right:-3px; bottom:-3px; left:-3px; content:""; border:transparent 1px solid; z-index:-1; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.aboutSlider .slick-dots li:hover:after { top:0; right:0; bottom:0; left:0; border:#111 1px solid; }
.aboutSlider .slick-dots li.slick-active:after { border:transparent 1px solid;}



@media only screen and (max-width: 950px) {
.aboutSlider figcaption h3 { font-size:16px;letter-spacing:2px;line-height:1.8; }
.aboutSlider .slick-dots li:hover:after { display: none; }
}

@media only screen and (max-width: 768px) {
#home_gallery .sliderArea {  }
.aboutSlider {padding-bottom: 60px; }
.aboutSlider img {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);-o-transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9);transform: scale(0.9,0.9);}
.aboutSlider .slick-center img { opacity: 1; -webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
.aboutSlider figure { float: none; width: 100%; }
.aboutSlider .slick-center figcaption { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.aboutSlider figcaption { opacity: 0; float: none; width: 80%; display: block; margin: -30px auto 0; background: #fefefe; position: relative; z-index: 2; }
.aboutSlider figcaption .inner{ position: static; display: inline-block; width:100%; min-width:100%; -webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0); text-align:left; padding: 20px;}
.aboutSlider figcaption h3 { font-size:14px;letter-spacing:1px;line-height:1.8; }
.aboutSlider figcaption h3 br { display: none;}	
.aboutSlider figcaption h3 span { display: block; font-size: 0.9em;}

/* .slick-dots */
.aboutSlider .slick-dots { left:0; right:0; width: 100%; line-height:0; margin-bottom:0; text-align: center;}
.aboutSlider .slick-dots li button {  letter-spacing: 0;}
.aboutSlider .slick-dots li.slick-active button{ outline: none; color:#fefefe; background:#111;font-weight:700; }
.aboutSlider .slick-dots li:hover:after { top:0; right:0; bottom:0; left:0; border:#111 1px solid; }
.aboutSlider .slick-dots li.slick-active:after { border:transparent 1px solid;}

#home_gallery .linkArea { margin-top:30px;}
}
@media only screen and (max-width: 736px) {
.aboutSlider {padding-bottom: 35px; }
.aboutSlider figcaption { width: 90%;}
.aboutSlider figcaption h3 { font-size:12px;letter-spacing:1px;line-height:1.8; }
.aboutSlider .slick-dots{position:absolute;bottom:0;list-style:none;display:block;text-align:center;padding:0;width:100%;height:8px;z-index:100}
.aboutSlider .slick-dots li{position:relative;display:inline-block;height:8px;width:8px;margin:0 10px;padding:0;cursor:pointer;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out}
.aboutSlider .slick-dots li button{background:#fefefe;border:none;display:block;height:8px;width:8px;overflow:hidden;line-height:0;font-size:0;color:transparent;cursor:pointer;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.aboutSlider .slick-dots li.slick-active button{outline:0;background:#111}
#home_gallery .linkArea { margin-top:40px;}
}











/* -----------------------------------------------------------
   #home_plan
   ----------------------------------------------------------- */

#home_plan { padding: 90px 5%; position: relative; z-index: 1; /*background: #181a1c;*/}
@media only screen and (max-width: 950px) {
#home_plan { padding: 80px 5%; }
}
@media only screen and (max-width: 736px) { 
#home_plan{ padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#home_plan { padding: 60px 5%; }
}


/* .planArea */
#home_plan .planArea { margin: 40px 0 0; border: #ddd 1px solid;/*border: #111 1px solid;*/}
/* .planBox */
#home_plan .planBox { float: left; width:50%; margin: 0; padding: 50px 5%; position: relative; z-index: 1; }
#home_plan .planBox:first-child:after { position: absolute; top: 25px; bottom: 25px; right: 0; width: 0; content: ""; border-right: #ddd 1px solid; z-index: -1; }


/*#home_plan .planBox:last-child { background: #efefef; background: #ddd; }*/
/* .head */
#home_plan .planBox .head { text-align: center;}
#home_plan .planBox h3.en { font-size: 18px; font-family: 'nowmedium';font-weight:normal; letter-spacing:3px; text-transform:uppercase}
#home_plan .planBox h3.jp { margin-top: 10px; font-size:16px;letter-spacing:1px;line-height:1.8;font-weight:500;}
/* .detailArea */
#home_plan .detailArea {font-size: 0; margin: 29px -1px 0; }
/* .detailBox */
#home_plan .detailBox { display: inline-block; width:50%; margin: 0; padding: 30px 3.5%; position: relative; z-index: 1; text-align: center; }
#home_plan .detailBox:before { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; content: ""; border: #ddd 1px solid; z-index: -1; }
#home_plan .detailBox h4 { margin-bottom: 3px; font-size: 13px; font-weight: 700; letter-spacing: 1px; line-height: 1.8;}
#home_plan .detailBox p.price { font-size: 12px; font-family: 'nowmedium',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; vertical-align: 0;line-height: 1.7;}
#home_plan .detailBox p.price b { display: block; font-weight: 500; /*font-family: 'nowmedium'; */font-weight: normal;font-size: 16px; }
/* ul.notice */
#home_plan ul.notice{margin-top: 20px}

@media only screen and (max-width: 1024px) {
#home_plan .detailBox h4 { margin-bottom: 0;font-size: 13px; }
}
@media only screen and (max-width: 950px) {
#home_plan .planArea { margin: 35px 0 0; }
#home_plan .planBox { padding: 45px 5%; }
#home_plan .planBox h3.en { font-size: 16px; letter-spacing:2.5px;}
#home_plan .planBox h3.jp { margin-top: 10px; font-size:14px;}
#home_plan .detailArea {font-size: 0; margin: 25px 0 0;}
#home_plan .detailBox { width:100%; padding: 15px 3.5%;}
#home_plan .detailBox:before { position: absolute; top: 0; left: 1px; right: 1px; bottom: 0; content: ""; border-top:#ddd 1px solid; border-bottom: none;  z-index: -1; }
#home_plan .detailBox:last-child:before {border-bottom:#ddd 1px solid;}
#home_plan .detailBox p.price b { font-size: 16px; }
#home_plan .detailArea ul.notice{margin-top: 20px}
}
@media only screen and (max-width: 768px) {
#home_plan .planBox { float: none; width:100%; margin: 0; padding: 45px 5%; }
#home_plan .planBox:first-child:after { top: auto; right: 5%; bottom: 0; width: 90%; border-bottom: #ddd 1px solid; }

#home_plan .detailBox { display: inline-block; width:50%; margin: 0; padding: 25px 3.5%; }
#home_plan .detailBox:before { top: 1px; left: 1px; right: 1px; bottom: 1px; content: ""; border:#ddd 1px solid; border-right: #ddd 1px solid; border-left: #ddd 1px solid; }

}
@media only screen and (max-width: 736px) {
#home_plan .planArea { margin: 30px 0 0; }
#home_plan .planBox { padding: 40px 5%; }
#home_plan .planBox h3.jp { font-size:13px;line-height:2;font-weight:500;}
#home_plan .detailArea {margin: 25px 0 0; }
#home_plan .detailBox { width:100%; padding: 15px 3.5% 20px;}
#home_plan .detailBox:before { top: 0; left: 1px; right: 1px; bottom: 0; content: ""; border-top:#ddd 1px solid; border-bottom: none; }
#home_plan .detailBox:last-child:before {border-bottom:#ddd 1px solid;}

}










/* -----------------------------------------------------------
   #home_guidance
   ----------------------------------------------------------- */

#home_guidance { padding: 90px 5%; background: url(../images/home/intheroom.jpg) center center no-repeat; background-size: cover; z-index: 1; }
@media only screen and (max-width: 950px) {
#home_guidance { padding: 80px 5%; }
}
@media only screen and (max-width: 736px) { 
#home_guidance{ padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#home_guidance { padding: 60px 5%; }
}



#home_guidance .guidanceArea { margin: 0 auto; padding: 90px 5%; max-width: 950px;min-width: 800px; background: #fefefe; text-align: center;}
#home_guidance .guidanceArea h3 { margin-top: -10px;  font-size:18px;letter-spacing:2px;line-height:1.8;font-weight:500;}
#home_guidance .guidanceArea .txtArea { margin:-10px 5% 0; text-align: left;}

@media only screen and (max-width: 1024px) {
#home_guidance .guidanceArea { min-width: 0; }
}
@media only screen and (max-width: 950px) {
#home_guidance .guidanceArea { padding: 80px 5%; }
}
@media only screen and (max-width: 736px) { 
#home_guidance .guidanceArea { padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#home_guidance .guidanceArea { padding: 60px 7.5%; }
#home_guidance .guidanceArea .txtArea { margin:-10px 0 0; text-align: left;}
}















/* -----------------------------------------------------------
   #home_access
   ----------------------------------------------------------- */

#home_access { margin-top: 90px; padding: 0 5% 90px; position: relative; z-index: 1; }
#home_access:after { position: absolute; top: 90px; right: 0; bottom: 0; left: 5%; content: ""; background: #edf8fb; background: #fbfbef; background: #ddf0d6; background: #e7f1e5; background: #edf7eb; background: #ecf9e9;background: #f0f3f6; background: #f0f5f6; /*background: #fffef1;*//*background: #fdf1e7;*/ /*background: #faf6d7;background: #deeaf1; */z-index: -1;}

/*#home_access:before { position: absolute; top: 90px; right: 0; bottom: 0; left: 75%; content: ""; background: #fdfbe4; z-index: -1;}*/
#home_access:after { position: absolute; top: 90px; right: 0; bottom: 0; left: 5%; content: ""; background: #f0f3f6; background: #fdfbe9; background: #fbf9ee;z-index: -2;}


@media only screen and (max-width: 950px) {
#home_access { margin-top: 80px; padding: 0 5% 80px; }
#home_access:after { top: 80px;}
}
@media only screen and (max-width: 768px) {
#home_access { margin-top: 0; padding: 80px 5%; }
#home_access:after { top: 0;left: 0;}
}
@media only screen and (max-width: 736px) { 
#home_access { padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#home_access { padding: 60px 5%; }
}



#home_access .headline { position:absolute; top: 90px; left: 0; width: 50%; margin: 0; z-index: 1;}
#home_access .headline h2.en { display: inline-block; line-height: 60px; margin-top: -30px; }

@media only screen and (max-width: 950px) {
#home_access .headline { top: 80px;}
}
@media only screen and (max-width: 768px) {
#home_access .headline { position: static; width: 100%; margin-bottom:45px; }
#home_access .headline h2.en { display: block; line-height: 1;  margin-top: 0; }
}
@media only screen and (max-width: 736px) {
#home_access .headline { margin-bottom:40px; }
}



/* .mapArea */
#home_access .mapArea { float: right; width: 50%;}
/* #map_canvas */
#panorama { width:100%; height:520px;position: relative; z-index: 1; /*border: #111 1px solid;*/}
#map_canvas { width:100%; height:520px;position: relative; z-index: 1; /*border: #111 1px solid;*/}

@media only screen and (max-width: 768px) {
#home_access .mapArea { float: none; width: 100%; display: none;}
}



/* .infoArea */
#home_access .infoArea { float: left; width: 50%; margin-top: 140px; text-align: center; }
#home_access .infoArea h3 {font-size:18px;letter-spacing:2px;line-height:1.8;font-weight:500;}
/* .infoBox */
#home_access .infoBox { display: inline-block; width: 80%; margin-top: 25px; text-align: left;}
/* .venueArea */
#home_access .venueArea {  width: 80%;margin: 30px auto 0; position: relative; z-index: 1; }
/*#home_access .venueArea:before { position: absolute; top: 15px; left: 0; bottom: 15px; right: 0; content: ""; border-right:#fff 1px solid;border-left:#fff 1px solid;z-index: -1;}*/
#home_access .venueArea:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; border-top:#111 1px solid;border-bottom:#111 1px solid;z-index: -1;}
/* dl */
#home_access .venueArea dl { display: inline-block; text-align: left; margin-top: -5px; padding: 25px 5%; font-size:13px; line-height:2; letter-spacing:1px;}
#home_access .venueArea dl dt { clear: left; float: left; margin: 5px 0 0; width: 5.5em; font-weight: 700; }
#home_access .venueArea dl dd { margin: 5px 0 0 6.5em;  }


@media only screen and (max-width: 950px) {
#home_access .infoArea { margin-top: 130px;}
/*#home_access .infoArea h3 { font-size:16px;letter-spacing:2px;line-height:1.8;}*/
#home_access .infoBox { margin-top: 20px; }
#home_access .venueArea { width: 80%;margin: 25px auto 0;  }
#home_access .venueArea dl { margin-top: -10px; padding: 25px 7.5%; font-size:13px; line-height:1.8; }
#home_access .venueArea dl dt { float: none; margin: 10px 0 0; width: 100%; font-weight: 700; }
#home_access .venueArea dl dd { margin: 0;  }
}

@media only screen and (max-width: 768px) {
#home_access .infoArea { float: none; width: 100%; margin-top: 0; text-align: center;}
#home_access .infoArea h3 { margin-top: -15px;}
#home_access .infoBox { width: 90%; margin-top: 25px; text-align: left;}
#home_access .venueArea { width: 90%; margin: 25px auto 0;  }
#home_access .venueArea dl { display: inline-block; text-align: left; margin-top: -5px; font-size:13px; line-height:2; letter-spacing:1px;}
#home_access .venueArea dl dt { clear: left; float: left; margin: 5px 0 0; width: 5.5em; font-weight: 700; }
#home_access .venueArea dl dd { margin: 5px 0 0 6.5em;  }

}

@media only screen and (max-width: 736px) {
#home_access .infoArea h3 { font-size:16px;letter-spacing:2px;line-height:1.8;}
#home_access .infoBox { width: 95%; margin-top: 20px; text-align: left;}
#home_access .venueArea { width: 100%; margin: 25px auto 0;  }
#home_access .venueArea:after { }
#home_access .venueArea dl { margin-top: -5px; font-size:12px; line-height:1.8; }
#home_access .venueArea dl dd { margin: 5px 0 0 6em;  }
/*#home_access .venueArea dl { margin-top: -10px; padding: 25px 7.5%; font-size:12px; line-height:1.8; }
#home_access .venueArea dl dt { float: none; margin: 10px 0 0; width: 100%; font-weight: 700; }
#home_access .venueArea dl dd { margin: 0;  }*/

}




/* -----------------------------------------------------------
   #home_news
   ----------------------------------------------------------- */

#home_news { padding: 90px 5%; }
@media only screen and (max-width: 950px) {
#home_news { padding: 80px 5%; }
}
@media only screen and (max-width: 736px) { 
#home_news { padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#home_news { padding: 60px 5%; }
}


/* .newsArea */
#home_news .newsArea { font-size: 0; margin: 0 -2.5%;}
#home_news .newsBox { display: inline-block; width: 28.333%; margin: 0 2.5%;}
/* figure */
#home_news .newsBox figure { position: relative; z-index: 0;border: #eee 1px solid; background: #fefefe; overflow: hidden;}
#home_news .newsBox figure img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5 ease; background: #fefefe; }
#home_news .newsBox figure:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; }
/*  figcaption */
#home_news .newsBox figcaption { margin-top: 20px; position: relative; z-index: 1;}
/* .date, h3 */
#home_news .newsBox figcaption .date { display: block; background: #fefefe; font-size: 13px; font-family: 'nowlight'; font-family: 'nowmedium';font-weight: normal; line-height: 1;}
#home_news .newsBox figcaption h3 { font-size: 14px; letter-spacing: 1px; line-height: 1.8; margin: 5px 0 0; padding: 0;}
#home_news .newsBox figcaption h3 a {border-bottom:#111 1px dashed;}
#home_news .newsBox figcaption h3 a:hover { color: #fefefe; background: #111; border-bottom:#111 1px solid;}

@media only screen and (max-width: 950px) {
#home_news .newsBox figure:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); opacity: 1; }
#home_news .newsBox figcaption h3 a:hover { color: #111; background: none; border-bottom:#111 1px solid;}
}
@media only screen and (max-width: 768px) {
#home_news .newsArea { margin: 0;}
#home_news .newsBox { display: block; width: 100%; margin: 25px 0 0;}
#home_news .newsBox figure { float: left; width: 47.5%;}
#home_news .newsBox figcaption { float: right; width: 47.5%;margin-top: 0;}
#home_news .newsBox figcaption .date { font-size: 13px; font-family: 'nowlight'; font-weight: normal; line-height: 1.2; }
#home_news .newsBox figcaption h3 { font-size: 13px; letter-spacing: 1px; line-height: 1.8; margin-top: 5px; padding: 0;}
}
@media only screen and (max-width: 736px) {
#home_news .newsArea { margin: 0;}
#home_news .newsBox { margin: 20px 0 0;}
#home_news .newsBox figure { width: 40%;}
#home_news .newsBox figcaption { width: 55%;}
#home_news .newsBox figcaption .date { font-size: 13px; font-family: 'nowlight';line-height: 1.2; }
#home_news .newsBox figcaption h3 { font-size: 12px; letter-spacing: 1px; line-height: 1.8; margin-top: 3px; padding: 0;}
}






/* -----------------------------------------------------------
   #home_followus
   ----------------------------------------------------------- */

#home_followus {  padding: 90px 5%; position: relative; z-index: 1;}
#home_followus:after { position:absolute; top:0; left:0; right:0; bottom: 0; content:""; background: #edf8fb; background: #eaeaea;
background: #f3f4f6; z-index:-1;}

@media only screen and (max-width: 800px) {
#home_followus { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
#home_followus { padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#home_followus { padding: 60px 5%; }
}

/* --- .followusArea --- */
#home_followus .followusArea { /*border:#ddd 1px solid;*/}
/* h3 */
#home_followus h3 { margin-bottom: 30px; font-size: 18px; font-family: 'nowmedium';font-weight:normal; letter-spacing:3px; text-align: center;}
@media only screen and (max-width: 950px) {
#home_followus h3 { font-size: 16px; letter-spacing:2.5px;}
}
@media only screen and (max-width: 736px) {
#home_followus h3 { margin-bottom: 25px; }
}

/* --- .instagramArea --- */
.instagramArea { float:left; width:50%; background: #fefefe; padding:50px 5%; position:relative; z-index:1;}
.instagramArea:after { position: absolute; top: 25px; right: 0; bottom: 25px; width: 0; content: ""; border-right: #ddd 1px solid; z-index: -1;}

@media only screen and (max-width: 950px) {
.instagramArea { padding:45px 5%;}
}
@media only screen and (max-width: 768px) {
.instagramArea { float:none; width:100%; }
.instagramArea:after { top: auto; right: 5%; bottom: 0; width: 90%; border-bottom: #ddd 1px solid; }
}
@media only screen and (max-width: 736px) {
.instagramArea { padding:40px 5%;}
}


/* ----- ul.imageInstagram ----- */
ul.imageInstagram { margin: -1px; padding: 0; }
ul.imageInstagram li { list-style: none; margin: 0; padding: 0; float: left; width: 33.333%; position: relative; border: transparent 1px solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; z-index: 0; }
ul.imageInstagram li .imgArea { border: #eee 1px solid; background: #fefefe; position: relative; z-index: 1;}
ul.imageInstagram li .imgArea .inner { overflow: hidden; position:relative; z-index:1; }
ul.imageInstagram li .imgArea:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; font-family: 'themify'; font-size: 18px; content: "\e73d"; color: #fefefe; background: #fefefe; z-index: 3; opacity: 0; text-align: center; line-height: 50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: rotate(-180deg) scale(0.5, 0.5); -moz-transform: rotate(-180deg) scale(0.5, 0.5); -o-transform: rotate(-180deg) scale(0.5, 0.5); -ms-transform: rotate(-180deg) scale(0.5, 0.5); transform: rotate(-180deg) scale(0.5, 0.5); }
ul.imageInstagram li:hover .imgArea:after { color:#111; opacity: 1; -webkit-transform: rotate(0deg) scale(1, 1); -moz-transform: rotate(0deg) scale(1, 1); -o-transform: rotate(0deg) scale(1, 1); -ms-transform: rotate(0deg) scale(1, 1); transform: rotate(0deg) scale(1, 1); }
ul.imageInstagram li img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: #fefefe; }
ul.imageInstagram li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.9;}
/* ----- .il-photo__likes ----- */
.il-photo__likes { position: absolute; bottom: 5px; left: 5px; background:url(../images/common/icon_heart.png) center center no-repeat; background-size:30px 26px; font-size: 9px; font-weight:400; width:30px; height: 26px; line-height: 23px; padding: 0; letter-spacing:0; z-index: 11; text-align:center; font-family: 'nowlight'; font-weight: normal;}

@media only screen and (max-width: 950px) {
ul.imageInstagram li .imgArea:after { display: none;}
ul.imageInstagram li:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); opacity:1;}
}
@media only screen and (max-width: 736px) {
ul.imageInstagram li { width: 50%;}
}




/* .instagramArea .btn */
.instagramArea .btn:before { content:"\e73d"; font-size: 16px; left: 10px;right: auto; }
.instagramArea .btn:hover:before { left: 10px; right: auto; }



/* --- .facebookArea --- */
.facebookArea { float:right; width: 50%; background: #fefefe; padding:50px 5%; border-left: none; position:relative; z-index:0;}
@media only screen and (max-width: 950px) {
.facebookArea { padding:45px 5%;}
}
@media only screen and (max-width: 768px) {
.facebookArea { float:none; width:100%; }
}
@media only screen and (max-width: 768px) {
.facebookArea { padding:40px 5%;}
}

.facebook-wrapper {max-width: 500px;margin: 0 auto;}
.facebook-wrapper > .fb-page {width: 100%;}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {width: 100% !important;}

/* .facebookArea .btn */
.facebookArea .btn:before { content:"\e741"; font-size: 16px; left: 10px;right: auto; }
.facebookArea .btn:hover:before { left: 10px; right: auto; }

#home_followus .linkArea { margin-top:30px; }










/* -----------------------------------------------------------

   keyframes

   ----------------------------------------------------------- */


@-webkit-keyframes scroll-next {
0% {
-ms-transform:translateX(0)translateY(0px);
-webkit-transform:translateX(0)translateY(0px);
-moz-transform:translateX(0)translateY(0px);
transform:translateX(0)translateY(0px);
opacity:0
}
80% {
opacity:0.7
}
90% {
opacity:0
}
100% {
-ms-transform:translateX(0)translateY(10px);
-webkit-transform:translateX(0)translateY(10px);
-moz-transform:translateX(0)translateY(10px);
transform:translateX(0)translateY(10px);
opacity:1
}
}
@-moz-keyframes scroll-next {
0% {
-ms-transform:translateX(0)translateY(0px);
-webkit-transform:translateX(0)translateY(0px);
-moz-transform:translateX(0)translateY(0px);
transform:translateX(0)translateY(0px);
opacity:1
}
80% {
opacity:0.7
}
90% {
opacity:0
}
100% {
-ms-transform:translateX(0)translateY(10px);
-webkit-transform:translateX(0)translateY(10px);
-moz-transform:translateX(0)translateY(10px);
transform:translateX(0)translateY(10px);
opacity:0
}
}
@-ms-keyframes scroll-next {
0% {
-ms-transform:translateX(0)translateY(0px);
-webkit-transform:translateX(0)translateY(0px);
-moz-transform:translateX(0)translateY(0px);
transform:translateX(0)translateY(0px);
opacity:1
}
80% {
opacity:0.7
}
90% {
opacity:0
}
100% {
-ms-transform:translateX(0)translateY(10px);
-webkit-transform:translateX(0)translateY(10px);
-moz-transform:translateX(0)translateY(10px);
transform:translateX(0)translateY(10px);
opacity:0
}
}
@keyframes scroll-next {
0% {
-ms-transform:translateX(0)translateY(0px);
-webkit-transform:translateX(0)translateY(0px);
-moz-transform:translateX(0)translateY(0px);
transform:translateX(0)translateY(0px);
opacity:1
}
80% {
opacity:0.7
}
90% {
opacity:0
}
100% {
-ms-transform:translateX(0)translateY(10px);
-webkit-transform:translateX(0)translateY(10px);
-moz-transform:translateX(0)translateY(10px);
transform:translateX(0)translateY(10px);
opacity:0
}
}