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





/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width:751px) {



/* section.train
----------------------------------------- */
section.train{
	width:100%;
	height:auto;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat;
}
	section.train .train_block{
		width:950px;
		height:auto;
		margin:0px auto 50px auto;
		padding:40px 0px 40px 0px;
		border-bottom:1px solid #f5f5f5;
	}
		.train_block h1{
			font-size:137%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 10px 0px;
		}
		.train_block p.read{
			font-size:116%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}
		.train_block .poster{
			line-height:0px;
		}
			.train_block .poster img{
				width:100%;
				height:auto;
			}
		.train_block ul.banner{
			padding:20px 0px 0px 0px;
			overflow:hidden;
			display: flex;
			justify-content: space-between;
			align-content: flex-start;
			align-items: flex-start;
		}
			.train_block ul.banner li{
				display:block;
				width:32%;
				height:auto;
				margin:0px 0 10px 0px;
			}
				.train_block ul.banner li img{
					width:100%;
					height:auto;
				}
		.train_block .banner{
			padding:18px 0px 0px 0px;
		}





/* section.map
----------------------------------------- */
section.map{
	width:100%;
	height:auto;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat;
}
	section.map .map_block{
		width:950px;
		height:auto;
		margin:0px auto 50px auto;
		padding:0px 0px 50px 0px;
		border-bottom:1px solid #f5f5f5;
	}
		.map_block h2{
			font-size:137%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 10px 0px;
		}
		.map_block p.read{
			font-size:116%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}
		.map_block .poster{
			line-height:0px;
		}
			.map_block .poster img{
				width:100%;
				height:auto;
			}
		.map_block .map_float{
			padding:20px 0px 15px 0px;
			overflow:hidden;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
			.map_float .map_left{
				width:69%;
				height:auto;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
			.map_float .map_left ul{
				margin: 0 0 10px 0;
			}
			.map_float .map_left ul li{
				padding: 5px 5px 5px 10px;
				margin: 0 0 3px 0;
				font-size: 116%;
				color: #ffffff;
				font-weight: bold;
			}
			.map_float .map_left ul li a{
				color: #ffffff;
			}
			.map_float .map_left ul li span{
				font-size: 93%;
				padding: 0 0 0 10px;
				font-weight: normal;
			}
			.map_float .map_left ul li.gurutto{
				background: #8ec661;
			}
			.map_float .map_left ul li.syuzenzi{
				background: #4c9bc1;
			}
			.map_float .map_left ul li.view_bus{
				background: #6561aa;
			}
			.map_float .map_left ul li.syunsai{
				background: #d46693;
			}
			.map_float .map_left ul li.sentan{
				background: #df76a0;
			}
				.map_left .map{

				}
			.map_float .mapRight{
				width:29.4%;
				height:auto;
			}
				.mapRight dl{

				}
					.mapRight dl dt{
						padding:0px 0px 10px 0px;
					}
						.mapRight dl dt.hakone{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_green.png) bottom center no-repeat;}
						.mapRight dl dt.ito{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_pink.png) bottom center no-repeat;}
						.mapRight dl dt.east{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_blue.png) bottom center no-repeat;}
						.mapRight dl dt.west{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_orange.png) bottom center no-repeat;}
						.mapRight dl dt.south{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_s-pink.png) bottom center no-repeat;}


						.mapRight dl dt span{
							display:block;
							text-align:center;
							color:#fff;
							font-size:100%;
							font-weight:bold;
							padding:5px 0px;
						}
						.mapRight dl dt.hakone span{background:#78952e;}
						.mapRight dl dt.ito span{background:#d46693;}
						.mapRight dl dt.east span{background:#4c9bc1;}
						.mapRight dl dt.west span{background:#c3874e;}
						.mapRight dl dt.south span{background: #df76a0;}


						.mapRight dl dd{
							padding:15px 0px 20px 0px;
						}
							.mapRight dl dd ul{

							}
								.mapRight dl dd ul li{
									padding:0px 0px 8px 12px;
									margin:0px 0px 10px 0px;
									border-bottom:1px dotted #ccc;
								}
									.mapRight dd ul li a{
										display:block;
									}

								.mapRight dl dd ul.hakone li{border-left:5px solid #78952e;}
								.mapRight dl dd ul.hakone li a{color:#78952e;}
								.mapRight dl dd ul.ito li{border-left:5px solid #d46693;}
								.mapRight dl dd ul.ito li a{color:#d46693;}
								.mapRight dl dd ul.east li{border-left:5px solid #4c9bc1;}
								.mapRight dl dd ul.east li a{color:#4c9bc1;}
								.mapRight dl dd ul.west li{border-left:5px solid #c3874e;}
								.mapRight dl dd ul.west li a{color:#c3874e;}
								.mapRight dl dd ul.south li{border-left:5px solid #df76a0;}
								.mapRight dl dd ul.south li a{color:#df76a0;}

			.map_block .mark_area{
				padding:15px 0px 0px 0px;
				/*background:url(/yokohama/izu-atami/common/images/icon_triangle_top_beju.png) 20% top no-repeat;*/
			}
				.mark_area .mark_box{
					border:3px solid #e3e1d3;
					padding:12px 12px 0px 12px;
					background:url(/yokohama/izu-atami/common/images/bg_dotted_yellow.jpg);
				}
					.mark_box h3{
						padding:0px 0px 8px 0px;
					}
						.mark_box h3 img{
							vertical-align:middle;
							margin-right:7px;
						}
					.mark_box ul{
						overflow:hidden;
						display: flex;
						flex-wrap: wrap;
					}
						.mark_box ul li{
							display:block;
							width:23%;
							height:auto;
							margin: 0 1% 12px;
							line-height:0;
						}
							.mark_box ul li span{
								line-height:1.56em;
								display:block;
								font-size:87%;
							}

/* start */
body {
	background: none;
}

section.train{
	width:100%;
	height:auto;
	/* padding: 85px 0px 0px 0px; */
	padding: 170px 0px 82px 0px;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat;
}

	section.train .block{
		width: 1000px;
		height: auto;
		margin: 0px auto;
		/* border-bottom: 1px solid hsl(0, 0%, 96%); */
	}

		section.train .block .ttl_main_box {
			margin: 0 0 80px;
		}
		section.train .block .ttl_main{
			/* height: 34px; */
			font-size: 36px;
			font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
			font-weight: 600;
			text-align: center;
			margin: 0 0 15px;
		}
		section.train .block .ttl_main img{
			width: auto;
			height: 100%;
		}
		section.train .block .read{
			text-align: center;
			font-size: 18px;
			margin: 0 0 80px;
		}
		section.train .block .ttl_main_box .ttl_main,
		section.train .block .ttl_main_box .read {
			margin: 0;
		}
		section.train .block .ttl_month{
			margin: 0 0 40px;
			padding: 7px;
			text-align: center;
			/* font-size: 28px; */
			font-size: 22px;
			color: #fff;
		}
		section.train .block .ttl_month.spring{
			background: #ff9ab7;
		}

		/* 旅の楽しみ のみ */
		section.train .block .list{
			display: flex;
			flex-wrap: wrap;
			/* padding: 40px 0px 0px;  */
			/* 後で検討 */
		}
			section.train .block .list li{
				width: 280px;
				margin: 0 80px 0 0;
			}
			section.train .block .list li:nth-child(3n){
				/* background: red; */
				margin-right: 0;
			}
			section.train .block .list li:nth-child(n+4){
				margin-top: 50px;
			}
				section.train .block .list li a .photo{
					width: 280px;
				}
				section.train .block .list li a .ttl_sub{
					margin: 13px 0 0;
					text-align: center;
					font-size: 18px;
				}
				section.train .block .list li a .ttl_sub.arrow:after{
					display: inline-block;
					content: '';
					width: 8px;
					height: 11px;
					margin: 0 0 0 15px;
					background: url(/yokohama/izu-atami/common/images/icon_link_black.png) center top no-repeat;
					background-size: contain;
				}
				section.train .block .list li a .txt{
					margin: 13px 0 0;
					font-size: 14px;
				}
				section.train .block .list li.tokuwari a .ttl_sub {
					position: relative;
					text-align: center;
				}
				section.train .block .list li.tokuwari a .ttl_sub.arrow:after {
					position: absolute;
					top: 50%;
					transform: translate(0, -50%);
					margin: 0 0 0 20px;
				}

		section.train .block .list2{
			margin: 50px 0 0;
		}
			section.train .block .list2 li + li{
				margin: 40px 0 0;
			}
			section.train .block .list2 li.box1{
				background: #035d67;
			}
			section.train .block .list2 li.box2{
				background: #0092c1;
			}
				section.train .block .list2 li a{
					display: flex;
					position: relative;
					padding: 10px;
					color: #fff;
					/* background: red; */
				}
					section.train .block .list2 li a.blank:after{
						content: '';
						width: 16px;
						height: 16px;
						position: absolute;
						bottom: 10px;
						right: 10px;
						background: url(/yokohama/izu-atami/common/images/icon_blank_white.png) center top no-repeat;
						background-size: contain;
					}
					section.train .block .list2 li a .left{
						width: 355px;
					}
					section.train .block .list2 li a .right{
						width: 625px;
						padding: 23px 35px;
					}
					section.train .block .list2 li a .center{
						padding-top: 53px;
					}
					section.train .block .list2 li a .right .ttl{
						font-size: 24px;
						font-weight: 700;
						margin: 0 0 7px;
					}
					section.train .block .list2 li a .right .txt{
						font-size: 14px;
					}

		section.train .block .list3{
		}
			section.train .block .list3 li{
			}
			section.train .block .list3 li + li{
				margin: 60px 0 0;
			}
				section.train .block .list3 li a{
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
				}
					section.train .block .list3 li a .left{
						width: 745px;
					}
					section.train .block .list3 li a .right{
						width: 235px;
					}
						section.train .block .list3 li a .right .ttl{
							font-size: 18px;
							font-weight: 700
						}
						section.train .block .list3 li a .right .ttl.arrow:after{
							display: inline-block;
							content: '';
							width: 8px;
							height: 11px;
							margin: 0 0 0 15px;
							background: url(/yokohama/izu-atami/common/images/icon_link_black.png) center top no-repeat;
							background-size: contain;
						}
						section.train .block .list3 li a .right .txt{
							font-size: 14px;
							margin: 12px 0 0;
						}
}
/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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




/* section.train
----------------------------------------- */
section.train{
	width:100%;
	height:auto;
}
	section.train .train_block{
		width:96%;
		height:auto;
		margin:0px auto 20px auto;
		padding:20px 0px 20px 0px;
		border-bottom:1px solid #f5f5f5;
	}
		.train_block h1{
			font-size:118%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 10px 0px;
		}
		.train_block p.read{
			font-size:106%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}
		.train_block .poster{
			line-height:0px;
		}
			.train_block .poster img{
				width:100%;
				height:auto;
			}
		.train_block ul.banner{
			padding:20px 0px 0px 0px;
			overflow:hidden;
			display: block;
		}
			.train_block ul.banner li{
				display:block;
				/*width:49%;*/
				width: 98%;
				height:auto;
				margin:0px 1% 0px;
			}
				.train_block ul.banner li img{
					width:100%;
					height:auto;
				}
		.train_block .banner{
			padding:18px 0px 0px 0px;
		}
			.train_block .banner img{
				width:100%;
				height:auto;
			}





/* section.map
----------------------------------------- */
section.map{
	width:100%;
	height:auto;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat;
}
	section.map .map_block{
		width:96%;
		height:auto;
		margin:0px auto 20px auto;
		padding:0px 0px 20px 0px;
		border-bottom:1px solid #f5f5f5;

	}
		.map_block h2{
			font-size:118%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 5px 0px;
		}
		.map_block p.read{
			font-size:106%;
			padding:0px 0px 10px 0px;
			text-align:center;
		}
		.map_block .poster{
			line-height:0px;
		}
			.map_block .poster img{
				width:100%;
				height:auto;
			}
		.map_block .map_float{
			padding:20px 0px 0px 0px;
			overflow:hidden;
		}
			.map_float .map_left{
				width:100%;
				height:auto;
				margin:0px 0px 0px 0px;
				padding:0px 0px 13px 0px;
			}

			.map_float .map_left ul{
				margin: 0 0 10px 0;
			}
			.map_float .map_left ul li{
				padding: 3px 3px 3px 8px;
				margin: 0 0 3px 0;
				font-size: 108%;
				color: #ffffff;
				font-weight: bold;
			}
			.map_float .map_left ul li a{
				color: #ffffff;
			}
			.map_float .map_left ul li span{
				font-size: 85%;
				padding: 0 0 0 10px;
				font-weight: normal;
				display: block;
			}
			.map_float .map_left ul li.gurutto{
				background: #8ec661;
			}
			.map_float .map_left ul li.syuzenzi{
				background: #4c9bc1;
			}
			.map_float .map_left ul li.view_bus{
				background: #6561aa;
			}
			.map_float .map_left ul li.syunsai{
				background: #d46693;
			}
			.map_float .map_left ul li.sentan{
				background: #df76a0;
			}
				.map_left .map{

				}
					.map_left .map img{
						width:100%;
						height:auto;
					}
			.map_float .mapRight{
				width:100%;
				height:auto;
			}
				.mapRight dl{

				}
					.mapRight dl dt{
						padding:0px 0px 10px 0px;
					}
						.mapRight dl dt.hakone{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_green.png) bottom center no-repeat;}
						.mapRight dl dt.ito{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_pink.png) bottom center no-repeat;}
						.mapRight dl dt.east{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_blue.png) bottom center no-repeat;}
						.mapRight dl dt.west{background:url(/yokohama/izu-atami/common/images/icon_triangle_bottom_orange.png) bottom center no-repeat;}


						.mapRight dl dt span{
							display:block;
							text-align:center;
							color:#fff;
							font-size:100%;
							font-weight:bold;
							padding:5px 0px;
						}
						.mapRight dl dt.hakone span{background:#78952e;}
						.mapRight dl dt.ito span{background:#d46693;}
						.mapRight dl dt.east span{background:#4c9bc1;}
						.mapRight dl dt.west span{background:#c3874e;}


						.mapRight dl dd{
							padding:15px 0px 20px 0px;
						}
							.mapRight dl dd ul{

							}
								.mapRight dl dd ul li{
									padding:0px 0px 8px 12px;
									margin:0px 0px 10px 0px;
									border-bottom:1px dotted #ccc;
								}
									.mapRight dd ul li a{
										display:block;
									}

								.mapRight dl dd ul.hakone li{border-left:5px solid #78952e;}
								.mapRight dl dd ul.hakone li a{color:#78952e;}
								.mapRight dl dd ul.ito li{border-left:5px solid #d46693;}
								.mapRight dl dd ul.ito li a{color:#d46693;}
								.mapRight dl dd ul.east li{border-left:5px solid #4c9bc1;}
								.mapRight dl dd ul.east li a{color:#4c9bc1;}
								.mapRight dl dd ul.west li{border-left:5px solid #c3874e;}
								.mapRight dl dd ul.west li a{color:#c3874e;}

			.map_block .mark_area{
				padding:15px 0px 0px 0px;
				/*background:url(/yokohama/izu-atami/common/images/icon_triangle_top_beju.png) 20% top no-repeat;*/
			}
				.mark_area .mark_box{
					border:3px solid #e3e1d3;
					padding:8px 8px 0px 8px;
					background:url(/yokohama/izu-atami/common/images/bg_dotted_yellow.jpg);
				}
					.mark_box h3{
						padding:0px 0px 8px 0px;
					}
						.mark_box h3 img{
							width:10%;
							height:auto;
							vertical-align:middle;
							margin-right:7px;
						}
					.mark_box ul{
						overflow:hidden;
						display: flex;
						justify-content: flex-start;
						flex-wrap: wrap;
					}
						.mark_box ul li{
							display:block;
							width:48%;
							height:auto;
							margin: 0 1% 12px;
							line-height:0;
						}
							.mark_box ul li span{
								line-height:1.56em;
								display:block;
								font-size:87%;
							}
							.mark_box ul li img{
								width:100%;
								height:auto;
							}

/* start */
body {
	background: none;
}

section.train{
	/* width:100%;
	height:auto;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat; */
	padding: 93px 0px 50px 0px;
}

	section.train .block{
		width: 91%;
		height: auto;
		margin: 0px auto;
		/* padding: 20px 0px 20px 0px; */
		border-bottom: 1px solid #f5f5f5;
	}

		section.train .block .ttl_main_box {
			margin: 0 0 28px;
		}
		section.train .block .ttl_main{
			/* height: 26px; */
			font-size: 27px;
			font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
			font-weight: 600;
			text-align: center;
			margin: 0 0 10px;
		}
		section.train .block .ttl_main img{
			width: auto;
			height: 100%;
		}
		section.train .block .read{
			text-align: center;
			font-size: 12px;
			margin: 0 0 28px;
		}
		section.train .block .ttl_main_box .ttl_main,
		section.train .block .ttl_main_box .read {
			margin: 0;
		}
		section.train .block .ttl_month{
			margin: 0 0 40px;
			padding: 3px;
			text-align: center;
			font-size: 16px;
			color: #fff;
		}
		section.train .block .ttl_month.spring{
			background: #ff9ab7;
		}

		/* 旅の楽しみ のみ */
		section.train .block .list{
			display: flex;
			flex-wrap: wrap;
			/* padding: 40px 0px 0px;  */
			/* 後で検討 */
		}
			section.train .block .list li{
				width: 48%;
				margin: 0 4% 0 0;
			}
			section.train .block .list li:nth-child(2n){
				/* background: red; */
				margin-right: 0;
			}
			section.train .block .list li:nth-child(n+3){
				margin-top: 28px;
			}
				section.train .block .list li a .photo{
					width: 100%;
				}
				section.train .block .list li a .ttl_sub{
					margin: 8px 0 0;
					text-align: center;
					font-size: 13px;
				}
				section.train .block .list li a .ttl_sub.arrow:after{
					display: inline-block;
					content: '';
					width: 6px;
					height: 8px;
					margin: 0 0 0 10px;
					background: url(/yokohama/izu-atami/common/images/icon_link_black.png) center top no-repeat;
					background-size: contain;
				}
				section.train .block .list li.tokuwari a .ttl_sub {
					position: relative;
					text-align: center;
				}
				section.train .block .list li.tokuwari a .ttl_sub.arrow:after {
					position: absolute;
					top: 50%;
					transform: translate(0, -50%);
					margin: 0 0 0 15px;
				}
				section.train .block .list li a .txt{
					margin: 8px 0 0;
					font-size: 11px;
					line-height: 1.6;
					letter-spacing: .02em;
					text-align: justify;
				}

		section.train .block .list2{
			margin: 27px 0 0;
		}
			section.train .block .list2 li + li{
				margin: 30px 0 0;
			}
			section.train .block .list2 li.box1{
				background: #035d67;
			}
			section.train .block .list2 li.box2{
				background: #0092c1;
			}
				section.train .block .list2 li a{
					display: flex;
					align-items: center;
					position: relative;
					/* padding: 6px; */
					padding: 2%;
					color: #fff;
				}
					section.train .block .list2 li a:after{
						content: '';
						width: 10px;
						height: 10px;
						position: absolute;
						bottom: 6px;
						right: 6px;
						background: url(/yokohama/izu-atami/common/images/icon_blank_white.png) center top no-repeat;
						background-size: contain;
					}
					section.train .block .list2 li a .left{
						width: 45%;
					}
					section.train .block .list2 li a .right{
						width: 55%;
						/* padding: 23px 35px; */
						/* padding: 0 15px; */
						padding: 0 0% 0 5%;
					}
					section.train .block .list2 li a .right .ttl{
						font-size: 15px;
						font-weight: 700;
						margin: 0 0 6px;
						letter-spacing: -0.1em;
					}
					section.train .block .list2 li a .center .ttl{
						letter-spacing: -0.05em;
					}
					section.train .block .list2 li a .right .txt{
						font-size: 11px;
					}

		section.train .block .list3{
		}
			section.train .block .list3 li{
			}
			section.train .block .list3 li + li{
				margin: 30px 0 0;
			}
				section.train .block .list3 li a{
					/* display: flex;
					justify-content: space-between;
					align-items: flex-end; */
				}
					section.train .block .list3 li a .left{
						/* width: 745px; */
						margin: 0 0 10px;
					}
					section.train .block .list3 li a .right{
						/* width: 240px; */
					}
						section.train .block .list3 li a .right .ttl{
							margin: 0 0 8px;
							font-size: 13px;
							font-weight: 700
						}
						section.train .block .list3 li a .right .ttl:after{
							display: inline-block;
							content: '';
							width: 6px;
							height: 8px;
							margin: 0 0 0 10px;
							background: url(/yokohama/izu-atami/common/images/icon_link_black.png) center top no-repeat;
							background-size: contain;
						}

						section.train .block .list3 li a .right .txt{
							font-size: 11px;
							margin: 12px 0 0;
						}


/*
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/




}