@charset "utf-8";
.free-edit{
text-align: left;
color:#333;
font-size:14px;
line-height: 1.5;
}
@media ( min-width : 640px ) {
.free-edit{
font-size:16px;
line-height: 1.6;
}
}

/*  Common
====================================*/
section{
position: relative;
width:300px;
margin:40px auto 10px;
padding:50px 10px 10px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/section_bg_sp.jpg) repeat-y top center;
background-size: 100%;
}
section:before{
display: block;
position: absolute;
top:-6px;
left:0;
z-index: 1;
content: " ";
width: 300px;
height:50px;
padding: 6px 0 0 0;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/section_bg_top_sp.png) no-repeat top center;
background-size: 100%;
}
section:after{
display: block;
position: absolute;
bottom:-6px;
left:0;
z-index: 2;
content: " ";
width: 300px;
height:10px;
padding: 0 0 6px 0;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/section_bg_bottom_sp.png) no-repeat bottom center;
background-size: 100%;
}

@media ( min-width : 640px ) {
section{
width:600px;
margin:80px auto 20px;
padding:100px 20px 16px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/section_bg.jpg) repeat-y top center;
background-size: 100%;
}
section:before{
top:-10px;
width: 600px;
height:100px;
padding: 10px 0 0 0;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/section_bg_top.png) no-repeat top center;
background-size: 100%;
}
section:after{
bottom:-10px;
width: 600px;
height:20px;
padding: 0 0 10px 0;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/section_bg_bottom.png) no-repeat bottom center;
background-size: 100%;
}
}

/*---- contents Title ---*/
h3{
display: block;
position: absolute;
top:-6px;
left:0;
z-index: 3;
width:300px;
height:40px;
text-indent: -9999px;
}
h3.update-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/update_ttl.png) no-repeat 50%;background-size:145px 18px;}
h3.sche-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/sche_ttl.png) no-repeat 50%;background-size:174px 18px;}
h3.cam-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/cam_ttl.png) no-repeat 50%;background-size:149px 18px;}
h3.game-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/game_ttl.png) no-repeat 50%;background-size:147px 18px;}
h3.real-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/real_ttl.png) no-repeat 50%;background-size:125px 18px;}
@media ( min-width : 640px ) {
h3{
width:600px;
height:80px;
}
h3.update-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/update_ttl.png) no-repeat 50%;background-size:290px 37px;}
h3.sche-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/sche_ttl.png) no-repeat 50%;background-size:347px 36px;}
h3.cam-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/cam_ttl.png) no-repeat 50%;background-size:297px 36px;}
h3.game-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/game_ttl.png) no-repeat 50%;background-size:293px 37px;}
h3.real-ttl{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/real_ttl.png) no-repeat 50%;background-size:251px 36px;}
}

.point-icon{
position: absolute;
top: 0px;
left:8px;
z-index: 3;
width:44px;
height:38px;
text-indent: -9999px;
}
.point-icon-01{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/point01.png) no-repeat top center;background-size:100%;}
.point-icon-02{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/point02.png) no-repeat top center;background-size:100%;}
.point-icon-03{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/point03.png) no-repeat top center;background-size:100%;}
.point-icon-04{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/point04.png) no-repeat top center;background-size:100%;}
.point-icon-05{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/point05.png) no-repeat top center;background-size:100%;}
@media ( min-width : 640px ) {
.point-icon{
position: absolute;
top: -6px;
left:10px;
z-index: 3;
width:86px;
height:76px;
text-indent: -9999px;
}
}

/*---- text ---*/
.free-edit p{
margin-top:10px
}
@media ( min-width : 640px ) {
.free-edit p{
margin-top:20px
}
}
.text-red{color:#a00;font-weight: bold;}
.text-s{font-size:90%;}


/*  navigation
====================================*/
.nav{
width: 320px;
height:47px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_bg.png) no-repeat top center;
background-size: 100%;
}
.nav ul{
height:47px;
padding-top:10px;
}
.nav ul:after{display: block;content: " ";clear: both;}
.nav ul li{
display: inline;
float: left;
margin-right:6px;
padding-left:8px;
text-indent: -9999px;
border-left:solid 1px #7d0101;
}
.nav ul li:first-child{
border:none;
}
.nav ul li a,
.nav ul li a:hover{
display:block;
height:27px;
-webkit-transition: all .3s;
transition: all .3s;
}
.nav ul li a:hover{opacity: 0.5;}
.nav-update{width:54.5px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_update.png) no-repeat top center;background-size:100%;}
.nav-sche{width:56px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_sche.png) no-repeat top center;background-size:100%;}
.nav-cam{width:56px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_cam.png) no-repeat top center;background-size:100%;}
.nav-game{width:38px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_game.png) no-repeat top center;background-size:100%;}
.nav-real{width:37px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_real.png) no-repeat top center;background-size:100%;}

