.line-y {
background:linear-gradient(transparent 60%, #ff6 60%);
}


.line-b {
background:linear-gradient(transparent 60%, #6cf 60%);
}


.line-r {
background:linear-gradient(transparent 60%, #f6c 10%);
}


.line-g {
background:linear-gradient(transparent 60%, #6f6 60%);
}


.mgtopimg{
width:100%;
max-width:970px;
margin:0;
padding:0;
background: #fff;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
}


#magazine{
width:100%;
max-width:970px;
margin:0px auto 15px auto;
color: #5d627b;
background: #fff;
padding:0% 0 3% 0;
}


#magazine h3 {
font-size: 2.3rem !important;
font-weight: 400 !important;
padding: 0.1em 0.3em !important;
border-left: 7px solid #0c0066 !important;

}


#magazine h2 {
font-size: 2.3rem !important;
font-weight: 400 !important;
padding: 0.1em 0.3em !important;
border-left: 7px solid #0c0066 !important;
}


#magazine h2::before {
content:"" !important;
}


#magazine .big {
font-size: 150% !important;
font-weight: bold !important;
}


.magamokuji{
width:100%;
max-width:750px;
line-height:200%;
padding: 0.5em 1em 0.5em 3em;
margin: 2em auto;
color: #5d627b;
background: #fcfcfc;
border-top: solid 5px #0c0066;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
font-size: 16px !important;
}


td {
border:1px solid #ccc !important;
padding:20px !important;
}


.box-yoko{
overflow-x: auto;
}