/*
Theme Name: 熊本市記念樹配布事業
Version: 1.0
*/
@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css);


/*####################################################################################

  	WP

　####################################################################################*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main{
	overflow-wrap: break-word;
　　word-wrap: break-word;
}


.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}




/*####################################################################################

  　　コンテンツページ	

　####################################################################################*/


	main > h2{
		margin-top: 50px;
		color:#3d7636;
		font-size: 2.4em;
		font-weight: 700;
		text-align:center;
		letter-spacing: 0.1em;
	}

@media screen and (max-width:1000px){

	main > h2{
		margin-top:20px !important;
		font-size: 2.0em;
	}

}

@media screen and (max-width:480px){

	main > h2{
		margin-top:0 !important;
		font-size: 1.6em;
	}

}


	.splabel{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		height:40px;
		color:#fff;
		font-size:1.4em;
		font-weight: 700;
		background-color: #007440;
		border-radius: 20px;
	}

@media screen and (max-width:1000px){

	.splabel{
		font-size:1.3em;
	}

}

@media screen and (max-width:770px){

	.splabel{
		height:34px;
		font-size:1.2em;
		border-radius: 17px;
	}

}

@media screen and (max-width:480px){

	.splabel{
		height:30px;
		font-size:1.1em;
		border-radius: 15px;
	}

}





/*####################################################################################

  　　トップページ	

　####################################################################################*/

.home #wrapper{
	overflow: hidden;
}

main{
	position:relative;
	z-index: 1;
}

.home #globalheader{
	height:81px;
	margin-bottom: -81px;
}

@media screen and (max-width:1000px){

.home #globalheader{
	height:47px;
	margin-bottom: -47px;
}

}

@media screen and (max-width:640px){

.home #globalheader{
	height:80px;
	margin-bottom:0;
}

}


	.home #globalheader .inner{
		display: none;
	}

@media screen and (max-width:640px){

	.home #globalheader .inner{
		display:block;
	}

}



/* TOP共通 */

		.home .stdsec h2{
			/*color:#241681;*/
			font-size: 2.1em;
			font-weight: 700;
			text-align: center;
			letter-spacing: 0.1em;
		}

	@media screen and (max-width:1000px){

		.home .stdsec h2{
			margin-bottom: 30px;
			font-size: 1.8em;
		}

	}

	@media screen and (max-width:640px){

		.home .stdsec h2{
			margin-bottom: 25px;
			font-size: 1.6em;
		}

	}

	@media screen and (max-width:430px){

		.home .stdsec h2{
			margin-bottom: 20px;
			font-size: 1.4em;
		}

	}


/* MAIN */

	.home .mainimage{
		width:100%;
		background-image:url("/images/bg_mainimage.png");
		background-repeat: no-repeat;
		background-position:50% 100%;
		background-size: 100% auto;
	}
	.home .mainimage img{
		display: block;
		max-width:1200px;
		width:100%;
		height:auto;
		margin: 0 auto;
	}

@media screen and (max-width:640px){
	
	.home .mainimage{
		display: none;
	}

}



/* description */

	.desc{
		max-width: 1200px;
		width:90%;
		margin:0 auto;	
		padding-bottom: 30px;
	}

		.desc p:nth-of-type(1){
			margin:40px 0;
			font-size:1.9em;
			font-weight: 700;
			line-height: 1.7em;
		}
		.desc p:nth-of-type(1) span{
			color:#e50012;
		}

	@media screen and (max-width:1250px){

		.desc p:nth-of-type(1){
			font-size:1.8em;
			line-height: 1.6em;
		}

	}

	@media screen and (max-width:1000px){

		.desc p:nth-of-type(1){
			margin: 30px auto;
			font-size:1.5em;
		}

	}

	@media screen and (max-width:770px){

		.desc p:nth-of-type(1){
			font-size:1.3em;
		}

	}

	@media screen and (max-width:640px){

		.desc p:nth-of-type(1){
			margin: 20px auto;
			font-size:1.2em;
		}

	}

	@media screen and (max-width:480px){

		.desc p:nth-of-type(1){
			margin: 20px auto;
			font-size:1.1em;
		}

	}


		.desc img{
			display: block;
			max-width: 800px;
			width:90%;
			height: auto;
			margin:0 auto;		
		}


		.desc p:nth-of-type(2){
			max-width:1000px;
			width:100%;
			margin:40px auto;
			font-size:1.3em;
		}

	@media screen and (max-width:770px){

		.desc p:nth-of-type(2){
			font-size:1.2em;
		}

	}

	@media screen and (max-width:640px){

		.desc p:nth-of-type(2){
			margin: 20px auto;
			font-size:1.1em;
		}

	}

	@media screen and (max-width:480px){

		.desc p:nth-of-type(2){
			margin: 20px auto;
			font-size:1.0em;
		}

	}



/* いいこと */

	.goodthing{
		max-width: 1400px;
		width:100%;
		margin:0 auto;
		padding: 90px 0 60px;
		background-color: #ffffe5;
	}

@media screen and (max-width:1200px){

	.goodthing{
		padding: 0 0 50px;
	}

}

@media screen and (max-width:1000px){

	.goodthing{
		padding: 0 0 40px;
	}

}

