@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;
background:#182546 url(../../img/top/bg_main.jpg) center bottom no-repeat;
min-width: 1200px;
overflow:hidden;
}

.pac_home .l-wrapper{
background:#ffffff url(../../img/top/bg_top.jpg) center top no-repeat;
}

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

.l-header{
position:relative;
margin:0 auto;
width:1200px;
height:120px;
z-index:20;
}
.pac_home .l-header{
height:115px;
}
.l-main-logo{
position:absolute;
top:8px;
left:60px;
width:250px;
height:107px;
float:left;
}
.l-main-logo:hover{
transition:all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
opacity: 0.7;
}
.l-famislo{
position:relative;
padding:24px 60px 0 0;
width:200px;
height:64px;
float:right;
}
.pac_home .l-famislo{
position:relative;
padding:24px 0 0 125px;
width:200px;
height:64px;
float:left;
}

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

.l-nav-pc__menu{
position:absolute;
top:0;
left:310px;
width:620px;
height:102px;
}
.pac_home .l-nav-pc__menu{
left:330px;
}
.l-menu_1{
position:absolute;
top:5px;
left:10px;
width:142px;
height:54px;
}
.l-menu_2{
position:absolute;
bottom:0;
left:30px;
width:205px;
height:54px;
}
.l-menu_3{
position:absolute;
top:5px;
left:170px;
width:107px;
height:54px;
}
.l-menu_4{
position:absolute;
bottom:0;
left:250px;
width:235px;
height:54px;
}
.l-menu_5{
position:absolute;
top:5px;
left:295px;
width:149px;
height:54px;
}
.l-menu_6{
position:absolute;
bottom:0;
left:495px;
width:98px;
height:54px;
}
.l-menu_7{
position:absolute;
top:5px;
left:455px;
width:158px;
height:54px;
}

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

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

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

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

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

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

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

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

.l-page-title{
position:relative;
margin:0 0 5px 100px;
width:640px;
height:70px;
text-align:left;
opacity:0;
}
.l-page-title img{
display:block;
}
.l-page-sensyu{
position:absolute;
top:10px;
left:200px;
width:50px;
height:50px;
background:url(../../img/title/title_sensyu.png) center top no-repeat;
background-size:50px 50px;
opacity:0;
}
.flow .l-page-sensyu{
left:315px;
}
.spec .l-page-sensyu{
left:208px;
}
.howto .l-page-sensyu{
left:540px;
}
.action .l-page-sensyu{
left:230px;
}
.bonus .l-page-sensyu{
left:505px;
}
.reach .l-page-sensyu{
left:370px;
}
.allstar .l-page-sensyu{
left:655px;
}