@charset "UTF-8";
@import url(common.css);

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

html {}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: "";
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,
textarea,
select {
    *font-size: 100%;
}

legend {
    color: #000000;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMONlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*----basicsetting_start----*/

html {
    font-size: 62.5%;
}

body {
    background: #101010 url(../images/ms_tw_bg.jpg) top center repeat-y;
    background-size: 320px 102px;
    font-size: 1.4rem;
    /*default14px*/
    line-height: 23px;
    font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    /*viewport*/
}

body {
    font-size: 0;
    /*defaultOverRide*/
    line-height: 0;
    word-wrap: break-word;
    word-break: break-all;
}


/*----basicsetting_end----*/


/*----ancher_start----*/

a {
    color: #155ad2;
    text-decoration: none;
}

a:link {
    color: #155ad2;
}

a:visited {
    color: #4e5664;
}

a:active {
    color: #00bf09;
}

a:hover {
    color: #155ad2;
    text-decoration: none;
}

object {
    outline: none;
}


/*----ancher_end----*/


/*----clear_start----*/


/*--clearfix--*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--clear--*/

.cf {
    clear: both;
    height: 0;
}


/*----clear_end----*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　COMMONlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
MAINlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*------gnav_start------*/


/*--common--*/

#gnav {
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
}

#gnav h2,
#gnav .menu_list,
#gnav .download {
    display: none;
}


/*--active--*/

#gnav.menu_active {
    background: #33373e;
    width: 100%;
    height: 3000px;
}

#gnav.menu_active h2 {
    display: block;
    background: url(../images/sp_ms_tw_gnav_title.png) top left no-repeat;
    background-size: 105px 54px;
    width: 100%;
    height: 54px;
    text-indent: -9999px;
}

#gnav.menu_active .menu_list {
    display: block;
    width: 100%;
}

#gnav.menu_active .menu_list li {
    background: url(../images/sp_ms_tw_gnav_list_bg.png) top center repeat-x;
    background-size: 10px 46px;
    width: 100%;
    height: 46px;
}

#gnav.menu_active .menu_list li a {
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 280px 46px;
    width: 280px;
    height: 46px;
    text-indent: -9999px;
}

#gnav.menu_active .gnav0 a {
    background-image: url(../images/sp_ms_tw_gnav_home.png);
}

#gnav.menu_active .gnav1 a {
    background-image: url(../images/sp_ms_tw_gnav_1.png);
}

#gnav.menu_active .gnav2 a {
    background-image: url(../images/sp_ms_tw_gnav_2.png);
}

#gnav.menu_active .gnav3 a {
    background-image: url(../images/sp_ms_tw_gnav_3.png);
}

#gnav.menu_active .gnav4 a {
    background-image: url(../images/sp_ms_tw_gnav_4.png);
}

#gnav.menu_active .download {
    display: block;
    margin: 15px auto;
}

#gnav .menu_toggle {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/sp_ms_tw_gnav_toggle.png) top right no-repeat;
    background-size: 108px 54px;
    width: 54px;
    height: 54px;
    text-indent: -9999px;
    outline: none;
}

.pagetop_toggle {
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
}

.pagetop_toggle a {
    display: block;
    background: url(../images/sp_ms_tw_pagetop_toggle.png) top right no-repeat;
    background-size: 54px 54px;
    width: 54px;
    height: 54px;
    text-indent: -9999px;
    outline: none;
}


/*------gnav_end------*/


/*------vis_start------*/


/*--toppage--*/

#top #vis {
    position: relative;
    background: #fff;
    background-size: 640px 305px;
    text-align: center;
    width: 100%;
    height: 312px;
}


/*#top #vis .main_image{
  background: url(../images/sp_ms_tw_vis.jpg) top center no-repeat;
    width: 100%;
    height: 312px;
    background-size: 640px 312px;
    position: absolute;}*/

#top #vis .main_image {
    /*background: url(../images/sp_ms_tw_vis_20161014.jpg) top center no-repeat;*/
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 365px;
    background-size: 640px 365px;
    position: absolute;
}

#top #vis .main_vis_pc {
    display: none;
}

#top #vis .viswrapper {}

#top .vis_logo a {
    display: none;
    position: absolute;
    top: 110px;
    left: 50%;
    margin: 0 0 0 -101px;
    background: url(/monsterstrike_logo.png) top center no-repeat;
    background-size: 85%;
    width: 202px;
    height: 180px;
    text-indent: -9999px;
    cursor: pointer;
}


/*--substructure--*/



#vis {
    position: relative;
    background: #c50711 url(https://www.monster-strike.com.tw/entryimages/2b54e2422998d01da68352558bc4e6ccd9a97927.png) no-repeat top center / 100% auto;
    width: 100%;
    height: 100px;
}



.vis_logo a {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    background: url(/monsterstrike_logo_luster.png) top center no-repeat;
    background-size: 100%;
    width: 111px;
    height: 92px;
    text-indent: -9999px;
    outline: none;
}


/*------vis_end------*/


/*-----rankingbnr_Start-----*/


/* #top .rankingbnr {
    position: relative;
    margin: -30px auto 25px auto;
    height: 59px;
    width: 281px;
    background: url(../images/sp_ms_tw_ranking_bnr.png) top center no-repeat;
    background-size: auto 59px;
  text-align: center;
}

#top .rankingbnr p {
    line-height: normal;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    padding-top: 40px;
} */


/*-----rankingbnr_End-----*/


/*-----download_start------*/


/*--toppage--*/

#top .download {
    margin: -15px auto 0 auto;
}


/*--common--*/

.download {
    z-index: 10;
    position: relative;
    display: block;
    background: #ffffff;
    width: 254px;
    margin: 0 auto 10px auto;
    padding: 37px 10px 10px 10px;
    font-size: 11px;
    line-height: 1.2em;
    border: 3px #000000 solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.download li a {
    position: absolute;
    top: 5px;
    display: block;
    height: 29px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    outline: none;
}


/*AppStore*/

.download .appstore a {
    left: 6px;
    background-image: url(../images/sp_ms_tw_download_appstore.png);
    width: 78px;
}


/*GooglePlay*/

.download .googleplay a {
    left: 88px;
    background-image: url(../images/sp_ms_tw_download_googleplay.png);
    width: 96px;
}


/*Android APK*/

.download .androidapk a {
    left: 190px;
    background-image: url(../images/sp_ms_tw_download_androidapk.png);
    width: 77px;
}


/*spec*/

.download .spec {
    font-size: 0.8rem;
}


/*------download_end------*/


/*-----pickupbox_start------*/

#pickupbox a {
    display: block;
    width: 287px;
    height: 171px;
    background: url(../images/20160722_01_sp.png) top center no-repeat;
    background-size: 287px 171px;
    background-position: center bottom;
    margin: 0 auto;
    text-indent: -9999px;
    padding: 10px 0 0;
}


/*------pickupbox_end------*/


/*------news_start------*/


/*--newswrapper--*/


/*top*/

#top .newswrapper {
    padding: 10px 10px 60px 10px;
}

#top .newswrapper h2 {
    background: url(../images/sp_ms_tw_contentstitle_news.jpg) top center no-repeat;
    background-size: 100%;
    width: 68px;
    height: 49px;
    margin: 0 auto 10px auto;
    text-indent: -9999px;
    outline: none;
}


/*common*/

.newswrapper {
    position: relative;
    background: #232323;
    width: 254px;
    margin: 0 auto 10px auto;
    padding: 10px;
    line-height: 23px;
    border: 3px #565656 solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}


/*--newsitem_start--*/

.newsitem {}

.newsitem .new {
    display: inline-block;
    font-size: 10px;
    background: #e40000;
    color: #ffffff;
    margin: 0 0 0 5px;
    padding: 0px 3px;
}


/*--newsitem_end--*/


/*--newslist_start--*/


/*top*/

#top .news_list .news_more a {
    position: absolute;
    bottom: -42px;
    left: 50%;
    background: url(../images/ms_tw_news_more.jpg) top center no-repeat;
    display: block;
    width: 174px;
    height: 33px;
    margin: 0 0 0 -87px;
    text-indent: -9999px;
    outline: none;
}

#top .news_list {
    background: url(../images/ms_tw_news_bg.gif) top center repeat;
    padding: 10px;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

#top .news_list ul {
    margin: 10px 0 0 0;
}

#top .news_list li {
    width: 100%;
    padding: 10px 0;
}

#top .news_list li:first-child {
    padding: 0px 0 10px 0;
    border-top: none;
}

#top .news_list li:last-child {
    padding: 10px 0 0 0;
    border-bottom: none;
}

#top .news_list .meta,
#top .news_list .summary {
    line-height: 1.5em;
}

#top .news_list .meta {
    padding: 0;
}

#top .news_list .summary {
    padding: 0;
}


/*common*/

.news_list {
    position: relative;
    background: url(../images/ms_tw_news_bg.gif) top center repeat;
    padding: 10px;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.news_list .meta {
    margin: 0 0 5px 0;
}

.news_list .meta img {
    width: 90px;
    height: 17px;
}

.news_list .meta span {
    padding: 0 10px 0 0;
}

.news_list li {
    padding: 10px 0;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #c7c4a5 solid;
}

.news_list li:first-child {
    padding: 0px 0 10px 0;
    border-top: none;
}

.news_list li:last-child {
    padding: 10px 0 0 0;
    border-bottom: none;
}


/*important*/

.news_list li.important {
    color: #E73A3D;
    font-weight: bold;
}

.news_pickup li.important {
    color: #E73A3D;
    font-weight: bold;
}

.news_list li.important a,
.news_pickup li.important a {
    color: #E73A3D;
    font-weight: bold;
}


/*--newslist_end--*/


/*--news_pickup_start--*/


/*top*/

#top .news_pickup {}

#top .news_pickup ul {}

#top .news_pickup ul .meta img {
    width: 90px;
    height: 17px;
}


/*sub*/

.news_pickup {
    background: #ffffff url(../images/sp_ms_tw_pickup_title.jpg) top center no-repeat;
    background-size: 280px 30px;
    width: 254px;
    margin: 10px auto;
    padding: 30px 10px 10px 10px;
    border: 3px #000000 solid;
    font-size: 12px;
    line-height: 18px;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.news_pickup h2 {
    display: none;
}

.news_pickup ul {
    background: none;
}


/*common*/

.news_pickup ul {
    margin: 0 0 5px 0;
    padding: 10px;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.news_pickup li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px #c7c4a5 dotted;
}

#top .news_pickup li:first-child {
    padding: 0px 0 10px 0;
    border-top: none;
}

#top .news_pickup li:last-child {
    padding: 10px 0 0 0;
    border-bottom: none;
}

#top .news_pickup .meta,
#top .news_pickup .summary {
    line-height: 1.5em;
}


/*meta*/

#top .news_pickup .meta {
    padding: 0;
}

.news_pickup .meta {
    padding: 0;
}


/*summary*/

#top .news_pickup .summary {
    padding: 0 10px 0 0;
}

.news_pickup .summary {
    margin: 0;
    padding: 0 10px 0 0;
}


/*--newslistclear--*/

.news_pickup li:after,
.news_list li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.news_pickup li,
.news_list {
    min-height: 1px;
}

