@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import "reset.css";
@import "form.css";
@import "blog.css";
@import "reserv.css";
@import "quest.css";
@import "sns.css";
@import "common.css";
@import "garamond.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: 'HeiseiMaruGoStd W4',"Hiragino Kaku Gothic ProN",Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;min-width:1200px;font-size:12px;color:#000;line-height:1.5;letter-spacing: 0.2px;}
table{font-size:1em;}

body.h_lock{height:100vh;overflow:hidden;}
.l_container{width:100%;overflow:hidden;position:relative;}

.l_mainvisual{width:100%;height:100%;
padding-top:60px;background:#fff;

-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height:100vh;/** position:fixed; **/}
.l_mainvisual .inner{width:100%;height:100%;position:relative;}
.l_mainvisual .image{position:absolute;background:none 50% 50% no-repeat;width:100%;height:100%;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.l_mainvisual .navi{position:absolute;bottom:252px;left:51px;width:220px;height:264px;margin-left:-177px;}
.l_mainvisual ul{}
.l_mainvisual li a{width:126px;background:none 0% 50% no-repeat;}
.l_mainvisual li a.mr{height:59px;background-image:url(../images/home_navi_modelroom.png);}
.l_mainvisual li a.au{height:71px;background-image:url(../images/home_navi_aurora.png);}
.l_mainvisual li a.rf{width:220px;height:74px;background-image:url(../images/home_navi_design.png);}
.l_mainvisual li a.ac{height:60px;background-image:url(../images/home_navi_access.png);}

.l_mainvisual .scroll_down{width:100%;height:56px;background:#fff;position:absolute;margin-bottom:-56px;left:0;bottom:0;}
.l_mainvisual .scroll_down span{display:block;background:url(../images/scroll_down.png) no-repeat;width:82px;height:56px;margin-right:auto;margin-left:auto;}

.come_contents{width:1200px;margin-right:auto;margin-left:auto;min-height:600px; height:auto !important; height:600px;}

.l_footer{background:#494848;color:#ffffff;height:238px;width:100%;}
.l_footer .inner{width:1200px;margin:0 auto;position:relative;padding-top:170px;height:68px;}
.l_footer ul{width:180px;position:absolute;top:42px;left:50%;}
ul.footer_navi01{margin-left:-353px;}
ul.footer_navi02{margin-left:-120px;}
ul.footer_navi03{margin-left:80px;}
ul.footer_navi04{margin-left:265px;}
.l_footer ul li{padding-bottom:6px;}

.footer_navi .box{margin-right:40px;position:relative;width:340px;height:45px;padding-top:23px;text-align:left;font-size:12px;line-height:16px;}
.footer_navi .pt{width:16px;height:23px;position:absolute;top:0;right:58px}
.footer_navi .fb{width:11px;height:23px;position:absolute;top:0;right:10px;}
.footer_navi .pt a{background-image:url(../images/ft_pt.png);}
.footer_navi .fb a{background-image:url(../images/ft_fb.png);}
.footer_navi .box .copy{margin-right:-20px;}

.l_mainvisual .panel{width:100%;height:100%;background:#fff;position:fixed;top:0;left:0;z-index:997;width:100vw;height:100vh;}

.l_left_side{position:fixed;z-index:998;width:50px;height:100%;top:0;left:0;background-image:url(../images/bg_left_side.jpg) top left;height:100vh;/** width:49px; border-right:1px solid #000; background:#030303; **/}
.l_left_side .inner,.l_right_side .inner{position:relative;width:100%;height:100%;height:100vh;}
.l_left_side .logo_def,.l_left_side .logo{top:14px;left:15px;position:absolute;}
.l_left_side .logo_def{background:url(../images/side_logo.png) top left no-repeat;width:21px;height:37px;}
.l_left_side .logo{display:none;background:url(../images/side_logo_white.png) top left no-repeat;width:20px;height:37px;}
.l_left_side .logo a,.l_left_side .logo_def a{display:block;width:21px;height:37px;}
.l_right_side{position:fixed;z-index:999;width:40px;height:100%;top:0;right:0;height:100vh;/** width:39px; border-left:1px solid #b3b1b1; **/}
.l_right_side .copy{position:absolute;background-image:url(../images/right_side_copy.png);bottom:0;right:0;width:40px;height:227px;}

.l_left_side .line,.l_right_side .line{position:absolute;width:1px;height:100%;top:0;}
.l_left_side .line{right:0;}
.l_right_side .line{left:0;}
.l_left_side .line i,.l_right_side .line i{width:100%;height:0;position:absolute;}
.l_left_side .line i{top:0;right:0;background:#030303;}
.l_right_side .line i{bottom:0;left:0;background:#b3b1b1;}

.l_left_side.black_mode{background:#030303;}
.l_left_side.black_mode .logo_def{display:none;}
.l_left_side.black_mode .logo{display:block;}

.l_both_side_second .line i{height:100%;}
.l_both_side_second > div{background:url(../images/bg_left_side.jpg) repeat-x top left;}