@media screen and (max-width:770px){

	.goodthing{
		padding: 0 0 50px;
	}

}

		.goodthing h2{
			max-width: 1200px;
			width:100%;
			height:150px;
			margin: 0 auto;
			color:#c00;
			background-color: #ffcc12;
		}

	@media screen and (max-width:770px){

		.goodthing h2{
			height:130px;
		}

	}

	@media screen and (max-width:640px){

		.goodthing h2{
			height:100px;
		}

	}

	@media screen and (max-width:480px){

		.goodthing h2{
			height:75px;
		}

	}


			.goodthing h2 .inner{
				max-width:550px;
				width:70%;
				margin: 0 auto;
				padding-top: 27px;
				font-size:2.2em;
				font-weight:900;
				line-height: 1.4em;
				text-shadow:
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff,
					0 0 5px #fff;
			}

		@media screen and (max-width:770px){

			.goodthing h2 .inner{
				width:75%;
				padding-top: 27px;
				font-size:1.8em;
			}

		}

		@media screen and (max-width:640px){

			.goodthing h2 .inner{
				width:80%;
				padding-top:17px;
				font-size:1.6em;
			}

		}

		@media screen and (max-width:560px){

			.goodthing h2 .inner{
				width:80%;
				padding-top: 20px;
				font-size:1.3em;
			}

		}

		@media screen and (max-width:480px){

			.goodthing h2 .inner{
				padding-top: 13px;
				font-size:1.2em;
			}

		}

		@media screen and (max-width:430px){

			.goodthing h2 .inner{
				max-width:320px;
				width:90%;
				min-width:280px;
			}

		}


				.goodthing h2 .inner img{
					display: block;
					max-width: 213px;
					margin-bottom: -170px;
					width:37%;
					height:auto;
					float: right;
					position: relative;
					top:-170px;
				}

			@media screen and (max-width:770px){

				.goodthing h2 .inner img{
					margin-bottom: -110px;
					top:-110px;
				}

			}

			@media screen and (max-width:640px){

				.goodthing h2 .inner img{
					margin-bottom: -80px;
					top:-80px;
				}

			}

			@media screen and (max-width:480px){

				.goodthing h2 .inner img{
					width:35%;
					margin-bottom: -60px;
					top:-60px;
				}

			}

			@media screen and (max-width:430px){

				.goodthing h2 .inner img{
					width:33%;
				}

			}

			@media screen and (max-width:370px){

				.goodthing h2 .inner img{
					width:28%;
					margin-bottom: -50px;
					top:-50px;
				}

			}

		.goodthing h2 + p{
			max-width:1180px;
			width:90%;
			margin: 30px auto;
			color:#369;
			font-size:1.2em;
			font-weight:700;
		}

				.goodthing ul{
					clear: both;
					width:94%;
					margin: 0 auto;
				}

			@media screen and (max-width:1200px){

				.goodthing ul{
					margin-bottom:30px;
				}

			}

			@media screen and (max-width:1000px){

				.goodthing ul{
					margin-bottom:0;
				}

			}

			@media screen and (max-width:770px){

				.goodthing ul{
					margin-bottom:20px;
				}

			}

			.goodthing ul{zoom:1;}
			.goodthing ul:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}



					.goodthing li{
						width:calc(48% - 65px);
						height:200px;
						margin: 0 2% 15px 30px;
						padding: 35px 0 0 35px;
						font-size:1.2em;
						list-style: none;
						float: left;
						position: relative;
						background-image: url("/images/img_yellow-circle.png");
						background-position: 0 0;
						background-repeat:no-repeat;
						text-shadow:
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5,
							0 0 3px #ffffe5;
					}

				@media screen and (max-width:1200px){

					.goodthing li{
						height:200px;
					}
					
				}

				@media screen and (max-width:1000px){

					.goodthing li{
						width:calc(48% - 57px);
						height:240px;
						padding: 27px 0 0 27px;
						background-size: 80px auto;
					}
					
				}

				@media screen and (max-width:840px){

					.goodthing li{
						width:calc(48% - 50px);
						font-size:1.1em;
						padding: 15px 0 0 20px;
						background-size: 60px auto;
					}
					
				}

				@media screen and (max-width:770px){

					.goodthing li{
						width:calc(98% - 45px);
						height:auto;
						margin: 0 0 15px 20px;
						padding: 15px 0 0 20px;
						background-size: 60px auto;
					}
					
				}

				@media screen and (max-width:480px){

					.goodthing li{
						width:calc(98% - 35px);
						height:auto;
						margin: 0 0 15px 10px;
						padding: 15px 0 0 20px;
						background-size: 60px auto;
					}
					
				}

						.goodthing li h3{
							color:#e50012;
							font-size:1.8em;
							font-weight:700;
							text-shadow:
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5,
								0 0 3px #ffffe5;
						}

					@media screen and (max-width:1200px){

						.goodthing li h3{
							font-size:1.6em;
						}
						
					}

					@media screen and (max-width:1000px){

						.goodthing li h3{
							font-size:1.4em;
						}
						
					}

					@media screen and (max-width:840px){

						.goodthing li h3{
							font-size:1.2em;
						}
						
					}



