@charset "UTF-8";

/* =========================================================
TZ / TOP
=========================================================== */

.p-main__tz{
position:relative;
margin:0 auto;
display:block;
overflow:hidden;
}

.p-main-logo{
position:absolute;
top:1%;
left:50%;
margin:0 0 0 -40%;
width:80%;
height:auto;
z-index:10;
}
.p-catch{
position:absolute;
top:25%;
left:50%;
margin:0 0 0 -27%;
width:60%;
height:auto;
z-index:10;
}

.p-bn__tz{
position:relative;
padding:15px 0 0;
background:#ffffff url(../../../../img/common/bg_footer.png) center top repeat-x;
background-size:8px 5px;
text-align:center;
clear:both;
}
.p-movie1{
margin:0 1% 4px;
width:37%;
display:inline-block;
}
.p-movie2{
margin:0 1% 4px;
width:37%;
display:inline-block;
}
.p-potal{
margin:0 auto 4px;
width:50%;
}
.p-movie3{
margin:0 1% 4px;
width:37%;
display:inline-block;
}
.p-collabo{
margin:0 auto 4px;
width:37%;
display:inline-block;
}
.p-shop{
margin:0 auto 4px;
width:35%;
}

.p-no02{
width:10%;
float:left;
}

.p-ubsf{
margin:0 4% 10px;
}

.l-content img,
.p-no02 img,
.p-main-logo img,
.p-catch img,
.p-movie1 img,
.p-movie2 img,
.p-movie3 img,
.p-collabo img,
.p-potal img,
.p-ubsf img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
Spec
=========================================================== */

.spec .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-spec__main{
position:relative;
margin:0 10% 10px;
}
.p-spec1{
position:relative;
margin:0 auto 10px;
width:50%;
}
.p-spec2{
position:relative;
}
.p-spec3{
position:relative;
margin:0 10% 3px;
}
.p-spec5{
position:relative;
margin:0 12% 20px;
text-align:center;
line-height:1;
}
.p-spec1 img,
.p-spec2 img,
.p-spec3 img,
.p-spec5 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
flow
=========================================================== */

.flow .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-flow__main{
position:relative;
margin:0 5% 10px;
}
.p-flow1{
position:relative;
margin:30px auto 70px;
width:100%;
}
.p-flow1 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
howto
=========================================================== */

.howto .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-howto__main{
position:relative;
margin:0 5% 10px;
}
.p-howto1{
position:relative;
margin:15px auto 15px;
padding:0 5% 0 0;
width:95%;
}
.p-howto2{
position:relative;
margin:0 auto 5px;
width:50%;
}
.p-howto1 img,
.p-howto2 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
action
=========================================================== */

.action .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-action__main{
position:relative;
margin:0 5% 10px;
}
.p-action1{
position:relative;
margin:10px auto 10px;
width:100%;
}
.p-action2{
position:relative;
margin:0 auto 5px;
width:100%;
}
.p-action3{
position:relative;
margin:0 auto 5px;
width:100%;
}
.p-action1 img,
.p-action2 img,
.p-action3 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
bonus
=========================================================== */

.bonus .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-bonus__main{
position:relative;
margin:0 5% 10px;
}
.p-bonus1{
position:relative;
margin:10px auto 30px;
width:100%;
}
.p-bonus1 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
reach
=========================================================== */

.reach .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-reach__main{
position:relative;
margin:0 5% 10px;
}
.p-reach1{
position:relative;
margin:10px auto 10px;
width:100%;
}
.p-reach1 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
allstar
=========================================================== */

.allstar .l-section__box{
background:#182547 url(../../../../img/top/bg_main_sp.jpg) center bottom repeat-x;
background-size:100%;
}
.p-allstar__main{
position:relative;
margin:0 3%;
}
.p-allstar1{
position:relative;
margin:15px auto 20px;
width:100%;
}
.p-allstar1 img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
Shop Search
=========================================================== */

#p-shop-search{
position:relative;
margin:0 auto;
padding:5% 0 5%;
width:320px;
background:rgba(16,52,180,0.5);
border-radius:12px;
}
.p-shop-search__logo{
margin:0 auto;
width:80%;
text-align:center;
}
.p-shop-search__form{
margin:0 auto;
width:65%;
line-height:1;
display:block;
}
.p-shop-search__select{
width:100%;
height:32px;
line-height:32px;
font-size:15px !important;
outline:none;
margin-bottom:15px;
}
#p-shop-search__btn{
margin:0 auto;
width:60%;
height:auto;
line-height:1;
display:block;
}
.p-shop img,
.p-shop-search__logo img{
width:100%;
height:auto;
display:block;
}