*html .news_pickup,
*html .news_list {
    height: 1px;
    /*\*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--news_pickup_end--*/


/*--news_pager_start--*/

.news_pager {
    text-align: center;
    margin: 20px 0 0 0;
    padding: 20px 0;
    border-top: 1px #413d3c dotted;
}

.news_pager span.current_page {
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

.news_pager li {
    display: inline-block;
    margin: 10px 5px;
    padding: 0;
    font-size: 11px;
    border: none;
}

.news_pager li a {
    background: #1e1e1e;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    box-shadow: 1px 1px #636363;
    -moz-box-shadow: 1px 1px #636363;
    -webkit-box-shadow: 1px 1px #636363;
    -o-box-shadow: 1px 1px #636363;
    -ms-box-shadow: 1px 1px #636363;
}

.news_pager li a:hover {
    background: #4e4e4e;
    text-decoration: none;
}


/*--news_pager_end--*/


/*----news_backtolist----*/

.news_backtolist {
    text-align: center;
    margin: 40px 0 0 0;
    padding: 40px 0;
    border-top: 1px #413d3c dotted;
}

.news_backtolist a {
    display: block;
    background: url(../images/ms_tw_news_details_backtolist.jpg) top center no-repeat;
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-indent: -9999px;
    outline: none;
}


/*----news_backtolist----*/


/*--news_details_start--*/

.news_details {
    background: #000000;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.news_details_title {
    background: #000;
    color: #FFF;
    margin: 0 auto;
    padding: 20px;
    /*border*/
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
}

.news_details_title .meta {
    margin: 0 0 15px 0;
}

.news_details_title .meta img {
    margin: 0;
    padding: 0;
    vertical-align: none;
}

.news_details_title h2 {
    color: #ff8a00;
    font-size: 20px;
    font-weight: nomal;
}

.news_details_entry {
    background: url(../images/ms_tw_news_bg.gif) top center repeat;
    padding: 10px;
    /*border*/
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
}


/*----news_details_end----*/


/*--newslistclear_start--*/

.news_pickup li:after,
.news_list li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.news_pickup li,
.news_list {
    min-height: 1px;
}

*html .news_pickup,
*html .news_list {
    height: 1px;
    /*\*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--newslistclear_end--*/


/*------news_end------*/


/*------footer_start------*/

#footer {
    background: #fd8124;
    width: 100%;
}

.footercontents {
    position: relative;
    top: -14px;
    background: url(../images/ms_tw_footer_bg.png) top center repeat-x;
    padding: 25px 15px 0 15px;
    font-size: 1rem;
    height: 164px;
}


/*character*/

.footer_character {
    position: absolute;
    top: -22px;
    left: 50%;
    margin: 0 0 0 -64px;
    background: url(../images/ms_tw_footer_character.png) top center no-repeat;
    width: 128px;
    height: 48px;
    text-indent: -9999px;
}


/*menu*/

.footercontents ul {
    text-align: center;
}

.footercontents li a {
    display: block;
    background: #000000;
    color: #ffffff;
    margin: 8px 0;
    padding: 8px 30px 8px 30px;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    border: 1px #383838 solid;
    /*border*/
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
}

.footer__copyright-area {
    background: #000;
    color: #fff;
    margin-top: 24px;
    padding: 50px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__rating {
    padding: 68px 68px 0;
    background: url("/common/images/icon_rating_12.png") center top no-repeat;
    background-size: 46px 46px;
}

.footer__rating li {
    line-height: 1.5;
    font-size: 10px;
}

.footer__logo a {
    overflow: hidden;
    white-space: nowrap;
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("//mixi.co.jp/app/themes/mixi/assets/img/logo-main_black.svg");
    width: 88px;
    height: 42px;
    margin: 54px auto 0;
}

.footer__copyright-area small {
    display: inline-block;
    margin-top: 30px;
    font-family: Verdana,Arial,Geneva,Tahoma,sans-serif;
    font-size: 10px;
}


/*--footercontents_end--*/


/*------footer_end------*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　MAINlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TOP PAGE CONTENTWRAPPER(CONETNS)layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*----toppage_commonlayout_start----*/

#top #contentwrapper {}


/*----toppage_commonlayout_end----*/


/*----pickuplinks_start----*/

.pickuplinks {
    margin: 15px 0 5px;
}

.pickuplinks > ul {
    width: 278px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pickuplinks__item {
    margin: 0 0 6px 0;
}

.pickuplinks__item:nth-of-type(5),
.pickuplinks__item:nth-of-type(6) {
    margin: 0 0 0 0;
}

.pickuplinks a {
    display: block;
    width: 136px;
    height: 67px;
}

.pickuplinks img {
    width: 100%;
    height: auto;
}


/*----pickuplinks_end----*/


/*----facebook_widget_start----*/

.facebook_widget {
    background: #ffffff;
    width: 248px;
    margin: 10px auto;
    padding: 10px;
    border: 6px #305097 solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.facebook_widget h2 {
    display: none;
}

.facebook_widget .facebook_widget_optimize {}


/*----facebook_widget_end----*/


/*----howto_start----*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
遊び方
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.howto{}
.howto{
	overflow-x: hidden;
}

/*---- ページコンテンツ共通 ----*/
.howto .howto-contents-header{
	width: 100%;
	height: 76px;
	margin-top: 10px;
	background: url(../images/howto/sp_contenttitle_header.png) top center no-repeat;
	background-size: 300px 76px;}
.howto .howto-contents-header.download{
	width: 100%;
	height: 45px;
	margin-top: 20px;
	background: url(../images/howto/pc_howto_contenttitle_header_normal.png) top center no-repeat;}

.howto .howto-contents{
	position: relative;
	padding-top: 8px;
	background: url(../images/howto/sp_content_bg.png) top center repeat-y;
	background-size: 300px 10px;}
.howto .howto-contents.action-bottom,
.howto .howto-contents.download{
	padding-top: 0;}

.howto .howto-contents-title h2{
	width: 100%;
	height: 68px;
	position: absolute;
	top: -70px;
	left: -1px;
	background: url(../images/howto/sp_contenttitle.png) top center no-repeat;
	background-size: 243px 272px;
    text-indent: -9999px;}
.howto .howto-contents-title.title-connect h2{
	background-position: center -68px;}
.howto .howto-contents-title.title-evolution h2{
	background-position: center -136px;}
.howto .howto-contents-title.title-deck h2{
	background-position: center -204px;}

.howto .howto-contents-block{
	position: relative;
	width: 283px;
	margin: 0 auto;}
.howto .howto-contents-block.pb{
	padding-bottom: 26px;}
.howto .howto-contents-block-header{
	width: 283px;
	height: 7px;
	background: url(../images/howto/sp_contentblock_header.png) top center no-repeat;
	background-size: 283px 7px;}
.howto .howto-contents-block-main{
	width: 283px;
	background: url(../images/howto/sp_contentblock_main.png) top center repeat-y;
	background-size: 283px 50px;}
.howto .howto-contents-block-footer{
	width: 283px;
	height: 7px;
	background: url(../images/howto/sp_contentblock_footer.png) top center no-repeat;
	background-size: 283px 7px;}

.howto .howto-contents-footer{
	width: 100%;
	height: 9px;
	background: url(../images/howto/sp_content_footer.png) top center no-repeat;
	padding-bottom: 10px;
	background-size: 300px 9px;}
.howto .howto-contents-footer.last{
	padding-bottom: 40px;}

.howto .transparent{
	opacity: 0;
}

/*---- 簡単操作で爽快アクション ----*/
.howto .howto-operation{
	position: relative;
	height: 405px;}
.howto .howto-operation h3.pull-txt{
	position: absolute;
	top: 18px;
	left: 9px;
	width: 201px;
	height: 49px;
	background: url(../images/howto/sp_subtitle_action_pull.png) top center no-repeat;
	background-size: 201px 49px;
	z-index: 30}
.howto .howto-operation .pull{
	position: absolute;
	top: 10px;
	left: 17px;
	width: 249px;
	height: 188px;
	background: url(../images/howto/sp_img_action_pull_bg.png) top center no-repeat;
	background-size: 249px 188px;
	z-index: 20}
.howto .howto-operation .pull-up{
	position: absolute;
	top: 6px;
	left: 17px;
	width: 249px;
	height: 188px;
	z-index: 40}
.howto .howto-operation .pull-up .m-3028{
	position: absolute;
	top: 65px;
	left: 49px;
	width: 68px;
	height: 68px;
	background: url(../images/howto/sp_img_action_pull_3028.png) top center no-repeat;
	background-size: 68px 68px;
	z-index: 50;}
.howto .howto-operation .pull-up .m-3028.floatAnim{
	-webkit-animation: floatAnim 1s ease-in-out infinite;
	animation: floatAnim 1s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .pull-up .m-3028.bulbulAnim{
	-webkit-animation: bulbulAnim .12s ease-in-out infinite;
	animation: bulbulAnim .12s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .pull-up .m-3028-effect{
	position: absolute;
	top: 52px;
	left: 37px;
	width: 93px;
	height: 93px;
	background: url(../images/howto/sp_img_action_pull_3028_effect.png) top center no-repeat;
	background-size: 93px 93px;
	z-index: 40;}
.howto .howto-operation .pull-up .m-3028-effect.floatAnim{
	-webkit-animation: monsterEffectAnim 1s ease-in-out infinite;
	animation: monsterEffectAnim 1s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .pull-up .m-3028-effect.bulbulAnim{
	-webkit-animation: bulbulAnim .12s ease-in-out infinite;
	animation: bulbulAnim .12s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .pull-up .m-3028-arrow{
	position: absolute;
	top: 117px;
	left: -30px;
	width: 98px;
	height: 99px;
	background: url(../images/howto/sp_img_action_pull_3028_arrow.png) top center no-repeat;
	background-size: 98px 99px;
	z-index: 30}
.howto .howto-operation .pull-up .finger{
	position: absolute;
	top: 144px;
	left: 31px;
	width: 55px;
	height: 50px;
	background: url(../images/howto/sp_img_action_pull_finger.png) top center no-repeat;
	background-size: 55px 50px;
	z-index: 100;}
.howto .howto-operation .pull-up .finger.fingerPullAnim{
	-webkit-animation: fingerPullAnim 2.6s ease-in-out 0s;
	animation: fingerPullAnim 2.6s ease-in-out 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform: translate(-46px,48px);
	-webkit-transform:translate(-46px,48px);}
.howto .howto-operation .pull-up .finger.fingerPullAnimIESP{
	-webkit-animation: fingerPullAnimIESP 2.6s ease-in-out 0s;
	animation: fingerPullAnimIESP 2.6s ease-in-out 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .pull-up .finger.bulbulAnim{
	top: 340px;
	left: 45px;
	-webkit-animation: bulbulAnim .12s ease-in-out infinite;
	animation: bulbulAnim .12s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .pull .txt-gogo{
	position: absolute;
	top: 77px;
	right: 17px;
	width: 82px;
	height: 28px;
	background: url(../images/howto/sp_txt_action_gogo.png) top center no-repeat;
	background-size: 82px 28px;
	z-index: 40;}
.howto .howto-operation .pull .txt-pull{
	position: absolute;
	top: 130px;
	left: 46px;
	width: 77px;
	height: 35px;
	background: url(../images/howto/sp_txt_action_pull.png) top center no-repeat;
	background-size: 77px 35px;
	z-index: 40}
.howto .howto-operation h3.detach-txt{
	position: absolute;
	top: 381px;
	right: -34px;
	width: 207px;
	height: 116px;
	background: url(../images/howto/sp_subtitle_action_detach.png) top center no-repeat;
	background-size: 207px 116px;
	z-index: 50}
.howto .howto-operation .detach{
	position: absolute;
	top: 125px;
	left: 17px;
	width: 249px;
	height: 371px;
	background: url(../images/howto/sp_img_action_detach_bg.png) top center no-repeat;
	background-size: 249px 371px;
	z-index: 20}
.howto .howto-operation .detach .m-0536{
	position: absolute;
	top: 0px;
	right: -43px;
	width: 191px;
	height: 195px;
	background: url(../images/howto/sp_img_action_detach_0536.png) top center no-repeat;
	background-size: 191px 195px;
	z-index: 20;}
.howto .howto-operation .detach .m-0536.bulbulAnim{
	-webkit-animation: bulbulAnim .3s ease-in-out 0s;
	animation: bulbulAnim .3s ease-in-out 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .detach .m-3028{
	position: absolute;
	top: 244px;
	left: 16px;
	width: 104px;
	height: 104px;
	background: url(../images/howto/sp_img_action_detach_3028.png) top center no-repeat;
	background-size: 104px 104px;
	z-index: 60}
.howto .howto-operation .detach .m-3028.attackAnim{
	-webkit-animation: attackAnim 1s ease 0s;
	animation: attackAnim 1s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform:translate(104px,-147px);
	-webkit-transform:translate(104px,-147px);}
.howto .howto-operation .detach .m-3028.attackAnimIESP{
	-webkit-animation: attackAnimIESP 1s ease 0s;
	animation: attackAnimIESP 1s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .detach .m-3028-shadow{
	position: absolute;
	top: 262px;
	left: -46px;
	width: 152px;
	height: 173px;
	background: url(../images/howto/sp_img_action_detach_3028_shadow.png) top center no-repeat;
	background-size: 152px 173px;
	z-index: 50}
.howto .howto-operation .detach .m-3028-shadow.attackShadowAnim{
	-webkit-animation: attackShadowAnim 1s ease 0s;
	animation: attackShadowAnim 1s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:translate(104px,-147px);
	-webkit-transform:translate(104px,-147px);}
.howto .howto-operation .detach .m-3028-shadow.attackShadowAnimIESP{
	-webkit-animation: attackShadowAnimIESP 1s ease 0s;
	animation: attackShadowAnimIESP 1s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-operation .detach .m-3028-effect{
	position: absolute;
	top: 57px;
	left: 122px;
	width: 130px;
	height: 130px;
	background: url(../images/howto/sp_img_action_detach_3028_effect.png) top center no-repeat;
	background-size: 130px 130px;
	z-index: 40;
	display: none;}
.howto .howto-operation .detach .m-3028-effect.fadeInAnim{
	display: block;}
.howto .howto-operation .detach .m-3028-effect-shadow{
	position: absolute;
	top: 57px;
	left: 122px;
	width: 130px;
	height: 130px;
	background: url(../images/howto/sp_img_action_detach_3028_effect.png) top center no-repeat;
	background-size: 130px 130px;
	z-index: 40}
.howto .howto-operation .detach .m-3028-effect-shadow.attackEffectAnim{
	-webkit-animation: attackEffectAnim 1s ease-in-out;
	animation: attackEffectAnim 1s ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;}
.howto .howto-operation .detach .m-3028-arrow{
	position: absolute;
	top: 92px;
	left: -34px;
	width: 190px;
	height: 294px;
	background: url(../images/howto/sp_img_action_detach_3028_arrow.png) top center no-repeat;
	background-size: 190px 294px;
	z-index: 30;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);}
.howto .howto-operation .detach .finger{
	position: absolute;
	top: 320px;
	left: -2px;
	width: 67px;
	height: 71px;
	background: url(../images/howto/sp_img_action_detach_finger.png) top center no-repeat;
	background-size: 67px 71px;
	z-index: 60;}
.howto .howto-operation .detach .finger.fingerDetachAnim{
	-webkit-animation: fingerDetachAnim 0.4s ease 0s;
	animation: fingerDetachAnim 0.4s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(25deg);
	-webkit-transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(25deg);}
.howto .howto-operation .detach .finger-shadow{
	position: absolute;
	top: 320px;
	left: -11px;
	width: 66px;
	height: 83px;
	background: url(../images/howto/sp_img_action_detach_finger_shadow.png) top center no-repeat;
	background-size: 66px 83px;
	z-index: 50}
.howto .howto-operation .detach .finger-shadow.fingerDetachShadowAnim{
	-webkit-animation: fingerDetachShadowAnim 0.4s ease 0s;
	animation: fingerDetachShadowAnim 0.4s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity:1;
	transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(20deg);
	-webkit-transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(20deg);}
.howto .howto-operation .detach .txt-kan.attackKanAnim{
	position: absolute;
	top: 22px;
	right: 0px;
	width: 69px;
	height: 40px;
	background: url(../images/howto/sp_txt_action_kan.png) top center no-repeat;
	background-size: 69px 40px;
	z-index: 60;
	-webkit-animation: attackKanAnim 1.6s ease 0s;
	animation: attackKanAnim 1.6s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;}
.howto .howto-operation .detach .txt-detach{
	position: absolute;
	top: 247px;
	left: 120px;
	width: 68px;
	height: 44px;
	background: url(../images/howto/sp_txt_action_detach.png) top center no-repeat;
	background-size: 68px 44px;
	z-index: 40}
.howto .howto-contents-block-action {
	position: relative;
	width: 300px;
	height: 830px;
	margin: 0 auto;
	background: url(../images/howto/sp_img_action_main_bg.png) top center no-repeat;
	background-size: 300px 830px;}
.howto .howto-contents-block-action .main{
	position: absolute;
	top: 40px;
	left: -240px;
	width: 768px;
	height: 830px;
	background: url(../images/howto/sp_img_action_main.png) top center no-repeat;
	background-size: 768px 830px;
	z-index: 10;}
.howto .howto-contents-block-action .main.fadeUpAnim {
	-webkit-animation: fadeUpAnim 1.5s ease 0s;
	animation: fadeUpAnim 1.5s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform: translateY(-40px);
	-webkit-transform:translateY(-40px);}
.howto .howto-contents-block-action .txt{
	position: absolute;
	top: 402px;
	left: 11px;
	width: 289px;
	height: 113px;
	background: url(../images/howto/sp_txt_action_main.png) top center no-repeat;
	background-size: 289px 113px;
	z-index: 10;}
.howto .howto-contents-block-action .txt.fallInAnim {
	-webkit-animation: fallInAnim 0.5s ease 0s;
	animation: fallInAnim 0.5s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;}
.howto .howto-character{
	position: relative;
	height: 802px;}
.howto .howto-character h3.strike-txt{
	position: absolute;
	top: -73px;
	right: -28px;
	width: 209px;
	height: 73px;
	background: url(../images/howto/sp_subtitle_character_strike.png) top center no-repeat;
	background-size: 209px 73px;
	z-index: 10;}
.howto .howto-character .strike{
	position: absolute;
	top: -76px;
	left: 15px;
	width: 321px;
	height: 356px;
	background: url(../images/howto/sp_img_character_strike.png) top center no-repeat;
	background-size: 321px 356px;
	z-index: 5;}
.howto .howto-character h3.combo-txt{
	position: absolute;
	top: 236px;
	left: -36px;
	width: 183px;
	height: 63px;
	background: url(../images/howto/sp_subtitle_character_combo.png) top center no-repeat;
	background-size: 183px 63px;
	z-index: 20}
.howto .howto-character .combo{
	position: absolute;
	top: 210px;
	left: -13px;
	width: 295px;
	height: 331px;
	background: url(../images/howto/sp_img_character_combo.png) top center no-repeat;
	background-size: 295px 331px;
	z-index: 5;}
.howto .howto-character h3.type-txt{
	position: absolute;
	top: 453px;
	right: -29px;
	width: 228px;
	height: 75px;
	background: url(../images/howto/sp_subtitle_character_type.png) top center no-repeat;
	background-size: 228px 75px;
	z-index: 20}
.howto .howto-character .type{
	position: absolute;
	top: 471px;
	left: -16px;
	width: 319px;
	height: 329px;
	background: url(../images/howto/sp_img_character_type.png) top center no-repeat;
	background-size: 319px 329px;
	z-index: 10}

/*---- 友達で遊べばメリットたくさん ----*/
.howto .howto-connect{
	position: relative;
	/* height: 1974px; */
	height: 1894px;}
.howto .howto-connect h3 {
	position: absolute;
	top: 128px;
	left: 16px;
	width: 253px;
	height: 90px;
	background: url(../images/howto/sp_subtitle_connect_main.png) top center no-repeat;
	background-size: 253px 90px;
	z-index: 10}
.howto .howto-connect .capture-01 {
	position: absolute;
	top: 233px;
	left: 42px;
	width: 201px;
	height: 519px;
	background: url(../images/howto/sp_img_connect_capture_01.png) top center no-repeat;
	background-size: 201px 519px;}
.howto .howto-connect .txt {
	position: absolute;
	top: 787px;
	left: 60px;
	width: 164px;
	height: 48px;
	background: url(../images/howto/sp_txt_connect.png) top center no-repeat;
	background-size: 164px 48px;}
.howto .howto-connect .connect-all {
	position: absolute;
	top: 11px;
	left: -6px;
	width: 294px;
	height: 140px;
	background: url(../images/howto/sp_img_connect_all.png) top center no-repeat;
	background-size: 294px 140px;}
.howto .howto-connect .connect-1p {
	position: absolute;
	top: 690px;
	right: -4px;
	width: 206px;
	height: 98px;
	background: url(../images/howto/sp_img_connect_1p.png) top center no-repeat;
	background-size: 206px 98px;}
.howto .howto-connect .connect-1p.fadeScaleAnim {
-webkit-animation: fadeScaleAnim 0.7s ease 2.2s;
animation: fadeScaleAnim 0.7s ease 2.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);}
.howto .howto-connect .connect-2p {
	position: absolute;
	top: 588px;
	left: -137px;
	width: 95px;
	height: 138px;
	background: url(../images/howto/sp_img_connect_2p.png) top center no-repeat;
	background-size: 95px 138px;}
.howto .howto-connect .connect-2p.screenInRightUp {
-webkit-animation: screenInRightUp 0.7s ease 1.4s;
animation: screenInRightUp 0.7s ease 1.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
transform:translate(120px,-90px);
-webkit-transform:translate(120px,-90px);}
.howto .howto-connect .connect-2p.screenInRightUpIESP {
-webkit-animation: screenInRightUpIESP 0.7s ease 1.4s;
animation: screenInRightUpIESP 0.7s ease 1.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
.howto .howto-connect .connect-3p {
	position: absolute;
	top: 125px;
	left: -276px;
	width: 96px;
	height: 157px;
	background: url(../images/howto/sp_img_connect_3p.png) top center no-repeat;
	background-size: 96px 157px;}
.howto .howto-connect .connect-3p.screenInLeftDown {
-webkit-animation: screenInLeftDown 0.7s ease 0.8s;
animation: screenInLeftDown 0.7s ease 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
transform:translate(260px,163px);
-webkit-transform:translate(260px,163px);}
.howto .howto-connect .connect-4p {
	position: absolute;
	top: 49px;
	right: -120px;
	width: 111px;
	height: 135px;
	background: url(../images/howto/sp_img_connect_4p.png) top center no-repeat;
	background-size: 111px 135px;}
.howto .howto-connect .connect-4p.screenInRightDown {
-webkit-animation: screenInRightDown 0.7s ease 0.4s;
animation: screenInRightDown 0.7s ease 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
transform:translate(-100px,170px);
-webkit-transform:translate(-100px,170px);
z-index: 40;}
.howto .howto-connect .connect-4p.screenInRightDownIESP {
-webkit-animation: screenInRightDownIESP 0.7s ease 0.4s;
animation: screenInRightDownIESP 0.7s ease 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
.howto .howto-connect .subtitle-get {
	position: absolute;
	top: 866px;
	left: 16px;
	width: 259px;
	height: 304px;
	background: url(../images/howto/sp_subtitle_connect_get.png) top center no-repeat;
	background-size: 259px 304px;}
.howto .howto-connect .subtitle-recovery {
	position: absolute;
	top: 1194px;
	right: 16px;
	width: 271px;
	height: 320px;
	background: url(../images/howto/sp_subtitle_connect_recovery.png) top center no-repeat;
	background-size: 271px 320px;}
.howto .howto-connect .subtitle-boss {
	position: absolute;
	top: 1543px;
	left: 16px;
	width: 281px;
	height: 340px;
	background: url(../images/howto/sp_subtitle_connect_boss.png) top center no-repeat;
	background-size: 281px 340px;}

/*---- モンスターを育成して進化&神化 ----*/
.howto .howto-levelup{
	position: relative;
	height: 407px;}
.howto .howto-rarity{
	position: relative;
	height: 471px;}
.howto .howto-quest{
	position: relative;
	height: 361px;}
.howto .howto-levelup h3 {
	position: absolute;
	top: 11px;
	left: 41px;
	width: 201px;
	height: 94px;
	background: url(../images/howto/sp_subtitle_evolution_levelup.png) top center no-repeat;
	background-size: 201px 94px;}
.howto .howto-levelup .effect {
	position: absolute;
	top: 136px;
	left: 13px;
	width: 261px;
	height: 192px;
	background: url(../images/howto/sp_img_evolution_effect.png) top center no-repeat;
	background-size: 261px 192px;}
.howto .howto-levelup .m-0124 {
	position: absolute;
	top: 145px;
	left: 23px;
	width: 235px;
	height: 208px;
	background: url(../images/howto/sp_img_evolution_0124.png) top center no-repeat;
	background-size: 235px 208px;}
.howto .howto-levelup .sub {
	position: absolute;
	top: 210px;
	right: 11px;
	width: 71px;
	height: 34px;
	background: url(../images/howto/sp_img_evolution_levelup_sub.png) top center no-repeat;
	background-size: 71px 34px;}
.howto .howto-levelup .turtle-set {
	position: absolute;
	width: 53px;
	height: 53px;
	background: url(../images/howto/sp_img_evolution_turtle_set.png) top left no-repeat;
	background-size: 106px 106px;}
.howto .howto-levelup .turtle-set.left-up {
	top: 122px;
	left: 13px;}
.howto .howto-levelup .turtle-set.left-down {
	bottom: 13px;
	left: 13px;
	background-position: 0 -53px;}
.howto .howto-levelup .turtle-set.right-up {
	top: 122px;
	right: 13px;
	background-position: -53px 0;}
.howto .howto-levelup .turtle-set.right-down {
	bottom: 13px;
	right: 13px;
	background-position: -53px -53px;}
.howto .howto-levelup .arrow-set.red {
	position: absolute;
	width: 48px;
	height: 35px;
	background: url(../images/howto/sp_img_evolution_arrow_set.png) -35px 0 no-repeat;
	background-size: 131px 120px;}
.howto .howto-levelup .arrow-set.red.left-up {
	top: 168px;
	left: 53px;
	-webkit-animation: repeatRightDown 1s ease-in-out infinite;
	animation: repeatRightDown 1s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-levelup .arrow-set.red.left-down {
	top: 313px;
	left: 53px;
	background-position: -35px -35px;
	-webkit-animation: repeatRightUp 1s ease-in-out infinite;
	animation: repeatRightUp 1s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-levelup .arrow-set.red.right-up {
	top: 168px;
	right: 52px;
	background-position: -83px 0;
	-webkit-animation: repeatLeftDown 1s ease-in-out infinite;
	animation: repeatLeftDown 1s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-levelup .arrow-set.red.right-down {
	top: 313px;
	right: 52px;
	background-position: -83px -35px;
	-webkit-animation: repeatLeftUp 1s ease-in-out infinite;
	animation: repeatLeftUp 1s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}

.howto .howto-rarity h3 {
	position: absolute;
	top: 11px;
	left: 41px;
	width: 201px;
	height: 94px;
	background: url(../images/howto/sp_subtitle_evolution_rarity.png) top center no-repeat;
	background-size: 201px 94px;}
.howto .howto-rarity .m-0187 {
	position: absolute;
	top: 112px;
    left: 80px;
	width: 86px;
	height: 54.5px;
	background: url(../images/howto/sp_img_evolution_0187.png) top center no-repeat;
	background-size: 86px 54.5px;}
.howto .howto-rarity .evolution {
	position: absolute;
	top: 93px;
    left: 30px;
	width: 221.5px;
	height: 120.5px;
	background: url(../images/howto/sp_img_evolution_evolution.png) top center no-repeat;
	background-size: 221.5px 120.5px;}
.howto .howto-rarity .evolution.fadeArrowAnim {
	-webkit-animation: fadeArrowAnim 1.5s ease 0.5s;
	animation: fadeArrowAnim 1.5s ease 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:translateY(40px);
	-webkit-transform:translateY(40px);}
.howto .howto-rarity .evolution.fadeArrowLeftAnimIESP {
	-webkit-animation: fadeArrowLeftAnimIESP 1.5s ease 0.6s;
	animation: fadeArrowLeftAnimIESP 1.5s ease 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-rarity .beast {
	position: absolute;
	top: 239px;
    left: 136px;
	width: 182.5px;
	height: 166px;
	background: url(../images/howto/sp_img_evolution_beast.png) top center no-repeat;
	background-size: 182.5px 166px;}
.howto .howto-rarity .beast.fadeInAnim {
	-webkit-animation: fadeScaleAnim 0.4s ease 1s;
	animation: fadeScaleAnim 0.4s ease 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;}
.howto .howto-rarity .beastkai {
	position: absolute;
	top: 287px;
    left: -28px;
	width: 211.5px;
	height: 194px;
	background: url(../images/howto/sp_img_evolution_beastkai.png) top center no-repeat;
	background-size: 211.5px 194px;}
.howto .howto-rarity .beastkai.fadeInAnim {
	-webkit-animation: fadeScaleAnim 0.4s ease 1.4s;
	animation: fadeScaleAnim 0.4s ease 1.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;}
.howto .howto-rarity .beast-arrow {
	position: absolute;
	top: 321px;
    left: 135px;
	width: 57.5px;
	height: 45.5px;
	background: url(../images/howto/sp_img_evolution_arrow.png) top center no-repeat;
	background-size: 57.5px 45.5px;}
.howto .howto-rarity .beast-arrow.beastEffectAnim {
	-webkit-animation: beastEffectAnim 1.2s ease 1.4s;
	animation: beastEffectAnim 1.2s ease 1.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:scale(1, 1);
	-webkit-transform:scale(1, 1);}

.howto .howto-quest h3 {
	position: absolute;
	top: 12px;
	left: 14px;
	width: 257px;
	height: 106px;
	background: url(../images/howto/sp_subtitle_evolution_quest.png) top center no-repeat;
	background-size: 257px 106px;}
.howto .howto-quest .turtle {
	position: absolute;
	top: 164px;
	right: 12px;
	width: 77px;
	height: 84px;
	background: url(../images/howto/sp_img_evolution_turtle.png) top center no-repeat;
	background-size: 77px 84px;}
.howto .howto-quest .day {
	position: absolute;
	top: 266px;
	right: 13px;
	width: 86px;
	height: 84px;
	background: url(../images/howto/sp_img_evolution_day.png) top center no-repeat;
	background-size: 86px 84px;}
.howto .howto-quest .event {
	position: absolute;
	top: 139px;
	left: -18px;
	width: 204px;
	height: 211px;
	background: url(../images/howto/sp_img_evolution_event.png) top center no-repeat;
	background-size: 202px 211px;}
.howto .howto-quest .sub {
	position: absolute;
	top: 121px;
	left: -18px;
	width: 60px;
	height: 59px;
	background: url(../images/howto/sp_img_evolution_event_sub.png) top center no-repeat;
	background-size: 60px 59px;
	z-index: 10;
	-webkit-animation: blinkAnim 2s ease-in-out infinite;
	animation: blinkAnim 2s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}

/*---- 属性やアビリティを活かしてデッキを編成 ----*/
.howto .howto-attribute{
	position: relative;
	height: 420px;}
.howto .howto-attribute h3 {
	position: absolute;
	top: 11px;
	left: 26px;
	width: 232px;
	height: 94px;
	background: url(../images/howto/sp_subtitle_deck_attribute.png) top center no-repeat;
	background-size: 232px 94px;}
.howto .howto-attribute .attribute {
	position: absolute;
	top: 120px;
	left: 13px;
	width: 163px;
	height: 197px;
	background: url(../images/howto/sp_img_deck_attribute.png) top center no-repeat;
	background-size: 163px 197px;}
.howto .howto-attribute .m-0121 {
	position: absolute;
	top: 110px;
	right: 33px;
	width: 77px;
	height: 77px;
	background: url(../images/howto/sp_img_deck_0121.png) top center no-repeat;
	background-size: 77px 77px;
	}
.howto .howto-attribute .m-0125 {
	position: absolute;
	top: 246px;
	right: 28px;
	width: 79px;
	height: 81px;
	background: url(../images/howto/sp_img_deck_0125.png) top center no-repeat;
	background-size: 79px 81px;
	}
.howto .howto-attribute .m-0129 {
	position: absolute;
	top: 179px;
	right: -8px;
	width: 75px;
	height: 74px;
	background: url(../images/howto/sp_img_deck_0129.png) top center no-repeat;
	background-size: 75px 74px;
	}
.howto .howto-attribute .m-0133 {
	position: absolute;
	top: 322px;
	left: 106px;
	width: 80px;
	height: 81px;
	background: url(../images/howto/sp_img_deck_0133.png) top center no-repeat;
	background-size: 80px 81px;
	}
.howto .howto-attribute .m-0137 {
	position: absolute;
	top: 324px;
	right: -7px;
	width: 80px;
	height: 79px;
	background: url(../images/howto/sp_img_deck_0137.png) top center no-repeat;
	background-size: 80px 79px;
	}

.howto .howto-ability{
	position: relative;
	height: 837px;}
.howto .howto-ability h3 {
	position: absolute;
	top: 11px;
	left: 26px;
	width: 232px;
	height: 94px;
	background: url(../images/howto/sp_subtitle_deck_ability.png) top center no-repeat;
	background-size: 232px 94px;}
.howto .howto-ability .barrier {
	position: absolute;
	top: 120px;
	left: 30px;
	width: 225px;
	height: 347px;
	background: url(../images/howto/sp_img_ability_barrier_bg.png) top center no-repeat;
	background-size: 225px 347px;}
.howto .howto-ability .barrier .txt{
	position: absolute;
	bottom: 98px;
	left: -48px;
	width: 153px;
	height: 54px;
	background: url(../images/howto/sp_txt_ability_barrier.png) top center no-repeat;
	background-size: 153px 54px;
	z-index: 50px;}
.howto .howto-ability .barrier .m-3310{
	position: absolute;
	top: 21px;
	left: -17px;
	width: 147px;
	height: 149px;
	background: url(../images/howto/sp_img_ability_3310.png) top center no-repeat;
	background-size: 147px 149px;
	z-index: 20}
.howto .howto-ability .barrier .m-3436{
	position: absolute;
	top: 192px;
	left: 130px;
	width: 86px;
	height: 86px;
	background: url(../images/howto/sp_img_ability_3436.png) top center no-repeat;
	background-size: 86px 86px;
	z-index: 50}
.howto .howto-ability .barrier .m-3436.upAttackAnim{
	-webkit-animation: upAttackAnim 1.0s ease 0s;
	animation: upAttackAnim 1.0s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform:translate(-53px,-71px);
	-webkit-transform:translate(-53px,-71px);}
.howto .howto-ability .barrier .m-3436.upAttackAnimIESP{
	-webkit-animation: upAttackAnimIESP 1.3s ease 0s;
	animation: upAttackAnimIESP 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-ability .barrier .m-3436-shadow{
	position: absolute;
	top: 217px;
	left: 149px;
	width: 110px;
	height: 127px;
	background: url(../images/howto/sp_img_ability_3436_shadow.png) top center no-repeat;
	background-size: 110px 127px;
	z-index: 40}
.howto .howto-ability .barrier .m-3436-shadow.upAttackShadowAnim{
	-webkit-animation: upAttackShadowAnim 1.0s ease 0s;
	animation: upAttackShadowAnim 1.0s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:translate(-53px,-71px);
	-webkit-transform:translate(-53px,-71px);}
.howto .howto-ability .barrier .m-3436-shadow.upAttackShadowAnimIESP{
	-webkit-animation: upAttackShadowAnimIESP 1.3s ease 0s;
	animation: upAttackShadowAnimIESP 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-ability .barrier .m-3436-impact{
	position: absolute;
	top: 97px;
	left: 51px;
	width: 93px;
	height: 93px;
	background: url(../images/howto/sp_img_ability_impact.png) top center no-repeat;
	background-size: 93px 93px;
	z-index: 40}
.howto .howto-ability .barrier .m-3436-impact.fadeInAnim{
	-webkit-animation: fadeInAnim 0.7s ease 0s;
	animation: fadeInAnim 0.7s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;}
.howto .howto-ability .barrier .m-3436-effect{
	position: absolute;
	top: 86px;
	left: 40px;
	width: 131px;
	height: 99px;
	background: url(../images/howto/sp_img_ability_effect.png) top center no-repeat;
	background-size: 131px 99px;
	z-index: 30}
.howto .howto-ability .barrier .m-3436-effect.upAttackEffectAnim{
	-webkit-animation: upAttackEffectAnim 1.3s ease 0s;
	animation: upAttackEffectAnim 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:translate(-10px,-10px);
	-webkit-transform:translate(-10px,-10px);}
.howto .howto-ability .barrier .m-3436-arrow{
	position: absolute;
	top: 73px;
	right: 8px;
	width: 95px;
	height: 150px;
	background: url(../images/howto/sp_img_ability_3436_arrow.png) top center no-repeat;
	background-size: 95px 150px;}
.howto .howto-ability .barrier .txt-gakin{
	position: absolute;
	top: 48px;
	left: 129px;
	width: 71px;
	height: 28px;
	background: url(../images/howto/sp_txt_ability_gakin.png) top center no-repeat;
	background-size: 71px 28px;
	z-index: 20}
.howto .howto-ability .barrier .txt-gakin.upAttackEffectAnim{
	-webkit-animation: upAttackEffectAnim 1.3s ease 0s;
	animation: upAttackEffectAnim 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:translate(-10px,-10px);
	-webkit-transform:translate(-10px,-10px);}
.howto .howto-ability .wall {
	position: absolute;
	bottom: 12px;
	left: 30px;
	width: 225px;
	height: 346px;
	background: url(../images/howto/sp_img_ability_wall_bg.png) top center no-repeat;
	background-size: 225px 346px;}
.howto .howto-ability .wall .m-0581{
	position: absolute;
	top: 72px;
	left: 100px;
	width: 92px;
	height: 92px;
	background: url(../images/howto/sp_img_ability_0581.png) top center no-repeat;
	background-size: 92px 92px;
	z-index: 50}
.howto .howto-ability .wall .m-0581.downAttackAnim{
	-webkit-animation: downAttackAnim 1.3s ease 0s;
	animation: downAttackAnim 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform:translate(-78px,42px);
	-webkit-transform:translate(-78px,42px);}
.howto .howto-ability .wall .m-0581.downAttackAnimIESP{
	-webkit-animation: downAttackAnimIESP 1.3s ease 0s;
	animation: downAttackAnimIESP 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-ability .wall .m-0581-shadow{
	position: absolute;
	top: 44px;
	left: 109px;
	width: 103px;
	height: 106px;
	background: url(../images/howto/sp_img_ability_0581_shadow.png) top center no-repeat;
	background-size: 103px 106px;
	z-index: 40}
.howto .howto-ability .wall .m-0581-shadow.downAttackShadowAnim{
	-webkit-animation: downAttackShadowAnim 1.3s ease 0s;
	animation: downAttackShadowAnim 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:translate(-78px,42px);
	-webkit-transform:translate(-78px,42px);}
.howto .howto-ability .wall .m-0581-shadow.downAttackShadowAnimIESP{
	-webkit-animation: downAttackShadowAnimIESP 1.3s ease 0s;
	animation: downAttackShadowAnimIESP 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.howto .howto-ability .wall .m-0581-effect{
	position: absolute;
	top: 103px;
	left: 11px;
	width: 114px;
	height: 114px;
	background: url(../images/howto/sp_img_ability_0581_effect.png) top center no-repeat;
	background-size: 114px 114px;
	z-index: 30}
.howto .howto-ability .wall .m-0581-effect.downAttackEffectAnim{
	-webkit-animation: downAttackEffectAnim 1.3s ease 0s;
	animation: downAttackEffectAnim 1.3s ease 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
	transform:scale(1, 1);
	-webkit-transform:scale(1, 1);}
.howto .howto-ability .wall .m-0581-arrow{
	position: absolute;
	top: 121px;
	left: 77px;
	width: 124px;
	height: 131px;
	background: url(../images/howto/sp_img_ability_0581_arrow.png) top center no-repeat;
	background-size: 124px 131px;
	transform: rotate(8deg);
	-webkit-transform: rotate(8deg);}
.howto .howto-ability .wall .txt{
	position: absolute;
	top: 26px;
	right: -47px;
	width: 182px;
	height: 54px;
	background: url(../images/howto/sp_txt_ability_wall.png) top center no-repeat;
	background-size: 182px 54px;
	z-index: 50;}


/*---- 遊び方キーフレーム ----*/
/*---- 共通 ----*/
@keyframes fallInAnim {
	0%   {opacity: 0;transform: scale3d(5, 5, 5);}
	100% {opacity: 1;transform: scale3d(1, 1, 1);}
}
@keyframes -webkit-fallInAnim {
	0%   {opacity: 0;-webkit-transform: scale3d(5, 5, 5);}
	100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);}
}
@keyframes fadeUpAnim {
	0%   {opacity: 0;transform:translateY(0);}
	100% {opacity: 1;transform:translateY(-40px);}
}
@keyframes -webkit-fadeUpAnim {
	0%   {opacity: 0;-webkit-transform:translateY(0);}
	100% {opacity: 1;-webkit-transform:translateY(-40px);}
}
@keyframes fadeInAnim {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes -webkit-fadeInAnim {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeScaleAnim {
	0%   {opacity: 0;transform: scale(0.1, 0.1) translateZ(0);}
	100% {opacity: 1;transform: scale(1, 1) translateZ(0);}
}
@keyframes -webkit-fadeScaleAnim {
	0%   {opacity: 0;-webkit-transform: scale(0.1, 0.1) translateZ(0);}
	100% {opacity: 1;-webkit-transform: scale(1, 1) translateZ(0);}
}

@keyframes floatAnim {
	0%   {transform:translateY(0);}
	50%  {transform:translateY(-6px);}
	100% {transform:translateY(0);}
}
@keyframes -webkit-floatAnim {
	0%   {-webkit-transform:translateY(0);}
	50%  {-webkit-transform:translateY(-8px);}
	100% {-webkit-transform:translateY(0);}
}
@keyframes bulbulAnim {
	0%	 {transform:rotate(0deg)translate(0,0);}
	13%  {transform:rotate(0.3deg)translate(0,-1px);}
	25%	 {transform:rotate(0.7deg)translate(-1px,1px);}
	36%  {transform:rotate(0.7deg)translate(0,0);}
	50%	 {transform:rotate(0deg)translate(1px,0);}
	63%  {transform:rotate(-0.4deg)translate(0,0);}
	75%	 {transform:rotate(-0.8deg)translate(-1px,1px);}
	86%  {transform:rotate(-0.4deg)translate(0,-1px);}
	100% {transform:rotate(0deg)translate(1px,0);}
}
@keyframes -webkit-bulbulAnim {
	0%	 {-webkit-transform:rotate(0deg)translate(0,0);}
	13%  {-webkit-transform:rotate(0.3deg)translate(0px,-1px);}
	25%	 {-webkit-transform:rotate(0.7deg)translate(-1px,1px);}
	36%  {-webkit-transform:rotate(0.7deg)translate(0px,0);}
	50%	 {-webkit-transform:rotate(0deg)translate(1,0);}
	63%  {-webkit-transform:rotate(-0.4deg)translate(1px,0);}
	75%	 {-webkit-transform:rotate(-0.8deg)translate(0,1px);}
	86%  {-webkit-transform:rotate(-0.4deg)translate(-1px,-1px);}
	100% {-webkit-transform:rotate(0deg)translate(0,0);}
}
@keyframes monsterEffectAnim {
	0%   {opacity: 1;transform:scale(1, 1)translateY(0);}
	50%  {opacity: 0.5;transform:translateY(-6px);}
	100% {opacity: 0;transform:scale(1.3, 1.3)translateY(0);}
}
@keyframes -webkit-monsterEffectAnim {
	0%   {opacity: 1;-webkit-transform:scale(1, 1)translateY(0);}
	50%  {opacity: 0.5;-webkit-transform:translateY(-8px);}
	100% {opacity: 0;-webkit-transform:scale(1.3, 1.3)translateY(0);}
}
@keyframes blinkAnim{
	0%   {opacity:0;}
	50%  {opacity:1;}
	100% {opacity:0;}
}
@keyframes repeatRight{
	0%   {transform:translate(0,0);}
	50%  {transform:translate(20px,0);}
	100% {transform:translate(0,0);}
}
@keyframes -webkit-repeatRight{
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(20px,0);}
	100% {-webkit-transform:translate(0,0);}
}
@keyframes repeatDown{
	0%   {transform:translate(0,0);}
	50%  {transform:translate(0,10px);}
	100% {transform:translate(0,0);}
}
@keyframes -webkit-repeatDown{
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(0,10px);}
	100% {-webkit-transform:translate(0,0);}
}
@keyframes repeatRightDown{
	0%   {transform:translate(0,0);}
	50%  {transform:translate(10px,10px);}
	100% {transform:translate(0,0);}
}
@keyframes -webkit-repeatRightDown{
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(10px,10px);}
	100% {-webkit-transform:translate(0,0);}
}
@keyframes repeatRightUp{
	0%   {transform:translate(0,0);}
	50%  {transform:translate(10px,-10px);}
	100% {transform:translate(0,0);}
}
@keyframes -webkit-repeatRightUp{
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(10px,-10px);}
	100% {-webkit-transform:translate(0,0);}
}
@keyframes repeatLeftDown{
	0%   {transform:translate(0,0);}
	50%  {transform:translate(-10px,10px);}
	100% {transform:translate(0,0);}
}
@keyframes -webkit-repeatLeftDown{
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(-10px,10px);}
	100% {-webkit-transform:translate(0,0);}
}
@keyframes repeatLeftUp{
	0%   {transform:translate(0,0);}
	50%  {transform:translate(-10px,-10px);}
	100% {transform:translate(0,0);}
}
@keyframes -webkit-repeatLeftUp{
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(-10px,-10px);}
	100% {-webkit-transform:translate(0,0);}
}

/*---- 個別 ----*/
/* action */
@keyframes fingerPullAnim {
	0%   {transform:translate(0,0);}
	50%  {transform:translate(-46px,48px);}
	100% {transform:translate(-46px,48px);}
}
@keyframes -webkit-fingerPullAnim {
	0%   {-webkit-transform:translate(0,0);}
	50%  {-webkit-transform:translate(-46px,48px);}
	100% {-webkit-transform:translate(-46px,48px);}
}
@keyframes fingerPullAnimIESP {
	0%   {top: 144px;left: 31px;}
	50%  {top: 192px;left: -15px;}
	100% {top: 192px;left: -15px;}
}
@keyframes -webkit-fingerPullAnimIESP {
	0%   {top: 144px;left: 31px;}
	50%  {top: 192px;left: -15px;}
	100% {top: 192px;left: -15px;}
}
@keyframes fingerDetachAnim {
	0%   {transform:translate(0,0)scale3d(1, 1, 1)rotate(0deg);}
	100% {transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(25deg);}
}
@keyframes -webkit-fingerDetachAnim {
	0%   {-webkit-transform:translate(0,0)scale3d(1, 1, 1)rotate(0deg);}
	100% {-webkit-transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(25deg);}
}
@keyframes fingerDetachShadowAnim {
	0%   {opacity:0;transform:translate(0,0)scale3d(1, 1, 1)rotate(0deg);}
	100% {opacity:1;transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(20deg);}
}
@keyframes -webkit-fingerDetachShadowAnim {
	0%   {opacity:0;-webkit-transform:translate(0,0)scale3d(1, 1, 1)rotate(0deg);}
	100% {opacity:1;-webkit-transform:translate(16px,-24px)scale3d(1.2, 1.2, 1.2)rotate(20deg);}
}
@keyframes attackEffectAnim {
	0%   {opacity: 1;transform:scale(1, 1);}
	100% {opacity: 0;transform:scale(2.5, 2.5);}
}
@keyframes -webkit-attackEffectAnim {
	0%   {opacity: 1;-webkit-transform:scale(1, 1);}
	100% {opacity: 0;-webkit-transform:scale(2.5, 2.5);}
}
@keyframes attackAnim {
	0%   {transform:translate(0,0);}
	100% {transform:translate(104px,-147px);}
}
@keyframes -webkit-attackAnim {
	0%   {-webkit-transform:translate(0,0);}
	100% {-webkit-transform:translate(104px,-147px);}
}
@keyframes attackAnimIESP {
	0%   {top: 244px;left: 16px;}
	100% {top: 97px;left: 120px;}
}
@keyframes -webkit-attackAnimIESP {
	0%   {top: 244px;left: 16px;}
	100% {top: 97px;left: 120px;}
}
@keyframes attackShadowAnim {
	0%   {opacity: 0;transform:translate(0,0);}
	100% {opacity: 1;transform:translate(104px,-147px);}
}
@keyframes -webkit-attackShadowAnim {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 1;-webkit-transform:translate(104px,-147px);}
}
@keyframes attackShadowAnimIESP {
	0%   {opacity: 0;top: 262px; left: -46px;}
	100% {opacity: 1;top: 115px; left: 58px;}
}
@keyframes -webkit-attackShadowAnimIESP {
	0%   {opacity: 0;top: 262px; left: -46px;}
	100% {opacity: 1;top: 115px; left: 58px;}
}
@keyframes attackKanAnim {
	0%   {opacity: 0;transform:scale(1, 1);}
	50%  {opacity: 1;}
	100% {opacity: 0;transform:scale(2, 2);}
}
@keyframes -webkit-attackKanAnim {
	0%   {opacity: 0;-webkit-transform:scale(1, 1);}
	50%  {opacity: 1;}
	100% {opacity: 0;-webkit-transform:scale(2, 2);}
}

/* connect */
@keyframes screenInLeftDown {
	0%   {opacity: 0;transform:translate(0,0);}
	100% {opacity: 1;transform:translate(260px,163px);}
}
@keyframes -webkit-screenInLeftDown {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 1;-webkit-transform:translate(260px,163px);}
}
@keyframes screenInRightDown {
	0%   {opacity: 0;transform:translate(0,0)}
	100% {opacity: 1;transform:translate(-100px,170px)}
}
@keyframes -webkit-screenInRightDown {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 1;-webkit-transform:translate(-100px,170px);}
}
@keyframes screenInRightDownIESP {
	0%   {opacity: 0;top: 49px; right: -120px;}
	100% {opacity: 1;top: 219px;right: -19px;}
}
@keyframes -webkit-screenInRightDownIESP {
	0%   {opacity: 0;top: 49px; right: -120px;}
	100% {opacity: 1;top: 219px;right: -19px;}
}
@keyframes screenInRightUp {
	0%   {opacity: 0;transform:translate(0,0);}
	100% {opacity: 1;transform:translate(120px,-90px);}
}
@keyframes -webkit-screenInRightUp {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 1;-webkit-transform:translate(120px,-90px);}
}
@keyframes screenInRightUpIESP {
	0%   {opacity: 0;top: 588px;left: -137px;}
	100% {opacity: 1;top: 498px;left: -17px;}
}
@keyframes -webkit-screenInRightUpIESP {
	0%   {opacity: 0;top: 588px;left: -137px;}
	100% {opacity: 1;top: 498px;left: -17px;}
}

/* evolution */
@keyframes fadeArrowAnim {
	0%   {opacity: 0;transform:translateY(0);}
	100% {opacity: 1;transform:translateY(40px);}
}
@keyframes -webkit-fadeArrowAnim {
	0%   {opacity: 0;-webkit-transform:translateY(0);}
	100% {opacity: 1;-webkit-transform:translateY(40px);}
}
@keyframes fadeArrowLeftAnimIESP {
	0%   {opacity: 0;top: 243px;}
	100% {opacity: 1;top: 283px;}
}
@keyframes -webkit-fadeArrowLeftAnimIESP {
	0%   {opacity: 0;top: 243px;}
	100% {opacity: 1;top: 283px;}
}
@keyframes beastEffectAnim {
	0%   {opacity: 0;transform:scale(1, 1);}
	50%  {transform:scale(1.3, 1.3);}
	100% {opacity: 1;transform:scale(1, 1);}
}
@keyframes -webkit-beastEffectAnim {
	0%   {opacity: 0;-webkit-transform:scale(1, 1);}
	50%  {-webkit-transform:scale(1.3, 1.3);}
	100% {opacity: 1;-webkit-transform:scale(1, 1);}
}

/* ability */
@keyframes upAttackAnim {
	0%   {transform:translate(0,0);}
	100% {transform:translate(-53px,-71px);}
}
@keyframes -webkit-upAttackAnim {
	0%   {-webkit-transform:translate(0,0);}
	100% {-webkit-transform:translate(-53px,-71px);}
}
@keyframes upAttackAnimIESP {
	0%   {top: 192px; left: 130px;}
	100% {top: 121px; left: 77px;}
}
@keyframes -webkit-upAttackAnimIESP {
	0%   {top: 192px; left: 130px;}
	100% {top: 121px; left: 77px;}
}
@keyframes upAttackShadowAnim {
	0%   {opacity: 0;transform:translate(0,0);}
	100% {opacity: 0.8;transform:translate(-53px,-71px);}
}
@keyframes -webkit-upAttackShadowAnim {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 0.8;-webkit-transform:translate(-53px,-71px);}
}
@keyframes upAttackShadowAnimIESP {
	0%   {opacity: 0;top: 217px; left: 149px;}
	100% {opacity: 0.8;top: 146px;left: 96px;}
}
@keyframes -webkit-upAttackShadowAnimIESP {
	0%   {opacity: 0;top: 217px; left: 149px;}
	100% {opacity: 0.8;top: 146px;left: 96px;}
}
@keyframes upAttackEffectAnim {
	0%   {opacity: 0;transform:translate(0,0);}
	100% {opacity: 1;transform:translate(-10px,-10px);}
}
@keyframes -webkit-upAttackEffectAnim {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 1;-webkit-transform:translate(-10px,-10px);}
}

@keyframes downAttackAnim {
	0%   {transform:translate(0,0);}
	100% {transform:translate(-78px,42px);}
}
@keyframes -webkit-downAttackAnim {
	0%   {-webkit-transform:translate(0,0);}
	100% {-webkit-transform:translate(-78px,42px);}
}
@keyframes downAttackAnimIESP {
	0%   {top: 72px; left: 100px;}
	100% {top: 114px;left: 22px;}
}
@keyframes -webkit-downAttackAnimIESP {
	0%   {top: 72px; left: 100px;}
	100% {top: 114px;left: 22px;}
}
@keyframes downAttackShadowAnim {
	0%   {opacity: 0;transform:translate(0,0);}
	100% {opacity: 0.8;transform:translate(-78px,42px);}
}
@keyframes -webkit-downAttackShadowAnim {
	0%   {opacity: 0;-webkit-transform:translate(0,0);}
	100% {opacity: 0.8;-webkit-transform:translate(-78px,42px);}
}
@keyframes downAttackShadowAnimIESP {
	0%   {opacity: 0;top: 44px; left: 109px;}
	100% {opacity: 0.8;top: 86px;left: 31px;}
}
@keyframes -webkit-downAttackShadowAnimIESP {
	0%   {opacity: 0;top: 44px; left: 109px;}
	100% {opacity: 0.8;top: 86px;left: 31px;}
}
@keyframes downAttackEffectAnim {
	0%   {opacity: 0;transform:scale(1, 1);}
	50%  {transform:scale(1.1, 1.1);}
	100% {opacity: 1;transform:scale(1, 1);}
}
@keyframes -webkit-downAttackEffectAnim {
	0%   {opacity: 0;-webkit-transform:scale(1, 1);}
	50%  {-webkit-transform:scale(1.1, 1.1);}
	100% {opacity: 1;-webkit-transform:scale(1, 1);}
}

/* アニメーション対応端末判定 */
.checkAnim {
	-webkit-animation: checkAnim 0.1s ease 0s;
	animation: checkAnim 0.1s ease 0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1;
}
@keyframes checkAnim {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes -webkit-checkAnim {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}


/*----howto_end----*/


/*----movie_start----*/

#top .movie {
    position: relative;
    background: #232323;
    width: 254px;
    margin: 10px auto;
    padding: 20px 10px;
    border: 3px #565656 solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

#top .movie h2 {
    background: url(../images/sp_ms_tw_contentstitle_movie.png) top center no-repeat;
    background-size: 100%;
    width: 212.5px;
    height: 16.5px;
    margin: 0 auto 20px;
    text-indent: -9999px;
    outline: none;
}

#top .movie_optimize {
    margin: auto;
    width: 250px;
}

#top .movie_btn {
    background: url(../images/sp_ms_tw_otherlinks_youtube.png) no-repeat top center / 100% auto;
    display: block;
    margin: 20px auto 0;
    width: 245px;
    height: 52px;
    text-indent: -9999px;
    outline: none;
}

/*#top .movie ul{}
#top .movie li{}
#top .movie span{
  position:absolute;
  left:0;
  bottom:0;
  background:url(../images/ms_tw_movie_frame.png) top center no-repeat;
  background-size:250px 170px;
  color:#ffffff;
  display:block;
  width:250px;
  height:33px;
  padding:137px 0 0 0;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  overflow:hidden;}*/

#top .movie ul {}

#top .movie li {
    position: relative;
    width: 250px;
    height: 170px;
    display: block;
    background: #000;
}

#top .movie li iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#top .movie li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 170px;
    /*background:url(../images/ms_tw_movie_frame_01.png) top center no-repeat;*/
    background-size: 250px 170px;
}

#top .movie span {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/ms_tw_movie_frame.png) top center no-repeat;
    background-size: 250px 170px;
    color: #ffffff;
    display: block;
    width: 250px;
    height: 33px;
    padding: 137px 0 0 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

#top .movie .bx-wrapper .bx-controls-direction a {
    width: 28px;
    height: 67.5px;
    top: 70px;
}

#top .movie .bx-controls-direction {
    display: block;
}

#top .movie .bx-controls-direction:hover {
    display: block;
}

#top .movie .bx-wrapper .bx-prev {
    left: -45px;
    background: url(../images/sp_common_cursorleft.png) no-repeat center / 100% auto;
}

#top .movie .bx-wrapper .bx-next {
    right: -45px;
    background: url(../images/sp_common_cursorright.png) no-repeat center / 100% auto;
}