/* outline */

		.outline .inner{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:70px 0 0;
		}

	@media screen and (max-width:480px){

		.outline .inner{
			width:100%;
			padding:0;
		}

	}

			.outline h2,
			.routemap h2,
			.charge h2,
			.howto h2,
			.payment h2{
				width:100%;
				margin:0 auto;	
				padding-left: 30px;
				color:#036;
				font-size: 1.8em;
				font-weight:700;
				background-image: url("/shared/img_circle-red.png");
				background-repeat: no-repeat;
				background-position: 0 5px;
			}

		@media screen and (max-width:1000px){

			.outline h2,
			.routemap h2,
			.charge h2,
			.howto h2,
			.payment h2{
				padding-left: 26px;
				font-size: 1.6em;
				background-size: 16px auto;
				background-position: 0 6px;
			}

		}

		@media screen and (max-width:770px){

			.outline h2,
			.routemap h2,
			.charge h2,
			.howto h2,
			.payment h2{
				padding-left: 24px;
				font-size: 1.4em;
				background-size: 14px auto;
				background-position: 0 6px;
			}

		}

		@media screen and (max-width:480px){

			.outline h2,
			.routemap h2,
			.charge h2,
			.howto h2,
			.payment h2{
				width:90%;
				padding:3px 5%;
				color:#fff;
				font-size: 1.0em;
				background-image: none;
				background-color: #036;
			}

		}

				.outline h2 + p,
				.howto h2 + p{
					font-size: 1.2em;
					margin:20px 0 50px 30px;
				}
				.outline h2:nth-last-of-type(1) + p{
					margin-bottom:30px;
				}

			@media screen and (max-width:1000px){

				.outline h2 + p,
				.howto h2 + p{
					margin:20px 0 50px 26px;
				}
				.outline h2:nth-last-of-type(1) + p{
					margin-bottom:30px;
				}
			}

			@media screen and (max-width:770px){

				.outline h2 + p,
				.howto h2 + p{
					font-size: 1.1em;
					margin:15px 0 40px 24px;
				}
				.outline h2:nth-last-of-type(1) + p{
					margin-bottom:25px;
				}
			}

			@media screen and (max-width:480px){

				.outline h2 + p,
				.howto h2 + p{
					font-size: 1.0em;
					margin:15px 5% 20px;
				}

			}

				.outline h2 + p span{
					color:#e50012;
				}

			/* 運行ダイヤ */

		.timetable{
			background-color:#fff8cc;
			padding: 50px 0;
		}

	@media screen and (max-width:640px){

		.timetable{
			padding: 30px 0;
		}

	}

	@media screen and (max-width:480px){

		.timetable{
			padding: 30px 0 50px;
		}

	}


			.timetable ul{
				max-width: 1200px;
				width:90%;
				margin: 0 auto;
			}

		@media screen and (max-width:640px){

			.timetable ul{
				max-width: 400px;
			}

		}


			.timetable ul{zoom:1;}
			.timetable ul:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

				.timetable li{
					width:45%;
					float: left;
					list-style: none;
				}

			@media screen and (max-width:640px){

				.timetable li{
					width:100%;
					float:none;
				}

			}

				.timetable li:nth-of-type(2){
					width:10%;
					height:100%;
					background-image: url("/images/img_timetable-yajirushiPC.png");
					background-position: 50% 100%;
					background-repeat: no-repeat;
					background-size: 60% auto;
				}

			@media screen and (max-width:640px){

				.timetable li:nth-of-type(2){
					width:100%;
					height:70px;
					background-image: url("/images/img_timetable-yajirushi.png");
					background-position: 50% 50%;
					background-size: 26% auto;
				}
				.timetable li:nth-of-type(2) img{
					display: none;
				}

			}

			@media screen and (max-width:480px){

				.timetable li:nth-of-type(2){
					background-size:104px auto; 
				}

			}

				.timetable li:nth-last-of-type(1){
					float: right;
				}

					.timetable li h3{
						margin-bottom: 15px;
						color:#036;
						line-height: 1.4em;
						font-weight:700;
						font-size:1.2em;
					}

				@media screen and (max-width:1000px){

					.timetable li h3{
						margin-bottom: 12px;
						font-size:1.1em;
					}

				}

				@media screen and (max-width:770px){

					.timetable li h3{
						margin-bottom: 10px;
						font-size:1.0em;
						letter-spacing: 0;
					}

				}

				@media screen and (max-width:640px){

					.timetable li h3{
						letter-spacing: 0.07em;
					}

				}


					.timetable li img{
						width: 100%;
						height: auto;
					}

			.timetable ul + p{
				max-width: 1180px;
				width:calc(90% - 20px);
				margin: 15px auto 0;
				position: relative;
				left:10px;
			}


/* 路線図 */

		.routemap{
			background-color: #f2f2f2;
		}

		.routemap .inner{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:70px 0 50px;
		}

	@media screen and (max-width:1000px){
		
		.routemap .inner{
			padding:50px 0 30px;
		}
		
	}

	@media screen and (max-width:640px){
		
		.routemap .inner{
			padding:30px 0 30px;
		}
		
	}

	@media screen and (max-width:480px){

		.routemap .inner{
			width:100%;
			padding:0 0 50px;
		}

	}



			.routemap2{
				display: none;
			}
			.routemap1{
				display:block;
				max-width: 800px;
				width:100%;
				height: auto;
				margin: 30px auto 0;
			}

		@media screen and (max-width:640px){

			.routemap1{
				display: none;
			}
			.routemap2{
				display:block;
				width:100%;
				height: auto;
				margin:20px 0 0;
			}
		}

		@media screen and (max-width:480px){

			.routemap2{
				margin:0;
			}
		}
					