@media ( min-width : 640px ) {
.nav{
width: 640px;
height:94px;
}
.nav ul{
height:94px;
padding-top:20px;
}
.nav ul li{
margin-right:14px;
padding-left:14px;
}
.nav ul li a,
.nav ul li a:hover{
height:54px;
}
.nav-update{width:109px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_update.png) no-repeat top center;background-size:100%;}
.nav-sche{width:112px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_sche.png) no-repeat top center;background-size:100%;}
.nav-cam{width:112px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_cam.png) no-repeat top center;background-size:100%;}
.nav-game{width:76px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_game.png) no-repeat top center;background-size:100%;}
.nav-real{width:74px;background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/nav_real.png) no-repeat top center;background-size:100%;}
}


/*  upDate Contents 
====================================*/
#update{
margin-top:20px;
}
#update p{
margin:0;
}
#update p a{
-webkit-transition: all .3s;
transition: all .3s;
}
#update p a:hover{
opacity: 0.8;
}
/* iframe Movie　*/
.iframe_movie{
position: relative;
width: 100%;
height: 0;
padding-bottom:56.25%;
}
.iframe_movie iframe{
position: absolute;
top: 0;
left:0;
z-index: 3;
width: 100%;
height: 100%;
}

.iframe-movie-text{
    position: absolute;
    color:#FFF;
    padding:10px 0 10px 0;
}
.iframe-movie-modal{
z-index: 3;
}
@media (min-width:640px){
#update{margin-top:40px;}
#modal-special{
max-width: 854px;
}
}
/* update detail */
#update dl,#update dl dd{
margin-top:10px;
}
#update dl dt a{
-webkit-transition: all .3s;
transition: all .3s;
}
#update dl dt a:hover{opacity: 0.8;}
#update h4{
width:280px;
height:20px;
margin-top:20px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/update_subttl.png) no-repeat top center;
background-size:100%;
text-indent: -9999px;
}

dl.update_table{
width:280px;
}
dl.update_table dt{
display: block;
width:280px;
padding:6px 0 6px 36px;
border-radius: 2.5px;
background: #f3edd2 url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_list.png) no-repeat 10px center;
background-size:19px 22.4px;
font-size:110%;
line-height:1.2;
color:#312b11;
font-weight: bold;
}
dl.update_table dd{
margin-bottom:10px;
padding-left:10px;
color:#312b11;
}

@media (min-width:640px){
#update h4{
width:560px;
height:41px;
margin-top:40px;
}
dl.update_table{
width:560px;
}
dl.update_table dt{
width:560px;
padding:10px 0 10px 45px;
border-radius: 5px;
background-size:24px 28px;
}
dl.update_table dd{
margin-bottom:20px;
padding-left:20px;
}
}


/*  schedule Contents 
====================================*/
#sche{
}
#sche table{
width:280px;
background-color: #fefcf1;
}
#sche table th{
position: relative;
padding-left: 90px;
background-color:#efe8c7;
line-height: 30px;
font-size:98%;
font-weight: bold;
}
#sche table th.event-sche{
background-color:#ffe3bf;
}
#sche .event-icon{
position: absolute;
top:1px;
left:5px;
width:80px;
height:22.5px;
text-indent: -9999px;
}
.event-icon-cam{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_campaign.png) no-repeat left top;background-size:100%;}
.event-icon-login{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_login.png) no-repeat left top;background-size:100%;}
.event-icon-gacha{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_gacha.png) no-repeat left top;background-size:100%;}
.event-icon-sale{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_sale.png) no-repeat left top;background-size:100%;}
.event-icon-event{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_event.png) no-repeat left top;background-size:100%;}
.event-icon-finish{background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/icon_finish.png) no-repeat left top;background-size:100%;}