/*pcnone*/

#top .movie .hideobj_left,
#top .movie .hideobj_right {
    display: none;
}


/*----movie_end----*/


/*----otherlinks_start----*/

.otherlinks {
    width: 280px;
    margin: 0 auto;
    text-align: center;
}

.otherlinks ul {
    margin: 0 0 0 -6px;
}

.otherlinks li {
    /*float:left;*/
    width: 137px;
    height: 42px;
    margin: 0 0 6px 6px;
    display: inline-block;
}

.otherlinks li a {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 137px 42px;
    display: block;
    width: 137px;
    height: 42px;
    text-indent: -9999px;
    outline: none;
}

.otherlinks_facebook a {
    background-image: url(../images/ms_tw_otherlinks_facebook.jpg);
}

.otherlinks_youtube a {
    background-image: url(../images/sp_ms_tw_otherlinks_youtube.jpg);
}

.otherlinks_ranking a {
    background-image: url(/bottom_ranking.jpg);
}

.otherlinks_bahamut a {
    background-image: url(../images/sp_ms_tw_otherlinks_bahamut.jpg);
}

.otherlinks_gamewith a {
    background-image: url(../images/ms_tw_otherlinks_gamewith.jpg);
}

.otherlinks_line a {
    background-image: url(../images/ms_tw_otherlinks_line.jpg);
}