/* 運賃 */

		.home .charge{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:70px 0 0;
		}

	@media screen and (max-width:1000px){
		
		.home .charge{
			padding:50px 0 0;
		}
		
	}

	@media screen and (max-width:640px){
		
		.home .charge{
			padding:30px 0 0;
		}
		
	}

	@media screen and (max-width:480px){

		.home .charge{
			width:100%;
			padding:0 0 50px;
		}

	}


			.home .charge ul:nth-of-type(1){
				width:calc(100% - 560px);
				margin: 30px 0;
				float:left;
			}

		@media screen and (max-width:1000px){

			.home .charge ul:nth-of-type(1){
				width:90%;
				margin: 30px auto;
				float:none;
			}

		}

			.home .charge ul:nth-of-type(1) li{
				margin-bottom: 15px;
				color:#e50012;
				font-size: 1.6em;
				font-weight:700;
				list-style: none;
			}

		@media screen and (max-width:1200px){
			
			.home .charge ul:nth-of-type(1) li{
				font-size: 1.4em;
			}
			
		}

		@media screen and (max-width:1100px){
			
			.home .charge ul:nth-of-type(1) li{
				margin-bottom: 15px;
				font-size: 1.3em;
			}
			
		}

		@media screen and (max-width:1000px){
			
			.home .charge ul:nth-of-type(1) li{
				margin-bottom: 15px;
				font-size: 1.3em;
				text-align: center;
			}
			
		}

		@media screen and (max-width:480px){
			
			.home .charge ul:nth-of-type(1) li{
				margin-bottom: 10px;
				font-size: 1.2em;
			}
			
		}

			.charge ul:nth-of-type(2){
				width:550px;
				float:right;			
			}

		@media screen and (max-width:1000px){

			.charge ul:nth-of-type(2){
				max-width:1000px;
				width:100%;
				margin: 30px auto 0;
				float:none;
			}

		}

			.charge ul:nth-of-type(2) li{
				margin-top: 30px;
				list-style: none;
			}
					


/* 乗車方法 */

		.howto{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:70px 0 0;
		}

	@media screen and (max-width:1000px){
		
		.howto{
			padding:50px 0 0;
		}
		
	}

	@media screen and (max-width:640px){
		
		.howto{
			padding:30px 0 0x;
		}
		
	}

	@media screen and (max-width:480px){

		.howto{
			width:100%;
			padding:0;
		}

	}
					


/* 支払方法 */

		.payment{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:30px 0 50px;
		}

	@media screen and (max-width:1000px){
		
		.payment{
			padding:30px 0 30p;
		}
		
	}

	@media screen and (max-width:640px){
		
		.payment{
			padding:30px 0 30p;
		}
		
	}

	@media screen and (max-width:480px){

		.payment{
			width:100%;
			padding:0 0 50px;
		}

	}

			.payment .note{
				width:calc(100% - 560px);
				margin: 0 0 30px;
				float:left;
			}

		@media screen and (max-width:1000px){

			.payment .note{
				width:90%;
				margin: 0 auto 30px;
				float:none;
			}

		}


				.payment .note p{
					font-size: 1.2em;
					margin:25px 0 10px 30px;
				}

				.payment .note ul{
					font-size: 1.2em;
					margin-left: 50px;
				}

				.payment .note .kome{
					margin-left: 45px;
				}

			@media screen and (max-width:1000px){

				.payment .note p{
					margin:20px 0 10px 26px;
				}

				.payment .note ul{
					font-size: 1.2em;
					margin-left: 46px;
				}

				.payment .note .kome{
					margin-left: 41px;
				}
				
			}

			@media screen and (max-width:770px){

				.payment .note p{
					font-size: 1.1em;
					margin:15px 0 10px 24px;
				}
				
				.payment .note ul{
					font-size: 1.1em;
					margin-left: 44px;
				}

				.payment .note .kome{
					margin-left: 39px;
				}
				
			}

			@media screen and (max-width:480px){

				.payment .note p{
					font-size: 1.0em;
					margin:15px 5% 20px;
				}
				
				.payment .note ul{
					font-size: 1.0em;
					margin-left: 40px;
				}

				.payment .note .kome{
					margin-left: 35px;
				}

			}


			.payment > ul{
				width:550px;
				float:right;
				position: relative;
			}

		@media screen and (max-width:1000px){

			.payment >  ul{
				max-width:1000px;
				width:100%;
				margin: 30px auto 0;
				float:none;
			}

		}

			.payment > ul li{
				margin-top: 30px;text-align: center;
				list-style: none;
			}
					

/* モニター募集 */

	.monitor{
			background-color: #f2ffe6;
		}

		.monitor .inner{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:50px 0 50px;
		}

	@media screen and (max-width:1000px){
		
		.monitor .inner{
			padding:50px 0 30px;
		}
		
	}

	@media screen and (max-width:640px){
		
		.monitor .inner{
			padding:30px 0 30px;
		}
		
	}

	@media screen and (max-width:480px){

		.monitor .inner{
			width:100%;
			padding:30px 0 50px;
		}

	}

		.monitor h2{
			margin-bottom: 35px;
			color:#2b5900;
			font-size:2.4em;
			line-height: 1.4em;
			text-align: center;
			text-shadow:
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900,
				0 0 1px #2b5900;
		}

		.monitor h2 + p{
			width:90%;
			margin: 15px auto 40px;
			font-size:1.2em;
			font-weight:700;
			text-align: center;
		}

	@media screen and (max-width:1000px){
		
		.monitor h2{
			margin-bottom: 30px;
			font-size:2.1em;
		}

	}


	@media screen and (max-width:770px){
		
		.monitor h2{
			margin-bottom: 25px;
			font-size:1.6em;
		}
		
		.monitor h2 + p{
			margin-bottom: 25px;
			font-size:1.1em;
			text-align: left;
		}

	}

	@media screen and (max-width:640px){
		
		.monitor h2{
			font-weight: 700;
			text-shadow:none;
		}

		.monitor h2 + p{
			font-size:1.0em;
		}

	}

	@media screen and (max-width:480px){
		
		.monitor h2{
			font-size:1.4em;
		}

	}

	@media screen and (max-width:370px){
		
		.monitor h2{
			font-size:1.2em;
		}

	}

		.monitor .linkbtn3{
			margin-top: 50px;
		}

	@media screen and (max-width:770px){

		.monitor .linkbtn3{
			margin-top: 30px;
		}

	}



