@charset "UTF-8";

/*
 * mirai.css
 *
 */
.pc {
display: block;
clear: both;
}

.sp {
display: none;
}

#mirai .bg-gray01 {
background-color: #f8f8f8 !important;
}
#mirai .bg-gray02 {
background-color: #efefef !important;
}
#mirai #categoryVisual-story-bg {
background-color: #D0D1D3;
}



#mirai section p {
font-size: 17px;
line-height: 1.9em;
}

.mT7em {
margin-top: 7em;
}

#mirai .arw01 {
display: inline-block;
padding-right: 20px;
}

#mirai .bnr {
margin-right: -15px;
}

#mirai .bnr.bnr01 li { /*バナーが1つ*/
width: 480px;
margin-left: auto;
margin-right: auto;
}

#mirai .bnr.bnr02 li {/*バナーが2つ*/
width: 480px;
float: left;
}

#mirai .bnr li {
background-color: #FFFFFF;
margin-right: 15px;
height: 100px;
display: table;
margin-bottom: 10px;
}

#mirai .bnr li a {
color: #000000;
display: block;
}

#mirai .bnr li a span {
height: 100px;
display: table-cell;
vertical-align: middle;
}

#mirai .bnr li img {
width: 230px;
float: left;
margin-right: 10px;
}

#mirai span.mirai-links-txt{ /* 20190220 */
display: block;
padding-top: 20px;
font-size: 14px !important;
line-height: 1.6 !important;
font-weight: normal;
color: #000000;
padding-right: 20px;
}




@media screen and (max-width:767px) and (min-width:1px) {

.pc {
display: none;
}

.sp {
display: block;
width: 100%;
}

.imgBox img {
width: 100%;
display: block;
margin-right: auto!important;
margin-left: auto!important;
float: left;
margin-bottom: 2em;
}

.mT3em,
.mT4em,
.mT5em,
.mT6em,
.mT7em {
margin-top: 0px !important;
}

section.contents{
top: 0;/* 20180511 50px */
padding-bottom: 50px;
}

#breadcrumb .section{
	padding: 25px 10px;
}

#mirai  h2.ttl br {
display: none;
}

#mirai h2.ttl {
width: 100%;
}

#mirai.shasai01 #categoryVisual-story-bg {
background-color: #FFF;
}

#mirai .copy section,
#mirai .manga section p{
padding-left: 1em;
padding-right: 1em;
}

#mirai .bnr {
margin-right: 0px;
}

#mirai .bnr li {
margin-right: 0px;
display: table;
width: 100% !important;
margin-bottom: 10px;
height: auto;
}

#mirai .bnr li img {
width: auto;
height: 70px;
}

#mirai .bnr li:last-child {
margin-bottom: 0px;
}

#mirai .bnr li a span {
height: 70px;
padding-right: 20px;
}

section.section{ /*ADD 201608*/
width: 95%;
}



#mirai span.mirai-links-txt{ /* 20190220 */
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}


}

@media screen and (max-width:1280px) {
#mirai.shasai01 #categoryVisual-story {
width: 100%;
}
}