#sche table td{
background-color:#fefcf1;
line-height: 1.4;
padding:8px 10px;
}
#sche table td a{color:#d46002;}
#sche table td a:hover{color:#a94c01;}
#sche table td.event-link a{color:#333;}
#sche table td.event-link a:hover{color:#111;}

@media (min-width:640px){
#sche table{
width:560px;
}
#sche table th{
padding-left: 160px;
line-height: 50px;
font-size:18px;
}
#sche .event-icon{
top:2px;
left:10px;
width:134px;
height:39px;
}

#sche table td{
padding:16px 20px;
font-size:18px;
}
}


/*  campaign Contents 
====================================*/
#cam{
}
#cam dl dt{
margin-top:10px;
}
#cam dl dt a{
-webkit-transition: all .3s;
transition: all .3s;
}
#cam dl dt a:hover{
opacity: 0.8;
}
#cam dl dt:first-child{margin:0;}
#cam dl dd{
margin-top:6px;
}

@media (min-width:640px){
#cam dl dt{
margin-top:20px;
}
#cam dl dd{
margin-top:12px;
}
}


/*  gameEvent Contents 
====================================*/
#game{
}
.game-box{
position: relative;
margin-bottom:20px;
padding:10px 10px 15px 10px;
border:solid 1px #a37607;
border-radius: 6px;
box-shadow:0px 2px 2px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.08);
-webkit-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.08);
}
.game-box .time{
position: absolute;
top:-6px;
left:51.5px;
width:177px;
height:26px;
padding-top:2px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/game_date_bg.png) no-repeat top left;
background-size:100%;
color:#FFF;
font-size:11px;
font-weight: bold;
text-align: center;
}
.game-box h4{
margin-top:10px;
padding-bottom:6px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/game_subttl_bg_sp.png) no-repeat center bottom;
background-size:100%;
font-size:115%;
font-weight: bold;
line-height: 1.2;
}
.game-box .box-ttl-cam{color:#532401;}
.game-box .box-ttl-login{color:#674307;}
.game-box .box-ttl-gacha{color:#055222;}
.game-box .box-ttl-sale{color:#9c2f0d;}
.game-box .box-ttl-event{color:#9e1340;}
.game-box .box-ttl-finish{color:#674307;}

.game-box .event-icon{
display: block;
position: relative;
top:0;
left:-3px;
width:80px;
height:22.5px;
margin-bottom:6px;
text-indent: -9999px;
}
.game-box-image{
margin:10px auto 0;
text-align:center;
}
.game-box-text{
width:258px;
margin:10px auto 0;
text-align:left;
line-height:1.6;
}

@media (min-width:640px){
.game-box{
margin-bottom:20px;
padding:20px;
border:solid 2px #a37607;
border-radius: 6px;
}
.game-box .time{
position: absolute;
top:-10px;
left:-10px;
width:280px;
height:41px;
padding-top:4px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/game_date_bg.png) no-repeat top left;
background-size:100%;
color:#FFF;
font-size:16px;
font-weight: bold;
text-align: center;
}
.game-box h4{
position: relative;
width:520px;
margin-top:20px;
padding:12px 0 12px 140px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/game_subttl_bg.png) no-repeat center bottom;
font-size:120%;
}
.game-box .event-icon{
position: absolute;
top:0;
left:-5px;
width:134px;
height:38px;
}
.game-box-image{
margin:20px auto 0;
text-align:center;
}
.game-box-text{
width:516px;
margin:20px auto 0;
}
}
.game-box-soon{
margin:0 auto 20px;
padding:10px;
border-radius: 6px;
color:#a00;
font-weight: bold;
text-align: center;
background:#f9f0c8;
}


/*  realEvent Contents 
====================================*/
#real{}
#real p{
text-align:center;
}
#real h3+p{
margin:0;
}
#real table{
margin-top:20px;
border-collapse: collapse;
border: solid 2px #f3edd2;
background:#fefcf1;
}
#real table th{
width: 20%;
padding:10px;
border-bottom: solid 2px #f3edd2; 
background-color:#f9f5e4;
font-size: 16px;
font-weight: bold;
text-align:center;
}
#real table td{
width: 80%;
padding:10px;
background-color:#fefcf1;
border-bottom: solid 2px #f3edd2; 
}