/*####################################################################################

  　　Detail

　####################################################################################*/


	.detail #globalheader{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		height: 80px;
		color:#fff;
		font-size:2.0em;
		font-weight:700 !important;
		text-align: center;
		background-color: #e50012;
		background-image: url("/shared/img_yajirushi2.png");
		background-repeat: no-repeat;
		background-size: 44px;
		background-position: 3% 50%;
		cursor: pointer;
	}

@media screen and (max-width:1000px){

	.detail #globalheader{
		height: 72px;
		font-size:1.8em;
		background-size: 37px;
	}

}

@media screen and (max-width:770px){

	.detail #globalheader{
		height: 65px;
		font-size:1.6em;
		background-size: 33px;
	}

}

@media screen and (max-width:640px){

	.detail #globalheader{
		height: 57px;
		font-size:1.4em;
		background-size: 27px;
	}

}

@media screen and (max-width:480px){

	.detail #globalheader{
		height: 50px;
		font-size:1.2em;
		background-size: 22px;
	}

}

	.detail #globalheader h1{
		width: 100%;
		line-height: 1.2em;
	}

@media screen and (max-width:480px){

	.detail #globalheader h1{
		width: 100%;
	}

}

	.detail main{
		padding: 70px 0 50px;
	}

@media screen and (max-width:1000px){

	.detail main{
		padding: 60px 0 50px;
	}

}

@media screen and (max-width:770px){

	.detail main{
		padding: 50px 0 50px;
	}

}

@media screen and (max-width:640px){

	.detail main{
		padding: 45px 0 50px;
	}

}

@media screen and (max-width:480px){

	.detail main{
		padding: 40px 0 30px;
	}

}

		.detail main > .inner{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:0 0 30px;
		}

	@media screen and (max-width:480px){

		.detail main > .inner{
			width:100%;
		}

	}




			.detail h2{
				width:100%;
				margin:0 auto;	
				padding-left: 30px;
				color:#036;
				font-size: 1.8em;
				font-weight:700;
				text-align: left;
				line-height: 1.4em;
				background-image: url("/shared/img_circle-red.png");
				background-repeat: no-repeat;
				background-position: 0 5px;
			}

		@media screen and (max-width:1000px){

			.detail h2{
				padding-left: 26px;
				font-size: 1.6em;
				background-size: 16px auto;
				background-position: 0 6px;
			}

		}

		@media screen and (max-width:770px){

			.detail h2{
				width:calc(100% - 24px);
				padding-left: 24px;
				font-size: 1.4em;
				background-size: 14px auto;
				background-position: 0 6px;
			}

		}

		@media screen and (max-width:480px){

			.detail h2{
				width:90%;
				padding:3px 5%;
				color:#fff;
				font-size: 1.0em;
				background-image: none;
				background-color: #036;
			}

		}

				.detail h2 + p{
					width:100%;
					font-size: 1.2em;
					margin:20px 0 50px 30px;
				}
				.detail h2 + ol{
					font-size: 1.2em;
					margin:20px 0 50px 30px;
				}
				.detail h2 + p + ol{
					font-size: 1.2em;
					margin:20px 0 50px 30px;
				}
				.detail h2 + ul{
					font-size: 1.2em;
					margin:20px 0 50px 50px;
				}
				.detail .inner > p{
					width:100%;
					font-size: 1.2em;
					margin:20px 0 50px 30px;
				}
				.detail .label2{
					margin:20px 0 10px 30px;
				}
				.syougaiwari .inner > p:nth-of-type(1),
				.iccard .inner > p:nth-of-type(1),
				.charge .inner > p:nth-of-type(1),
				.kumamonic main .inner ol{
					width:100%;
					font-size: 1.2em;
					margin:0 0 50px;
				}

			@media screen and (max-width:1000px){

				.detail h2 + p{
					margin:20px 0 50px 26px;
				}
				.detail h2 + ol{
					margin:20px 0 50px 26px;
				}
				.detail h2 + p + ol{
					margin:20px 0 50px 26px;
				}
				.detail h2 + ul{
					margin:20px 0 50px 46px;
				}
				.detail .inner > p{
					margin:20px 0 50px 26px;
				}
				.detail .label2{
					margin:20px 0 10px 26px;
				}
				.syougaiwari .inner > p:nth-of-type(1),
				.iccard .inner > p:nth-of-type(1),
				.charge .inner > p:nth-of-type(1),
				.kumamonic main .inner ol{
					margin:0 0 50px;
				}

			}

			@media screen and (max-width:770px){

				.detail h2 + p{
					width:calc(100% - 24px);
					font-size: 1.1em;
					margin:20px 0 40px 24px;
				}
				.detail h2 + ol{
					font-size: 1.1em;
					margin:20px 0 50px 26px;
				}
				.detail h2 + p + ol{
					width:calc(100% - 46px);
					font-size: 1.1em;
					margin:20px 0 50px 26px;
				}
				.detail h2 + ul{
					font-size: 1.1em;
					margin:20px 0 50px 46px;
				}
				.detail .inner > p{
					width:calc(100% - 24px);
					font-size: 1.1em;
					margin:20px 0 40px 24px;
				}
				.detail .label2{
					margin:20px 0 10px 26px;
				}
				.syougaiwari .inner > p:nth-of-type(1),
				.iccard .inner > p:nth-of-type(1),
				.charge .inner > p:nth-of-type(1){
					width:100%;
					font-size: 1.1em;
					margin:0 0 40px;
				}
				.kumamonic main .inner ol{
					width:calc(100% - 30px);
					font-size: 1.1em;
					margin:0 0 40px;
				}

			}

			@media screen and (max-width:480px){

				.detail h2 + p{
					width:90%;
					font-size: 1.0em;
					margin:20px 5% 20px;
				}
				.detail h2 + ol{
					width:calc(90% - 26px);
					font-size: 1.0em;
					margin:20px 0 30px 26px;
				}
				.detail h2 + p + ol{
					width:calc(90% - 26px);
					font-size: 1.0em;
					margin:20px 0 30px 26px;
				}
				.detail h2 + ul{
					width:calc(100% - 61px);
					font-size: 1.0em;
					margin:20px 0 30px 41px;
				}
				.detail .inner > p{
					width:90%;
					font-size: 1.0em;
					margin:20px 5% 20px;
				}
				.detail .label2{
					margin:20px 5% 10px;
				}
				.syougaiwari .inner > p:nth-of-type(1),
				.iccard .inner > p:nth-of-type(1),
				.charge .inner > p:nth-of-type(1){
					width:90%;
					font-size: 1.0em;
					margin:0 5% 20px;
				}
				.kumamonic main .inner ol{
					width:calc(90% - 15px);
					font-size: 1.0em;
					margin:0 5% 20px;
				}

			}

				.detail h2 + p span,
				.detail .inner > p span{
					color:#e50012;
				}

				.detail ol li,
				.detail ul li{
					width:100%;
					margin-bottom:10px;
				}
				.detail ol li span,
				.detail ul li span{
					color:#e50012;
				}

			.detail h2 + p.marginbottom2{
				margin-bottom:10px !important;
			}



			.detail .label2{
				padding:13px 20px 10px;
				color:#036;
				font-size:1.1em;
				background-color: #e6f2ff;
			}			

		@media screen and (max-width:480px){

			.detail .label2{
				font-size:0.95em;
			}			

		}


			.detail .label2 span{
				font-size:1.3em;
				font-weight: 700;
			}

			.detail .label2 + .inner p:nth-of-type(1){
				margin-bottom: 0;
				color:#f00;
				font-size:1.6em;
				font-weight:700;
			}

		@media screen and (max-width:770px){

			.detail .label2 + .inner p:nth-of-type(1){
				font-size:1.4em;
			}

		}

		@media screen and (max-width:640px){

			.detail .label2 + .inner p:nth-of-type(1){
				font-size:1.2em;
				text-align: center;
			}

		}


		.linkbtn + p{
			color: #ff6600;
			font-size:0.9em;
			line-height: 1.4em;
			text-align: center;
			left:-10px;
		}

	@media screen and (max-width:1000px){

		.linkbtn + p{
			left:0;
		}

	}


