@charset "utf-8";

/**************************************************
		PC
**************************************************/
#titleArea {
	margin-bottom:60px;
	padding-top:60px;
}

#titleArea .title {
	margin-bottom:25px;
	font-size:36px;
	font-size:2.25rem;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.05em;
}

#titleArea .copy {
	margin:0 auto;
	width:880px;
}

#mainArea .messageBox {
	background:transparent none 50% 0 repeat;
	color:#fff;
}

#sports #mainArea .messageBox { background-image:url("../img/bg_message_sports.gif"); }
#culture #mainArea .messageBox { background-image:url("../img/bg_message_culture.gif"); }
#seikokai #mainArea .messageBox { background-image:url("../img/bg_message_seikokai.gif"); }
#festivalstaff #mainArea .messageBox { background-image:url("../img/bg_message_festivalstaff.gif"); }

#mainArea .messageBox .container {
	display:flex;
	margin:0 auto;
	padding:30px 0;
	max-width:1400px;
	flex-wrap:wrap;
	align-items:center;
}

#mainArea .messageBox .image {
	margin-top:-60px;
	width:50%;
}

#mainArea .messageBox .image img {
	width:100%;
	height:auto;
}

#mainArea .messageBox .text {
	padding:0 60px;
	width:50%;
}

#mainArea .messageBox .title {
	margin-bottom:25px;
	font-size:20px;
	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}

#mainArea .messageBox .title .en {
	display:block;
	margin-bottom:17px;
}

#mainArea .messageBox .title .ja {
	display:block;
	padding:7px 10px;
	border-radius:30px;
	background:#fff;
	color:#c11b48;
}

#sports #mainArea .messageBox .title .ja { color:#ff9800; }
#culture #mainArea .messageBox .title .ja { color:#00bcd4; }
#seikokai #mainArea .messageBox .title .ja { color:#4caf50; }
#festivalstaff #mainArea .messageBox .title .ja { color:#E7438F; }

#mainArea .messageBox p {
	font-size:16px;
	font-size:1rem;
}

#mainArea .iconData,
#mainArea .iconSchedule,
#mainArea .iconLink {
	display:block;
	position:relative;
	padding-left:50px;
}

#mainArea .iconData:before,
#mainArea .iconSchedule:before,
#mainArea .iconLink:before {
	position:absolute;
	top:50%;
	left:0;
	background:transparent none 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .iconData:before { margin-top:-20px; width:30px; height:39px; }
#mainArea .iconSchedule:before { margin-top:-20px; width:39px; height:39px; }
#mainArea .iconLink:before { margin-top:-20px; width:30px; height:39px; }

#sports #mainArea .iconData:before { background-image:url("../img/icon_data_sports.png"); }
#culture #mainArea .iconData:before { background-image:url("../img/icon_data_culture.png"); }
#seikokai #mainArea .iconData:before { background-image:url("../img/icon_data_seikokai.png"); }
#sports #mainArea .iconSchedule:before { background-image:url("../img/icon_schedule_sports.png"); }
#culture #mainArea .iconSchedule:before { background-image:url("../img/icon_schedule_culture.png"); }
#seikokai #mainArea .iconSchedule:before { background-image:url("../img/icon_schedule_seikokai.png"); }
#sports #mainArea .iconLink:before { background-image:url("../img/icon_link_sports.png"); }
#culture #mainArea .iconLink:before { background-image:url("../img/icon_link_culture.png"); }
#seikokai #mainArea .iconLink:before { background-image:url("../img/icon_link_seikokai.png"); }

#mainArea .iconData:after,
#mainArea .iconSchedule:after,
#mainArea .iconLink:after {
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-12px;
	height:24px;
	background:transparent none 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#mainArea .iconData:after { width:42px; }
#mainArea .iconSchedule:after { width:78px; }
#mainArea .iconLink:after { width:42px; }

