@charset "UTF-8";

/* 画像をalt属性に変更 */
.sp{
	display: none;
}

/* 改行 */
.br-pc { display:block; }
.br-sp { display:none; }

@media only screen and (max-width: 767px) {
	
	/* 画像をalt属性に変更 */
	.pc{display: none;}
	.sp{display: block;}
	
	/* 改行 */
	.br-pc { display:none; }
	.br-sp { display:block; }
	
	#keihanWrap img, .map_neyagawa, .ns-top .cols-2_1, .ns-top .cols-2_1 img, .kengaku .cols-2_2, .kengaku .cols-2_2 img, #trainwheel .context, #trainwheel .photo, #trainwheel .photo img, #trainclean .context, #trainclean .photo, #trainclean .photo img{
		width: 100%;
	}
	
	#nav_ns ul li {
    	margin: 10px 2px 5px 0;
	}
	
	/* 寝屋川車庫について（トップページ） */
	.l_box{
		padding: 15px 0;
	}

	.article{
		margin: 0;
	}
	
	ul.topnavi{
    margin: 15px 45px;
	}
	
	.kengaku .cols-2_2{
		padding-bottom: 15px;
	}
	
	h2.alttxt{
		color: #1d3886;
		font-size: 140%;
		font-weight: bold;
	}
	
	h3.alttxt, h4.alttxt, h5.alttxt{
		color: #1d3886;
		font-size: 128%;
		font-weight: bold;
	}
	
	.ns-top .kengaku h3{
		margin-bottom: 5px;
	}
	
	#btn_top img{
		width: inherit !important;	
	}
	
	/* 寝屋川車庫について */
	.l_box_txt{
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
	}
	
	a#about_btn_factory{
		top: 32%;
		left: 50%;
	}
	
	a#about_btn_factory img{
		width: 100%;
	}
	
	.sp-pt25{
		padding-top: 25%;
	}
	
	.facility_box{
		clear: both;
		margin-left: 0;
	}
	
	.article p.factory3{
		text-align: center;
	}
	
	.article img.img_l{
		width: 70% !important;
		float: none;
	}
	
	.facility_box h4{
		margin: 10px 0;
	}
	
	/* 5つの検査 */
	.column{
		margin: 10px 0 0 0;
	}
	
	table#houreikensa{
		margin-bottom: 20px;
	}
	
	table#houreikensa th, table#houreikensa td{
		display: block;
		width: 100%;	
	}
	
	table#houreikensa p{
		width: 50%;
		display: inline-block;
		height: 30px;
	}
	
	/* 検車庫は“電車の診療所" */
	.photos li{
		width: 50%;
	}
	
	#trainwheel{
		margin-bottom: 20px;
	}
		
	#trainwheel h5, #trainclean h5{
		margin-bottom: 10px;
	}
	
	#trainwheel .photo, #trainclean .photo{
		margin-top: 10px;
	}
	
	/* WEB車両工場見学 */
	.b_factory_mappdf{
		width: 50%;
		margin-top: -30px;
		margin-left: 10px;
	}
	
	.slide_tab li{
		padding-bottom: 10px;
	}
	
	.slide_tab li:nth-child(odd){
		width: 36%;
	}
	
	#slider .title, #slider .panel{
		width: 100%;
		background-size: 100%;
	}
	
	#slider .title img{
		width: 96%;
		margin: 0;
		padding: 5px 2%;
	}
	
	#slider .sliderwrap, #slider .sliderwrap .bx-wrapper, #slider .sliderwrap .bx-wrapper .bx-window{
		width: 100% !important;
		padding: 0;
	}
	
	#slider .sliderwrap{
		padding: 2%;
	}
	
	#slider .txt{
		margin: 0;
		padding-top: 10px;
	}
	
	#slider #slider1{
		width: 100%;
	}
	
	.panel .b_before{
		z-index: 9;
		top: 30% !important;
		left: -20px; 
	}
	
	.panel .b_after{
		z-index: 9;
		top: 30% !important;
		right: -20px !important;
	}
	
	.panel .b_before img, .panel .b_after img{
		width: 50px !important;
	}
	
	#slider .panel{
		overflow: visible;
	}
	
	p.img_anzen img{
		width: 40% !important;
		display: block;
		padding: 20px 0 5px 0;
		float: none;
	}
	
	#safety ul.anzen_list{
		margin-left: 0px;
	}
	
	#safety ul li{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	#safety .photo{
		width: 50%;
	}
	
	#safety .context{
		margin-left: 53%;
	}
	
	#routinecheck.column, #routinecheck.column .article{
		overflow: visible;
	}
	
	
	/* 働く人と特殊な機械たち */
	.txt_special{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#person .report{
		margin: 0;
	}
	
	#person .report li{
		margin-left: 0;
		width: 100%;
	}
	
	#person .report li img{
		width: 100%;
	}
	
	#person .report #person01,
    #person .report #person04,
    #person .report #person02,
    #person .report #person03 {
      background-size: 100% }
	
	#machine .movies li{
		width: 45%;
	}
	
	#machine .movies li .thumb{
		padding: 0 10px;
	}
	
	#safety.column .article.otherscar .img_hirapark{
		width: 35%;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
	/* 工場見学 */
	.kenngaku_box{
		padding: 30px 0 15px 0;
	}
	
	#kengaku .summery{
		margin: 0;
	}
	
	#kengaku .summery table{
		table-layout: fixed;
	}
	
	#kengaku .summery table td{
		width: 60%;
	}
	
	.inquiry_box{
		margin: 0;
	}

}