/* 対象者毎の運賃 */

		.charge main > .inner{
			max-width: 800px;
			width: 90%;
			margin: 0 auto;
		}

	@media screen and (max-width:480px){

		.charge main > .inner{
			width:100%;
		}

	}

/* おでかけＩＣカードＩＣカードでの乗り方 */

		.iccard main > .inner{
			max-width: 800px;
			width: 90%;
			margin: 0 auto;
		}

	@media screen and (max-width:480px){

		.iccard main > .inner{
			width:100%;
		}

	}

/* 障がい者割引について */

		.syougaiwari main > .inner{
			max-width: 800px;
			width: 90%;
			margin: 0 auto;
		}

	@media screen and (max-width:480px){

		.syougaiwari main > .inner{
			width:100%;
		}

	}

		.syougaiwari main h2:nth-last-of-type(1) + p{
			padding-bottom: 20px;
			border-bottom:1px dashed #ccc;
		}

		.syougaiwari main > .inner .kome{
			width:calc(100% - 10px);
			margin-bottom: 10px;
			padding-top: 10px;
			position: relative;
			left:-10px;
		}

	@media screen and (max-width:480px){

		.syougaiwari main > .inner .kome{
			width:calc(100% - 45px);
			left:15px;
		}

	}
			

/* くまモンＩＣカードでの乗り方 */

		.kumamonic main > .inner{
			max-width: 800px;
			width: 90%;
			margin: 0 auto;
		}

	@media screen and (max-width:480px){

		.kumamonic main > .inner{
			width:100%;
		}

	}
			
		.kumamonicimg{
			max-width: 746px;
			width: 100%;
			margin: 0 auto 30px;
		}
		.kumamonicimg img{
			width:100%;
			height:100%;
		}


				.kumamonicimg + ol{
					font-size: 1.2em;
					margin:20px 0 50px 30px;
				}

			@media screen and (max-width:1000px){

				.kumamonicimg+ ol{
					margin:20px 0 50px 26px;
				}

			}

			@media screen and (max-width:770px){

				.kumamonicimg + ol{
					font-size: 1.1em;
					margin:20px 0 50px 26px;
				}

			}

			@media screen and (max-width:480px){

				.kumamonicimg + ol{
					font-size: 1.0em;
					margin:20px 0 30px 26px;
				}

			}

				.kumamonicimg + ol li,
				.kumamonicimg + ul li{
					margin-bottom:10px;
				}
			

/* 募集要項 */

		.guideline main .inner{
			padding-bottom:70px;
		}

	@media screen and (max-width:480px){

		.guideline main .inner{
			padding-bottom:50px;
		}

	}

			.guideline main .inner .linkbtn3{
				margin-top:50px;
			}




/* シミュレーションリンクバナー */

	.linksim{
		width:600px;
		height:120px;
		background-color:#e50012;
		background-image: url("/shared/bg_link-sim.png");
		background-position: 0 50%;
		background-repeat: no-repeat;
		background-size: 24% auto;
		position:fixed;
		bottom:0;
		z-index: 1000;
		right:2%;
		border-radius:10px 10px 0 0;
	}

	.linksim a{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		width:90%;
		height: 100%;
		padding-left: 10%;
		color:#fff;
		font-weight:700;
		font-size: 2.2em;
		text-decoration:none;
		line-height: 1.2em;
		background-image: url("/shared/img_yajirushi-yelow.png");
		background-repeat: no-repeat;
		background-position: 98% 50%;
	}