#sports #mainArea .iconData:after { background-image:url("../img/ti_data_sports.png"); }
#culture #mainArea .iconData:after { background-image:url("../img/ti_data_culture.png"); }
#seikokai #mainArea .iconData:after { background-image:url("../img/ti_data_seikokai.png"); }
#sports #mainArea .iconSchedule:after { background-image:url("../img/ti_schedule_sports.png"); }
#culture #mainArea .iconSchedule:after { background-image:url("../img/ti_schedule_culture.png"); }
#seikokai #mainArea .iconSchedule:after { background-image:url("../img/ti_schedule_seikokai.png"); }
#sports #mainArea .iconLink:after { background-image:url("../img/ti_link_sports.png"); }
#culture #mainArea .iconLink:after { background-image:url("../img/ti_link_culture.png"); }
#seikokai #mainArea .iconLink:after { background-image:url("../img/ti_link_seikokai.png"); }

#mainArea .dataBox {
	float:left;
	margin-bottom:50px;
	width:420px;
}

#mainArea .dataBox .ti02 {
	margin-bottom:0;
	padding-left:15px;
}

#mainArea .dataBox .table01 th {
	width:110px;
}

#mainArea .scheduleBox {
	float:right;
	margin-bottom:50px;
	width:420px;
}

#mainArea .scheduleBox .ti02 {
	margin-bottom:0;
	padding-left:15px;
}

#mainArea .scheduleBox .table01 th {
	width:80px;
}

#mainArea .update {
	clear:both;
	margin-bottom:-20px;
	text-align:right;
}

#mainArea .listBack {
	line-height:1;
	text-align:center;
}

#mainArea .listBack dt {
	margin-bottom:20px;
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

#titleArea {
	margin-bottom:70px;
	padding-top:40px;
}

#titleArea .title {
	margin-bottom:25px;
	font-size:24px;
	font-size:1.5rem;
}

#titleArea .copy {
	padding:0 15px;
	width:auto;
}


#mainArea .messageBox .container {
	padding:0 15px 40px 15px;
}

#mainArea .messageBox .image {
	margin:-40px 0 25px 0;
	width:100%;
}

#mainArea .messageBox .text {
	padding:0;
	width:100%;
}

#mainArea .messageBox .title {
	margin-bottom:20px;
	font-size:16px;
	font-size:1rem;
}

#mainArea .messageBox .title .en {
	margin:0 auto 15px auto;
	width:140px;
}

#mainArea .messageBox p {
	font-size:14px;
	font-size:0.88rem;
}


#mainArea .iconData,
#mainArea .iconSchedule,
#mainArea .iconLink {
	padding-left:35px;
}

#mainArea .iconData:before { margin-top:-15px; width:22px; height:29px; }
#mainArea .iconSchedule:before { margin-top:-15px; width:29px; height:29px; }
#mainArea .iconLink:before { margin-top:-15px; width:23px; height:30px; }

#mainArea .iconData:after,
#mainArea .iconSchedule:after,
#mainArea .iconLink:after {
	right:15px;
	margin-top:-6px;
	height:12px;
}

#mainArea .iconData:after { width:21px; }
#mainArea .iconSchedule:after { width:39px; }
#mainArea .iconLink:after { width:21px; }


#mainArea .dataBox {
	float:none;
	margin-bottom:35px;
	width:auto;
}

#mainArea .dataBox .table01 th {
	padding-right:0;
	width:80px;
}

#mainArea .scheduleBox {
	float:none;
	margin-bottom:35px;
	width:auto;
}

#mainArea .scheduleBox .table01 th {
	padding-right:0;
	width:60px;
}

#mainArea .linkBox .ti02 {
	padding-left:15px;
}

#mainArea .update {
	margin-bottom:-15px;
	font-size:12px;
	font-size:0.75rem;
}

#mainArea .listBack dt {
	margin:0 auto 15px auto;
	width:170px;
}

}