/* 1280px以上の幅の場合に適応される（デスクトップPC） */



h3{
    font-size:1.3rem;
    margin-top:50px;
    
}

.onlinejournal_container{
    margin-top:60px;
}



.onlinejournal_container a{
    text-decoration:underline;
}

.onlinejournal p{
    padding-bottom:5px;
    letter-spacing: 0.02rem;
}

.onlinejournal_container ul{
    margin-top:13px;
    border:3px solid #e2edf8;
}

.onlinejournal_container li{
    font-size:0.95rem;
}

.onlinejournal_container li:nth-child(odd){
    background-color:#e2edf8;
    padding:8px 12px;
}

.onlinejournal_container li:nth-child(even){
    background-color:#FFFFFF;
    padding:8px 12px;
}

.onlinejournal_container ul p{
    font-size:0.8rem;
    line-height: 1rem;
}


.onlinejournal_container ul.japanesemagazine{
    border:3px solid #efeae8;
}

.onlinejournal_container ul.japanesemagazine li:nth-child(odd){
    background-color:#efeae8;
    padding:8px 12px;
}

.onlinejournal_container ul.japanesemagazine li:nth-child(even){
    background-color:#FFFFFF;
    padding:8px 12px;
}

.oj_explaination img{
    width:23px;
    vertical-align: middle;
    margin-left:2px;
}


.onlinejournal_container li img{
    width:20px;
    vertical-align: middle;
    margin-left:5px;
}

.onlinejournal_container .bolder{
    font-weight:800;
}

.onlinejournal_container .bolder a{
    font-weight:800;
}




@media screen and (max-width: 1420px) {
	/* 1000px~1420px までの幅の場合に適応される（ノートPC） */ 
}

@media screen and (max-width: 1030px) {
	/* 730px~1030pxの幅の場合に適応される（タブレット） */
}

@media screen and (max-width: 730px) {
	/* 730px以下の幅の場合に適応される（スマホ） */
    
    main{
    width:100%;
    margin:0;
    }
    .maincontainer{
    margin-top:20px;
    }
    
    h3{
    font-size:1.3rem;
    margin-top:50px;
    }
    
    .subpage_article{
    margin-bottom:60px;
    }
    
    .onlinejournal_container{
    width:87%;
    margin-top:50px;
    }
    

}

    

    

    


}