@charset "utf-8";
/*------------------------------
=CSS global
------------------------------*/
html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,
table, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{ margin: 0; padding: 0;}

table{ border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
nav ul,ul,ol,li{ list-style: none; }
caption, th{ text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
abbr,acronym{ border:0; font-variant: normal;}
sup,sub{ vertical-align: baseline; }
input,button,textarea,select{ *font-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.inlineBlock { display: -moz-inline-box; display: inline-block; }
* html .inlineBlock { display: inline;height: 1%; }
*:first-child+html.inlineBlock { display: inline; height: 1%; }
.clear {clear: both; }
.fl { float: left; }
.fr { float: right; }
.fir { display: block; text-indent: -999em; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie7 .group { min-height: 1px; } /* add class .group to fix floated elements */

a, img, a img { border: none; outline: none; }
a:hover, a:active, input:focus, textarea:focus { outline: none; }
textarea{ overflow: auto; }

/* bootstrap */
*{
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 0; margin: 0; }
.container {
    margin-right: auto; margin-left: auto; }
*:before, *:after {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    display: table; }
.container-fluid {
    margin-right: auto; margin-left: auto; position: relative; width: 1260px; }
.img-responsive {
    display: block; max-width: 100%; height: auto; }
a, img, a img {
    border: none; outline: none; }
	
/*page*/
body{
    font-family: ヒラギノ角ゴ Pro W3,"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 13px; background: #000; word-wrap: break-word; color:#b3b3b3;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation;     /* IE11+ */ }
a {color: #0f5780; text-decoration: none; }
a:hover{ text-decoration: underline;}
#wrapper{ background: url('../images/bg.jpg') repeat center center fixed; background-size:100%; }
#box1{ position: relative; margin-top: -13px; z-index: 9999; }
#box1 .btnInput{
    display: inline-block; font-size: 24px; border-radius:10px;
    padding: 0 2%;  position: absolute; top:43%; left:28%; width: 44%; height: 10%; }
#box1 .boxCbt .btnInput{width: 82%}
.bgBoxEmail{ position: relative; text-align: center; }
#box1 .btnSubmit{
    display: inline-block; padding: 0; outline: none;
    background: url('../images/btnEmail.png') no-repeat center center;
    width: 148px; height: 89px; border: none; background-size: 100%; cursor: pointer; color:#FFF;
    position: absolute; top:57%; left:44%; text-indent: -999px; }
.childHeaderStore{ width: 960px; margin: -12px auto 0; position: relative; }
.bgHeaderS{ background: url('../images/bgHeaderS.png') repeat-x; width: 100%; height: 132px; display: inline-block; background-size: 15px auto; margin-top: 3%; }
.bgHeaderStore{ background: url('../images/bgHeaderCssPC.png') no-repeat 0 0; background-size: 100%; width: 960px; height: 159px; }
.childHeaderStore .linkIOS{ position: absolute; width: 22.5%; height: 50%; top: 26%; left: 1%; text-indent: -9999px; }
.childHeaderStore .linkAdr{ position: absolute; width: 23%; height: 50%; top: 26%; left: 26%; text-indent: -9999px; }
.childHeaderStore .linkYahoo{ position: absolute; width: 31%; height: 48%; top: 26%; left: 51%; text-indent: -9999px; }
.childHeaderStore .linkHelp{ position: absolute; width: 15%; height: 92%; top: 4%; left: 84%; text-indent: -9999px; }
.boxChild{ position: relative; }
.line img{width:60%;}
.aLink{
    text-align: center; width: 50%; padding: 3%; outline: none; color:#FFF; font-size: 46px;
    position: absolute; left: 25%; top: 61%; cursor: pointer;
    background: url('../images/btnOk.png') repeat center center;
    border-radius:20px; border:3px solid #724300;
    text-shadow: 3px 2px #000;  -webkit-text-shadow: 3px 2px #000;  -ms-text-shadow: 3px 2px #000;  -o-text-shadow: 3px 2px #000;
    box-shadow: 0px 0px 0px 3px #000 inset;
    -webkit-box-shadow: 0px 0px 0px 3px #000 inset;
    -ms-box-shadow: 0px 0px 0px 3px #000 inset;
    -o-box-shadow: 0px 0px 0px 3px #000 inset; }
.topCon{ width: 640px; position: relative; margin: 0 auto; }
.aLink:hover{ text-decoration: none; }
.logoSmall{ background: url('../images/bgLogo1.jpg') repeat center center; }
.logoSmall p{ width: 640px; margin: 0 auto; }
.logoSmall p a{ display: block; padding:  10px 0px 0px 0px; }
.logoSmall p img{ display: inline-block; }
.slider01 span{
    background: url('../images/sliderimg/01_0808.jpg') no-repeat 0 0; width: 551px; height: 825px;
    background-size: 100%; display: inline-block; }
.slider02 span{
    background: url('../images/sliderimg/02_0808.jpg') no-repeat 0 0; width: 551px; height: 825px;
    background-size: 100%; display: inline-block; }
.slider03 span{
    background: url('../images/sliderimg/03_0808.jpg') no-repeat 0 0; width: 551px; height: 825px;
    background-size: 100%; display: inline-block; }
.slider04 span{
    background: url('../images/sliderimg/04_0808.jpg') no-repeat 0 0; width: 551px; height: 825px;
    background-size: 100%; display: inline-block; }
.slider05 span{
    background: url('../images/sliderimg/05_0808.jpg') no-repeat 0 0; width: 551px; height: 825px;
    background-size: 100%; display: inline-block; }
.textCode{
    position: absolute; top: 74%; left: 28%;
    width: 45%; font-weight: bold; font-size: 20px; text-align: left; }
.titleBanner{ background: url('../images/titleBanner.png') no-repeat 0px 0px; background-size: 100%; width: 1260px; height: 46px; }
.textCode a{ color:#00a8ff; text-decoration: underline; }
.bgGachaResult3{ background: url('../images/bgGachaResult3.png') no-repeat 0px 0px; background-size: 100%; width: 640px; height: 836px; }
.bgGachaResult4{ background: url('../images/bgGachaResult4.png') no-repeat 0px 0px; background-size: 100%; width: 640px; height: 836px; }
.bgGachaResult5{ background: url('../images/bgGachaResult5.png') no-repeat 0px 0px; background-size: 100%; width: 640px; height: 836px; }
.img1{ width: 85%;  margin: 5% 0px 0px 4%; }
.video-div{ position: relative;  border: 2px solid #FFF; padding: 0 0 12% 0; background: #000; }
.video-div .box_video, .twitter-box { width: 100%; height: 100%; top: 0; left: 0; display: inline-block; }
.video-div .bg_video, .box_twitter { width:100%; height:92%; display: inline-block; }
.box_twitter .timeline { width: 100% !important; }
.bg_video { position: absolute; top:5%; left:0; padding: 1%; }
.desVideo{ display: block; background: #373737; color:#FFF; font-weight: bold; font-size: 24px; padding-top: 1%; }
#boxPoint{
    position: relative; width: 640px; height: 1164px;
    background: url('../images/pointHide.png?v=1') no-repeat 0 0; background-size: 100%; }
.textGmal{ font-size: 23px; position: absolute; top: 37%; left: 70%; font-weight: bold; }
.linkAchie{ position: absolute; width: 33%; height: 6%; top: 24%; left: 56%; text-indent: -9999px; }
.imgAchie{ display:none; position: absolute; width: 23%; left: 70%; }
.achie1{ display: block; top:5%; }
.achie2{ display: block; top:36%; }
.achie3{ display: block; top:52%; }
.achie4{ display: block; top:67%; }
.achie5{ display: block; top:82%; }
.twitter-box{ background: #FFF; border-radius: 10px; margin-top: 10px; height: 370px; margin: 10px auto 0;  width: 520px; display: block; }
.timeline-div{ background: url('../images/bgTwitter.png') repeat 0 0;  background-size: 33%; width: 1260px; height: 550px; }
#twitter-widget-1{ text-align: left; float: left; }
.tweetbtn{ /*float: right; margin-right: 05px;*/ /*text-align: right; padding:2% 5% 0px 0px;*/ }
#widget{ text-align: right; }
.bgCenter{}
.img3{ width: 85%; padding: 3% 0; }
.img2{ width: 85%; margin: 5% 0px 0px 4%; }
.box_twitter{ padding: 05px; }
.btnTwi{ width: 50%; display: inline-block; }
.btnT{ text-align: center; margin:40px 0; }
.titileGachaTT{ background: url('../images/titilegachaTT.png') no-repeat 0 0; width: 1260px; height: 40px; background-size: 100%; }
.gachaSTWWE .boxCbt2{ padding-top: 10px; }
.btnmImg{
    display: inline-block; width: 60%; padding: 3%; text-align: center;  outline: none;
    background: url('../images/btnOk.png') repeat center center;
    cursor: pointer; font-size: 46px; color: #FFF;
    border-radius: 20px; border: 3px solid #724300;
    text-shadow: 3px 2px #000; -webkit-text-shadow: 3px 2px #000; -ms-text-shadow: 3px 2px #000; -o-text-shadow: 3px 2px #000;
    box-shadow: 0px 0px 0px 3px #000 inset;
    -webkit-box-shadow: 0px 0px 0px 3px #000 inset;
    -ms-box-shadow: 0px 0px 0px 3px #000 inset;
    -o-box-shadow: 0px 0px 0px 3px #000 inset; }
.btnmImg:hover{ text-decoration: none; }
.linkVideo{ display: block; width: 640px; margin: 0 auto; text-align: right; padding: 3% 0 0 0 ; }
.linkVideo img{ display: inline-block; width: 50%; }
.btn_bkgacha{ display: block; width: 640px; margin: 0 auto; text-align: center; padding: 3% 0 0 0 ; }
.btn_bkgacha img{ display: inline-block; width: 50%; }
.boxInfo{ position: relative; background: url('../images/info.jpg')  repeat-x left top; height: 339px; width: 1260px; }
.childFooter{ width: 798px; margin: 0 auto; padding: 3% 0; position: relative; }
.bgFooterCss{ background: url('../images/bgFooter250816.png') no-repeat 0 0; background-size: 100%; width: 798px; height: 262px; }
.childFooter .linkIOS{ position: absolute; width: 29%; height: 25%; top: 11%; left: 0%; text-indent: -9999px; }
.childFooter .linkAdr{ position: absolute; width: 28%; height: 25%; top: 11%; left: 33%; text-indent: -9999px; }
.childFooter .linkYahoo{ position: absolute; width: 35%; height: 23%; top: 13%; left: 65%; text-indent: -9999px; }
.childFooter .linkGame{ position: absolute; width: 22%; height: 9%; top: 76%; left: 46%; text-indent: -9999px; }
.boxAds { width: 640px; text-align: center; margin: 0 auto; }
.childAd{ position: absolute; }
.boxAds img { width: 90%; display: inline-block; margin: 0 0 1% 0; }
.footer{ position: relative; margin-top: 3%; }
.centerBanner{ padding-top: 62px; }
.centerText{padding: 62px 50px 0px 48px}
.scroller li {
    z-index: 1;  -webkit-box-sizing: border-box; box-sizing: border-box; float: left;
    text-align: center; font-size: 18px; overflow: hidden; }
.scroller ul {
    list-style: none; display: block; width: 100%; padding: 0;
    margin: 0; text-align: left; overflow: hidden; }
.titleFiveStar{
    background: url('../images/titleFiveStar.png') no-repeat 0 0; width: 1260px;
    height: 43px; background-size: 100%; }
.titleFourStar{
    background: url('../images/titleFourStar.png') no-repeat 0 0; width: 1260px;
    height: 51px; background-size: 100%; }
.bgBanner{
    background: url('../images/20171212_siteTOP2.png') no-repeat 0 0; width: 640px;
    /*height: 528px;*/height: 520px; background-size: 100%; }
.titleThreeStar{
    background: url('../images/titleThreeStar.png') no-repeat 0 0; width: 1260px;
    height: 51px; background-size: 100%; }
.scroller-wrapper { min-width: 320px; z-index: 1; overflow: hidden; }
.detail{
    position: absolute; width: 19%; height: 10%; top: 31%; left: 56%; text-indent: -9999px; }
.bgAd23{
    left: 24%; position: absolute; width: 52%; top: 55%; }
.bgCont2{ width: 640px; margin: 0 auto; }
#bannerS{
    position: relative; padding: 2% 0; background: url('../images/bgSliderImg.png') no-repeat 0 0;
    width: 640px; height: 1015px; background-size: 100%; }
.titl22ad{ padding:0; }
.scroller-nav { z-index: 9999; padding-top: 20px; text-align: center; }
.scroller-indicator { display: inline-block; }
.scroller-indicator > li {
    display: block; float: left; list-style: none; padding: 0; margin: 0;
    text-indent: -9999em; width: 20px; height: 20px; -webkit-border-radius: 15px;
    border-radius: 15px; background: #353535; overflow: hidden; margin: 1px 5px; }
.scroller-thelist li{ width: 320px; }
.ch-card img{ width: 98%; border:3px solid #0096ad; border-radius: 3px; }
.scroller-indicator > li.scroller-active {
    background: #FFF; border: 1px solid #0096ad;
    box-shadow: 0px 0px 10px 2px #0096ad;
    -o-box-shadow: 0px 0px 10px 2px #0096ad;
    -ms-box-shadow: 0px 0px 10px 2px #0096ad;
    -webkit-box-shadow: 0px 0px 10px 2px #0096ad; }
.scroller-prev, .scroller-next {
    font-weight: bold; font-size: 14px; padding: 5px 0; width: 80px; display: none; z-index: 5; }
.imgSocial{ display: inline-block; width: 70%; }
.scroller-next {
    left:87%; background:#191818 url('../images/next-arr.png') top left no-repeat; background-size:100%;
    top: 46%; width: 40px; padding: 22px 0; position: absolute; }
.scroller-prev {
    left: 7%; background:#191818 url('../images/prev-arr.png') top left no-repeat; background-size:100%;
    top: 46%; width: 40px; padding: 22px 0; position: absolute; }
.scroller-prev.show, .scroller-next.show { display: block; }
.show { display: block !important; }
#Social .tweetbtn{ /*float:right; padding: 0; margin-right: 20px;*/ }
.fb_iframe_widget{ padding: 0px; }
#Social{ width: 640px; margin: 2% auto; }
#Social li { float: right; margin-right: 05px; }
.line{ width: 20%; display: inline-block; vertical-align: top; float: right; text-align: right; }
.fb-like{ /*float:right; margin-right: 20px;*/ }
.line_btn{ /*float:right;*/ }
.errorEmail{ border:2px solid #F00; }
.infoCo{
    background: url('../images/bgFo.jpg') repeat-x center left; padding:10px 0 6px 0;
    text-align: center; color:#FFF; font-size: 20px; border-top:1px solid #000; border-bottom:1px solid #000; }
.ticket{ width: 30%; position: absolute; right: 1%; top:0%; }
.cbt{ width: 35%; position: absolute; right: 7%; top:0; }
.cbt_ios{ width: 35%; position: absolute; left: 7%; top: 13%; height: 19%; }
.line_link{ width: 34%; position: absolute; left: 6%; top: 28%; height: 17%; opacity: 0; }
.textInfo{ background: #000a1d; padding: 10px 0; font-size: 18px; font-weight: bold; }
.childInfoCom{ margin: 0 auto; width: 640px; }
.textInfo ul{ text-align: center; margin-bottom: 10px; }
.textInfo ul li{ display: inline-block; padding: 0 2%; }
.textInfo ul li a{ color: #0089c6; text-decoration: underline; }
.textInfo ul span{ color: #0089c6; }
.textInfo p{ color:#969696; padding: 0 5%; }
.textInfo p span{ margin-bottom: 10px; display: block; }
.formatEmail{ position: absolute; font-size: 16px; top: 53%; left: 28%; color:#F00; display: none; }
.title{ padding: 2% 0 1% 0; }
.titleTwitter{ margin: 0 0 2% 1%; }
.textIndex{ position: absolute; top:75%; left:5%; }
.textIndex .aLink1{
    position: absolute; text-indent: -9999px; top: 2%; left: 2%; width: 22%; height: 24%; }
.textIndex .aLink2{
    position: absolute; text-indent: -9999px; top: 31%; left: 22%; width: 18%; height: 34%; }
.bgBoxEmail .textIndex img{width:60%;}
.containerCa {
    position: fixed; width: 320px; height: 565px; top:50%; left:50%; margin: -282px 0 0 -160px; }
#canvas{
    border: 1px solid #000; height: 565px; width: 320px; position: absolute; z-index: 1; }
.loading {
    background: black; z-index: 999; height: 565px; width: 320px; position: absolute; z-index: 2; }
#spin {
    width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -60px;
    background: url(../images/loading1.gif) no-repeat center center; background-size: 100px 100px; }
.cursor_and { width: 10%; position: absolute; right: 3%;  top: 10%; opacity: 1; }
.cursor_ios { width: 10%; position: absolute; left: 5%;  top: 26%; opacity: 1; }
.cursor_line { width: 10%; position: absolute; left: 0%;  top: 40%; opacity: 1; }	
.cursor{
    animation: cursor  infinite linear alternate;
    -webkit-animation: cursor  infinite linear alternate;
    -o-animation: cursor  infinite linear alternate;
    -ms-animation: cursor  infinite linear alternate;
    animation-duration: 2s; -webkit-animation-duration: 2s; -o-animation-duration: 2s; -ms-animation-duration: 2s;
    animation-delay: 2s;  -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; }
@keyframes  cursor{
    0%{opacity: 1;}
    25%{opacity: 1;}
    50%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;}
}
@-webkit-keyframes  cursor{
    0%{opacity: 1;}
    25%{opacity: 1;}
    50%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;}
}
@-o-keyframes  cursor{
    0%{opacity: 1;}
    25%{opacity: 1;}
    50%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;}
}
@-ms-keyframes  cursor{
    0%{opacity: 1;}
    25%{opacity: 1;}
    50%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;}
}
.bgChar{ width:85%; display: inline-block; }

/*---cbt---*/
.boxCbt{ background: url('../images/bglop.jpg') repeat center center; background-size: 100%; }
.titleImgGacha{ background: url('../images/titilegacha.png') no-repeat 0 0; width: 1260px; height: 44px; background-size:100%; }
.titleImgCampaign{
	background: url('../images/titilecampaign.png') no-repeat center center;
	-webkit-background-size: auto 80%; height: 34px; width: 100%; }
.boxGachaTop{ padding-top: 10px; }
#box1 .boxCbt .btnInput{ top:37%; left: 9%; height: 7%; font-size: 18px;  }
#box1 .boxCbt .btnSubmit{ top:47%; left:37%; width: 190px; }
.cbtChildaa{ width: 640px; margin: 0 auto; }
.notdeChi{ position: relative; }
.boxChild2{ background:url('../images/bgred.jpg') repeat center center; background-size: 100%; position: relative; padding: 0 0 5% 0; }
.boxCbt .textCode{ top: 60%; font-size: 20px; left: 8%; width: 85%; }
.childCbt{
    background:url('../images/bgcC.png') repeat-y center center; background-size: 100%;
    padding: 0px 34px 0px 36px; font-weight: bold; }
.titleCbt{ background: #000; padding: 2% 0 2% 2%; width: 99.7%; color:#00aec9; }
.bgTitleCBT{ background: url('../images/bgtitlecbt.png') no-repeat 0 0; background-size: 100%; width: 1260px; height:85px; }
#finishRgi{ padding-top: 10px; }
.titleCbtImg{ background: url('../images/titleCbt.png') no-repeat 0 0; background-size: 100%; width: 1260px; height: 78px; }
#box1.conCBT{ margin-top: 0px; }
.details{ padding: 3% 3% 1% 3%; }
.details p{ margin-bottom: 2%; }
.emailExit{
    width: 100%; border:2px solid #002d7e; border-radius:10px; padding: 5px 0; margin:10px 0;
    background: #FFF; color:#333; font-weight: bold; font-size: 30px; display: inline-block; }
.boxCbt2{ text-align: center; }
.disEmail{ width: 640px; margin: 0 auto; }
.cbt2 .aLinkCBT{
    top:68%; width: 24%; height: 11%; left: 38%; font-size: 37px;
    background: url('../images/btnQuay.png') no-repeat 0 0; background-size: 100%;
    border: none; text-indent: -9999px; cursor: pointer; position: absolute; }
.boxinforCbt{ width: 640px; margin: 2% auto; }
.boxCbt2 p { font-size: 18px; color:#d0d0d0; text-shadow: 3px 3px #0f2a5b; font-weight: bold; }
.childCbt{ font-size: 19px; text-align: left; }
.childCbt span{ color: #00aec9; }
span.textYellow{ color:#ffd200; }
.btnEmail2a{ position: absolute; top: 81%; left: 39%; }
.childTw{ width: 640px; margin: 0 auto; padding-top: 35px; }

/*--- gacha top ---*/
.bgLogo{ width: 640px; margin: 0 auto; }
.notChildRe{width:640px;margin: 0 auto;}
.boxGacha{ background: url('../images/centerBanner.png') repeat center center; background-size: 100%; text-align: center; width: 640px; }
.bgGachaTwitter3{
    background: url('../images/bgGachaTwitter3.jpg') no-repeat 0 0; background-size:100%;
    width: 544px; height: 544px; display: inline-block; }
.bgGachaTwitter4{
    background: url('../images/bgGachaTwitter4.jpg') no-repeat 0 0; background-size:100%;
    width: 544px; height: 544px; display: inline-block; }
.bgGachaTwitter5{
    background: url('../images/bgGachaTwitter5.jpg') no-repeat 0 0; background-size:100%;
    width: 544px; height: 544px; display: inline-block; }
.btnGacha{ text-align: right; width: 100%; padding: 0 5.4%; }
.btnGacha img{ display: inline-block; width: 40%; padding: 3% 2% 2% 0 ; }
.btnGacha div{ background: #1b1b1b; }
.linkGacha{
    text-align: center; width: 50%; padding: 3%; outline: none;
    background: url('../images/btnOk.png') repeat center center;
    cursor: pointer; font-size: 46px; color: #FFF; border-radius: 20px;
    border: 3px solid #724300; display: block;
    text-shadow: 3px 2px #000; -webkit-text-shadow: 3px 2px #000; -ms-text-shadow: 3px 2px #000; -o-text-shadow: 3px 2px #000;
    box-shadow: 0px 0px 0px 3px #000 inset;
    -webkit-box-shadow: 0px 0px 0px 3px #000 inset;
    -ms-box-shadow: 0px 0px 0px 3px #000 inset;
    -o-box-shadow: 0px 0px 0px 3px #000 inset; }
.linkGacha:hover { text-decoration: none; }
.btAGc img{ display: inline-block; }
.bannerRegist{ background: url('../images/bannerRegist.png') no-repeat 0 0;  background-size: 100%; width: 640px; height: 356px; }
.bannerCBT{ background: url('../images/bannerCBT.png') no-repeat 0 0; background-size: 100%; width: 640px; height: 356px; }
.boxCount{ background: #101010; border:2px solid #0096ad; text-align: center; font-size: 38px; margin: 2% 7% 0 7%; }
.boxCount span{ color:#FFF; }
.boxCount span.textCount{ color:#00a8ff; font-size: 70px; }
.btAGc{ margin-bottom: 3%; display: block; }
.btAGc img{ width: 70%; }

/*--- gacha result ---*/
.boxResult .boxGacha{ background: none; }
.boxGachaResult{ position: relative; margin: 0 auto; width: 640px; }
.boxGachaResult .boxAtt{top:7%}
.boxChar{ position: absolute; top: 9%; left: 11%; width: 80%; }
.character{ width: 100%; }
.btnResult{ position: absolute; top: 84%; left: 0; width: 100%; text-align: center; }
.boxAtt { position: absolute; top: 13%; left: 7%; z-index: 999; width: 88%; }
.tdAtt, .level{ float:left; }
.tdAtt{ margin-right: 2%; text-align: right; width: 15%; }
.level{ width: 83%; }
.tdAtt img{ display: inline-block; }
.level img{ width:65%; }
.level span{ color:#FFF; font-weight: bold; font-size: 32px; text-shadow: 5px 5px #000; }

/*--- gacha  twitter ---*/
.gachaTwitter .bgCenter{ background: none; padding: 1% 7% 4% 7%; }
.gachaTwitter .bgCenter .twitter-box{ border: 1px solid #002d7e; }
.boxGachaTwiiter{ position: relative; }
.boxGachaTwiiter .boxChar{ width: 70%; top: 5%; left: 16%; }
.boxGachaTwiiter .boxAtt{ top: 5%; left: 11%; text-align: left; }
.ttAD{width: 1260px;margin: 0 auto;text-align: center;}
.titleTwitteAAr{padding:10px 0;width: 45%;display: inline-block;}
.bgADSa{border-bottom: 2px solid #000;}
.checkEmailCBT{display:none;top:44%;left:10%}
.telGad{padding: 10px 0 0 0;}

/*--- gacha count ---*/
.boxCbt2 p.titleCount{ color:#FFF; font-weight: bold; font-size: 24px; }
.countTime{
    text-align: center; position: relative;width: 452px; height: 108px; display: inline-block;
    background: url(../images/bgCount.png) no-repeat 0 0; background-size: 100%; }
.countTime p { margin: 0; line-height: 108px; font-size: 57px; color:#ffd200; }
.boxCbt2 p.titleCount2{ color:#FFF; font-weight: bold; font-size: 24px; margin: 2% 0 2% 0; }

/*--- gachac LP ---*/
.btnLP2{ margin: 0; }
.btnShareTwitter #msg{ display:block; width: 100%; padding: 2%; margin-bottom: 20px; height: 120px; }
.btnShareTwitter{padding: 15px 9% 0px 9%}
.btnShareTwitter .submitShare{
    background: url('../images/btnLP.png') no-repeat 0 0; background-size: 100%;
    width: 525px; height: 113px; border: none; text-indent: -999px; outline: 0; }
.btnLP{
    background: url('../images/btnLP2.png') no-repeat 0 0; background-size: 100%; margin:3% 0 0 0;
    width: 525px; height: 113px; border: none; text-indent: -999px; outline: 0; display: inline-block; }
	
/*--- char --- */
.titleChar{ text-align: center; padding: 5% 0; width: 640px; margin: 0 auto; }
.titleChar img{ display: inline-block; border-top: 0; border-bottom: 0; }
.bglogoC{ border-bottom: 2px solid #000; }
.childChar1{ position: relative; text-align: center; padding-top: 10px; }
.bgCharStar{ display: inline-block; }
.numberStar{ position: absolute; top:1%; left:0; }
.titleBanner{ position: absolute; top:490px; left:0; z-index: 99; }
.errorMsg{display: none;}
.childChar2{ position: relative; text-align: center;padding-top: 46px; }
.childChar2 .childBgChar{ position: absolute; top:160px; left:29%; }
.childChar2 .childBgChar div{ margin-bottom: 15px; }
.childBgChar{ text-align: center; }
.childChar3{ position: relative; text-align: center; padding-top: 35px; }
.childChar3 .childBgChar{ position: absolute; top:152px; left:29%; }
.childChar3 .childBgChar div{ margin-bottom: 15px; }
.childBgChar img{ border: 1px solid #0096ad; display: inline-block; }
.inforAtt img{border:0}
.imgChar{ position: absolute; top:0; left:0; }
.index .linkVideo{ padding: 15px 0px 13px 0; }
#box1.cbt2{ margin-top:-71px; }
.gachaTopa #box1.cbt2{ margin-top:0px; }
.gachaSTWWE #box1.cbt2{ margin-top:0px; }
#finishRgi.boxCbt2 img{ padding-top: 10px; }
.childChar1 div{ margin-bottom: 15px; }
.childChar1 .childBgChar{ position: absolute; top: 120px; left: 29%; }
.parrentChar{ background: url('../images/bgCharSp.png') 0 0; width: 1260px; height: 4012px; text-align: center; }
.boxChild1{ background: url('../images/bgIndexSmall.jpg') no-repeat 0 0; background-size: 100% 100%; width: 1260px; height: 1120px; }
.bgBoxEmail img{width:52%;display: inline-block;margin-top: 5px;}
.inforAtt{ position: absolute; bottom: 5%; left:2%; width: 70%; }
.inforAtt img{ width: 10%; display: inline-block; float:left; }
.btnShareTwitter  .btnRemai{
    background: url('../images/twitterBtm.png') no-repeat 0 0; background-size: 100%;
    width: 525px; height: 123px; border: none; text-indent: -999px; outline: 0; margin-bottom: 20px; }
.inforAtt span{ vertical-align: middle; font-size: 47px; font-weight: bold; text-shadow: 5px 5px #000; color:#FFF; float:left; }
.replayGacha, .numberGacha{
    background: url('../images/btnOk.png') repeat center center; cursor: pointer; display:inline-block;
    border-radius:20px; border: 3px solid #724300;
    text-shadow: 3px 2px #000; -webkit-text-shadow: 3px 2px #000; -ms-text-shadow: 3px 2px #000; -o-text-shadow: 3px 2px #000;
    box-shadow: 0px 0px 0px 3px #000 inset;
    -webkit-box-shadow: 0px 0px 0px 3px #000 inset;
    -ms-box-shadow: 0px 0px 0px 3px #000 inset;
    -o-box-shadow: 0px 0px 0px 3px #000 inset;
    font-size: 32px; color:#FFF; padding: 3% 5%; text-align: center; }
.numberGacha{ background: url('../images/btnNumber.png') repeat center center; border: 3px solid #004c72; margin-left: 5%; }
.replayGacha:hover, .numberGacha:hover{ text-decoration: none; }
.gachaResultText{ font-size: 20px; }
.gachaResultText p{ margin-bottom: 10px; }

@media (min-width: 768px) and (max-width:950px){
    .container-fluid {width: 750px;}
    .timeline-div{ width: 750px; background-size:56%; }
    .bgTitleCBT{ width: 750px; height: 48px; }
    .titileGachaTT{ background: url('../images/titilegachaTT.png') no-repeat 0 0; width: 750px; height: 24px; background-size: 100%; }
    .gachaSTWWE .boxCbt2{ padding-top: 10px; }
    .titleFiveStar{ background: url('../images/titleFiveStar.png') no-repeat 0 0; background-size: 100%; width: 750px; height: 27px; }
    .childChar1  div.titleFiveStar, .childChar2  div.titleFourStar ,.childChar2  div.titleThreeStar{ margin-bottom: 0px; }
    .titleFourStar{ background: url('../images/titleFourStar.png') no-repeat 0 0; background-size: 100%; width: 750px; height: 31px; }
    .titleThreeStar{ background: url('../images/titleThreeStar.png') no-repeat 0 0; background-size: 100%; width: 750px; height: 31px; }
    #box1 .btnInput{left:7%;width: 84%;height: 8%;font-size: 14px;}
    #box1 .btnSubmit{    width: 198px; height: 73px; left: 37%; top: 58%; }
    .titleImgGacha{ background: url('../images/titilegacha.png') no-repeat 0 0; background-size:100%; width: 750px; height: 25px; }
	.titleImgCampaign{ background: url('../images/titilecampaign.png') no-repeat 0 0; background-size:100%; width: 750px; height: 25px; }
    .boxGachaTop{ padding-top: 10px; }
    .titleBanner{top:511px; background: url('../images/titleBanner.png') no-repeat 0px 0px; background-size: 100%; width: 750px; height: 27px; }
    #box1{ margin-top: -6px; z-index: 9999; }
    .formatEmail{    font-size: 16px; top: 53%; left: 8%; }
    .textCode{width:87%;left:7%;font-size:23px;}
    .btnEmail2a{width:42%;left:29%;}
    #box1 .boxCbt .btnInput{left:9%}
    #box1 .boxCbt .btnSubmit{left:37%;width: 145px;top:48%}
    .checkEmailCBT{top: 45%; left: 10%;}
    .boxCbt .textCode{width: 83%;left:8%;font-size:18px;}
    .boxInfo{width:750px}
    .bgBoxEmail .textIndex img{width:90%}
    .textIndex{left:7%}
    .textIndex .aLink1{width:32%;left:3%}
    .bgAd23{width: 100%;left:0%;top:55%}
    .textIndex .aLink2{width:27%;left:34%;}
    .childChar3 .childBgChar{top:7%}
    .childBgChar .inforAtt img{width:10%;border:0}
    .inforAtt span{font-size:36px;}
    .boxChild1{background: url('../images/bgIndex750.jpg') no-repeat 0 0;width:750px;height: 1232px;}
    .childAd{left:0%;top:0%}
    .bgBoxEmail img{width:100%;}
    .cbt2 .aLinkCBT{width:35%;left:33%}
    .detail{width:30%;left:60%;}
    .ttAD{width: 750px;}
    .parrentChar{ background: url('../images/bgCharSp750.png') 0 0 ; width: 750px; height:3900px; }
    .childChar1{padding: 10px 0px 0px 0px}
    .childChar2{padding: 35px 0px 0px 0px}
    .childChar3{padding: 27px 0px 0px 0px}
    .childChar2 div{margin-bottom: 7px;}
    .childChar3 div{margin-bottom: 0px;}
    .childChar1 .childBgChar{ top: 100px; left: 108px; }
    .childChar2 .childBgChar{ left:108px; top:132px; }
    .childChar3 .childBgChar{ left:108px; top:121px; }
    .linkVideo, .btn_bkgacha{ width: 370px; }
	.btn_bkgacha{ width: 370px; margin: 0 auto; }
    .childHeaderStore{ width: 100%; }
    .bgHeaderStore{ width: 100%; background-position-y: center; }
    .childFooter{ width: 100%; }
    .bgFooterCss{ width: 100%; }
}

@media (min-width: 940px) and (max-width:1198px) {
    .ttAD{width:940px}
    .telGad{padding:10px 0px 5px 0px}
    .titileGachaTT{ background: url('../images/titilegachaTT.png') no-repeat 0 0; background-size: 100%; width: 940px; height: 32px; }
    .gachaSTWWE .boxCbt2{ padding-top: 10px; }
    .container-fluid {width: 940px;}
    .timeline-div{ width: 940px; background-size:44%; }
    .titleFiveStar{ background: url('../images/titleFiveStar.png') no-repeat 0 0; background-size: 100%; width: 940px; height: 40px; }
    .titleFourStar{ background: url('../images/titleFourStar.png') no-repeat 0 0; background-size: 100%; width: 940px; height: 41px; }
    .titleThreeStar{ background: url('../images/titleThreeStar.png') no-repeat 0 0;background-size: 100%; width: 940px; height: 39px; }
    .bgTitleCBT{ background: url('../images/bgtitlecbt.png') no-repeat 0 0; background-size: 100%; width: 940px; height:61px; }
    #finishRgi{ padding-top: 10px; }
    .childInfoCom{width: 700px;}
    .titleBanner{ background: url('../images/titleBanner.png') no-repeat 0px 0px; background-size: 100%; width: 940px; height: 34px; top:505px; }
    #box1{ margin-top: -8px; z-index: 9999; }
    .bgBoxEmail img{width: 61%;}
    .detail{left:56%;}
    .bgAd23{ top: 53%; width: 63%; left: 19%}
    .replayGacha, .numberGacha{ font-size: 25px; border-radius: 10px; }
    #box1 .btnInput{left:24%;width: 51%;height: 8%;font-size: 20px;top:43%;}
    .formatEmail{top:53%;font-size: 14px;}
    .checkEmailCBT{top:44%}
    #box1 .btnSubmit{left:43%;top:58%;width: 140px;height: 59px}
    .textCode{width:49%;left:24%;font-size:15px;}
    .btnEmail2a{width:24%;left:40%}
    #box1 .boxCbt .btnInput{left:9%}
    #box1 .boxCbt .btnSubmit{ top: 48%; left: 36%; width: 166px; height: 70px;}
    .boxCbt .textCode{width: 83%;left:8%;top:62%;font-size: 18px;}
    .bgBoxEmail .textIndex img{width:66%}
    .textIndex .aLink1{width:24%;left:2%}
    .textIndex .aLink2{width:20%;left:24%;}
    .childBgChar img{ width: 77%;}
    .childChar3 .childBgChar{top:108px;left:206px;}
    .childBgChar .inforAtt img{width:10%;border:0}
    .boxChild1{width:940px;height: 954px;}
    .boxInfo{width: 940px;height: 320px;border-bottom:1px solid #000}
    .cbt2 .aLinkCBT{width:35%;left:33%}
    .parrentChar{ background: url('../images/bgCharSp940.png') no-repeat 0 0; width: 940px; height: 2992px; }
    .linkVideo, .btn_bkgacha{ width: 480px; }
    .childChar1{padding-top: 13px;}
    .bgCharStar{width: 51%;}
    .childChar1 .childBgChar{top:93px;left:204px}
    .childChar1 div{margin-bottom: 5px;}
    .childChar2{padding-top: 15px;}
    .childChar2 .childBgChar div{margin-bottom: 6px;}
    .childChar2 .childBgChar{top:100px;left:206px;}
    .childChar3{padding-top: 25px;}
    .childChar3 .childBgChar div{margin-bottom: 6px;}
    .childChar3g .childBgChar{top:109px;left:206px;}
    .titleImgGacha{ background: url('../images/titilegacha.png') no-repeat 0 0; background-size:100%; width: 940px; height: 32px; }
	.titleImgCampaign{ background: url('../images/titilecampaign.png') no-repeat 0 0; background-size:100%; width: 940px; height: 32px; }
    .boxGachaTop{ padding-top: 10px; }
}

@media (min-width: 1200px) {
	.titleImgCampaign{ background: url('../images/titilecampaign.png') no-repeat 0 0; background-size:100%; width: 1260px; height: 44px; }
}

@media (min-width: 1200px) and (max-width:1270px) {
    .container-fluid, .titleBanner{ width: 1167px; }
    .timeline-div{ width: 1167px; background-size:36%; }
    .titileGachaTT{ background: url('../images/titilegachaTT.png') no-repeat 0 0; background-size: 100%; width: 1167px; height: 40px; }
	.titleImgCampaign{ background: url('../images/titilecampaign.png') no-repeat 0 0; background-size:100%; width: 1260px; height: 44px; }
    .gachaSTWWE .boxCbt2{ padding-top: 10px; }
    .titleFiveStar{ background: url('../images/titleFiveStar.png') no-repeat 0 0; background-size: 100%; width: 1167px; height: 40px; }
    .titleFourStar{ background: url('../images/titleFourStar.png') no-repeat 0 0; background-size: 100%; width: 1167px; height: 51px; }
    .titleThreeStar{ background: url('../images/titleThreeStar.png') no-repeat 0 0; background-size: 100%; width: 1167px; height: 51px; }
    .childBgChar .inforAtt img{width:10%;border:0}
    .boxChild1{width:1167px;height: 1185px;}
    .boxInfo{width: 1167px;}
    .parrentChar, .ttAD{ width: 1167px; }
    .childChar1 .childBgChar, .childChar2 .childBgChar, .childChar3 .childBgChar{left:318px;}
    .childChar2 .childBgChar div{margin-bottom: 18px}
    .titleImgGacha{ background: url('../images/titilegacha.png') no-repeat 0 0; background-size:100%; width: 1167px; height: 40px; }
    .boxGachaTop{ padding-top: 10px; }
}

@media (min-width:320px) and (max-width:350px){
    .bgCenter .childTw img{width:80%;}
    .container-fluid {width: 320px;}
    .topCon{width: 320px;}
	.cbt_ios{ width: 44%; position: absolute; left: 3%; top: 13%; height: 19%; }
	.cursor_ios { width: 10%; position: absolute; left: 2%; top: 28%; opacity: 1; }
	.line_link{ width: 32%; position: absolute; left: 7%; top: 23%; height: 15%; }
	.cursor_line { width: 10%; position: absolute; left: 0%; top: 33%; opacity: 1; }
    .bgBanner{ /*background: url('../images/banner16.png') no-repeat -23px 0;*/ background-size: 100%; width: 320px; /*height: 302px;*/height: 308px; z-index: 1; }
    .timeline-div{ width: 320px; background-size:100% 100%; height: 470px; }
    .titileGachaTT{ background: url('../images/titilegachaTTMobi.png') no-repeat 0 0; background-size: 100%; width: 320px; height: 22px; }
    #boxPoint{ width: 320px; height: 585px; }
    #bannerS{ width: 320px; height: 508px; }
    .slider01 span, .slider02 span, .slider03 span, .slider04 span, .slider05 span{ width: 269px; height: 401px; }
    .textInfo p{padding: 0 2%;}
    .telGad{padding: 10px 0px 5px 0px}
    .ttAD{width: 320px;}
    .ttAD img{width:85%}
    .cbt2 .aLinkCBT{ width: 45%; left: 27%;top:74%}
    .bannerRegist { background: url('../images/bannerRegist.png') no-repeat 0 -45px; background-size: 120%; width: 320px; height: 178px; }
    .bannerCBT { background: url('../images/bannerCBT.png') no-repeat 0 -45px; background-size: 120%; width: 320px; height: 178px; }
    .bgCont2, .linkVideo, .boxAds, #Social, .btn_bkgacha{ width: 320px; }
    .childTw img{ width: 35%; }
    .twitter-box{ width:95%; margin-top: 5px; height: 360px; }
    .linkVideo img, .btn_bkgacha img { width: 50%; }
    .bgBoxEmail img{ width: 100%; }
    .bgAd23{ top: 291px; width: 100%; left: 0%; }
    #box1 .btnInput{ top: 43%; left: 8%; width: 82%; height: 10%; font-size: 10px; border-radius:5px; }
    .formatEmail{ font-size: 11px; left: 8%; }
    .textIndex{ left: 8%; }
    #box1 .btnSubmit{width:91px;top:59%;left:35%;height: 13%;}
    .textCode{ width: 84%; top: 73%; font-size: 9px; left: 7%; }
    .titleFiveStar{ background: url('../images/titleFiveStarMobi.png') no-repeat 0 0; width: 320px; height: 27px; background-size: 100%; }
    .childChar1  div.titleFiveStar, .childChar2  div.titleFourStar ,.childChar2  div.titleThreeStar{ margin-bottom: 0px; }
    .titleFourStar{ background: url('../images/titleFourStarMobi.png') no-repeat 0 0; width: 320px; height: 27px; background-size: 100%; }
    .titleThreeStar{ background: url('../images/titleThreeStarMobi.png') no-repeat 0 0; width: 320px; height: 27px; background-size: 100%; }
    .desVideo{font-size: 13px;}
    .title img{width:45%;}
    .titl22ad img{width:75%;}
    .scroller-indicator > li{ width:10px; height: 10px; }
    #box1.cbt2 { margin-top: -53px; }
    .titleBanner { background: url('../images/bgTitleBannerAndroid.png') no-repeat 0px 0px; width: 320px; height: 23px; background-size: 100%; /*top:288px;*/top:293px; }
    .scroller-next, .scroller-prev {width:20px;padding: 12px 0;}
    .infoCo{font-size: 14px;padding: 4px 0px 3px 0px}
    .childInfoCom ul{font-size:12px;}
    .btnEmail2a{    width: 45%; left: 28%;}
    #box1{ margin-top: -2px; z-index: 999; }
    #finishRgi.boxCbt2 img{padding-top: 5px;}
    #box1 .boxCbt .btnInput{ left: 8%; font-size: 11px; height: 9%;}
    .textGmal{font-size: 12px;top:38%}
    #box1 .boxCbt .btnSubmit{ left: 35%; width: 84px; top: 52%;}
    .checkEmailCBT{top:47%}
    .boxCbt .textCode{width: 83%; top: 69%; font-size: 7px; left: 8%;}
    .boxinforCbt{width:320px;}
    .childCbt{font-size:10px;padding:0px 18px 0px 19px}
    .gachaResultText p{margin-bottom: 5px;}
    .cbtChildaa{width:320px;}
    .disEmail{width:320px;}
    .emailExit{font-size:14px;margin: 5px 0;border-radius:5px;width: 90%}
    .boxCbt2 p{font-size:26px;text-shadow: 1px 1px #0f2a5b}
    .boxCbt2 .disEmail p{font-size: 10px;}
    .cbt2 .aLink{border-radius:10px;width: 47%;font-size: 26px;padding: 4%;left:25%;}
    .notChildRe, .boxGacha, .bgLogo{width:320px;}
    .bgGachaTwitter3, .bgGachaTwitter4, .bgGachaTwitter5{ width: 272px; height: 272px; }
    .logoSmall p{width: 320px;}
    .logoSmall p img{width: 20%;}
    .titleImgGacha{ background: url('../images/titleImgGacha.png') no-repeat 0 0; background-size:100%; width: 320px; height: 24px; }
    .boxGachaTop{ padding-top: 5px; }
    .boxCbt2 p.titleCount{margin-bottom: 10px;}
    .btnShareTwitter .submitShare, .btnLP{width:233px;height: 51px;}
    .boxCount{font-size:16px;}
    .boxCount span.textCount{font-size:36px;}
    .boxGachaResult{width:320px;}
    .replayGacha, .numberGacha{font-size:16px;border-radius:5px;border:1px solid #724300 ;box-shadow: 0px 0px 0px 1px #000 inset;
        -webkit-box-shadow: 0px 0px 0px 1px #000 inset;
        -ms-box-shadow: 0px 0px 0px 1px #000 inset;
        -o-box-shadow: 0px 0px 0px 1px #000 inset;
        padding: 2% 2%;text-shadow: 1px 1px #000}
    .level span{font-size:15px;text-shadow: 1px 1px #000;}
    .countTime{width:250px;height: 60px;}
    .countTime p{line-height: 60px;}
    .boxCbt2 p.titleCount, .boxCbt2 p.titleCount2{font-size: 11px;}
    .bgBoxEmail .textIndex img{width:90%}
    .textIndex .aLink1{width:33%;left:2%}
    .textIndex .aLink2{width:26%;left:34%;}
    .detail{left:59%;width: 32%}
    .childAd{left:0%;top:0%}
    #Social .tweetbtn,#Social .fb-like,#Social .line_btn{/*width: 27%;margin-right: 10px;*/}
    .centerBanner{padding:35px 20px 0px 22px;}
    .centerText{padding:35px 20px 0px 22px;}
    .scroller-next{left:86%;}
    .scroller-nav{padding-top: 5px;}
    .scroller-wrapper{min-width: 275px}
    .titleChar{width:320px}
    .childBgChar img{ width: 83%;}
    .childChar3 .childBgChar{top:74px;left:0px}
    .childBgChar .inforAtt img{width:10%;border:0;margin-right: 2%;}
    .inforAtt span{font-size:19px;text-shadow:2px 2px #000}
    .line img{width:100%;}
    .bglogoC img{width:50%;}
    .boxChild1{background:url(../images/bgIndex320.jpg) no-repeat 0 0;width: 320px; height: 533px;}
    .boxInfo, .childFooter, .childInfoCom{width:320px}
    .childTw{width: 310px;padding-top: 20px;}
    .bgFooterCss{ width: 320px; height:131px; }
	.bgHeaderS { background: url('../images/bgHeaderS.png') repeat-x; width: 100%; height: 85px; display: inline-block; background-size: 8px auto; margin-top: 5%; }
	.bgHeaderStore{ /*background: url('../images/bgHeaderCss.png') no-repeat 0 0;*/ background-size: 100%; width: 100%; height: 80px; background-position-y: center; }
	.childHeaderStore{ width: 320px; margin: 0 auto; position: relative; overflow: hidden; margin-top: -04px; }
	.childHeaderStore .linkIOS{ position: absolute; width: 22%; height: 35%; top: 32%; left: 1%; text-indent: -9999px; }
    .childHeaderStore .linkAdr{ position: absolute; width: 22%; height: 35%; top: 32%; left: 26%; text-indent: -9999px; }
    .childHeaderStore .linkYahoo{ position: absolute; width: 31%; height: 33%; top: 33%; left: 51%; text-indent: -9999px; }
	.childHeaderStore .linkHelp{ position: absolute; width: 17%; height: 70%; top: 14%; left: 83%; text-indent: -9999px; }
    .boxInfo{height: 152px;border-bottom: 2px solid #000}
    .bgCenter{ padding: 2%; }
    .btnRemai{height: 55px;}
    .bgGachaResult3, .bgGachaResult4, .bgGachaResult5{ width: 320px; height: 418px; }
    .parrentChar { background: url('../images/bgCharSp320.png') 0 0; width: 320px; height: 2000px; text-align: center; }
    .linkVideo{padding-right: 10px;}
    .title{padding: 1% 0 0 0}
    .index .linkVideo{padding: 0px 0px 5px 0px;width: 320px;}
    .childChar1 .childBgChar{left:0px;top:63px;}
    .childChar1 div{margin-bottom: 6px;}
    .childChar2{padding-top:10px;}
    .childChar2 .childBgChar{top:65px;left:0px;}
    .childChar2 .childBgChar div{margin-bottom: 4px;}
    .childChar3{padding-top: 20px;}
    .childChar3 .childBgChar div{margin-bottom: 4px;}
    .bgTitleCBT{ background: url('../images/bgtitlecbt.png') no-repeat 0 0; background-size: 100%; width: 320px; height: 19px; }
    #finishRgi{ padding-top: 5px; }
    .childFooter .linkIOS{ top: 9px; height: 22%; }
    .childFooter .linkAdr{ top: 9px; height: 22%; }
    .childFooter .linkYahoo{ top: 12px; height: 20%; }
}

@media (min-width:360px) and (max-width:410px){
    .titleFiveStar{ background: url('../images/titleFiveStarMobi.png') no-repeat 0 0; background-size: 100%; width: 360px; height: 27px; }
    .childChar1  div.titleFiveStar, .childChar2  div.titleFourStar ,.childChar2  div.titleThreeStar{ margin-bottom: 0px; }
    .titleFourStar{ background: url('../images/titleFourStarMobi.png') no-repeat 0 0; background-size: 100%; width: 360px; height: 27px; }
    .titleThreeStar{ background: url('../images/titleThreeStarMobi.png') no-repeat 0 0; background-size: 100%; width: 360px; height: 27px; }
    .container-fluid {width: 360px;}
    .topCon{width: 360px}
	.cbt_ios{ width: 44%; position: absolute; left: 4%; top: 13%; }
	.cursor_ios { width: 10%; position: absolute; left: 3%; top: 28%; opacity: 1; }
	.line_link{ width: 32%; position: absolute; left: 7%; top: 23%; }
	.cursor_line { width: 10%; position: absolute; left: 0%; top: 33%; opacity: 1; }
    .bannerRegist { background: url('../images/bannerRegist.png') no-repeat 0 -45px; background-size: 120%; width: 360px; height: 200px; }
    .bannerCBT { background: url('../images/bannerCBT.png') no-repeat 0 -45px; background-size: 120%; width: 360px; height: 200px; }
    .bgBanner{ /*background: url('../images/banner16.png') no-repeat -25px 0;*/ background-size: 100%; width: 360px; /*height: 339px;*/height: 345px; }
    .timeline-div { width: 360px; background-size: 100% 100%; height: 460px; }
    #bannerS{ width: 360px; height: 571px; }
    .centerBanner{padding:35px 20px 0px 20px;}
    .centerText{padding:35px 20px 0px 20px;}
    .scroller-nav{padding-top: 4px;}
    .boxBanner{}
    .slider01 span, .slider02 span, .slider03 span, .slider04 span, .slider05 span{ width: 314px; height: 467px; }
    .titileGachaTT{ background: url('../images/titilegachaTTMobi.png') no-repeat 0 0; background-size: 100%; width: 360px; height: 22px; }
    #boxPoint{ width: 360px; height: 660px; }
    .telGad{padding:10px 0px 5px 0px}
    .ttAD{width: 360px;}
    .ttAD img{width:85%}
    .cbt2 .aLinkCBT{ width: 45%; left: 27%;}
    .bgCont2, .linkVideo, .boxAds, #Social, .btn_bkgacha{ width: 360px; }
	.btn_bkgacha img { width: 40%; }
    .linkVideo{padding-right: 10px;}
    .index .linkVideo{padding:0px 0px 5px 0px}
    .childTw img{width:35%;}
    .twitter-box{width: 100%; margin-top: 5px; height: 370px}
    .linkVideo img{width:50%;}
    .bgBoxEmail img{width:100%;}
    .childAd{ top: 0%; left: 0%;}
    .bgBoxEmail .textIndex img{width:90%;}
    .bgAd23{ width: 100%; left: 0%; top: 54%;}
    .linkGame{top:80%;}
    #box1 .btnInput{ top: 43%; left: 7%; width: 84%; height: 10%; font-size: 7px; border-radius:5px; font-size: 14px; }
    .formatEmail{ font-size: 12px; left:7%}
    .textIndex{left:7%}
    .textIndex .aLink1{width:33%;}
    #box1 .btnSubmit{ width: 92px; top: 60%; left: 36%;height: 12%}
    .textIndex .aLink2{}
    .textCode{ width: 84%; top: 73%; font-size: 10px; left: 7%; }
    .desVideo{font-size: 13px;}
    .title img{width:36%;}
    .titl22ad img{width:76%}
    .scroller-indicator > li{ width:10px; height: 10px; }
    .scroller-next, .scroller-prev {width:20px;padding: 12px 0;}
    .scroller-next{left: 89%;}
    .infoCo{font-size: 12px;padding: 5px 0px 4px 0px}
    .textInfo{font-size: 10px;}
    .btnEmail2a{ left: 26%; width: 46%;}
    #box1 .boxCbt .btnInput{ left: 8%; font-size: 11px; height: 9%;}
    .textGmal{font-size: 14px;top:38%}
    .checkEmailCBT{font-size: 11px; top: 46%; left: 8%;}
    #box1 .boxCbt .btnSubmit{ left: 37%; width: 83px; top: 50%;}
    .boxCbt .textCode{width: 83%; top: 62%; font-size: 10px; left: 8%;}
    .boxinforCbt{width:360px;}
    .childCbt{font-size:11px;padding:0px 20px 0px 21px}
    .gachaResultText p{margin-bottom: 5px;}
    .cbtChildaa{width:360px;}
    .disEmail{width:360px;}
    .emailExit{font-size:14px;margin: 4px 0;border-radius: 5px;width: 90%;}
    .boxCbt2 p{font-size:11px;text-shadow:1px 1px #0f2a5b}
    .cbt2 .aLink{border-radius:10px;width: 47%;font-size: 26px;padding: 4%;left:25%;}
    .bgCenter .childTw img{width:80%;}
    .notChildRe, .boxGacha, .bgLogo{width:360px;}
    .bgGachaTwitter3, .bgGachaTwitter4, .bgGachaTwitter5{ width: 306px; height: 306px; }
    .btnShareTwitter .submitShare, .btnLP{width:233px;height: 51px;}
    .logoSmall p{width: 360px;}
    .logoSmall p img{width:20%;}
    .titleImgGacha{ background: url('../images/titleImgGacha.png') no-repeat 0 0; background-size:100%; width: 360px; height: 26px; }
    .boxGachaTop{ padding-top: 5px; }
    .boxCbt2 p.titleCount{margin-bottom: 10px;}
    .boxCount{font-size:16px;}
    .boxCount span.textCount{font-size:36px;}
    .boxGachaResult{width:360px;}
    .replayGacha, .numberGacha{font-size:15px;border-radius:5px;border:1px solid #724300 ;box-shadow: 0px 0px 0px 1px #000 inset;
        -webkit-box-shadow: 0px 0px 0px 1px #000 inset;
        -ms-box-shadow: 0px 0px 0px 1px #000 inset;
        -o-box-shadow: 0px 0px 0px 1px #000 inset; padding: 2% 2%;text-shadow: 1px 1px #000}
    .level span{font-size:17px;text-shadow: 1px 1px #000}
    .boxGachaResult .boxAtt{left:12%;}
    .countTime{width:261px;height: 64px;}
    .countTime p{font-size: 28px;}
    .countTime p{line-height: 64px;}
    .boxCbt2 p.titleCount, .boxCbt2 p.titleCount2{font-size: 12px;}
    .detail{left:60%;width: 30%;}
    #Social .tweetbtn{35%;}
    .titleChar{width:360px}
    .childBgChar img{ width: 84%;}
    .childChar3 .childBgChar{top:7%}
    .childBgChar .inforAtt img{width:10%;border:0}
    .inforAtt span{font-size:19px;text-shadow:2px 2px #000}
    .bglogoC img{width:50%;}
    .line img{width:100%;}
    .boxInfo, .childInfoCom, .childFooter{width:360px;}
    .childTw{width: 350px;padding-top: 25px;}
    .bgFooterCss{ width: 360px; height: 148px; }
	.bgHeaderS{ background: url('../images/bgHeaderS.png') repeat-x; width: 100%; height: 87px; display: inline-block; background-size: 9px auto; margin-top: 3%; }
	.bgHeaderStore{ /*background: url('../images/bgHeaderCss.png') no-repeat 0 0;*/ background-size: 100%; width: 100%; height: 85px; margin-top: -3px; background-position-y: center }
	.childHeaderStore{ width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
    .childHeaderStore .linkIOS{ position: absolute; width: 22%; height: 35%; top: 32%; left: 1%; text-indent: -9999px; }
    .childHeaderStore .linkAdr{ position: absolute; width: 22%; height: 35%; top: 32%; left: 26%; text-indent: -9999px; }
    .childHeaderStore .linkYahoo{ position: absolute; width: 31%; height: 33%; top: 33%; left: 51%; text-indent: -9999px; }
    .childHeaderStore .linkHelp{ position: absolute; width: 17%; height: 70%; top: 14%; left: 83%; text-indent: -9999px; }
    .boxInfo{height: 169px;border-bottom: 2px solid #000}
    .boxChild1{background: url(../images/bgIndex414.jpg) no-repeat 0 0; width: 360px; height: 600px}
    .btnShareTwitter .btnRemai{height: 55px;}
    #box1.cbt2 { margin-top: -53px; }
    .bgTitleCBT{ background: url('../images/bgtitlecbt.png') no-repeat 0 0; background-size: 100%; width: 360px; height: 23px; }
    #finishRgi{ padding-top: 5px; }
    #finishRgi.boxCbt2 img { padding-top: 5px; }
    .titleBanner{ background: url('../images/bgTitleBannerAndroid.png') no-repeat 0px 0px; background-size: 100%; width: 360px; height: 26px; /*top:323px;*/top:330px; }
    #box1{ margin-top: 6px; z-index: 9998; }
    .bgGachaResult3, .bgGachaResult4, .bgGachaResult5{ width: 360px; height: 472px; }
    .parrentChar{ background: url('../images/bgCharSp360.png') 0 0; width: 360px; height: 2250px; }
    .childChar1 .childBgChar{ top: 67px; left: 0%;}
    .childChar1 div{margin-bottom: 5px}
    .childChar2{padding-top: 19px;}
    .childChar2 .childBgChar div{margin-bottom: 5px;}
    .childChar2 .childBgChar{top:75px;left:0px;}
    .childChar3{padding-top: 25px;}
    .childChar3 .childBgChar div{margin-bottom: 5px;}
    .childChar3 .childBgChar{top:83px;left:0px;}
    .childFooter .linkIOS{ top: 9px; height: 22%; }
    .childFooter .linkAdr{ top: 9px; height: 22%; }
    .childFooter .linkYahoo{ top: 12px; height: 20%; }
}

@media (min-width:411px) and (max-width:630px){
    .titileGachaTT{ background: url('../images/titilegachaTTMobi.png') no-repeat 0 0 ; width: 414px; height: 32px; background-size: 100%; }
    .container-fluid {width: 414px;}
    .bannerRegist { background: url('../images/bannerRegist.png') no-repeat 0 -45px; width: 414px; height: 200px; background-size: 120%; }
    .bannerCBT { background: url('../images/bannerCBT.png') no-repeat 0 -45px; width: 414px; height: 200px; background-size: 120%; }
    .bgBanner { /*background: url('../images/banner16.png') no-repeat -29px 0;*/ width: 414px; /*height: 391px;*/height: 406px; background-size: 100%; }
    .timeline-div { width: 414px; background-size: 100% 100%; height: 554px; }
    #bannerS{ width: 414px; height: 657px; }
    .centerBanner{padding: 38px 30px 0px 28px}
    .centerText{padding: 38px 30px 0px 28px}
    #boxPoint{ width: 414px; height: 755px; }
    .slider01 span, .slider02 span, .slider03 span, .slider04 span, .slider05 span{ width: 356px; height: 532px; }
    .ttAD{width: 414px;}
    .telGad{padding:10px 0px 5px 0px}
    .ttAD img{width:85%}
    .topCon{width:414px;}
	.cbt_ios{ width: 43%; position: absolute; left: 4%; top: 13%; }
	.cursor_ios { width: 10%; position: absolute; left: 3%; top: 27%; opacity: 1; }
	.line_link{ width: 33%; height: 15%; position: absolute; left: 7%; top: 23%; }
	.cursor_line { width: 10%; position: absolute; left: 0%; top: 33%; opacity: 1; }
    .linkVideo{padding-right: 10px;}
    .bgCont2, .linkVideo, .boxAds, #Social, .btn_bkgacha{ width: 414px; }
    .childTw img{width:35%;}
    .twitter-box{width:98%;margin-top: 5px;height: 410px;}
    .linkVideo img{ width: 50%; }
	.btn_bkgacha img{ width: 40%; }
    .index .linkVideo{ padding:0px 0px 5px 0px; }
    .bgBoxEmail img{ width: 87%; }
    .bgAd23{ top:54%; left:6% ;width: 88%; }
    #box1 .btnInput{ top: 43%; left: 13%; width: 72%; height: 10%; font-size: 13px; border-radius:5px; }
    #box1 .btnSubmit{ width:95px; top:59%; left:38%; height: 13%; }
    .formatEmail{font-size: 11px;left:13%}
    .textCode{ width: 70%; top: 73%; font-size: 10px; left: 13%; }
    .desVideo{font-size: 13px;}
    .title img{width:40%;}
    .titl22ad img{width:80%;}
    .scroller-indicator > li{ width:10px; height:10px; }
    .scroller-nav{padding-top: 10px;}
    .scroller-next, .scroller-prev {width:20px;padding: 12px 0}
    .scroller-next{left:89%}
    .infoCo{font-size: 14px;padding: 5px 0px 3px 0px}
    .textInfo{font-size: 12px;}
    .btnEmail2a{ width: 38%; left: 32%; top: 81%; }
    #box1.cbt2 { margin-top: -23px; }
    #finishRgi.boxCbt2 img { padding-top: 5px; }
     .titleBanner{ background: url('../images/bgTitleBannerAndroid.png') no-repeat 0px 0px; width: 411px; height: 30px; background-size: 100%; /*top:371px;*/top:383px; }
    #box1{ margin-top: 2px; z-index: 9998; }
    #box1 .boxCbt .btnInput{ left: 8%; font-size: 11px; height: 9%; }
    .textGmal{font-size: 14px;}
    #box1 .boxCbt .btnSubmit{ left: 35%; width: 98px; top: 49%; }
    .checkEmailCBT{ font-size: 14px; top: 47%; left: 8%; }
    .boxCbt .textCode{ width: 83%; top: 63%; font-size: 12px; left: 8%; }
    .boxinforCbt{width:411px;}
    .childCbt{font-size:12px;padding:0px 23px 0px 24px}
    .gachaResultText p{margin-bottom: 5px;}
    .cbtChildaa{width:411px;}
    .disEmail{width:411px;}
    .emailExit, .boxCbt2 p{font-size:14px}
    .emailExit{margin: 5px 0;border-radius: 5px;width: 90%;}
    .boxCbt2 p{text-shadow:1px 1px #0f2a5b;}
    .cbt2 .aLink{border-radius:10px;width: 47%;font-size: 26px;padding: 4%;left:25%;}
    .notChildRe, .boxGacha, .bgLogo{width:414px;}
    .bgGachaTwitter3{ width: 352px; height: 352px; }
    .bgGachaTwitter4{ width: 352px; height: 352px; }
    .bgGachaTwitter5{ width: 352px; height: 352px; }
    .btnShareTwitter .submitShare, .btnLP{width:233px;height: 51px;}
    .boxCount{font-size:16px;}
    .boxCount span.textCount{font-size:36px;}
    .boxGachaResult{width:414px;}
    .replayGacha, .numberGacha{font-size:21px;border-radius:5px;border:1px solid #724300 ;box-shadow: 0px 0px 0px 1px #000 inset;
        -webkit-box-shadow: 0px 0px 0px 1px #000 inset;
        -ms-box-shadow: 0px 0px 0px 1px #000 inset;
        -o-box-shadow: 0px 0px 0px 1px #000 inset; padding: 2% 2%;text-shadow: 1px 1px #000}
    .level span{font-size:17px;text-shadow: 1px 1px #000}
    .cbt2 .aLinkCBT{ width: 45%; left: 27%;}
    .countTime{width:316px;height: 75px;}
    .countTime p{font-size: 32px;}
    .countTime p{line-height: 75px;}
    .logoSmall p{width: 411px;}
    .logoSmall p img{width:20%;}
    .titleImgGacha{ background: url('../images/titleImgGacha.png') no-repeat 0 0; background-size:100%; width: 411px; height: 26px; }
    .boxGachaTop{ padding-top: 5px; }
    .boxCbt2 p.titleCount{margin-bottom: 10px;}
    .boxCbt2 p.titleCount, .boxCbt2 p.titleCount2{font-size: 15px;}
    .bgBoxEmail .textIndex img{width:90%}
    .textIndex .aLink1{width:34%;left:2%}
    .textIndex .aLink2{width:27%;left:34%;}
    .textIndex{top:75%;left:7%}
    .detail{left:59%;width: 27%}
    .childAd{left:0%;top:0%;}
    .titleChar{width:360px}
    .childBgChar img{ width: 84%;}
    .childChar3 .childBgChar{top:7%}
    .childBgChar .inforAtt img{width:10%;border:0}
    .inforAtt span{font-size:19px;text-shadow:2px 2px #000}
    .bglogoC img{width:50%;}
    .line img{width:100%;}
    .boxInfo, .childInfoCom,.childFooter{width:414px;}
    .childTw{width: 100%;padding-top: 20px;}
    .bgFooterCss{ width: 384px; height: 158px; }
	.childFooter .linkIOS{ position: absolute; width: 27%; height: 22%; top: 3%; left: 2%; text-indent: -9999px; }
    .childFooter .linkAdr{ position: absolute; width: 27%; height: 22%; top: 3%; left: 32%; text-indent: -9999px; }
    .childFooter .linkYahoo{ position: absolute; width: 35%; height: 22%; top: 3%; left: 62%; text-indent: -9999px; }
	.childFooter .linkGame{ position: absolute; width: 22%; height: 9%; top: 76%; left: 46%; text-indent: -9999px; }
	.bgHeaderS { background: url('../images/bgHeaderS.png') repeat-x; width: 100%; height: 105px; display: inline-block; background-size: 10px auto; margin-top: 2%; }
    .bgHeaderStore{ /*background: url('../images/bgHeaderCss.png') no-repeat 0 0;*/ background-size: 100%; width: 100%; height: 106px; margin-top: -3px; background-position-y: center }
    .childHeaderStore{ width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
    .childHeaderStore .linkIOS{ position: absolute; width: 22%; height: 35%; top: 32%; left: 1%; text-indent: -9999px; }
    .childHeaderStore .linkAdr{ position: absolute; width: 22%; height: 35%; top: 32%; left: 26%; text-indent: -9999px; }
    .childHeaderStore .linkYahoo{ position: absolute; width: 31%; height: 33%; top: 33%; left: 51%; text-indent: -9999px; }
    .childHeaderStore .linkHelp{ position: absolute; width: 17%; height: 70%; top: 14%; left: 83%; text-indent: -9999px; }
    .boxInfo{height: 169px;border-bottom: 2px solid #000}
    .boxChild1{background: url(../images/bgIndex414.jpg) no-repeat 0 0;width: 414px;height: 600px}
    .bgCenter{ padding: 2%; }
    .childFooter{padding:1% 2%}
    .btnShareTwitter .btnRemai{height: 55px;}
    .bgCenter .childTw img{width:85%;}
    .bgGachaResult3, .bgGachaResult4, .bgGachaResult5{ width: 414px; height: 543px; }
    .parrentChar{ background: url('../images/bgCharSp414.png') 0 0; width: 414px; height: 2600px; }
    .childChar1 .childBgChar{ top:80px; left: 0%;}
    .childChar1 div{margin-bottom: 5px}
    .childChar2{padding-top: 29px;}
    .childChar2 .childBgChar div{margin-bottom: 5px;}
    .childChar2 .childBgChar{top:101px;left:0px;}
    .childChar3{padding-top: 27px;}
    .childChar3 .childBgChar div{margin-bottom: 5px;}
    .childChar3 .childBgChar{top:98px;left:0px;}
    .titleFiveStar{ background: url('../images/titleFiveStarMobi.png') no-repeat 0 0; background-size: 100%; width: 414px; height: 33px; }
    .childChar1  div.titleFiveStar, .childChar2  div.titleFourStar ,.childChar2  div.titleThreeStar{ margin-bottom: 0px; }
    .titleFourStar{ background: url('../images/titleFourStarMobi.png') no-repeat 0 0; background-size: 100%; width: 414px; height: 34px; }
    .titleThreeStar{ background: url('../images/titleThreeStarMobi.png') no-repeat 0 0; background-size: 100%; width: 414px; height: 33px; }
    .bgTitleCBT{ background: url('../images/bgtitlecbt.png') no-repeat 0 0; background-size: 100%; width: 414px; height: 27px; }
    #finishRgi{ padding-top: 5px; }
}

@media (min-width:640px) and (max-width:760px){
    .bgTitleCBT{ background: url('../images/bgtitlecbt.png') no-repeat 0 0 ; width: 640px; height:42px; background-size: 100%; }
    .titileGachaTT{ background: url('../images/titilegachaTTMobi.png') no-repeat 0 0 ; width: 640px; height: 44px; background-size: 100%; }
    .container-fluid, .boxInfo {width: 640px;}
    .bgBanner { background: url('../images/banner16.png') no-repeat -5px 0; width: 640px; /*height: 607px;*/height: 553px; background-size: 110%; }
    .timeline-div { width: 640px; background-size: 65%; height: 553px; }
    .childTw{width: 620px;padding-top: 20px;}
    .boxInfo {height: 303px;}
    .telGad{padding:10px 0px 5px 0px;}
    .ttAD{width: 640px;}
    .ttAD img{width:85%}
    .line img{width:60%;}
    .bgCont2, .linkVideo, .boxAds, #Social{width:640px;}
    .bgCenter .childTw img{width:70%;}
    .twitter-box{width:98%;height: 385px;}
    .linkVideo img{ width: 50%; }
	.btn_bkgacha img{ width: 33%; }
    .bgBoxEmail img{width:100%;}
    .bgCenter{ padding: 2%; }
    .childAd{top: 3%; left: 7%;}
    .bgAd23{top: 55%; width: 100%; left: 0%;}
    #box1 .btnInput{ top: 43%; left: 7%; width: 84%; height: 10%; font-size: 15px; }
    .titleImgGacha { background: url('../images/titleImgGacha.png') no-repeat 0 0; width: 640px; height: 49px; background-size: 100%; }
    #box1 .btnSubmit{width:147px;top:60%;left:38%;height: 60px}
    .formatEmail{ font-size: 14px; top: 54%;left:8%}
    .textCode{ width: 86%; top: 74%; font-size: 19px; left: 7%; }
    .desVideo{font-size: 13px;}
    .title img{width:40%;}
    .titl22ad img{width:80%;}
    #box1{margin-top:20px;}
    .bannerRegist { background: url('../images/bannerRegist.png') no-repeat 0 -97px; width: 640px; height: 316px; background-size: 120%; }
    .bannerCBT{ background: url('../images/bannerCBT.png') no-repeat 0 -97px; width: 640px; height: 316px; background-size: 120%; }
    .titleBanner{ background: url('../images/bgTitleBannerAndroid.png') no-repeat 0px 0px; width: 640px; height: 47px; background-size: 100%; /*top:580px;*/top:546px; }
    .scroller-next, .scroller-prev {width:40px;}
    .infoCo{font-size: 18px;}
    .textInfo{font-size: 12px;}
    .btnEmail2a{width:45%;left:28%;}
    #box1 .boxCbt .btnInput{left:9%;font-size: 20px;}
    #box1 .boxCbt .btnSubmit{left:40%;width: 136px;top:49%}
    .checkEmailCBT{top:45%;left:10%;}
    .boxCbt .textCode{width: 83%;left:8%;font-size: 18px;}
    .notChildRe, .boxGacha, .bgLogo{width:640px;}
    .boxCount{font-size:38px;}
    .cbt2 .aLink{top: 76%; width: 50%; padding: 1%; left: 23%; font-size: 48px;}
    .cbt2 .aLinkCBT{ width: 45%; left: 27%;}
    .bgBoxEmail .textIndex img{width:90%}
    .textIndex{left:7%}
    .textIndex .aLink1{width:33%;left:2%}
    .textIndex .aLink2{width:27%;left:33%;}
    .boxChild1{width:640px;background: url('../images/bgIndex640.jpg') no-repeat 0 0;height: 1050px;}
    .childAd{left:0%;top:0%}
    .detail{width:30%;left:60%;}
    .replayGacha, .numberGacha{padding:2% 2%}
    .emailExit{width: 90%;}
    .titleFiveStar{ background: url('../images/titleFiveStarMobi.png') no-repeat 0 0; width: 640px; height: 49px; background-size: 100%; }
    .childChar1  div.titleFiveStar, .childChar2  div.titleFourStar ,.childChar2  div.titleThreeStar{ margin-bottom: 0px; }
    .titleFourStar{ background: url('../images/titleFourStarMobi.png') no-repeat 0 0; width: 640px; height: 49px; background-size: 100%; }
    .titleThreeStar{ background: url('../images/titleThreeStarMobi.png') no-repeat 0 0; width: 640px; height: 49px; background-size: 100%; }
    .parrentChar { background: url('../images/bgCharSp640.png') 0 0; width: 640px; height: 3900px; text-align: center; }
    .childChar1 .childBgChar{ position: absolute; top: 109px; left: 54px; }
    .bgCharStar{ width: 98%; }
    .childChar2{padding-top: 32px;}
    .childChar2 .childBgChar{ position: absolute; top: 140px; left: 54px; }
    .childChar2 .childBgChar div{margin-bottom: 12px; }
    .childChar3 .childBgChar{ position: absolute; top: 145px; left: 54px; }
    .childChar3 .childBgChar div{margin-bottom: 10px;}
}