/*　--------------------
全般
--------------------  */
body {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #272523;
    background-image: url(../img/bg.jpg);
	background-size:cover;
    background-attachment:fixed;
	line-height: 1.3;
    }


a {
    text-decoration: none;
    color: #272523;
    }

.txt-link {
    color: #fe4b8f;
    text-decoration: underline;
    font-weight: 600;
    }


.txt9 {
    font-size: .9em
    }

.txt8 {
    font-size: .8em;
    }

.txt7 {
    font-size: .7em;
    }

.txt6 {
    font-size: .6em;
    }

.txt5 {
    font-size: .5em;
    }

.txt12 {
    font-size: 1.2em;
    }


.line-through {
    text-decoration: line-through;
    }

.attention {
    color: #e10000;
    }

.SP {
    display: none;
    }

.bld {
    font-weight: 700;
    font-size: 1.1em;
    }

.indent {
    padding-left: 1em;
    display: inline-block;
    }



::selection
{
    background: #9bff05;
    color: #272523;
}

/* for Firefox */
::-moz-selection {
    background: #9bff05;
    color: #272523;
}



@media screen and (max-width: 750px) {
    .SP {
        display: inline-block;
        }
    
    .PC {
        display: none;
        }
    
    body {
        background-image:none;
        }
    }






/*　--------------------
ホバーエフェクト
--------------------  */
.logo_comic-MeDu , 
#global-nav li , 
.news ol li ,
.comic-block img ,
.footer-links a ,
.chuumonsho ,
.link-dmm ,
.txt-link ,
.haishin-store ,
.fixed-banners ul li{
    opacity: 1; 
    transition: .4s;
    }

.logo_comic-MeDu:hover , 
#global-nav li:hover ,
.news ol li:hover ,
.comic-block img:hover ,
.footer-links a:hover , 
.chuumonsho:hover ,
.link-dmm:hover ,
.txt-link:hover ,
.haishin-store:hover ,
.fixed-banners ul li:hover {
    opacity: .55;
    transition: .4s;
    }



.swiper-slide {
    background: #fff;
    transition: .4s;
    }

.main-banner {
    transition: .4s;
    }

.main-banner:hover {
    opacity: 0.6;
    cursor: pointer;
    transition: .4s;
    }







/*　--------------------
Back to TOP
--------------------  */
.btn_back-to-top {
    width: 60px;
    }

#page_top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    }

#page_top a {
    opacity: 1;
    transition: .4s;
    }

#page_top a:hover {
    opacity: .7;
    transition: .4s;
    }

@media screen and (max-width: 750px) {
    .btn_back-to-top {
        width: 45px;
        }  
    #page_top {
        bottom: 15px;
        right: 15px;
        }
    }



/*　--------------------
コンテンツ部分汎用
--------------------  */
.contents {
    max-width: 1540px;
    padding: 0;
    display: block;
    margin: 110px auto 0;
    }

@media screen and (max-width: 750px) {
    .contents {
        max-width: 100%;
        padding: 0 0;
        margin:  80px auto 0;
        }
    }





/*　--------------------
トグルメニュー
--------------------  */

@media screen and (max-width: 750px) {
    #nav-toggle {
        top: 25px;
        right: 25px;
    }
}


/*　--------------------
footer
--------------------  */
footer {
    font-family: 'Sawarabi Mincho', sans-serif;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 50px 0;
	margin: 60px 0 0;
    }

footer a{
    color: #fff;
	text-decoration: underline;
    }


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