@charset "UTF-8";


/***** basic layouts and common styles *****/

.pageTitleMultiline {
	line-height: 150%;
	letter-spacing: 2px;
}

.pageTitleMultiline:before
{
	position: absolute;
	left: -300px;
	top: 0px;
	right: 350px;
	bottom: 0px;
	background: #73aba6 none;
	content: "";
	transform: skewX(60deg);
}

.loc-articleDate {
	text-align: right;
	font-size: 90%;
	line-height: 150%;
}


/***** for Phones *****/

@media only screen and (max-width: 767px)
{
	.pageTitleMultiline {
		font-size: 18px;
		line-height: 150%;
		letter-spacing: 0px;
		padding-left: 20px;
	}

	.pageTitleMultiline:before {
		right: 50px;
		transform: skewX(35deg);
	}
}


/***** for Tablets *****/

@media only screen and (min-width: 768px) and (max-width: 1219px)
{
	.pageTitleMultiline:before {
		right: 100px;
		transform: skewX(45deg);
	}
}


/***** for PC *****/

@media only screen and (min-width: 1220px)
{

}