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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

	#oneDay span.dot::before {
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		background-image: url(../../common/img/dot.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		padding-right: 6px;
	}
	#oneDay span.shinshin::before {
		content: '';
		display: inline-block;
		width: 29px;
		height: 29px;
		background-image: url(../img/icon_shinshin.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		padding-right: 6px;
	}
	#oneDay span.tankyu::before {
		content: '';
		display: inline-block;
		width: 29px;
		height: 29px;
		background-image: url(../img/icon_tankyu.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		padding-right: 6px;
	}
	#oneDay span.chino::before {
		content: '';
		display: inline-block;
		width: 29px;
		height: 29px;
		background-image: url(../img/icon_chino.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		padding-right: 6px;
	}
	#oneDay span.three::before {
		content: '';
		display: inline-block;
		width: 96px;
		height: 29px;
		background-image: url(../img/icon_three.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		padding-right: 6px;
	}
#oneDay span.two::before {
    content: '';
    display: inline-block;
    width: 65px;
    height: 29px;
    background-image: url(../img/icon_two.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    padding-right: 6px;
}


/* PC */
@media screen and (min-width: 801px), print {


#mainimage {
	position: relative;
	margin-top: -10px;
	z-index:1;
}
#mainimage img {
	width: 100%;
	height: auto;
}



#oneDay {
	position: relative;
	top: -150px;
	z-index:100;
}
	#oneDay .inner {
		background: #FFF;
		padding: 60px 0;
		
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	
	#oneDay table {
		width: 950px;
		margin: 0 auto;
		border-collapse: collapse;
		background: #FFF;
		font-size: 116%;
	}
	#oneDay table th {
		text-align: center;
		vertical-align: top;
		border-bottom: solid 1px #e4e4e4;
		border-right: solid 1px #e4e4e4;
		padding: 20px;
		background: #fcf5fa;
	}

	#oneDay table td {
		text-align: left;
		vertical-align: middle;
		border-bottom: solid 1px #e4e4e4;
		border-right: solid 1px #e4e4e4;
		padding: 20px;
	}
	#oneDay table td.bg {
		background: url(../../common/img/bg_graydot.gif) repeat left top;
	}


	
	#oneDay ul {
		float: right;
		margin-bottom: 20px;
		margin-right: 25px;
	}
	#oneDay ul li {
		display: inline;
		font-weight: bold;
		font-size: 86%;
	}
	
	
	
	#oneDay span {
		margin-right: 20px;
		line-height: 1;
	}







#schedule {
	margin-top: -80px;
	margin-bottom: 120px;
}
#schedule .inner {
	width: 950px;
}
	#schedule table {
		float: left;
		width: 48%;
		margin: 0 auto;
		border-collapse: collapse;
		background: #FFF;
		font-size: 116%;
		border-top: solid 1px #e4e4e4;
	}
	#schedule table.se {
		float: right;
		width: 48%;
	}
	#schedule table th {
		width: 30%;
		text-align: left;
		border-bottom: solid 1px #e4e4e4;
		border-right: solid 1px #e4e4e4;
		padding: 20px;
		background: url(../../common/img/bg_graydot.gif) repeat left top;
	}

	#schedule table td {
		text-align: center;
		vertical-align: middle;
		border-bottom: solid 1px #e4e4e4;
		padding: 20px;
	}
	#schedule table td.bg {
	}

#schedule p {
	text-align: right;
	margin-top: 10px;
	font-size: 86%;
}

.illust1{
	position:absolute;
	top: 74px;
	left: 220px;
}

.illust2{
	position:absolute;
	top: 205px;
	left: 360px;
}

.illust3{
	position:absolute;
	top: 290px;
	left: 190px;
}

.illust4{
	position:absolute;
	top: 145px;
	right: 20px;
}

.illust5{
	position:absolute;
	top: 225px;
	right: 230px;
}

}




/* SP */
@media only screen and (max-width: 800px) {
	
	
	
#mainimage {
	position: relative;
	margin-top: -10px;
	z-index:1;
}
#mainimage img {
	width: 100%;
	height: auto;
}



#oneDay {
	position: relative;
	z-index:100;
}
	#oneDay .inner {
		background: #FFF;
		padding: 60px 0;
	}
	
	#oneDay table {
		width: 100%;
		border-collapse: collapse;
		background: #FFF;
	}
	#oneDay table th {
		text-align: center;
		vertical-align: top;
		border-bottom: solid 1px #e4e4e4;
		border-right: solid 1px #e4e4e4;
		padding: 3%;
		background: #fcf5fa;
	}

	#oneDay table td {
		text-align: left;
		vertical-align: middle;
		border-bottom: solid 1px #e4e4e4;
		border-right: solid 1px #e4e4e4;
		padding: 3%;
	}
	#oneDay table td.bg {
		width: 25%;
		background: url(../../common/img/bg_graydot.gif) repeat left top;
	}


	
	#oneDay ul {
		text-align: center;
		margin-bottom: 5%;
	}
	#oneDay ul li {
		display: inline;
		font-weight: bold;
		font-size: 86%;
	}
	#oneDay ul li span {
		margin-right: 5%;
	}
	
	
	
	#oneDay table span {
		display: block;
		margin: 5px 0;
		line-height: 1.4 !important;
	}
	#oneDay span.tankyu {
		padding-left:21px;
		text-indent:-21px;
	}
	#oneDay span.shinshin::before {
		width: 16px;
		height: 16px;
	}
	#oneDay span.tankyu::before {
		width: 16px;
		height: 16px;
	}
	#oneDay span.chino::before {
		width: 16px;
		height: 16px;
	}
	#oneDay span.three::before {
		width: 53px;
		height: 16px;
	}
	#oneDay span.two::before {
		width: 36px;
		height: 16px;
	}
	




#schedule {
	margin-bottom: 5%;
}
	#schedule table {
		width: 100%;
		margin: 0 auto;
		border-collapse: collapse;
		background: #FFF;
		border-top: solid 1px #e4e4e4;
	}
	#schedule table.se {
		border-top: none;
	}
	#schedule table th {
		width: 30%;
		text-align: left;
		border-bottom: solid 1px #e4e4e4;
		border-right: solid 1px #e4e4e4;
		padding: 20px;
		background: url(../../common/img/bg_graydot.gif) repeat left top;
	}

	#schedule table td {
		text-align: center;
		vertical-align: middle;
		border-bottom: solid 1px #e4e4e4;
		padding: 20px;
	}
	#schedule table td.bg {
	}

#schedule p {
	text-align: left;
	margin-top: 10px;
	font-size: 86%;
}

	

}