@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:-60px 0 0 -100px;
width:200px;
height:120px;
background:url(../../../../img/common/famislo_logo_wh.png) center top no-repeat;
background-size:200px 80px;
}
#nowloading{
position:absolute;
bottom:0;
left:50%;
margin:0 0 0 -92px;
width:185px;
height:18px;
}
#nowloading img{
width:100%;
height:auto;
display:block;
}

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

.l-wrapper{
position:relative;
min-width:0px;
background:#000004;
background-size:100%;
overflow:hidden;
}
.l-wrapper img{
width:100%;
height:auto;
display:block;
}

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

.l-header{
position:absolute;
top:0;
left:0;
margin:0 auto;
width:100%;
z-index:20;
}
.l-main-logo{
position:absolute;
top:10px;
left:7.5%;
width:25%;
z-index:10;
}
.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;
margin:0 auto 10px;
padding:18px 1% 5px;
text-align:right;
}
.l-main-logo img{
width:100%;
height:auto;
display:block;
}
.l-famislo img{
width:28%;
height:auto;
display:inline-block;
}

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

.l-nav-sp__menu{
position:relative;
margin:0 0 15px;
background:rgba(0,0,0,0.65);
border-top:1px solid #ce0080;
}
.pac_home .l-nav-sp__menu{
margin:0 0 0;
}
.spdrawer{
position:relative;
padding:5px 45px;
text-align:center;
line-height:1;
border-bottom:1px solid #ce0080;
background:url(../../../img/common/bg_section-spmenu.png) center top repeat-y;
background-size:100%;
cursor: pointer;
}

.l-menu_1,
.l-menu_2,
.l-menu_3,
.l-menu_4,
.l-menu_5,
.l-menu_6,
.l-menu_7{
text-align:center;
line-height:1;
border-bottom:1px dotted #ce0080;
}
.l-menu_7{
border-bottom:1px solid #ce0080;
}
.l-soon{
padding:8px 10%;
}
.l-menu_1 a,
.l-menu_2 a,
.l-menu_3 a,
.l-menu_4 a,
.l-menu_5 a,
.l-menu_6 a,
.l-menu_7 a{
padding:8px 10%;
display:block;
}
.l-menu_1 a:hover,
.l-menu_2 a:hover,
.l-menu_3 a:hover,
.l-menu_4 a:hover,
.l-menu_5 a:hover,
.l-menu_6 a:hover,
.l-menu_7 a:hover{
background:rgba(255,0,0,0.1);
}
.spdrawer img{
width:100%;
height:auto;
display:block;
}
.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:50%;
height:auto;
display:block;
}

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

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

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

.l-section{
position:relative;
margin:0 auto;
max-width:640px;
}
.l-section__box{
position:relative;
margin:0 auto;
max-width:640px;
background-image:url(../../../img/top/bg_main_sp.jpg);
background-size:100% 100%;
}
.l-star{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
background-image:url(../../../img/top/bg_star.png);
background-position:center top;
background-size:100%;
}

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

.l-content{
position:relative;
margin:0 auto;
text-align:center;
}

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

.l-page-title{
position:relative;
margin:0 0 5px;
margin:0 2%;
text-align:left;
z-index:2;
}
.l-page-title img{
width:100%;
height:auto;
display:block;
}