@charset "UTF-8";

.panel1 
{
	border:none;
	width:100%;
	margin:10px auto;
	background-image:url(../image/event/season_image.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:contain;
}
.panel1 .PanelImage 
{
	display:table-cell;
	position:relative;
}

.panel1 .Panel_comment {
	display: block;
	padding: 15px 0px;
	margin:0px;
	margin: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.panel1 ul {
	list-style:none;
	background-color:rgba(255,255,255,.75);
	width:340px;
}

.panel1 ul li {
	background-image: url(../image/event/season_point.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0px 0px 10px;

	color:#FF7d7d;
	font-size: 1.2em;

	padding-left:40px;
	padding-top:2px;
	
	margin-top: 3px;
	margin-bottom: 3px;
	
}


.panel1 .Panel_comment_strong {
	color: #ff7d7d;
	font-size:1.1em;	
	background-color:rgba(255,255,255,.75);
	width:280px;
}

.panel2 
{
	border:none;
	width:90%;
	margin:50px auto 0px auto;
}

.panel2 .Panel_comment {
	display: table-cell;
	padding: 0px 15px 0px 60px;
	margin: 0px;
	width: 50%;
	height: auto;
	vertical-align: top;
}


.PanelImage img
{
	width:100%;
	height:auto;
}

.SubPageSTitleImage {
	margin:0px auto;
}

.Panel_comment_header {
	color: #ff7d7d;
	font-size:1.5em;
}

.Panel_comment_strong {
	color: #ff7d7d;
	font-size:1.3em;
}

/* Small Desktops */
@media (min-width: 769px) and (max-width: 1096px) {

}
/* Small Tablets */
@media (min-width: 481px) and (max-width: 768px) {
	.panel1 ul {
		
		width:280px;
	}
	
	.panel1 ul li{
		font-size: 1.0em;
	}
	
}
/* Mobile */
@media (max-width: 480px) {
	.SubPageSTitleImage {
		display:none;
	}
	
	.SubPageSTitleImage_Mobile {
		margin:0 auto;
	}
	
	.InfoPanel{
		width:85%;
		margin:0px auto;
	}
	
	.panel1 
	{
		margin:20px auto;
		background-image:none;
	}
	
	.panel1 .PanelImage_Moblie{
		display:block;
		width:100%;
		height:auto;
	}

	.panel1 .Panel_comment{
		width:100%;
		margin:0px;
		padding:0px;
		top:0px;
		left:0px;
	}
	
	.panel1 ul{
		width:auto;
		font-size:1.2em;
	}
	
	.panel2 
	{
		margin:20px auto;
	}
	
	.panel2 .Panel_comment{
		width:100%;
		margin:0px;
		padding:0px;
		top:0px;
		left:0px;
		font-size:1.3em;
	}
	
	.small_list
	{
		margin:0px auto;
		text-align:center;
		font-size:1.3em;
		color:#FF7d7d;
	}

}