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

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


.img100{
    width:100%;
    height:auto;
}

.w300px{
    display:block;
    margin:0 auto;
    width:93.75%;
    height:auto;
}

.marqueestyle{
    font-size:14px;
    height:1.5em;
    background-color:#ff678b;
    color:#FFFFFF;
    padding:2px 0;
}

.m_btn_tx{
    text-align:center;
    color:#ff0084;
    line-height:1.3em;
    font-weight:bold;
    margin-bottom:3px;
}

.m_btn{
    display:block;
    margin:0 auto;
    width:89.6875%;
    height:auto;
}

.title{
    font-family:Meiryo;
    font-size:19px;
    font-weight:bold;
    text-align:center;
    color:#FFFFFF;
    text-shadow: 2px 2px 2px #ef007c,
    -2px 2px 2px #ef007c,
    2px -2px 2px #ef007c,
    -2px -2px 2px #ef007c;
}

.smfont{
    font-size:50%;
}

.titleback1{
	background-image:url(../images/background1.png);
    background-repeat:repeat;
    -webkit-background-size:16px 16px;
    background-size:16px 16px;
    padding:10px;
}

.titleback2{
	background-image:url(../images/background2.png);
    background-repeat:repeat;
    -webkit-background-size:16px 16px;
    background-size:16px 16px;
    padding:10px;
}

.titleback3{
	background-image:url(../images/background3.png);
    background-repeat:repeat;
    -webkit-background-size:16px 16px;
    background-size:16px 16px;
    padding:10px;
}


.storyline{
    font-size:14px;
    color:#ff0066;
    display:block;
    padding:5px 0 10px;
    margin:0 auto;
    width:93.75%;
    height:auto;
    line-height:1.3em;
}

.back_grad1{
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #fffcc7, #ffffff);
    background-image: -webkit-linear-gradient(top, #fffcc7, #ffffff);
    background-image: linear-gradient(top, #fffcc7, #ffffff);
}

.back_grad2{
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #fee4e3, #ffffff);
    background-image: -webkit-linear-gradient(top, #fee4e3, #ffffff);
    background-image: linear-gradient(top, #fee4e3, #ffffff);
}

.m_com img{
    vertical-align:bottom;
}

.acomicdiv{
	position:relative;
	width:100%;
	height:100%;
}

/*---margin_padding---*/

.mar_t_5{
    margin-top:5px;
}

.mar_t_15{
    margin-top:15px;
}

.mar_b_15{
    margin-bottom:15px;
}

.pad_t_10{
    padding-top:10px;
}

.pad_t10_b_13{
    padding:10px 0 13px;
}

/*---margin_padding---*/


/*---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---*/


.kiyaku{
    margin:20px 0 0 10px;
    font-size:12px;
    color:#ff0084;
    line-height:1.3em;
}


#credit_title{
	font-size:12px;
	color:#ff218a;
    margin:10px 0 0 10px;
}



footer{
	height:25px;
    background-color:#ff008a;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	margin-top:15px;
	padding-top:10px;
}

/*mainstory animation*/

.acomicdiv{
	position:relative;
	width:100%;
	height:100%;
}

.acomic_main{
	position:relative;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}

.acomicdiv .acomic{
	position:absolute;
	top:0%;
	left:0%;
	display:none;
}