@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:#ffffff;
}

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

.l-header{
position:relative;
margin:0 auto;
z-index:20;
}
.pac_home .l-header{
background:#0086d1;
}
.l-header__box{
position:relative;
margin:0 auto 3px;
}
.l-main-logo{
position:relative;
padding:3px 0 0 0;
width:40%;
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:20px 3% 0 0;
width:30%;
float:right;
}
.pac_home .l-famislo{
position:relative;
margin:0 auto;
padding:12px 0 0 0;
float:none;
}
.l-main-logo img,
.l-famislo img{
width:100%;
height:auto;
display:block;
}

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

.l-nav-sp__menu{
position:relative;
margin:0 0 15px;
background-image:url(../../../img/common/bg_footer.png);
background-repeat:repeat-x;
background-position:center top;
background-color:rgba(0,0,0,0.4);
background-size:8px 5px;
}
.pac_home .l-nav-sp__menu{
margin:0 0 0;
}
.spdrawer{
position:relative;
padding:10px;
text-align:center;
line-height:1;
background:url(../../../img/common/bg_footer.png) center bottom repeat-x;
background-size:8px 5px;
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 #ffffff;
}
.l-menu_7{
}
.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:10px;
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.5);
}
.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{
margin:0 auto;
width:70%;
height:auto;
display:block;
}

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

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

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

.l-section{
position:relative;
margin:0 auto;
max-width:640px;
background:#ffffff;
background-size:100%;
}
.l-section__box{
position:relative;
}

/* =========================================================
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;
}