/* CSS Document */

/*================================================
 *  PC向けデザイン
 ================================================*/
 
 
 
@media print, screen and (min-width:768px) {
    
    .mirror_lineup_flex{
        display: flex;        /*  */
   flex-direction: row; /*  */
   flex-wrap:wrap;
        justify-content: space-around;
        margin: 20px 10px 20px 10px;
    }
    
    .mirror_lineup_link{
        width: 45%;
        height: auto;
        border: #000000 dotted 1px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
     .mirror_lineup_link_noframe{
        width: 45%;
        height: auto;
        margin-top: 20px;
     margin-bottom: 20px;
    }
    
    .mirror_lineup_link a{
        text-decoration: none;
    }
    
    .mirror_lineup_link a:hover{
        opacity: 80%;
    }
    
    .mirror_lineup_link img{
        width: 100%;
        height: auto;
    }
    
    
    .mirror_lineup_link h4{
        border-bottom: none;
        font-size: 16px;
        line-height: 26px;
        color: #474646;
        margin: 10px;
        text-align: center;
        font-weight: bold;
    }
    
    .mirror_lineup_link_text01{
        font-size: 14px;
        line-height: 26px;
    margin: 10px;
    }
    
    
    
}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	
	
}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
    
 .mirror_lineup_flex{
       margin: 10px;
    }
    
    .mirror_lineup_link{
        border: #000000 dotted 1px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
     .mirror_lineup_link_noframe{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .mirror_lineup_link img{
        width: 100%;
        height: auto;
    }
    
    .mirror_lineup_link a{
        text-decoration: none;
    }
    
    .mirror_lineup_link a:hover{
        opacity: 80%;
    }
    
   
    
    .mirror_lineup_link h4{
        border-bottom: none;
        font-size: 16px;
        line-height: 26px;
        color: #474646;
        margin: 10px;
        text-align: center;
        font-weight: bold;
    }
    
    .mirror_lineup_link_text01{
        font-size: 14px;
        line-height: 26px;
    margin: 10px;
    }
    
    
    
    
    
    
    
    ｝