*{margin:0;padding:0;box-sizing:border-box;}
html{margin:0;padding:0;height:100%;}
header, footer, aside, nav, section,article,time,figure,label{display:block;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol{list-style:none;}
a{outline:none;text-decoration:none;transition:0.5s;}
a img{border:0;}
img{display:block;}
fieldset{border:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
body{margin:0;padding:0;height:100%;background:#f0f0f0;font-size:12px;color:#555;font-family:sans-serif;-webkit-text-size-adjust:100%;}
.wrap{margin:0 auto;width:100%;max-width:750px;background:#fff;}

@media screen and (max-width:999px){
}

.txt-none{
    text-indent: 120%;
    overflow: hidden;
    white-space: nowrap;
}
.none{
    display: none;
}
/*Header
------------------------------------------------------------*/
.head-bar{
    height: 45px;
    background: url(../images/header-txt.png) no-repeat 0 center,#fb2d63;
    background-size: contain;
}
.top-img {
    width: 100%;
    height: auto;
    display: block;
}

/*Contents
------------------------------------------------------------*/
.contents{padding:0 20px;}

.app_head{
    padding:15px;
    position:relative;
    background:url(../images/icon-wish.png) no-repeat right 15px top 15px;
    background-size:12px 16px;
}
.app-icon-figure{
    padding:0 10px 0 0;
    float: left;
}
.app-icon{
    width:88px;
    display:block;
}
.app-header{
    margin: 0 0 0 98px;
}
.app-title{
    padding: 0 15px 0 0;
    font-size:14px;
    line-height:20px;
    color: #fb2d63;
    font-weight: bold;
}
.app_head header p{font-size:12px;line-height:20px;}
.age{
    width:30px;
    line-height:18px;
    font-size:11px;
    text-align:center;
    color: #fb2d63;
    border:1px solid #fb2d63;
    display:block;
}
.app_head nav{
    width:100%;
}
.install-short{
    margin:0 0 0 auto;
    width:120px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#fff;
    background:#fb2d63;
    display:block;
    border-radius:4px;
}

.app_contents{
    padding: 20px 0 0;
    margin: 0 15px 20px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.app_contents ul{display:flex;}
.app_contents ul li{flex-basis:25%;text-align:center;}
.app_contents .icon{
    margin:0 auto;
    width:60px;
    height:60px;
}
.icon-dl{
    background: url(../images/icon-dl.png) no-repeat 0 0;
    background-size: contain;
}
.icon-rate{
    background: url(../images/icon-rate.png) no-repeat 0 0;
    background-size: contain;
}
.icon-sns{
    background: url(../images/icon-sns.png) no-repeat 0 0;
    background-size: contain;
}
.icon-heart{
    background: url(../images/icon-heart.png) no-repeat 0 0;
    background-size: contain;
}

.app_contents ul li p{padding:5px 0 10px 0;font-size:11px;line-height:12px;}
.rate-user{
    padding: 0 12px;
    background: url("../images/review_s.png") no-repeat right;
    background-size: auto auto;
    background-size: 9px;
}
.app_desc{padding:0 0 20px 0;font-size:14px;line-height:18px;background:#fff;text-align:center;}

.screen_shot{
    padding:0 0 20px;
    margin: 0 15px 20px;
    display:flex;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    justify-content:space-between;
    border-bottom: 1px solid #999;
}
.screen_shot figure{padding:0 5px;}
.screen_shot figure img{width:160px;height:auto;}

.howto{
    margin: 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #999;
}
.howto header h1{padding:0 0 10px 0;font-size:20px;color:#333;text-align:center;font-weight:bold;}
.howto article{
    margin: 0 0 30px;
    display:flex;
}
.howto article figure{width:160px;flex-grow:0;flex-shrink:0;position:relative;}
.howto-img{
    width:160px;
    height:auto;
}
.howto-install{
    width:150px;
    height:40px;
    line-height:40px;
    font-size:14px;
    text-align:center;
    color:#fff;
    background:#fb2d63;
    display:block;
    border-radius:4px;
}
.howto article figure span{position:absolute;}
.apk-dl{
    top: 36px;
    left: 8px;
    font-size: 6px;
}
.pkg_detail{
    top:4px;
    left:6px;
    display:flex;
    align-items:center;
    font-size:8px;
}
.pkg_detail img{
    margin:0 8px 0 0;
    width:12px;
    height:12px;
}
.howto article p{padding:0 10px 0 0;flex-basis:100px;font-size:14px;line-height:20px;flex-grow:1;flex-shrink:0;}

.howto2{
    margin: 15px 0 20px;
    padding: 15px;
    background: #eee;
}
.howto-head{
    margin: 0 0 20px;
    text-align: center;
}
.howto-alert{
    padding: 0 0 0 35px;
    display: inline-block;
    font-size: 16px;
    position: relative;
}
.howto-alert::before{
    content: "";
    width: 29px;
    height: 26px;
    background: url(../images/icon-alert.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.howto article figure.howto2-figure{
    width: 150px;
}
.howto2-img{
    width: 150px;
    height: auto;
}
.install-btn{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:18px;
    text-align:center;
    color:#fff;
    background:#fb2d63;
    display:block;
    border-radius:8px;
}

.review{padding:20px;}
.review article{
    padding:0 0 20px 0;
}
.review article:nth-last-child(1){box-shadow:0 1px 0 rgba(0,0,0,0.1);}
.review article header{padding:0 0 10px 58px;position:relative;}
.review article figure{width:48px;height:48px;overflow:hidden;border-radius:50%;order:1;position:absolute;left:0;top:0;}
.review article figure img{width:100%;height:auto;display:block;}
.review article h2{
    padding:4px 0;
    font-size: 14px;
    line-height:20px;
}
.review article header p{
    line-height:20px;
    font-size:12px;
    color: #909090;
}
.star{
    color: #ffb931;
    font-size: 14px;
}
.rev_comm{padding:0 0 0 58px;font-size:14px;line-height:18px;}

.review_head{padding:0 0 20px 0;display:flex;}
.review_head h2{font-size:54px;line-height:54px;}
.review_head div{padding:5px 10px 0 10px;}
.review_head div p{height:20px;line-height:28px;position:relative;}

.bottom_btn{padding:20px 0;text-align:cenetr;}
.bottom_btn a{margin:0 auto;width:300px;height:155px;background:url(../images/bg_bottom_btn.png) no-repeat 0 0;background-size:300px 155px;display:block;overflow:hidden;animation:jerry 2s ease 0s infinite;}
.bottom_btn a span{padding:155px 0 0 0;display:block;}

@keyframes jerry{
0% {transform:scale(1);}
50% {transform:scale(1.1);}
100% {transform:scale(1);}
}

#footer{clear:both;}
#footer ul{display:flex;}
#footer ul li{padding:20px 0 20px 0;flex-basis:50%;text-align:center;background-repeat:no-repeat;background-position:center top;}
#footer ul li:nth-of-type(1){background-image:url(../images/wish_foot.png);background-size:13px 17px;}
#footer ul li:nth-of-type(2){background-image:url(../images/share.png);background-size:12px 14px;}
#footer small{padding:20px 0;line-height:20px;text-align:center;background:#e0e0e0;color:#999;font-size:12px;display:block;}