@charset "UTF-8";

#contents{
	box-sizing: border-box;
	padding-bottom:80px;
}

.wrap{
	width:100%;
	margin:0 auto;
	max-width: 960px;
}

.container{	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
	color:#222;
	
	border-radius: 5px;
	margin-bottom:20px;
}

/*//////////----- PAGE-HEADER -----//////////*/

.page-header{
	text-align: center;
	
	box-sizing: border-box;
	padding:15px 0;
}

.page-header h2{
	font-size:1.25rem;
	line-height:1.5em;
	font-weight: 400;
}

.page-header h2:before{
	content:"〜";
	
	box-sizing: border-box;
	padding:0 5px;
}

.page-header h2:after{
	content:"〜";
	
	box-sizing: border-box;
	padding:0 5px;
}

@media only screen and (min-width: 480px){
	
	.page-header{
		padding:20px 0;
	}
	
	.page-header h2{
		font-size:1.5rem;
		line-height:1.0em;
	}
	
}

@media only screen and (min-width: 600px){
	
	.page-header{
		padding:25px 0;
	}
	
	.page-header h2{
		font-size:1.75rem;
		line-height:1.0em;
	}
	
}