/*----otherlinks_end----*/


/*----backtotop_start----*/

.backtotop a {
    display: block;
    background: url(../images/sp_ms_tw_backtotop.png) top center no-repeat;
    background-size: 214px 54px;
    width: 214px;
    height: 54px;
    margin: 10px auto 60px auto;
    text-indent: -9999px;
    outline: none;
}


/*----backtotop_end----*/


/*----title_start----*/


/*----title_end----*/


/*------contentwrapper_end------*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　TOP PAGE CONTENTWRAPPER(CONETNS)layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SUBSTRUCTURE PAGE CONTENTWRAPPER(CONETNS)layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*----substr_commonlayout_start----*/

#contentwrapper {
    font-size: 12px;
    line-height: 18px;
}

#contentwrapper h1 {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 280px 40px;
    width: 280px;
    height: 40px;
    margin: 15px auto 10px auto !important;
    padding: 0;
    text-indent: -9999px;
    outline: none;
}

.howto h1 {
    background-image: url(../images/sp_ms_tw_h1_howtoplay.png);
}

.news h1 {
    background-image: url(../images/sp_ms_tw_h1_news.png);
}

.help h1 {
    background-image: url(../images/sp_ms_tw_h1_help.png);
}


/*----substr_commonlayout_end----*/