@media screen and (max-width:1200px){

	.linksim{
		width:500px;
		height:100px;
		border-radius:10px 10px 0 0;
	}

	.linksim a{
		font-size:1.8em;
	}

}

@media screen and (max-width:1000px){

	.linksim{
		width:450px;
		height:90px;
		border-radius:8px 8px 0 0;
	}

	.linksim a{
		font-size:1.6em;
	}

}

@media screen and (max-width:770px){

	.linksim{
		width:400px;
		height:80px;
		border-radius:7px 7px 0 0;
	}

	.linksim a{
		font-size:1.4em;
	}

}

@media screen and (max-width:640px){

	.linksim{
		width:100%;
		height:60px;
		border-radius:0;
		right:0;
	}

	.linksim a{
		font-size:1.2em;
	}

}

@media screen and (max-width:480px){

	.linksim a{
		font-size:1.1em;
	}

}



/*####################################################################################

  　　シミュレーション

　####################################################################################*/

@media screen and (max-width:640px){

	.sim #wrapper{
		padding-bottom:0;
	}

}

.sim main{
	padding-bottom: 50px;
}

@media screen and (max-width:480px){

.sim main{
	padding-bottom: 20px;
}

}

	.sim main > header{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		height: 80px;
		color:#fff;
		font-size:2.0em;
		font-weight:700 !important;
		text-align: center;
		background-color: #e50012;
		background-image: url("/shared/img_yajirushi2.png");
		background-repeat: no-repeat;
		background-size: 44px;
		background-position: 3% 50%;
		cursor: pointer;
	}

@media screen and (max-width:1000px){

	.sim main > header{
		height: 72px;
		font-size:1.8em;
		background-size: 37px;
	}

}

@media screen and (max-width:770px){

	.sim main > header{
		height: 65px;
		font-size:1.6em;
		background-size: 33px;
	}

}

@media screen and (max-width:640px){

	.sim main > header{
		height: 57px;
		font-size:1.4em;
		background-size: 27px;
	}

}

@media screen and (max-width:480px){

	.sim main > header{
		height: 50px;
		font-size:1.2em;
		background-size: 22px;
	}

}

