/*//////////////////////////////////////////////////////////////////////////////

merchandise.css
	
//////////////////////////////////////////////////////////////////////////////*/
#contents{
	max-width:1080px;
	margin:0 auto;
}
.intro{
	padding:60px 0;
	text-align:center;
	color:#624498;
}
.intro h2{
	font-size:20px;
}
.intro h3{
	margin-top:20px;
	font-size:16px;
	line-height:1.4;
}

.btn_event a{
	display:inline-block;
	border-radius: 20px; 
	margin:30px auto 0 auto;
	padding:10px 20px 8px 20px;
	color:#fff;
	background:#624498;
	line-height:1;
	font-weight:bold;
}
.btn_event a:hover{
	background:#e48d8d;
}
.btn_event a:visited{
	background:#624498;
}

.text{
	margin:0 auto 100px auto;
	max-width:960px;
}
.text h4{
	border-top:#e5e5e5 solid 2px;
	border-bottom:#e5e5e5 solid 2px;
	padding:10px;
	margin-bottom:20px;
}
.text .col1-2{
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	
	border-left:30px solid #fff;
	border-right:30px solid #fff;
}
.text .day{
	margin-left:10px;
	font-weight:bold;
}
.text li{
	margin-left:10px;
	margin-top:14px;
	font-size:14px;
}
.text .caption{
	margin-top:20px;
	font-size:13px;
	margin-left:10px;
}
.photo_list{
	margin-bottom:100px;
}
.photo_list img{
	max-width:100%;
	height:auto;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border: 1px solid #fff;
}
.info{
	text-align:center;
	margin-top:50px;
	margin-bottom:100px;
}
.info h2{
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:20px;
	line-height:1;
}
.info h3{
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:30px;
	line-height:1.3;
	margin-top:10px;
}
.info h4{
	margin-top:20px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:20px;
	color:#624498;
}
.info p.en{
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:18px;
	margin-top:5px;
	color:#888;
}

/* Responsive Styles
   ========================================================================== */
@media screen and (max-width: 768px) {
	.text .col1-2{
		width:90%;
		margin:0 auto;
		
		border-left:0px solid #fff;
		border-right:0px solid #fff;
	}
	.text .place{
		margin-top:40px;
	}
}
@media screen and (max-width: 480px) {
	#contents{
		border-top:#624498 solid 2px;
	}
	.text .en{
		margin-top:40px;
	}
	
	.info h2{
		font-size:15px;
		line-height:1;
	}
	.info h3{
		font-size:25px;
		line-height:1.3;
		margin-top:10px;
	}
	.info h4{
		font-size:15px;
		color:#574b9c;
	}
}