@charset "UTF-8";

/* =========================================================
Loading
=========================================================== */

#load{
position:fixed;
width:100%;
height:100%;
background-color:#000000;
z-index:999;
}
#load .inner{
position:absolute;
top:45%;
left:50%;
margin:-120px 0 0 -200px;
width:400px;
height:200px;
background:url(../../img/common/famislo_logo_wh.png) center top no-repeat;
background-size:400px 160px;
}
#nowloading{
position:absolute;
bottom:0;
left:50%;
margin:0 0 0 -108px;
width:216px;
height:21px;
}

/* =========================================================
Layout
=========================================================== */

.l-wrapper{
position:relative;
min-width: 1200px;
background:#000004 url(../../img/top/bg_main.jpg) center top no-repeat;
}
.l-star{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
background:url(../../img/top/bg_star.png) center top;
}

/* =========================================================
Header
=========================================================== */

.l-header{
position:relative;
margin:0 auto;
width:1200px;
height:112px;
z-index:20;
}
.l-main-logo{
position:relative;
padding:12px 0 0 128px;
width:190px;
height:100px;
}
.l-main-logo:hover{
transition:all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
opacity: 0.7;
}
.l-famislo{
position:absolute;
top:24px;
left:auto;
right:60px;
width:155px;
height:50px;
z-index:2;
}
.l-famislo a{
display:block;
}

/* =========================================================
Menu
=========================================================== */

.l-nav-pc__menu{
position:absolute;
top:15px;
left:50%;
margin:0 0 0 -305px;
width:720px;
height:100px;
}
.glg_home .l-nav-pc__menu{
top:15px;
left:50%;
margin:0 0 0 -360px;
width:720px;
height:100px;
}

.l-menu_1{
width:119px;
height:29px;
}
.l-menu_2{
width:123px;
height:29px;
}
.l-menu_3{
width:144px;
height:29px;
}
.l-menu_4{
width:136px;
height:29px;
}
.l-menu_5{
width:137px;
height:29px;
}
.l-menu_6{
width:136px;
height:29px;
}
.l-menu_7{
width:153px;
height:29px;
}
.l-menu_1,
.l-menu_2,
.l-menu_3,
.l-menu_4,
.l-menu_5,
.l-menu_6,
.l-menu_7{
position:relative;
margin:0 10px 5px;
display:inline-block;
line-height:1;
}
.l-menu_1 img,
.l-menu_2 img,
.l-menu_3 img,
.l-menu_4 img,
.l-menu_5 img,
.l-menu_6 img,
.l-menu_7 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
Footer
=========================================================== */

.l-footer{
position:relative;
color:#000000;
background:#510032 url(../../img/common/bg_footer.gif) center top repeat-x;
clear:both;
z-index:10;
}
.l-footer__box{
position:relative;
margin:0 auto;
padding:28px 0 25px;
width:1200px;
font-size:12px;
line-height:1;
text-align:center;
}

/* =========================================================
Section
=========================================================== */

.l-section{
position:relative;
}
.l-section__box{
position:relative;
margin:0 auto 15px;
width:1200px;
}

/* =========================================================
Content
=========================================================== */

.l-content{
position:relative;
margin:0 auto 15px;
width:1200px;
text-align:center;
z-index:10;
}

/* =========================================================
Page
=========================================================== */

.l-page-title{
position:relative;
margin:0 0 15px 60px;
width:640px;
height:70px;
text-align:left;
opacity:0;
}
.l-page-title img{
display:block;
}