/*----faq(help)_start----*/

#faqwrapper {}

#faqwrapper img,
.help #contents dd img {
    max-width: 100% !important;
    height: auto !important;
}

#faqwrapper h3.faqtitle {
    background: url(../images/sp_ms_tw_faq_subtitle_bg.png) top center no-repeat;
    background-size: 280px 120px;
    color: #ffa902;
    width: 188px;
    min-height: 25px;
    margin: 0 auto 10px auto;
    padding: 38px 82px 10px 10px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.5rem;
    /*border*/
    border-radius: 0 0 10px 10px;
}

#faqwrapper dl {
    width: 280px;
    margin: 0 auto;
}

#faqwrapper dt.firstchild,
#faqwrapper dd.firstchild,
.helpoptimizedd {
    border: 3px #565656 solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

#faqwrapper dt.firstchild {
    background: #232323 url(../images/ms_tw_faq_icon_arrow.png) center right no-repeat;
    color: #FFF;
    margin: 0 0 5px 0;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
}

#faqwrapper dt.jqa_active {
    background: #2d3743 url(../images/ms_tw_faq_icon_arrow_active.png) center right no-repeat;
}

#faqwrapper dt.firstchild span {
    display: block;
    background: url(../images/ms_tw_faq_icon_q.png) left center no-repeat;
    padding: 20px 56px 20px 80px;
    /*border*/
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}

