@charset "UTF-8";

@media screen and (max-width:768px) {

/* =========================================================
Reset
=========================================================== */
/* =========================================================
Rules
=========================================================== */
.sponly{
display:inline;
}
.pconly{
display:none;
}

/* =========================================================
Clearfix
=========================================================== */
/* =========================================================
Laytout
=========================================================== */
body{
font-size:16px;
background-image:url(../common/img/bg_pc.jpg);
background-position:center top;
background-attachment:scroll;
background-size:1000px 600px;
background-color:#030219;
}
.l-container{
min-width:0;
}
.l-container__inner{
max-width:none;
}

/* =========================================================
Loading
=========================================================== */
/* =========================================================
Header
=========================================================== */
/* =========================================================
Page Header Type1
=========================================================== */
.l-header{
min-width:0;
}
.l-header__inner{
padding:10px 0 20px;
max-width:none;
}
.l-header__logo{
margin:0 auto 10px;
width:75%;
}
.l-header__date{
margin:0 auto 15px;
width:70%;
}
.l-header__date2{
margin:0 auto 15px;
width:70%;
}
.l-header__logo img,
.l-header__date img,
.l-header__date2 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
Page Header PageTitle
=========================================================== */
.l-header__pTitle{
width:290px;
}
.l-header__pTitle-a{
height:46px;
}
.l-header__pTitle-b{
height:28px;
}
.l-header__pTitle-a span{
height:46px;
}
.l-header__pTitle-b span{
height:28px;
}
.l-header__pTitle-a span img{
position:absolute;
top:49px;
height:49px;
}
.l-header__pTitle-b span img{
position:absolute;
bottom:28px;
height:21px;
}

/* =========================================================
Footer
=========================================================== */
.l-footer{
min-width:0;
}
.l-footer__inner{
padding:20px 0 0;
max-width:none;
}
.l-footer__bn li{
width:40%;
margin:0 0 5px;
}
.l-footer__sns{
margin:0 0 10px;
}
.l-footer__sns li{
width:44px;
height:44px;
}
.l-footer__copy{
padding:0 0 15px;
font-size:11px;
}

}