@charset "utf-8";

/* about_caster_common
-------------------------------------------------- */
/* パンくず */
#crumb{
	background:#2d2831;
}
#crumb ul li,
#crumb ul li a,
#crumb ul li a::after{
	color:#ffffff;
}
#crumb ul li a{
	text-decoration:underline;
}

h3{
	background-image:url(../jpg/bg_h3_about_caster.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	padding:25px 0 25px 15px;
	font-size:1.6rem;
	color:#ffffff;
	font-weight:300;
}

/* タイトル */
.about_caster h4{
	font-weight:400;
	color:#d90013;
	font-size:2rem;
}
.about_caster .main h5{
	font-size:1.7rem;
	padding-bottom:3px;
	border-bottom:1px solid #323232;
	font-weight:400;
	margin-top:10px;
	margin-bottom:5px;
}
.about_caster .main p{
	line-height:150%;
}

/* スクロールするtable */
.scroll-table{
	overflow:auto;
	white-space:nowrap;
}
.scroll-table::-webkit-scrollbar{
	height:3px;
}
.scroll-table::-webkit-scrollbar-track{
	background:transparent;
}
.scroll-table::-webkit-scrollbar-thumb{
	background:transparent;
}
.scroll-table table{
	width:100%;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	background: #fff;
}
.scroll-table table caption{
	text-align:left;
}
.scroll-table table th,
.scroll-table table td{
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	font-size:1.2rem;
	text-align:center;
	vertical-align:middle;
	padding:5px 7px;
}
.scroll-table table th{
	background:#d90013;
	color:#ffffff;
	font-weight:400;
}
.scroll-table table img{
	width: 60px;
}

/* サイドナビ */
.close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:2200;
}

#side-navi{
	z-index:2100;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
	height:100%;
	width:100%;
}
#side-navi dt:nth-child(-n+3),
#side-navi dd.sereas,
#side-navi dd.fittings{
	display:none;
}

/* 閉じるボタン */
#side-navi span.close{
	position:absolute;
	top:12px;
	right:12px;
	cursor:pointer;
}
#side-navi span.close-btn{
	height:20px;
	width:20px;
	display:block;
	position:relative;
} 
#side-navi span.close-btn:before,
#side-navi span.close-btn:after{
	content:'';
	height:2px;
	width:20px;
	display:block;
	background:#ffffff;
	position:absolute;
	top:10px;
	right:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#side-navi span.close-btn:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}


/* バナーエリア */
#foot_banner_area{
	background:#ffffff!important;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* about_caster_common
	++++++++++++++++++++++++++++++++++++++++++++++ */
	h3{
		width:100%;
		height:130px;
		line-height:130px;
		font-size:36px;
		color:#ffffff;
		padding:0;
	}
	h3 span{
		display:block;
		max-width:1024px;
		margin:0 auto;
	}

	/* タイトル */
	.about_caster h4{
		max-width:1024px;
		margin:0 auto;
		font-size:40px;
	}
	.about_caster .main h5{
		font-size:24px;
		margin-top:30px;
		padding-bottom:7px;
	}

	/* スクロールするtable */
	.scroll-table{
		overflow:visible;
		white-space:normal;
	}
	.scroll-table table th,
	.scroll-table table td{
		font-size:11px;
	}

	/* サイドナビ */
	#side-navi span.close{
		display:none;
	}
	#side-navi{
		z-index:inherit;
		position:relative;
		top:auto;
		left:auto;
		height:auto;
		width:200px;
	}
	#side-navi dt:nth-child(-n+3){
		display:block;
	}
}