/*==================================================================

special contents only use

===================================================================*/


/* GARO 
-------------------------------------------------------------------*/


#garo_sp{
background:#000 url('/user_data/packages/default/img/campaign/garo/garo_back2.jpg') no-repeat top center; 
padding-top:360px;
}

/*
#garo_sp #item_cat_list{
background:#fff;
}
*/

#garo_sp #undercolumn{ background:url('/user_data/packages/default/img/campaign/garo/undercolumn_back_w.png') repeat top center;}

#garo_sp #undercolumn #item_cat_list div.navi { clear:both; text-align:center; padding-top:5px; padding-bottom:10px; background:none; }

/*

#garo_sp .item a{ color:#fff !important; }

#garo_sp #undercolumn{ background:url('/user_data/packages/default/img/campaign/garo/undercolumn_back.png') repeat top center;}




#garo_sp #undercolumn #item_cat_list div.navi { clear:both; text-align:center; padding-top:5px; padding-bottom:10px; background:none; }


#garo_sp #undercolumn #item_cat_list div.item_number{ background:#000; padding:10px 0; font-weight:bold; border:1px solid #000;width:99.8%; color:#fff !important; }


#garo_sp #undercolumn #item_cat_list div.change{ margin-bottom:5px;text-align:center; padding:10px 0; width:99.8%;
border:1px solid #000;color:#fff !important; }


*/

#garo_sp h2.title{ display:none;}


/* Kancolle
-------------------------------------------------------------------*/


#kancolle_sp{
background:#349bcc url('/user_data/packages/default/img/campaign/kancolle/kancolle_back.jpg') no-repeat top center; 
padding-top:380px;
margin-bottom:20px;
}

#kancolle_sp #undercolumn{ background:url('/user_data/packages/default/img/campaign/kancolle/undercolumn_back_w.png') repeat top center; 
margin:0 10px 5px 5px;
padding:15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
 }

#kancolle_sp #undercolumn #item_cat_list div.navi { clear:both; text-align:center; padding-top:5px; padding-bottom:10px;  background:none; }

#kancolle_sp h2.title{ display:none;}

/*
#kancolle_sp #undercolumn .change,
#kancolle_sp #undercolumn .pagenumber_area_num{
background:url('/user_data/packages/default/img/campaign/kancolle/undercolumn_back_w.png') repeat top center; 
padding:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
 }
#kancolle_sp #undercolumn .pagenumber_area{
background:none;
margin-bottom:0 !important;
padding-bottom:0 !important;
}

#kancolle_sp #undercolumn  .page_total_num{
top:10px;
left:10px;
}
*/

/* nogizaka
-------------------------------------------------------------------*/


#nogizaka_sp{
background:#c6b0ff url('/user_data/packages/default/img/campaign/nogizaka46/nogizaka_back.jpg') no-repeat top center; 
padding-top:380px;
margin-bottom:20px;
}

#nogizaka_sp #undercolumn{ background:url('/user_data/packages/default/img/campaign/kancolle/undercolumn_back_w.png') repeat top center; 
margin:0 10px 5px 5px;
padding:15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

#nogizaka_sp #undercolumn #item_cat_list div.navi { clear:both; text-align:center; padding-top:5px; padding-bottom:10px;  background:none; }

#nogizaka_sp h2.title{ display:none;}





/* miku
-------------------------------------------------------------------*/


#miku_sp{
background:#fff url('/user_data/packages/default/img/campaign/miku/miku_back.gif') no-repeat top center; 
margin-bottom:20px;
}
#miku_sp .miku_in{
background:url('/user_data/packages/default/img/campaign/miku/miku_chara.png') no-repeat top center;
padding-top:490px;
}

#miku_sp #undercolumn{ background:url('/user_data/packages/default/img/campaign/kancolle/undercolumn_back_w.png') repeat top center; 
margin:0 10px 5px 5px;
padding:15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

#miku_sp #undercolumn #item_cat_list div.navi { clear:both; text-align:center; padding-top:5px; padding-bottom:10px;  background:none; }

#miku_sp h2.title{ display:none;}





/* puzzle
-------------------------------------------------------------------*/


#puzzle_sp{
background:#000 url('/user_data/packages/default/img/campaign/puzzle/re2_ensky_shop_AC.jpg') no-repeat top center; 
padding-top:400px;
margin-bottom:20px;
}

#puzzle_sp #undercolumn{ 
background:url('/user_data/packages/default/img/campaign/kancolle/undercolumn_back_w.png') repeat top center; 
margin:0 10px 5px 5px;
padding:15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
 }



/* ensta
-------------------------------------------------------------------*/

.ensta_btn{
display:inline-block;
padding-bottom:40px;
float:left;
}

.ensta_btn input.ensta_back{
clear:both;
background: #f6f8fa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U5ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8fa 0%, #e7e9ec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(100%,#e7e9ec));
background: -webkit-linear-gradient(top,  #f6f8fa 0%,#e7e9ec 100%);
background: -o-linear-gradient(top,  #f6f8fa 0%,#e7e9ec 100%);
background: -ms-linear-gradient(top,  #f6f8fa 0%,#e7e9ec 100%);
background: linear-gradient(to bottom,  #f6f8fa 0%,#e7e9ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#e7e9ec',GradientType=0 );
border:1px solid #bcc1c8;
border-radius:5px;
font-size:10px;
line-height:30px;
text-align:center;
display:block;
color:#000;
width:280px;
margin:0 auto 5px auto;
}





