@charset 'UTF-8';

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

	.kashiArea {
		float: left;
		width: 48%;
	}

	.musicArea {
		float: right;
		width: 48%;
		font-size: 90%;
	}

	.kashiTitle {
		text-align: center;
	}

	.kashiText {
		margin: 10px 5px;
		font-size: 80%;
	}

	.musicTitle {
		text-align: center;
		margin: 10px 0 10px;
	}
}

@media screen and (min-width: 0px) and (max-width: 640px) {

	.kashiArea {
		float: left;
		width: 48%;
	}

	.musicArea {
		float: right;
		width: 48%;
		font-size: 90%;
	}

	.kashiTitle {
		text-align: center;
	}

	.kashiText {
		margin: 10px 5px;
		font-size: 80%;
	}

	.musicTitle {
		text-align: center;
		margin: 10px 0 10px;
	}

}