/*================================================
 *  以下はラインナップページの内容です。
 ================================================*/
 


.space_t10_bo10_p{
padding: 10px 0;
}


 
 /*================================================
 *  PC向けデザイン
 ================================================*/
 
 
 
@media print, screen and (min-width:768px) {

    .garage_main{
    margin: 10px 5px;
    }
	
    .garage_headline{
    margin: 30px 10px;
        
    }
    .garage_headline h2{
        border: none;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 1px;
        text-align: center;
    }
    
    
      .garage_headline_text01{
        font-size: 16px;
        line-height: 28px;
    }
    
    .garage_headline_photo{
        margin: 20px 10px;
    }
    
    .garage_headline_photo_text01{
        font-size: 16px;
        line-height: 26px;
        background: #C3C3C3;
        padding: 10px;
        display: inline-block;
        text-align: center;
        color: #FFFFFF;
    }
    
    .garage_headline_photo ul{
        padding-left: 0;
        text-align: center;
    }
    
    .garage_headline_photo ul li{
        display:inline-block;
        width: 40%;
        margin: 10px;
    } 
    
    .garage_headline_photo ul li img{
        width: 100%;
        height: auto;
    }
    
    .garage_feature_tit{
        margin: 20px 10px;
    }
    
    .garage_feature_tit h3{
        font-size: 20px;
        line-height: 30px;
        border-bottom: #000000 solid 1px;
        border-left: #000000 solid 10px;
        padding: 2px 2px 5px 10px;
        margin: 10px 2px;;
        background: none;
        color: #000000;
        letter-spacing: 1px;
    }
    
    
    .garage_feature{
        margin: 10px;
    }
    
    
    .garage_feature h4{
        font-size: 16px;
        line-height: 26px;
        border-left: #D9B20E solid 10px;
        padding: 2px 2px 2px 10px;
        border-bottom: none;
    }
    
    
    .garage_feature_text01{
        font-size: 14px;
        line-height: 26px;
        margin: 10px;
    }
    
    
    .garage_feature_images{
        margin: 10px;
        text-align: center;
    }
    
    .garage_feature_color_flex{
        display: flex;        /*  */
   flex-direction: row; /* */
   flex-wrap:wrap;
        justify-content: space-around;
        
    }
    
    .garage_feature_color_info{
        width: 40%;
        height: auto;
    }
    
    .garage_feature_color_info_text01{
        font-size: 14px;
        line-height: 26px;
    }
    
    
      .garage_feature_color_images{
        width: 50%;
        height: auto;
          text-align: center;
    }
    
    .garage_feature_color_images img{
        width: 80%;
        height: auto;
    } 
    
    .garage_feature_othes_flex{
         display: flex;        /*  */
   flex-direction: row; /* */
   flex-wrap:wrap;
        justify-content: space-around;
        margin: 30px 10px;
    }
    
    
    .garage_feature_others_detail{
        width: 40%;
        height: auto;
    }
    
    .garage_feature_others_detail img{
        width: 90%;
        height: auto;
    }
    
    
    .garage_feature_others_detail_text01{
        font-size: 14px;
        line-height: 26px;
        margin: 10px 2px;
        color: #9E6F0B;
        
    }
    
    .garage_feature_others_detail_text02{
        font-size: 14px;
        line-height: 26px;
    }
    
    
    .garage_op_opener_text01{
        font-size: 14px;
        line-height: 26px;
    }
    
    
    .garage_catalog_metal_f_woody{
        margin: 10px;
        text-align: center;
    }
    
    
    .garage_catalog_metal_f_woody img{
        width: 70%;
        height: auto;
        border: #D3D1D1 solid 1px;
    }
    
    .profile_cm{
	text-align:center;
	margin:10px 0 10px 0;
	
}  

    
    .garage_photo_info_text01{
        font-size: 12px;
        text-align: right;
        margin: 5px 2px 2px 2px;
    }
    
    
    
    
    
    
    
    
}






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

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
 .garage_main{
    margin: 10px 5px;
    }
    
    .garage_main img{
        width: 100%;
        height: auto;
    }
    
    .garage_headline{
    margin: 30px 10px;
        
    }
    .garage_headline h2{
        border: none;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        text-align: left;
    }
    
    .garage_headline_text01{
        font-size: 14px;
        line-height: 26px;
    }
    
     .garage_headline_photo{
        margin: 20px 10px;
    }
    
    .garage_headline_photo_text01{
        font-size: 16px;
        line-height: 26px;
        background: #C3C3C3;
        padding: 10px;
        display: inline-block;
        text-align: center;
        color: #FFFFFF;
    }
    
    
      .garage_headline_photo ul{
        padding-left: 0;
        text-align: center;
    }
    
    .garage_headline_photo ul li{
        display:inline-block;
        width: 80%;
        height: auto;
        margin: 20px auto;
    } 
    
    .garage_headline_photo ul li img{
        width: 100%;
        height: auto;
    }
    
     .garage_feature_tit{
        margin: 20px 10px;
    }
    
    .garage_feature_tit h3{
        font-size: 20px;
        line-height: 30px;
        border-bottom: #000000 solid 1px;
        border-left: #000000 solid 10px;
        padding: 2px 2px 5px 10px;
        margin: 10px 2px;;
        background: none;
        color: #000000;
        letter-spacing: 1px;
    }
    
    
    .garage_feature{
        margin: 10px;
    }
    
    
    .garage_feature h4{
        font-size: 16px;
        line-height: 26px;
        border-left: #D9B20E solid 10px;
        padding: 2px 2px 2px 10px;
        border-bottom: none;
    }
    
    
    .garage_feature_text01{
        font-size: 14px;
        line-height: 26px;
        margin: 10px;
    }
    
    
    .garage_feature_images{
        margin: 10px;
        text-align: center;
    }
    
    .garage_feature_images img{
        width: 100%;
        height: auto;
    }
    
    
     .garage_feature_color_flex{
       margin: 10px;
        
    }
    
    .garage_feature_color_info{
      margin: 10px 5px;
    }
    
    .garage_feature_color_info_text01{
        font-size: 14px;
        line-height: 26px;
    }
    
    
      .garage_feature_color_images{
          margin: 10px 5px;
          text-align: center;
    }
    
    .garage_feature_color_images img{
        width: 50%;
        height: auto;
    } 
    
    
       .garage_feature_othes_flex{
         
        margin: 30px 10px;
    }
    
    
    .garage_feature_others_detail{
      margin: 30px 5px;
        text-align: center;
    }
    
    .garage_feature_others_detail img{
        width: 70%;
        height: auto;
    }
    
    
    .garage_feature_others_detail_text01{
        font-size: 14px;
        line-height: 26px;
        margin: 10px 2px;
        color: #9E6F0B;
        
    }
    
    .garage_feature_others_detail_text02{
        font-size: 14px;
        line-height: 26px;
        text-align: left;
        padding-bottom: 10px;
       
    }
    
    
    .garage_op_opener_text01{
        font-size: 14px;
        line-height: 26px;
    }
    
    
    .garage_catalog_metal_f_woody{
        margin: 10px;
        text-align: center;
    }
    
    
    .garage_catalog_metal_f_woody img{
        width: 70%;
        height: auto;
        border: #D3D1D1 solid 1px;
    }
    
    
    .profile_cm{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}


.profile_cm iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* サイズ表：スマホでは表を切らずに横スクロールさせる */
.garage_metal_f_list{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.garage_metal_f_list:before{
	content: "※ 表は横にスクロールできます";
	display: block;
	margin: 0 0 4px;
	font-size: 12px;
	color: #666;
}

.garage_metal_f_list table{
	min-width: 100%;
}

.garage_metal_f_list th,
.garage_metal_f_list td{
	white-space: nowrap;
}

.garage_metal_f_list_text01{
	white-space: normal;
}
    
    
      .garage_photo_info_text01{
        font-size: 12px;
        text-align: right;
        margin: 5px 2px 2px 2px;
    }
    
    
    
    
    
    

}