#faqwrapper dd.firstchild,
.helpoptimizedd {
    color: #FFF;
    background: #2d3743;
    margin: 0 0 10px 0;
    padding: 30px;
}

#faqwrapper dd.firstchild a {
    color: #ffb400;
    text-decoration: none;
}

#faqwrapper dd.firstchild a:hover {
    color: #ffb400;
    text-decoration: underline;
}

#faqwrapper .faqlist {
    background: #232323;
    color: #333333;
    width: 240px;
    margin: 10px auto 30px auto;
    padding: 10px 10px 0px 10px;
    border: 10px #565656 solid;
}

#faqwrapper .faqlist ul {
    width: 240px;
}

#faqwrapper .faqlist li {
    width: 240px;
    margin: 0 0 10px 0;
    text-align: center;
}

#faqwrapper .faqlist li a {
    display: block;
    background: #dddddd url(../images/ms_tw_faq_icon_arrow_list.png) bottom center no-repeat;
    color: #333333;
    min-height: 2em;
    line-height: 1em;
    vertical-align: middle;
    font-size: 1.5em;
    font-weight: bold;
    padding: 1em;
    /*boxalign*/
    /*
  -webkit-box-align:center;
  -moz-box-align:center;
  -o-box-align:center;
  -ms-box-align:center;
  box-align:center;
  */
}

#faqwrapper .faqlist li a:hover,
#faqwrapper .faqlist li a.current {
    background: #4e587e url(../images/ms_tw_faq_icon_arrow_list.png) bottom center no-repeat;
    color: #FFF;
    text-decoration: none;
}

#faqwrapper .faqlist,
#faqwrapper .faqlist li,
#faqwrapper .faqlist li a,
#faqwrapper .faqlist li a:hover,
#faqwrapper .faqlist li a.current {
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}


/*--help_custom_wrapper--*/

.help_custom_wrapper {}

.help_custom_wrapper h3 {
    color: #ffc600;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 0 7px;
    border-left: 3px solid #ffc600;
}

.help_custom_wrapper img {}

.img_width_1,
.img_width_2,
.img_width_3 {
    background: #000000;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    margin: 20px auto;
}


/*FAQ_ListStyle*/


/*common*/

#faqwrapper dl.help_caution,
#faqwrapper dl.help_list,
#faqwrapper dl.help_tips {
    background: #eeeeee;
    color: #666666;
    width: 168px;
    margin: 20px auto;
    padding: 20px;
    border: 3px #BABABA solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

