@charset "utf-8";




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

.link_to_wise_magazine_viewer.banner_S{display: block;display: none;}
.link_to_wise_magazine_viewer.banner_M{display: none;}

.box_magazine .box_magazine_txt .description {display: none;}
.box_magazine .box_magazine_txt .description.text_long {display: block;}

.box_magazine .fade{flex-direction: row;justify-content: space-between;}
.box_magazine .fade .box_magazine_img{width:49%;}
.box_magazine .box_magazine_txt{/* width:46%; */}



#previous_next_post {
    flex-wrap: wrap;
}
#previous_next_post p{}
#previous_next_post p a{
    height: auto;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    position: relative;
    padding: 10px 0;
    text-align: left;
}
#previous_next_post p a::before{}

#previous_next_post #next_post,
#previous_next_post #previous_post {
    line-height: normal;
    height: auto;
    display: flex;
    margin: 0;
    /* padding: 0 20px; */
    /* box-sizing: border-box; */
}
#previous_next_post #previous_post a {
    padding-left: 20px;
    padding-right: 5px;
}
#previous_next_post #next_post {}
#previous_next_post #next_post a {
    border-left: none;
    padding-left: 5px;
    padding-right: 20px;
}

#previous_next_post #previous_post a:before{top: 0;bottom: 0;margin: auto;height: 14px;left: 4px;}
#previous_next_post #next_post a:before{top: 0;bottom: 0;margin: auto;height: 14px;right: 4px;}

#previous_next_post #previous_post a:before,
#previous_next_post #next_post a:before{}

#global_menu ul ul a{
background: #444 !important;
}







}


@media screen and (min-width:500px) and ( max-width:770px) {

#main_contents .box_magazine .box_magazine_txt .number {
    font-size: 300%;
}
#main_contents .box_magazine .box_magazine_txt .date {
    font-size: 100%;
}
#main_contents .box_magazine .box_magazine_txt .description {
    /* font-size: 100%; */
}






}



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








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






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











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

#main_contents .box_magazine .box_magazine_txt .number{font-size: 100%;font-weight: bold;}
#main_contents .box_magazine_txt .date{font-size: 75%;margin: 0;}
#main_contents .box_magazine .box_magazine_txt .description{
}



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







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







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








}