@charset "utf-8";
/* CSS Document */

body {
    background: #fff;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    font-size:16px;
}

.top_img ,.highlight img ,.m_com img {
    width: 100%;
    height: auto;
    vertical-align:bottom;
}

.chara_siz{
    display:block;
    margin:0 auto;
    width:96.5625%;
    height:auto;
    vertical-align:bottom;
}

.character_h{
    width: 100%;
    height: auto;
    vertical-align:bottom;
    margin:10px 0;
}

.chara_mar{
    margin:5px 0;
}

.m_com{
    margin-top:10px;
}

.t_next{
    display:block;
    margin:5px auto;
    width: 66.875%;
    height:auto;
    
}

.r_btn{
    display:block;
    margin:0 auto;
    width:90.3125%;
    height:auto;
}

.headline_hig {
    width:100%;
    height:auto;
    margin-top:20px;
    vertical-align:bottom;
}

.highlight_mor{
    vertical-align:bottom;
    margin:0;
    width:100%;
    height:auto;
}

/*---review---*/

#reviewwrap{
	background-color:#FFF;
	margin: 20px 5px 5px ;
	background-color: #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

#reviewtop{
	font-size:15px;
	background-color:#e3d7a5;
	padding: 15px 10px 10px 10px;
}

.reviewtopstarposition1{
	float:left;
}

.reviewtopstarposition2{
	margin-top:-6px;
}

.reviewtoptextsub{
	margin-top:-3px;
	clear:both;
	font-size:12px;
}

.review{
	border-bottom: 1px solid #CCC;
	padding: 12px 10px 10px 10px;
}

.reviewtitle{
	font-size:14px;
	font-weight:bold;
	float:left;
}

.review_img{
    margin:10px 0;
}

.reviewstar{
	float:right;
	margin-top:-5px;
}

.reviewend{
	padding: 12px 10px 15px 10px;
}

.review_open{
	font-size:14px;
	padding-top:8px;
	clear:both;
	margin-bottom:15px;
	line-height:1.3em;
}

.review_open a{
    font-size:14px;
    color:#FF2BA8;
    text-decoration:underline;  
}

#att{
	font-size:9px;
	color:#F8B6D9;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	line-height:1;
}


/*---review---*/

/*---animation---*/

            .pop{
                -webkit-animation-name:pop;
                -webkit-animation-property:-webkit-transform;
                -webkit-animation-duration:780ms;
                -webkit-animation-iteration-count:infinite;
                -webkit-transform-origin:center bottom;
                animation-name: pop;
                animation-duration:780ms;
                animation-iteration-count:infinite;
                transform-origin:center bottom;
            }
            @-webkit-keyframes pop{
                0%{-webkit-transform:scale(1,1);}
            50%{-webkit-transform:scaleX(0.8);}
            }
            @keyframes pop{
                0%{transform:scale(1,1);}
            50%{transform:scaleX(0.8);}
            }
			

/*---animation---*/


footer{
	height:22px;
    background-color:#4e4e4e;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	margin-top:0px;
	padding-top:0px;
}

#credit_title{
	height:22px;
	font-size:12px;
	color:#ff218a;
	margin-top:15px;
	padding-top:7px;
	margin-bottom:0;
	padding-bottom::0;
}

#scroll_bannar{
	width:100%;
	position:fixed;
	bottom:0px;
	opacity:0;
	animation-name:scroll_anime;
	animation-duration:0.8s;
	animation-timing-function:ease;
	animation-delay:0;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	-webkit-animation-name:scroll_anime;
	-webkit-animation-duration:0.8s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay:0;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}

@-webkit-keyframes scroll_anime{
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes scroll_anime{
	0% {opacity:0;}
	100% {opacity:1;}
}