#faqwrapper dl.help_caution dt,
#faqwrapper dl.help_list dt,
#faqwrapper dl.help_tips dt {
    background: #CE2023;
    color: #ffffff;
    margin: 0 0 5px 0;
    padding: 6px 10px;
    text-align: center;
    /*border*/
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}

#faqwrapper dl.help_caution dd,
#faqwrapper dl.help_list dd,
#faqwrapper dl.help_tips dd {
    margin: 0 0 0.5em 0;
    padding: 0 0 0 10px;
    border-left: 3px #CE2023 solid;
}


/*caution*/

#faqwrapper dl.help_caution {
    color: #CE2023;
}

#faqwrapper dl.help_caution dt {
    background: #CE2023;
    color: #ffffff;
}

#faqwrapper dl.help_caution dd {
    border-left: 3px #CE2023 solid;
}


/*list*/

#faqwrapper dl.help_list {}

#faqwrapper dl.help_list dt {
    background: #55aa55;
}

#faqwrapper dl.help_list dd {
    border-left: 3px #55aa55 solid;
}


/*tips*/

#faqwrapper dl.help_tips {}

#faqwrapper dl.help_tips dt {
    background: #1b78ce;
    color: #ffffff;
}

#faqwrapper dl.help_tips dd {
    border-left: 3px #1b78ce solid;
}


/*--userinterface--*/

ul.userinterface {
    margin: 0 auto;
}

ul.userinterface li {
    margin: 0 0 3px 22px;
    list-style-type: disc !important;
}

.otherlinks ul {
    margin: 0 0 0 -6px;
}

.otherlinks li {
    /*float:left;*/
    width: 245px;
    height: 71px;
    margin: 0 0 6px;
    display: inline-block;
}

.otherlinks li a {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    outline: none;
}

.otherlinks_facebook a {
    background-image:url(../images/sp_ms_tw_otherlinks_facebook.png);
}

.otherlinks_line a {
    background-image:url(../images/sp_ms_tw_otherlinks_line.png);
}

.otherlinks_bahamut a {
    background-image:url(../images/sp_ms_tw_otherlinks_bahamut.png);
}

/*----otherlinks_end----*/

ol.userinterface {
    margin: 0 auto;
}

ol.userinterface li {
    margin: 0 0 3px 22px;
    list-style-type: decimal !important;
}


/*--faqclear--*/

#faqwrapper dt:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#faqwrapper dt {
    min-height: 1px;
}

*html #faqwrapper dt {
    height: 1px;
    /*\*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}


/*----faq(help)_end----*/


/*----howtoplay_start----*/

.howtowrapper {
    background: #232323 url(../images/ms_tw_howto_bg.png) center top repeat-y;
    background-size: 497px 75px;
    width: 274px;
    margin: 0 auto 30px auto !important;
    padding: 10px 0 20px 0;
    border: 3px #565656 solid;
    /*border*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.howtowrapper p {
    color: #FFFFFF;
    font-size: 1.1rem;
    line-height: 160%;
    /*width:100%;
  background-position:top center;
  background-repeat:no-repeat;*/
}

.howtowrapper img {
    max-width: 100% !important;
    vertical-align: bottom;
    margin-top: 10px;
}

.howtowrapper p.hz {
    background: url(../images/ms_tw_howto_hz.png) center top no-repeat;
    background-size: 274px 31px;
    width: 274px;
    height: 31px;
}

.howtowrapper div.howto_box {
    clear: both;
    width: 254px;
    margin: 25px auto 0px auto;
    padding-bottom: 25px;
}

.howtowrapper div.howto_box:last-child {
    border-bottom: none;
}

.howtowrapper div.howto_text {
    margin: 10px 0 0 0;
    padding: 0;
}

.howtowrapper .howto_left {}

.howtowrapper .howto_right {}

.howtowrapper div.howto_text p {
    margin-bottom: 10px;
}

.howtowrapper h2 {
    background-position: center top;
    background-size: 274px 46px;
    width: 274px;
    height: 46px;
    margin-top: 12px;
    text-indent: -9999px;
}

.howtowrapper h3 {
    color: #ffc600;
    font-size: 1.5rem;
    line-height: 140%;
    background: url(../images/ms_tw_howto_h3_bg.png) left center no-repeat;
    background-size: 31px 26px;
    width: 219px;
    min-height: 26px;
    margin: 0 auto 10px auto;
    padding: 5px 10px 0 35px;
}

.howtowrapper h2.step1 {
    background-image: url(../images/sp_ms_tw_howto_title_1.png);
}

.howtowrapper h2.step2 {
    background-image: url(../images/sp_ms_tw_howto_title_2.png);
}

.howtowrapper h2.step3 {
    background-image: url(../images/sp_ms_tw_howto_title_3.png);
}

.howtowrapper h2.step4 {
    background-image: url(../images/sp_ms_tw_howto_title_4.png);
}

.howtowrapper h2.step5 {
    background-image: url(../images/sp_ms_tw_howto_title_5.png);
}


/*--howtoplay--*/

.howto_howto_1 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_howto_1.jpg);
    background-size: 277px 320px;
    height: 320px;
}

.howto_howto_1 .howto_chvis_2 {
    background-image: url(../images/sp_ms_tw_howto_howto_1_2.jpg);
    background-size: 277px 258px;
    height: 258px;
}

.howto_howto_2 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_howto_2.jpg);
    background-size: 277px 501px;
    height: 501px;
}

.howto_howto_3 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_howto_3.jpg);
    background-size: 277px 646px;
    height: 646px;
}

.howto_howto_4 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_howto_4.jpg);
    background-size: 277px 552px;
    height: 552px;
}

.howto_howto_5 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_howto_5.jpg);
    background-size: 277px 542px;
    height: 542px;
}


/*--Coop--*/

.howto_coop_1 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_coop_1.jpg);
    background-size: 277px 586px;
    height: 586px;
}

.howto_coop_2 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_coop_2.jpg);
    background-size: 277px 532px;
    height: 532px;
}

.howto_coop_2 .howto_chvis_2 {
    background-image: url(../images/sp_ms_tw_howto_coop_2_2.jpg);
    background-size: 277px 313px;
    height: 313px;
}

.howto_coop_2 .howto_chvis_3 {
    background-image: url(../images/sp_ms_tw_howto_coop_2_3.jpg);
    background-size: 277px 356px;
    height: 356px;
}

.howto_coop_3 .howto_chvis_1 {
    background-image: url(../images/sp_ms_tw_howto_coop_3.jpg);
    background-size: 277px 320px;
    height: 320px;
}


/*----howtoplay_end----*/

/*----aboutmonst----*/
#top .top-aboutmonst{
    width:100%;
    padding: 20px 0 0;}
#top .top-aboutmonst .top-aboutmonst-header{
    width:100%;
    height:66px;
    background: url(../images/top/sp_top_aboutmonst_header.png) top center no-repeat;
    background-size:300px 66px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}
#top .top-aboutmonst .top-aboutmonst-header .lead{
    position: relative;
    width: 223px;
    height: 27px;
    margin: 10px auto 0;
    background: url(../images/top/sp_top_aboutmonst_lead.png) bottom center no-repeat;
    background-size: 223px 27px;
    padding: 6px 0 0;
    text-indent: -9999px;
}
#top .top-aboutmonst .top-aboutmonst-content{
    position:relative;
    width:100%;
    height:auto;
    padding:1px 0 20px;
    background: url(../images/top/sp_top_aboutmonst_content.png) top center repeat-y ;
    background-size:300px 1px;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0{
    position:relative;
    width:280px;
    height: auto;
    margin:10px auto 0;}
/* #top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0 .txt-header{
    position:relative;
    width:280px;
    height:5px;
    background: url(../images/top/sp_top_aboutmonst_txt_header.png) top center no-repeat ;
    background-size:280px 5px;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0 .txt-content{
    position:relative;
    width:280px;
    height:auto;
    padding:1px 0;
    background: url(../images/top/sp_top_aboutmonst_txt_content.png) top center repeat-y ;
    background-size:280px 1px;} */
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0 .txt-content .txt0{
    /*position:absolute;
    top: 2px;
    left: 19px;*/
    width:153px;
    height:46px;
    margin:6px 0 6px 2px;
    background: url(../images/top/sp_top_aboutmonst_txt0.png) top left no-repeat ;
    background-size:153px 46px;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0 .txt-content .txt1{
    /*position:absolute;
    top: 66px;
    left: 16px;*/
    width:256px;
    height:69px;
    margin:6px 0 6px 2px;
    background: url(../images/top/sp_top_aboutmonst_txt1.png) top left no-repeat ;
    background-size:256px 69px;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0 .txt-content .txt2{
    /*position:absolute;
        top: 130px;
    left: 16px;*/
    width:262px;
    height:65px;
    margin:6px 0 6px 2px;
    background: url(../images/top/sp_top_aboutmonst_txt2.png) top left no-repeat ;
    background-size:262px 65px;}
/*----詳しい遊び方を見るボタン----*/
#top .top-aboutmonst .top-aboutmonst-content .top-howto-link{
    width: 280px;
    height: 40px;
    margin: 296px auto 0;
    background: url(../images/top/sp_top_howtobtn.png) top center no-repeat;
    background-size:280px 40px;
    position:relative;
    text-indent: -9999px;
}
#top .top-aboutmonst .top-aboutmonst-content .top-howto-link a{
    position:absolute;
    top:0;
    left:0;
    width: inherit;
    height: inherit;}
#top .top-aboutmonst .top-aboutmonst-content .top-howto-link:hover{}
/* #top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea0 .txt-footer{
    position:relative;
    width:280px;
    height:5px;
    background: url(../images/top/sp_top_aboutmonst_txt_footer.png) top center no-repeat ;
    background-size:280px 5px;} */
    
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea1{
    position:relative;
    width:280px;
    height: auto;
    margin: 20px auto 0;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea1 .txt-header{
    position:relative;
    width:280px;
    height:5px;
    background: url(../images/top/sp_top_aboutmonst_txt_header.png) top center no-repeat ;
    background-size:280px 5px;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea1 .txt-content{
    position:relative;
    width:280px;
    height:132px;
    padding:1px 0 5px;
    background: url(../images/top/sp_top_aboutmonst_txt_content.png) top center repeat-y ;
    background-size:280px 1px;}
#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea1 .txt-content .txt3{
    /*position:absolute;
    top: 0px;
    left: 19px;*/
    width: 205px;
    height: 27px;
    margin: 4px 0 7px 9px;
    background: url(../images/top/sp_top_aboutmonst_txt3.png) top center no-repeat;
    background-size: 205px 27px;}
#top .top-aboutmonst .top-aboutmonst-content .top-download-link-wrap {
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 10px;
    box-sizing: border-box;
}
/*----iOSはこちらボタン----*/
#top .top-aboutmonst .top-aboutmonst-content .top-iosdownload-link{
    width: 114px;
    height: 42px;
    background: url(../images/top/to_appstore.png) top center no-repeat;
    background-size:100%;
    position: relative;}
#top .top-aboutmonst .top-aboutmonst-content .top-iosdownload-link a{
    position:absolute;
    top:0;
    left:0;
    width: inherit;
    height: inherit;
    text-indent: -9999px;}
#top .top-aboutmonst .top-aboutmonst-content .top-iosdownload-link:hover{}
    
/*----Androidはこちらボタン----*/
#top .top-aboutmonst .top-aboutmonst-content .top-androiddownload-link{
    width: 139px;
    height: 42px;
    background: url(../images/top/to_googleplay.png) top center no-repeat;
    background-size:100%;
    position: relative;}
#top .top-aboutmonst .top-aboutmonst-content .top-androiddownload-link a{
    position:absolute;
    top:0;
    left:0;
    width: inherit;
    height: inherit;
    text-indent: -9999px;}
#top .top-aboutmonst .top-aboutmonst-content .top-androiddownload-link:hover{}
/*----androidapkはこちらボタン----*/
#top .top-aboutmonst .top-aboutmonst-content .top-android-apk-link{
    width: 110px;
    height: 42px;
    background: url(../images/top/to_androidapk.png) top center no-repeat;
    background-size:100%;
    position: relative;
    margin: 8px auto 0;}
#top .top-aboutmonst .top-aboutmonst-content .top-android-apk-link a{
    position:absolute;
    top:0;
    left:0;
    width: inherit;
    height: inherit;
    text-indent: -9999px;}
#top .top-aboutmonst .top-aboutmonst-content .top-android-apk-link:hover{}

#top .top-aboutmonst .top-aboutmonst-content .top-aboutmonst-txtarea1 .txt-footer{
    position:relative;
    width:280px;
    height:5px;
    background: url(../images/top/sp_top_aboutmonst_txt_footer.png) top center no-repeat ;
    background-size:280px 5px;}
    
#top .top-aboutmonst .top-aboutmonst-content .red{
        width: 69px;
    height: 78px;
    position: absolute;
    top: 397px;
    left: 50%;
    margin-left: -128px;
    background: url(../images/top/sp_top_aboutmonst_red.png) top center no-repeat;
    background-size: 69px 78px;}