@media (max-width:639px){
#real table{
margin-top:10px;
border-bottom:none;
}
#real table th,
#real table td{
display: block;
width:100%;
}
#real table th{
padding:6px 10px;
border-bottom: solid 2px #f3edd2; 
background-color:#f9f5e4;
font-size: 16px;
font-weight: bold;
text-align:center;
}
#real table td{
padding:10px;
background-color:#fefcf1;
border-bottom: solid 2px #f3edd2; 
}
}


/*  store-link Contents 
====================================*/
.store-link{
position: relative;
height: 79px;
margin-top:20px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/store_link_bg.png) no-repeat top center;
background-size: cover;
}
.store-link p{
position: absolute;
top:0;
left:10px;
width:58px;
height:58px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/store_link_appicon.png) no-repeat top center;
background-size:100%;
}
.store-link span{
position: absolute;
top:-2px;
left:70px;
display: block;
text-indent: -9999px;
width:227.5px;
height:24px;
background: url(https://c-image.asfes.jp/zR4gfSJw/5/sp9/store_link_ttl.png) no-repeat top center;
background-size:100%;
}

.store-link ul{
position: absolute;
bottom:12px;
right:0;
width: 250px;
margin:0 auto;
}
.store-link ul li{
float: left;
display: inline;
margin:0 5px;
width:-webkit-calc(50% - 10px);
width:-moz-calc(50% - 10px);
width:calc(50% - 10px);
}

@media ( min-width : 640px ) {
.store-link{
height: 158px;
margin-top:40px;
}
.store-link p{
top:0;
left:20px;
width:116px;
height:116px;
}
.store-link span{
top:-4px;
left:140px;
width:455px;
height:48px;
}
.store-link ul{
bottom:24px;
right: 20px;
width: 470px;
margin:0 auto;
}
.store-link ul li{
float: left;
display: inline;
margin:0 10px;
width:-webkit-calc(50% - 20px);
width:-moz-calc(50% - 20px);
width:calc(50% - 20px);
}
}


/*  sns-links Contents 
====================================*/
.sns-links{
}

/* --- official SNS banner --- */
.official-sns{
width:320px;
padding:20px 10px;
background: #f9f6e9;
}
.official-sns ul{
width:300px;
}
.official-sns ul:after{content:" ";display:block;clear:both;}
.official-sns li{
float:left;
display: inline;
width: -webkit-calc(50% - 10px );
width: -moz-calc(50% - 10px );
width: calc(50% - 10px );
margin-left:10px;
}
.official-sns ul li:first-child{
margin:0;
}
.official-sns ul li a{
-webkit-transition: all .3s;
transition: all .3s;
}
.official-sns ul li a:hover{opacity: 0.5;}

@media ( min-width : 640px ) {
.official-sns{
width:640px;
padding:40px 20px;
}
.official-sns ul{
width:600px;
}
.official-sns li{
float:left;
display: inline;
width: -webkit-calc(50% - 10px );
width: -moz-calc(50% - 10px );
width: calc(50% - 10px );
margin-left:20px;
}
}

/* --- SNS share button --- */
.share-sns{
width:260px;
margin:20px auto 0;
padding-bottom:15px;
}
.share-sns ul{
width:260px;
}
.share-sns ul:after{content:" ";display:block;clear:both;}
.share-sns ul li{
float:left;
display: inline;
width: -webkit-calc(50% - 12px );
width: -moz-calc(50% - 12px );
width: calc(50% - 12px );
margin-left:12px;
}
.share-sns ul li a{
-webkit-transition: all .3s;
transition: all .3s;
}
.share-sns ul li a:hover{opacity: 0.5;}
.share-sns ul li:first-child{
margin:0;
}
@media ( min-width : 640px ) {
.share-sns{
width:520px;
margin:30px auto 0;
padding-bottom:30px;
}
.share-sns ul{
width:520px;
}
.share-sns ul li{
width: -webkit-calc(50% - 24px );
width: -moz-calc(50% - 24px );
width: calc(50% - 24px );
margin-left:24px;
}
}