@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
	☆daySchedule
----------------------------------------------------*/
#contents .daySchedule{
	padding-top:10px;
	overflow:hidden;
	margin-bottom:6%;
}
#contents .daySchedule dl{
	background: url(../../webpages/about/images/bg_pink_1px.gif) 4px 5px repeat-y;
	padding-bottom:40px;
	clear:both;
}
#contents .daySchedule dl:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}
#contents .daySchedule dl:last-child{
	padding-bottom:0%;
	background:none;
}
#contents .daySchedule dl dt{
	background: url(../../webpages/about/images/icon_circle.png) left 5px no-repeat;
	background-size:10px auto;
	padding-left:20px;
	color:#e05398;
	font-size:1.16em;
	font-weight:bold;
	float:left;
	width:6em;
	margin-top:-10px;
}
#contents .daySchedule dl dd{
	float:right;
	width:calc(100% - 8em);
	width:-webkit-calc(100% - 8em);
	margin-top:-10px;
}
#contents .daySchedule dl dd .tx{
	font-size:1.16em;
	font-weight:bold;
}
#contents .daySchedule dl dd .image{
	margin-top:15px;
}
/*----------------------------------------------------
	☆yearSchedule
----------------------------------------------------*/
#contents .yearSchedule{
	margin-bottom:6%;
	overflow:hidden;
}
#contents .yearSchedule > li{
	float:left;
	width:23%;
	margin:0 1% 3%;
}
#contents .yearSchedule > li:nth-child(4n+1){ clear:both;}
#contents .yearSchedule > li .month{
	text-align:center;
	margin-bottom:15px;
}
#contents .yearSchedule > li .month .monthName{
	color:#e05398;
}
#contents .yearSchedule > li .month span{
	display:block;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing:0.1em;
	text-transform:uppercase;
	line-height:1em;
	margin-top:3px;
}
#contents .yearSchedule > li .image{
	margin-bottom:15px;
}
#contents .yearSchedule > li ul li{
	border-bottom:1px dotted #e05398;
	padding:0 0 8px 15px;
	line-height:1.2em;
	margin-bottom:8px;
	background:url(../../webpages/about/images/icon_circle.png) left 6px no-repeat;
	background-size:8px auto;
	font-size:1.08em;
	font-weight:bold;
}

/*----------------------------------------------------
	☆kondate
----------------------------------------------------*/
#contents .kondate{
	overflow:hidden;
}
#contents .kondate > li{
	float:left;
	width:23%;
	margin:0 1%;
}
#contents .kondate > li .head05{
	line-height:1.3em;
	margin-bottom:10px;
}
#contents .kondate li .inner{
	background:url(../../lib/cmn_img/bg_line_01.jpg) left top repeat;
	border-radius:10px;
	padding:20px 15px;
}
#contents .kondate li .inner ul{
	background:#FFF;
	border-radius:6px;
	padding:13px 0;
	margin:0 auto;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
#contents .kondate li .inner ul li{
	background:url(../../webpages/about/images/icon_circle.png) left 4px no-repeat;
	background-size:8px 8px;
	padding:0 0 8px 15px;
	margin:0 auto 8px;
	font-size:1.08em;
	font-weight:bold;
	border-bottom:1px dotted #e05398;
	line-height:1.2em;
	width:77%;
}
#contents .kondate li .inner ul li:last-child{
	margin-bottom:0;
}

/*----------------------------------------------------
	☆connectionList
----------------------------------------------------*/
#contents .connectionList{
	text-align:center;
}
#contents .connectionList li{
	vertical-align:top;
	display:inline-block;
	text-align:center;
	width:17%;
	margin:0 1% 3%;
}

@media screen and (max-width:1080px) {
/*----------------------------------------------------
	☆kondate
----------------------------------------------------*/
#contents .kondate > li{
	float:left;
	width:48%;
	margin:0 1% 3%;
}
}
@media screen and (max-width:640px) {
/*----------------------------------------------------
	☆daySchedule
----------------------------------------------------*/
#contents .daySchedule dl dt{
	font-size:0.85em;
	margin-bottom:10px;
	width:100%;	
	float:none;
	margin-top:-15px;
}
#contents .daySchedule dl dd{
	width:100%;	
	float:none;
	padding-left:20px;
}
#contents .daySchedule dl dd .tx{
	font-size:1em;
}
#contents .daySchedule dl dd .image{
	margin-top:8px;
}
/*----------------------------------------------------
	☆daySchedule
----------------------------------------------------*/
#contents .yearSchedule > li{
	float:left;
	width:48%;
	margin:0 0 6%;
}
#contents .yearSchedule > li:nth-child(2n){ float:right;}
#contents .yearSchedule > li:nth-child(2n+1){ clear:both;}
#contents .yearSchedule > li .month{
	margin-bottom:10px;
}
#contents .yearSchedule > li .month .monthIcon img{
	width:30px;
}
#contents .yearSchedule > li .image{
	margin-bottom:10px;
}
#contents .yearSchedule > li ul li{
	font-size:0.93em;
}
/*----------------------------------------------------
	☆kondate
----------------------------------------------------*/
#contents .kondate > li{
	margin:0 0 25px;
}
#contents .kondate > li:nth-child(2n){
	float:right;
}
#contents .kondate > li:nth-child(2n+1){ clear:both;}
#contents .kondate li .inner{
	background:url(../../lib/cmn_img/bg_line_01.jpg) left top repeat;
	background-size: auto 10px;
	border-radius:8px;
	padding:10px 7px;
}
#contents .kondate li .head05{
	font-size:1.08em;
	margin-bottom:8px;
}
#contents .kondate li .inner ul li{
	background:url(../../webpages/about/images/icon_circle.png) left 3px no-repeat;
	background-size:7px 7px;
	padding:0 0 6px 12px;
	margin-bottom:6px;
	font-size:0.85em;
}
/*----------------------------------------------------
	☆map
----------------------------------------------------*/
#contents .map iframe{
	height:240px;
}
/*----------------------------------------------------
	☆connectionList
----------------------------------------------------*/
#contents .connectionList li{
	width:28%;
}
}