/** page_title line **/
main .page_title em:before,
main .page_title em:after{
	content: '';
	width: 80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

main .page_title em:before{
	position: absolute;
	top: 42%;
	left: -90px;
}

main .page_title em:after{
	position: absolute;
	top: 42%;
	right: -90px;
}



/** cast_image **/
.bg_com{ border-radius: 15px 0 15px 0;}
.sche_a .bg_com{ border-radius: 10px 0 10px 0;}

.img{
	overflow: hidden;
	border-radius: 0 0 0 0;
}

.img > .fade{
	-webkit-transition	: 0.3s ease-in-out;
	-moz-transition	: 0.3s ease-in-out;
	-o-transition	: 0.3s ease-in-out;
	transition		: 0.3s ease-in-out;
	-webkit-transform: scale(1.00);
	-moz-transform: scale(1.00);
	-o-transform: scale(1.00);
	-ms-transform: scale(1.00);
	transform: scale(1.00);
	opacity: 1;
	filter: alpha(opacity=100);
}

.img:hover > .fade{
    -webkit-transform: scale(0.93) rotate(3deg);
    -moz-transform: scale(0.93) rotate(3deg);
    -o-transform: scale(0.93) rotate(3deg);
    -ms-transform: scale(0.93) rotate(3deg);
    transform: scale(0.93) rotate(3deg);
    opacity: 1;
    filter: alpha(opacity=100);
}

.img img{ border-radius: 10px 0 10px 0;}




/** footer **/
#up a{ border-radius: 45px;}

#up a:hover{
	border-radius: 45px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}



/** index **/
#index_body nav a:first-of-type{ border-radius: 0 15px 0 15px; }
#index_body nav a:last-of-type{ border-radius: 15px 0 15px 0; }



/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	main .page_title em:before,
	main .page_title em:after{
		width: 25px;
	}
	main .page_title em:before{
		left: -30px;
	}
	main .page_title em:after{
		right: -30px;
	}
	.bg_com{ border-radius: 0 0 0 0;}
	.sche_a .bg_com{ border-radius: 0 0 0 0;}
	.img{ border-radius: 0 0 0 0;}
}