@charset "UTF-8";

.panel1 
{
	border:none;
	width:100%;
	margin:10px auto;
	height:auto;
}

.panel1 .PanelImage 
{
	display:table-cell;
	width:50%;
	height:auto;
	margin: 0px;
	float:left;
}

.panel1_right
{
	width:50%;
	display:table-cell;
	position:relative;
	float:right;
}

.panel1_right .PanelImage {
	display: table-cell;
	width:100%;
	height: auto;
	margin: 0px;
}
.panel1_right .Panel_comment {
	display: table-cell;
	height: auto;
	margin: 0px;
}

.panel1 ul {
	list-style:none;
}

.panel1 ul li {
	background-image: url(../image/event/season_point.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0px 0px 10px;
	
	padding-left:40px;
	padding-top:2px;
	
	margin-top: 3px;
	margin-bottom: 3px;
	
}

.panel2 
{
	border:none;
	width:100%;
	margin:0px;
}

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

.mapImage
{
	display:block;
	width:70%;
	height:auto;
	margin:0px auto;
}

.mapImage_Mobile{
	display:none;
}

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

.SubPageSTitleImage {
	display:block;
	margin:0px auto;
}

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

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

.panelTable{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 2px solid #ffd1d1;
	border-left: 1px solid #ffd1d1;
	border-bottom: 1px solid #ffd1d1;
	border-right: 1px solid #ffd1d1;
	margin: 0px auto;
	color: #612e0f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
}
.panelTable th{
	width:20%;
	padding:4px;
	text-align: center;
	vertical-align: top;
	color:#4e2507;
	border-left: 1px solid #ffd1d1;
	border-top: 0px solid #ffd1d1;
	border-right: 1px solid #ffd1d1;
	border-bottom: 1px solid #ffd1d1;
	background-color: rgba(255,255,255,0.8);
}
.panelTable td{
	width:80%;
	padding:4px;
	color:#4e2507;
	border-right: 1px solid #ffd1d1;
	border-bottom: 1px solid #ffd1d1;
	background-color: rgba(255,255,255,0.8);
}

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

}
/* Small Tablets */
@media (min-width: 481px) and (max-width: 768px) {
	
}
/* Mobile */
@media (max-width: 480px) {
	
	.panel1 .PanelImage 
	{
		display:none;		
	}
	
	.panel1_right
	{
		width:85%;
		display:block;
		position:relative;
		margin:0px auto;
		float:none;
	}
	
	.panel1_right .PanelImage_Mobile {
		display: block;
		width:100%;
		height: auto;
		margin: 0px;
	}
	
	.panel1 .PanelImage_Mobile 
	{
		display:block;
		width:60%;
		height: auto;
		margin:0px auto;		
	}
	
	.mapImage{
		display:none;
	}

	.mapImage_Mobile{
		display:block;
		width:85%;
		margin:10px auto;
	}
	
}