@charset "utf-8";
/* CSS Document */
img.responsive{
	width: 100%;
	height: auto;
}

body#harutan{
	font-size: 100%;
}

body#harutan h2{
	color: #367823;
	font-size: 110%;
	margin: 0 0 1em 0;
	border-left: solid 10px #FF99CB;
	padding: 0 0 0 .5em;
}

body#harutan h3{
	color: #609;
	padding: .5em;
	margin: 0 0 .5em 0;
	line-height: 1.0;
	height: auto;
	background-color: #FF9;
}

body#harutan p{
	padding: 0;
	margin: 0 0 2em 0;
}

body#harutan dl{
	margin: 0 0 30px 0;
	font-size: 96%;
}

body#harutan dt{
	float: left;
	font-weight: bold;
	color: #F00;
}

body#harutan dd{
	padding: 0 0 0 7em;
	margin: 0 0 .5em 0;
	border-bottom: solid 1px #ccc;
}

body#harutan table{
	width: 100%;
	margin: 0 0 30px 0;
}

body#harutan table th,
body#harutan table td{
	padding: .5em;
	text-align: center;
}


.pink-bg{
	background-color: #FCC;
}

.red{
	color: #C00;
}

.orange{
	color: #E2761D;
}

.bus-left{
	float: left;
	width: 48%;
	height: auto;
}

.bus-right{
	background-color: #306;
	color: #fff;
	font-size: 120%;
	padding: 10px;
	float: right;
	width: 48%;
	display: block;
	border-radius: 20px;
	text-align: center;
}

p.yoyaku-go{
	background-color: #EA009E;
	font-size: 20px;
	text-align: center;
	display: block;
	border-radius: 20px;
}

p.yoyaku-go a{
	color: #fff;
	display: block;
	padding: 10px;
}

@media screen and (max-width : 896px ){
	body#harutan h3{
		font-size: 95%;
	}
	
	body#harutan dt{
		float: none;
	}
	
	body#harutan dd{
		padding: 0;
	}
	
	body#harutan table,
	body#harutan table th,
	body#harutan table td{
		border: solid 1px #ccc;
	}
	
	.bus-left{
	float: none;
	width: 100%;
	height: auto;
}

.bus-right{
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
}
}