@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
/* main  */      
.page{overflow: hidden; margin: 0 auto 16px 10px;} 
.page_open {font-size: 22px; font-weight: bold; color: #f00; text-align: center;
    border:1px solid #f00; width: 30px; height: 24px; float: left; margin: 0 2px;
    padding-top: 6px;}
.page_next {font-size: 16px; font-weight: bold; text-align: center;
    border:1px solid #ccc; width: 26px; height: 22px; float: left; margin: 4px 2px 0;
    padding-top: 4px;}
.newspaper img{width: 100%;}
.newspaper {width: 96%;margin: 20px auto;}
	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
/* main  */      
.page{overflow: hidden; margin: 0 auto 16px 10px;}  
.page_open {font-size: 22px; font-weight: bold; color: #f00; text-align: center;
    border:1px solid #f00; width: 30px; height: 24px; float: left; margin: 0 2px;
    padding-top: 6px;}
.page_next {font-size: 16px; font-weight: bold; text-align: center;
    border:1px solid #ccc; width: 26px; height: 22px; float: left; margin: 4px 2px 0;
    padding-top: 4px;}

    .newspaper {width: 96%;margin: 20px auto;}
.newspaper img{width: 100%;}

	
	
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */      
.page{overflow: hidden; margin: 0 24px 16px 0; float: right;} 
.page_open {font-size: 22px; font-weight: bold; color: #f00; text-align: center;
    border:1px solid #f00; width: 30px; height: 24px; float: left; margin: 0 2px;
    padding-top: 6px;}
.page_next {font-size: 16px; font-weight: bold; text-align: center;
    border:1px solid #ccc; width: 26px; height: 22px; float: left; margin: 4px 2px 0;
    padding-top: 4px;}
.newspaper img{width: 100%;}




	
}