#top .top-aboutmonst .top-aboutmonst-content .green{
        width: 67px;
    height: 58px;
    position: absolute;
    top: 239px;
    left: 50%;
    margin-left: -22px;
    background: url(../images/top/sp_top_aboutmonst_green.png) top center no-repeat;
    background-size: 67px 58px;}
#top .top-aboutmonst .top-aboutmonst-content .blue{
    width: 55px;
    height: 64px;
    position: absolute;
    top: 412px;
    left: 50%;
    margin-left: 65px;
    background: url(../images/top/sp_top_aboutmonst_blue.png) top center no-repeat;
    background-size:55px 64px;}
    
.jump
{
    animation:jump 0.6s linear 0s 1 normal;
    -webkit-animation:jump 0.6s linear 0s 1 normal;
}
@-webkit-keyframes jump
{
    0%
    {
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
    20%
    {
        -webkit-transform:translate(0px,-13px);
        transform:translate(0px,-13px);
    }
    50%
    {
        -webkit-transform:translate(0px,-15px);
        transform:translate(0px,-15px);
    }
    80%
    {
        -webkit-transform:translate(0px,-13px);
        transform:translate(0px,-13px);
    }
    100%
    {
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}
@keyframes jump
{
    0%
    {
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
    20%
    {
        -webkit-transform:translate(0px,-13px);
        transform:translate(0px,-13px);
    }
    50%
    {
        -webkit-transform:translate(0px,-15px);
        transform:translate(0px,-15px);
    }
    80%
    {
        -webkit-transform:translate(0px,-13px);
        transform:translate(0px,-13px);
    }
    100%
    {
        -webkit-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}

#top .top-aboutmonst .top-aboutmonst-content .capture{
    width: 247px;
    height: 233px;
    position: absolute;
    top: 243px;
    left: 50%;
    margin-left: -123px;
    background: url(../images/top/sp_top_aboutmonst_capture.png) top center no-repeat;
    background-size: 247px 234px;}
#top .top-aboutmonst .top-aboutmonst-content .trajectory{
    width: 241px;
    height: 239px;
    position: absolute;
    top: 225px;
    left: 50%;
    margin-left: -117px;
    background: url(../images/top/sp_top_aboutmonst_trajectory.png) top center no-repeat;
    background-size: 241px 239px;}
#top .top-aboutmonst .top-aboutmonst-content .kankan0{
    width: 90px;
    height: 127px;
    position: absolute;
    top: 217px;
    left: 50%;
    margin-left: 69px;
    background: url(../images/top/sp_top_aboutmonst_kankan0.png) top center no-repeat;
    background-size:90px 127px;}
#top .top-aboutmonst .top-aboutmonst-content .kankan1{
    width: 101px;
    height: 136px;
    position: absolute;
    top: 246px;
    left: 50%;
    margin-left: -169px;
    background: url(../images/top/sp_top_aboutmonst_kankan1.png) top center no-repeat;
    background-size:101px 136px;}
#top .top-aboutmonst .top-aboutmonst-content .kankan2{
    width: 220px;
    height: 167px;
    position: absolute;
    top: 326px;
    left: 50%;
    margin-left: -75px;
    background: url(../images/top/sp_top_aboutmonst_kankan2.png) top center no-repeat;
    background-size:220px 167px;}

#top .top-aboutmonst .top-aboutmonst-footer{
    width:100%;
    height:7px;
    background: url(../images/top/sp_top_aboutmonst_footer.png) top center no-repeat;
    background-size:300px 7px;}

/*----aboutmonst_end----*/

/*----onlineranking_start----*/

.online-ranking #contentwrapper {
    width: 100%;
}

.online-ranking #contentwrapper h1 {
    width: 0px;
    height: 0px;
    margin: 0px !important;
}

.online-ranking #vis {
    display: inline;
}

.online-rankingwrapper .vis-pc {
    display: none;
}

.online-rankingwrapper .vis-sp {
    background: #000 url(../images/sp_ms_tw_onlineranking_vis20161114.jpg) top center no-repeat;
    background-size: 640px;
    height: 424px;
    display: block;
}

.online-rankingwrapper .vis-content {
    position: relative;
}

.online-rankingwrapper .vis-sp a {
    background: url(../images/sp_ms_tw_ranking_banner01.png) top center no-repeat;
    background-size: 100%;
    height: 93px;
    width: 280px;
    display: inline-block;
    position: absolute;
    top: 392px;
    left: 50%;
    margin: -20px -140px;
    z-index: 10;
    text-indent: -9999px;
}

.online-rankingwrapper .vis-sp p {
    background: url(/monsterstrike_logo_luster.png) top center no-repeat;
    background-size: 85%;
    height: 61.5px;
    width: 81.5px;
    position: absolute;
    top: 2px;
    left: 57px;
    z-index: 10;
    text-indent: -9999px;
}

.countdownwrapper {
    width: 100%;
    margin: 40px auto -180px;
    height: 352px;
    position: relative;
}

.countdown {
    height: 160px;
    position: relative;
    background: url(../images/sp_ms_tw_ranking_count01.png) top center no-repeat;
    background-size: 527px;
    margin: 0 auto;
}

.countdown-timearea {
    width: 253px;
    height: 23.6px;
    top: 69px;
    left: 50%;
    margin-left: -126px;
    position: absolute;
    text-indent: -9999px;
    background: url(../images/sp_ms_tw_ranking_count02.png) top center;
    background-size: 100%;
}

.countdown-bg {
    height: 160px;
    width: 100%;
    position: absolute;
    background: url(../images/sp_ms_tw_ranking_count01_2.png) top center no-repeat;
    top: 0;
    background-size: 527px;
    animation-name: anime;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

@keyframes anime {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.figures {
    margin: -59px auto 0px;
    position: relative;
    width: 342px;
}

.day {
    position: absolute;
    top: 72px;
    right: 84px;
    width: 32px;
    text-align: center;
}

.hour {
    position: absolute;
    top: 75px;
    right: 228px;
}

.minutes {
    position: absolute;
    top: 75px;
    right: 187px;
}

.second {
    position: absolute;
    top: 75px;
    right: 147px;
}

.millisecond {
    position: absolute;
    top: 75px;
    right: 106px;
}

.day-01,
.day-02,
.time-01,
.time-02,
.time-03,
.time-04,
.time-05,
.time-06,
.time-07,
.time-08 {
    background: url(../images/figures.png) top center no-repeat;
    background-position-y: 0px;
    background-size: 100%;
    width: 14.875px;
    height: 15.9px;
    display: inline-block;
    margin-left: -2px;
}

.countdown-text {
    padding-top: 41px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    position: relative;
    z-index: 1;
}

.online-ranking-box2,
.online-ranking-box3,
.online-ranking-link {
    text-align: center;
}

.online-ranking-box1 h2 {
    text-indent: -9999px;
    background: url(../images/sp_ms_tw_ranking_text02.png) no-repeat top center;
    background-position-x: -30px;
    background-size: 100%;
    width: 345px;
    height: 80px;
    margin: 0 auto;
}

.online-ranking-box1 p {
    text-indent: -9999px;
    background: url(../images/sp_ms_tw_ranking_text03.png) no-repeat top center;
    background-size: 100%;
    width: 346px;
    height: 519px;
    margin: 0 auto;
}

.online-ranking-box2 h2 {
    text-indent: -9999px;
    background: url(../images/sp_ms_tw_ranking_text04.png) no-repeat top center;
    background-size: 100%;
    background-position-x: 30px;
    width: 355px;
    height: 82px;
    margin: 10px auto -20px;
}


/*.online-ranking-box2 .online-ranking-movie{
    background: url(../images/sp_ms_tw_ranking_comingsoon.png) no-repeat top center;
    background-size:100%;
    width:327px;
    height:207px;
margin: 0 auto;}*/

.online-ranking-box2 .online-ranking-movie {
    background-size: 100%;
    width: 280px;
    height: 158px;
    margin: 30px auto 20px;
    position: relative;
}

.online-ranking-box2 .online-ranking-movie iframe {
    background-size: 100%;
    width: 280px;
    height: 158px;
    position: absolute;
    top: 0;
    left: 0;
}

.online-ranking-box2 .online-ranking-movie a {
    background: url(../images/ms_tw_ranking_cover.png) no-repeat top center;
    background-size: 100%;
    width: 280px;
    height: 158px;
    position: absolute;
    top: 0;
    left: 0;
}

.online-ranking-box3 h2 {
    text-indent: -9999px;
    background: url(../images/sp_ms_tw_ranking_text05.png) no-repeat top center;
    background-size: 100%;
    background-position-x: -35px;
    width: 346px;
    height: 85px;
    margin: 0 auto 5px;
}

.online-ranking-box3 ul li {
    margin: 5px auto 0px;
    width: 280px;
    height: 93px;
}

.archives-bnr-pc {
    display: none;
}

.archives-bnr-sp {
    background: url(../images/sp_ms_tw_ranking_bnr_outline.png) top center no-repeat;
    width: 280px;
    height: 93px;
    background-size: 100%;
    margin: 0 auto;
    position: relative;
}

.archives-bnr-sp p {
    display: inline-block;
    margin-top: 6px;
    color: #fff;
    font-size: 10px;
}

.archives-img {
    background: url(../images/sp_ms_tw_ranking_bnr1122.png) top center no-repeat;
    width: 274px;
    height: 75px;
    background-size: 100%;
    position: absolute;
    top: 14px;
    left: 3px;
    z-index: -1;
}

.online-ranking-box3 {
    margin-bottom: 15px;
}

.online-ranking-box3 .online-ranking-button a {
    background: url(../images/sp_ms_tw_ranking_button01.png) no-repeat top center;
    background-size: 100%;
    width: 260px;
    height: 40px;
    text-indent: -9999px;
    display: inline-block;
}

.online-rankingwrapper #about {
    margin-top: -20px;
}


/*----onelineranking_end----*/


/*----cnav_start----*/

.cnav {
    width: 284px;
    margin: 0 auto 10px auto;
}

.cnav ul {
    width: 284px;
}

.cnav li {
    float: left;
    width: 138px;
    margin: 0 2px 5px 2px;
}

.cnav li a {
    background: #586172;
    color: #FFF;
    display: block;
    width: 130px;
    padding: 7px 0px;
    line-height: 1em;
    text-align: center;
    border: 3px #2f3c45 solid;
    /*border*/
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -o-border-radius: 14px;
    -ms-border-radius: 14px;
}


/*----cnav_end----*/


/*----404----*/

.error {
    line-height: normal;
    width: 270px;
    margin: 24px auto;
    padding: 39px 16px 45px;
    border: 3px solid #565656;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #232323;
    text-align: center;
}

.error_lead {
    line-height: 1.23;
    color: #ff8a00;
    font-size: 21px;
    font-weight: bold;
}

.erroe_txt {
    line-height: 1.38;
    margin: 23px 0 30px;
    color: #fff;
    font-size: 16px;
}

.error_pc_br {
    display: none;
}

a.error_btn_gotop {
    line-height: 1.28;
    display: inline-block;
    /* width: 256px; */
    width: 100%;
    height: 79px;
    padding-right: 0px;
    background-image: url(../images/sp_error_button_gotop.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding: 30px 0 0 115px;
}


/*----title_start----*/


/*----title_end----*/


/*------contentwrapper_end------*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　SUBSTRUCTURE PAGE CONTENTWRAPPER(CONETNS)layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*---Fancybox_start---*/

#fancybox-outer {
    background: #000000 !important;
}

#fancybox-content {
    border-color: #000000 !important
}


/*----Bxslider_start----*/


/*--newsinfobox--*/

.newsinfobox {
    position: relative;
    background: url(../images/sp_ms_tw_newsinfobox_bg.png) top center no-repeat;
    background-size: 280px 100%;
    width: 100%;
    margin: 0px auto 10px;
    padding: 20px 1px 10px;
    overflow: hidden;
}

.newsinfobox_optimize {
    width: 278px;
    margin: auto;
}

.newsinfobox .hideobj_left,
.newsinfobox .hideobj_right {
    display: none;
}

.newsinfobox .bx-wrapper .bx-viewport,
.newsinfobox .bx-wrapper .bx-viewport,
.movie_optimize .bx-wrapper .bx-viewport,
.movie_optimize .bx-wrapper .bx-viewport {
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.newsinfobox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.newsinfobox .bx-wrapper .bx-pager.bx-default-pager a.active,
.movie_optimize .bx-wrapper .bx-pager.bx-default-pager a:hover,
.movie_optimize .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #86e817 !important;
}

.bx-controls-direction {
    display: none;
}

.bx-controls-direction:hover {
    display: block;
}


/*----Bxslider_end----*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/