@media screen and (max-width:370px){

	.sim main > header{
		font-size:1.1em;
	}

}

	.sim main > header > a{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		width:100%;
		height: 100%;
		color:#fff;
		text-decoration: none;
	}


		.simcontent{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding-bottom: 70px;
		}

	@media screen and (max-width:480px){

		.simcontent{
			padding-bottom:40px;
		}

	}

		.simcontent.last{
			padding-bottom:20px;
		}

		.simcontent h3{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:150px;
			height:150px;
			color:#036;
			font-size: 1.6em;
			font-weight:700;
			border-radius: 75px;
			margin: 60px auto 50px;
			background-color: #e6f2ff;
		}

	@media screen and (max-width:1000px){

		.simcontent h3{
			width:130px;
			height:130px;
			font-size: 1.4em;
			border-radius: 65px;
			margin: 55px auto;
		}

	}

	@media screen and (max-width:770px){

		.simcontent h3{
			width:120px;
			height:120px;
			font-size: 1.3em;
			border-radius: 60px;
		}

	}

	@media screen and (max-width:640px){

		.simcontent h3{
			width:100px;
			height:100px;
			font-size: 1.2em;
			border-radius: 50px;
			margin: 50px auto;
		}

	}

	@media screen and (max-width:480px){

		.simcontent h3{
			width:80px;
			height:80px;
			font-size: 1.1em;
			border-radius: 40px;
			margin: 45px auto 30px;
		}

	}

			.simcontent h3 + p{
				margin: 0 0 50px;
				color:#036;
				font-size:1.4em;
				font-weight:700;
				text-align: center;
				line-height: 1.7em;
			}

		@media screen and (max-width:480px){

			.simcontent h3 + p{
				margin: 0 0 30px;
				font-size:1.2em;
				line-height: 1.6em;
			}

		}


		.simcontent ul{
			width: 580px;
			margin: 0 auto;
		}

	@media screen and (max-width:1000px){

		.simcontent ul{
			width: 500px;
		}

	}

	@media screen and (max-width:770px){

		.simcontent ul{
			width: 420px;
		}

	}

	@media screen and (max-width:640px){

		.simcontent ul{
			width: 360px;
		}

	}

	@media screen and (max-width:480px){

		.simcontent ul{
			width: 90%;
		}

	}



		.simcontent ul{zoom:1;}
		.simcontent ul:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.simcontent ul li{
				width:45%;
				float: left;
				list-style: none;
				background-color: #036;
				border-radius: 2vw;
			}

			.simcontent ul li:nth-last-of-type(1){
				float: right;
			}

			.simcontent ul li a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				height: 100%;
				color:#fff;
				font-size:2.0em;
				font-weight:700;
				text-decoration: none;
			}

		@media screen and (max-width:1000px){

			.simcontent ul li a{
				font-size:1.5em;
			}

		}

		@media screen and (max-width:640px){

			.simcontent ul li a{
				font-size:1.2em;
			}

		}

		@media screen and (max-width:480px){

			.simcontent ul li a{
				font-size:1.1em;
			}

		}


		.conclusion{
			margin: 60px auto 50px;
			padding: 30px 0;
			color:#036;
			font-size: 1.6em;
			font-weight:700;
			text-align: center;
			background-color: #e6f2ff;
		}

	@media screen and (max-width:1000px){

		.conclusion{
			font-size: 1.4em;
			margin: 55px auto;
			padding: 25px 0;
		}

	}

	@media screen and (max-width:770px){

		.conclusion{
			font-size: 1.3em;
			padding: 20px 0;
		}

	}

	@media screen and (max-width:640px){

		.conclusion{
			margin: 50px auto;
			font-size: 1.2em;
			padding: 15px 0;
		}

	}

	@media screen and (max-width:480px){

		.conclusion{
			margin: 30px auto 30px;
			padding: 12px 0 10px;
		}

	}


		.simcontent table{
			max-width: 640px;
			width:100%;
			margin: 0 auto;
			border-collapse: collapse;
		}
		.simcontent table th{
			width:220px;
			height:90px;
			padding:0;
			border-top:1px solid #ccc;
			border-right:5px solid #ccc;
			line-height: 1.4em;
		}

	@media screen and (max-width:640px){

		.simcontent table th{
			width:150px;
			font-size:0.9em;
			letter-spacing: 0.03em;
		}

	}

	@media screen and (max-width:430px){
		
		.simcontent table th{
			width:140px;
			font-size:0.85em;
			letter-spacing: 0;
		}
		
	}

	@media screen and (max-width:370px){
		
		.simcontent table th{
			width:120px;
4		}
		
	}

		.simcontent table td{
			padding-left: 30px;
			font-weight: 700;
			line-height: 1.5em;
			border-top:1px solid #ccc;
		}

	@media screen and (max-width:640px){
		.simcontent table td{
			padding-left: 20px;
		}
	}

	@media screen and (max-width:480px){
		.simcontent table td{
			padding-left: 15px;
		}
	}

	@media screen and (max-width:430px){
		.simcontent table td{
			padding-left: 10px;
		}
	}

		.simcontent table td p{
			margin: 0;
			color:#f60;
			font-weight: 400;
			line-height: 1.3em;
		}
		.simcontent table td span{
			font-size:1.4em;
		}

	@media screen and (max-width:640px){
		.simcontent table td p{
			font-size:0.9em;
		}
	}

	@media screen and (max-width:430px){
		.simcontent table td p{
			font-size:0.85em;
		}
	}

		.simcontent table tr:nth-last-of-type(1) th{
			border-bottom: 1px solid #ccc;
		}
		.simcontent table tr:nth-last-of-type(1) td{
			border-bottom: 1px solid #ccc;
		}


		.simcontent table td.plus::before{
			content:url("/images/img_plus.png");
			margin-right: -30px;
			position: relative;
			top:-41px;
			left:5px;
		}
		.simcontent table td.plus.offset::before,
		.simcontent table td.plus.offset2::before{
			top:-32px;
		}

		.simcontent table td.minus::before{
			content:url("/images/img_minus.png");
			margin-right: -30px;
			position: relative;
			top:-41px;
			left:5px;
		}
		.simcontent table td.minus.offset::before,
		.simcontent table td.minus.offset2::before{
			top:-31px;
		}

	@media screen and (max-width:370px){
		.simcontent table td.plus.offset2::before{
			top:-25px;
		}
	}



		.lbltotal{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:150px;
			height:150px;
			color:#fff;
			font-size: 1.6em;
			font-weight:700;
			border-radius: 75px;
			margin: 30px auto;
			background-color: #036;
		}

	@media screen and (max-width:1000px){

		.lbltotal{
			width:130px;
			height:130px;
			font-size: 1.4em;
			border-radius: 65px;
			margin: 30px auto;
		}

	}

	@media screen and (max-width:770px){

		.lbltotal{
			width:120px;
			height:120px;
			font-size: 1.3em;
			border-radius: 60px;
		}

	}

	@media screen and (max-width:640px){

		.lbltotal{
			width:100px;
			height:100px;
			font-size: 1.2em;
			border-radius: 50px;
			margin: 50px auto;
		}

	}

	@media screen and (max-width:480px){

		.lbltotal{
			width:80px;
			height:80px;
			font-size: 1.1em;
			border-radius: 40px;
			margin: 45px auto 20px;
		}

	}

		.lbltotal + p{
			color:#036;
			font-weight:700;
			text-align: center;
		}
		.lbltotal + p span{
			font-size:2.4em;
		}


		.simcontent + .note{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
			padding:20px 5% 50px;
			border-top:1px dashed #ccc;
		}

		.simcontent + .note h3{
			margin-top: 10px;
			color: #c33;
			font-size:1.2em;
			font-weight:700;
			position: relative;
			top:10px;
		}

		.simcontent + .note p{
			width:calc(100% - 20px);
			padding-left: 20px;
		}

	@media screen and (max-width:480px){

		.simcontent + .note p{
			width:calc(100% - 10px);
			padding: 0 5px;
		}

	}



/* 戻るボタン */
	
	.modorubtn{
		clear:both;
		display:block;
		width:60px;
		height:60px;
		margin:0 auto;
		color:#fff;
		font-size:2.2em;
		text-align:center;
		text-decoration:none;
		line-height:60px;
		float: none;
		background-color:#333;
		border-radius:40px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}
	.modorubtn:hover{
		color: #ff0;
		font-weight:700;
	}
	.modorubtn:active{
		color:#fff;
		background-color:#333;
	}

@media screen and (max-width:480px){
	
	.modorubtn{
		width:50px;
		height:50px;
		margin:0 auto;
		font-size:1.6em;
		line-height:50px;
		border-radius:25px;
	}

}