@charset "utf-8";
/* ==================================================================
CSS information
================================================================== */
#series-Box li {
    width: 400px;
}
#mainBnrSp {
    display: none;
}
@media only screen and (max-width:800px){
    #wrapper {
        width: 100%;
        min-width: 100%;
    }
    #leftColumn,
    #rightColumn {
        float: none!important;
        width: 100%!important;
    }
    #slides .slide img {
        width: 100%!important;
    }
    #topics-Box .inner {
        padding: 0 10px 15px 10px!important;
    }
    #topics-Box .float_l {
        float: none;
    }
    #topics-Box ul.bnrLink {
        text-align: center;
    }
    #topics-Box .bnrLink li {
        display: inline-block;
        width: 180px;
    }
    #topics-Box .bnrLink li+li {
        margin-left: 15px;
    }
    .inner .ml25 {
        margin-left: 0px;
    }
    #tw-Box {
        background-color: #f0f0f0;
        position: relative;
    }
    #tw-Box .qr,
    #tw-Box h2 img {
        display: none;
    }
	#tw-Box h2 {
		top: 20px!important;
	}
	#tw-Box .inner {
		padding: 30px 10px 15px 10px!important;
	}
    #tw-Box h2::after {
        content:"ときめきメモリアルGirl's Side 公式Twitter @girlsside573";
        font-size: 1.3rem;
        font-weight: bold;
        position: absolute;
        top: -15px;
        left: -5px;
    }
    #tw-Box .inner {
        margin-top: 30px;
        text-align: center;
    }
    #series-Box ul {
        text-align: left;
    }
    #series-Box li {
        display: block;
        width: 100%;
    }
    #footer {
        padding: 10px;
    }
    #footer #menu {
        text-align: center;
    }
    #footer #menu li {
        display: inline-block;
        float: none;
    }
    #footer #copyright {
        text-align: center;
    }
    #series-Box li {
        width: 100%;
    }
    .textLink {
        text-align: left;
    }
    .textLink li {
        width: 98%;
    }
    #mainBnr,
    #mainBnr #slides,
    #mainBnr #bnr_menu,
    #mainBnr .infoNavi {
        display: none;
    }
    #mainBnrSp .slide img {
        width: 100%;
    }
    #mainBnrSp {
        display: block;
        margin-bottom: 20px;
    }
@media only screen and (max-width: 600px) {
    #dl-Box .text01 {
        position: static!important;
        margin-left: 10px;
    }
}
@media only screen and (max-width: 470px) {
    #dl-Box .text01 {
        position: static!important;
        margin-left: 10px;
    }
}
@media only screen and (max-width: 400px) {
    #topics-Box .bnrLink li+li {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 400px) {
    #dl-Box .text01 {
        display: none;
    }
}