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



.catWest{background:#eca048;}
.catEast{background:#798dcd;}
.catIzu{background:#505050;}
.catCentral{background:#36bad1;}
.catSouth{background:#f45fa4;}
.catIto{background:#72BCE1}

/*サブナビ*/
section.pageNavi ul li:nth-child(1) a{
	background-color: #ec6d6d;
	color: #fff;
}

body{
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
body.show{
	opacity: 1;
}
/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width:751px) {
.anker{
	position: absolute;
	margin-top:-90px;
	padding-top:90px;
}
.fancybox-container {
	opacity: 0;
	pointer-events: none;
}
body {
	overflow: auto!important;
	overflow-x: hidden!important;
}
ul {
	list-style-type: none
}
#floatingbnr{
	top: 92px !important;
	z-index: 10000;
}
#floatingbnr .timetable_bnr{
	padding: 0 !important;
}

.pagetop_izu {
	bottom: 20px;
}

/*instagram*/
.slider .slick-list{
	box-sizing: content-box !important;
}
.slick-dotted.slick-slider{
	width: 910px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 94px;
}
.slick-dotted.slick-slider:before{
	width: 389px;
	height: 292px;
	background-color: #fff2f9;
	content: '';
	position: absolute;
	top: -19px;
	left: -20px;
}
.no_bg .slick-dotted.slick-slider:before{
	display: none;
}
.slick-dotted.slick-slider:after{
	width: 360px;
	height: 292px;
	background-color: #fff2f9;
	content: '';
	position: absolute;
	bottom: -41px;
	right: -20px;
	z-index: -1;
}
.no_bg .slick-dotted.slick-slider:after {
	display: none;
}
.slick-slide {
	box-sizing: border-box;
	padding: 0 23px;
	transition: all .3s;
}
.about_slider .slick-slide {
	box-sizing: border-box;
	padding: 0 15px;
	transition: all .3s;
}
.slick-slide img{
	transform-origin: right;
	transform: scale(0.76635514);
	transition: all .3s;
}
.about_slider .slick-slide img{
	transform-origin: right;
	transform: scale(0.5);
	transition: all .3s;
}
.slick-slide.current+.slick-slide img{
	transform-origin: left;
	transform: scale(0.76635514);
}
.about_slider .slick-slide.current+.slick-slide img{
	transform-origin: left;
	transform: scale(0.5);
}
.slick-slide.current img{
	transform-origin: center;
	transform: scale(1) ;
}

.slick-prev:focus,.slick-next:focus{
	background:initial;
}
.slick-dots{
	bottom: -53px;
}
.slick-prev{
	background: initial;
	top: initial;
	bottom: -53px;
	background-image: url('../img/odoriko/arrow.png');
	width: 41px;
	height: 11px;
	left: 37.5%;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 0.3s ease-in-out;
}
.slick-next{
	background: initial;
	top: initial;
	bottom: -49px;
	background-image: url('../img/odoriko/arrow.png');
	transform: scale(-1, 1);
	width: 41px;
	height: 11px;
	right: 37.5%;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 0.3s ease-in-out;
}
.slick-prev:hover{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5
}
.slick-dots li{
	width: 16px;
}
.slick-dots li button:before {
	font-size: 11px;
}
.slick-next:hover{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5
}
.slick-prev:focus-within{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.slick-next:focus-within{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.slick-prev::before{
	display: none;
}
.slick-next::before{
	display: none;
}
.slick-center {
	transform: scale(1);
	opacity: 1;
}
.slick-slide img{
	width: 100%;
}
.slick-dots li{
	margin: 0;
}
.slick-dots li button:before{
	color: #6ba8e3;
}
.slick-dots li.slick-active button:before{
	color: #6ba8e3;
	opacity: 1;
}



section.train .train_block.instagram{
	padding-top: 0;
	padding-bottom: 0;
    margin-bottom: 145px;
}
.train_block.instagram h3{
	text-align: center;
}
.train_block.instagram h1{
	padding-top: 4px;
	padding-bottom: 62px;
}
.train_block.instagram .instagram_btn{
	width: 100%;
	display: flex;
	border:solid 2px #6c6563;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
	padding-left: 10px;
	box-sizing: border-box;
	transition: all 0.5s ease-in-out;
	position: relative;
}

.train_block.instagram .instagram_btn::after{
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(/yokohama/izu-atami/common/images/icon_blank_black.png) center top no-repeat;
	background-size: contain;
}

.train_block.instagram .instagram_btn .icon{
	width: 30px;
}
.train_block.instagram .instagram_btn .txt{
	margin-left: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #6c6563;
	letter-spacing: -0.02em;
}
.train_block.instagram .instagram_btn:hover{
	text-decoration: none;
	color: #6c6563;
	opacity: 0.6;
}
.train_block.instagram .instagram_btn:hover img{
	opacity: 1;
}
/* /////////////////////////instagram */

/* section.train
----------------------------------------- */
section.train{
	width:100%;
	height:auto;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
	section.train .train_block{
		width:950px;
		height:auto;
		margin:0px auto 40px auto;
		padding:100px 0px 20px 0px;
		/* border-bottom:1px solid #f5f5f5;	 */
	}
	section.train .train_block .sec_ttl{
		margin-bottom: 63px;
	}
	section.train .train_block_ph1 {
		margin: 0px auto 0px auto;
	}
	section.train .train_block.second {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	section.train.kobe_bnr .train_block{
		padding-top: 73px;
		margin-bottom: 120px;
	}
	section.train.kobe_bnr .train_block h1{
		margin-bottom: 47px;
		padding-top: 4px;
	}

	/*//////////////charm*/
	section.train .train_block.second .trainBox.charm_box{
		position: relative;
	}
	section.train .train_block.second .trainBox.charm_box .deco_a{
		position: absolute;
		width: 200px;
		bottom: -69px;
		right: -120px;
	}
	section.train .train_block.second .trainBox.charm_box .deco_b{
		position: absolute;
		width: 116px;
		top: 133px;
		right: -65px;
	}
	section.train .train_block.second .trainBox.charm_box .deco_c{
		position: absolute;
		width: 290px;
		top: 430px;
		left: -256px;
	}
	section.train .train_block.second .trainBox.charm_box h2{
		margin-bottom: 50px;
	}
	section.train .train_block.second .trainBox.charm_box .charm{
		width: 1085px;
		margin-left: -124px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li{
		display: flex;
		width: 100%;
		align-items: center;
		/* margin-bottom: 105px; */
	}
	section.train .train_block.second .trainBox.charm_box .charm li.first{
		margin-left: 104px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li .img{
		width: 598px;
		margin-right: 8px;
		position: relative;
		z-index: -1;
	}
	section.train .train_block.second .trainBox.charm_box .charm li .text_box{
		width: 363px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.second{
		flex-direction: row-reverse;
		margin-bottom: 65px;
		margin-top: -71px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.second .img{
		margin-right: 0px;
		width: 678px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.second .text_box{
		margin-right: -40px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.second .text_box h4{
		color: #d99b5e;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.third .text_box h4{
		color: #71ae66;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.third{
		margin-bottom: 0;
	}
	section.train .train_block.second .trainBox.charm_box .charm li.third .img{
		margin-bottom: 0;
		width: 617px;
		margin-right: 34px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li .text_box{
		width: 361px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li .text_box h4{
		color: #194464;
		font-weight: bold;
		line-height: calc(22.07/20);
		font-size: 20px;
		letter-spacing: 0.02em;
		margin-bottom: 18px;
	}
	section.train .train_block.second .trainBox.charm_box .charm li .text_box h4 .num{
		width: 46px;
		margin-right: 20px;
		display: inline-block;
	}
	section.train .train_block.second .trainBox.charm_box .charm li .text_box .read{
		color: #231815;
		/* font-weight: bold; */
		line-height: calc(21/14);
		font-size: 14px;
		letter-spacing: 0;
	}
	/*//////////////charm*/

	/*//////////////about*/
	section.train.about{
		margin-top: 68px;
	}

	section.train.about .train_block{
		padding: 0;
	}
	section.train.about .train_block .about_txt {
		margin-bottom: 65px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		color: #231815;
		line-height: 1.6;
		letter-spacing: .04em;
	}
	section.train.about .train_block .station{
		margin-top: 40px;
		margin-bottom: 148px;
		display: block;
	}
	section.train.about .train_block h3{
		margin-top: 62px;
	}
	section.train.about .train_block .example{
		width: 922px;
		margin-left: 8px;
		margin-bottom: 93px;

	}
	section.train.about .train_block .btn{
		width: 656px;
		margin: 0 auto;
		margin-bottom: 105px;
		display: block;
	}
	section.train.about .train_block .reserve{
		margin-bottom: 140px;
		margin-top: 140px;
		display: block;
	}
	section.train.about .train_block .table_box{
		margin-bottom: 65px;
	}
	section.train.about .train_block h1{
		padding-top: 0px;
		padding-bottom: 30px;
	}
	section.train.about .train_block .read{
		text-align: left;
		margin-bottom: 40px;
		padding-bottom: 0;
	}
	section.train.about .train_block .table_box h3{
		position: relative;
		width: 100%;
		background-color: #004098;
		padding: 25px 0;
		margin-bottom: 10px;
		margin-top: 81px;
	}
	section.train.about .train_block .table_box h3 .train{
		position: absolute;
		width: 203px;
		top: -66%;
		left: 0;
	}
	section.train.about .train_block .table_box h3 .text{
		border: none;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: -0.1em;
		color: white;
		background-color: #004098;
		padding: 0;
	}
	section.train.about .train_block .table_box h3 .text span{
		font-size: 16px;
	}
	section.train.about .train_block .table_box .table figcaption{
		text-align: left;
		margin-top: 12px;
	}

	section.train.about .train_block .table_box .table figcaption p{
		font-size: 16px;
		letter-spacing: 0;
		line-height: calc(21 / 16);
		margin: 0;
	}
	section.train.about .train_block .table_box .table figcaption p.indent_txt {
		padding-left: 1em;
		text-indent: -.5em;
	}
	section.train.about .train_block .table_box .table figcaption p span{
		display: inline-block;
	}
	section.train.about .train_block .table_box .table figcaption p a {
		text-decoration: underline;
	}
	section.train.about .train_block .table_box .table figcaption p strong span,
	section.train.about .train_block .table_box .table figcaption p strong span a {
		color: #DC1401;
	}
	h4.more{
		color: #dd1301;
		font-size: 24px;
		letter-spacing: 0;
		line-height: calc(45 / 24);
		text-align: center;
		position: relative;
		font-weight: bold;
		margin-bottom: -2px;
		margin-top: 35px;
	}
	h4.more::after{
		content: '';
		position: absolute;
		background-color:#dd1301;
		height: 2px;
		width: 97px;
		bottom: 6px;
		left: 50%;
		transform: translateX(-50%);
	}
	p.jrepoint_read{
		font-size: 18px;
		letter-spacing: 0;
		line-height: calc(30 / 18);
		text-align: center;
		font-weight: bold;
		margin-bottom: 19px;
	}
	p.alert{
		font-size: 16px;
		letter-spacing: 0;
		line-height: calc(26.49 / 16);
		margin-top: 3px;
		margin-bottom: 46px;
	}
	p.alert a{
		color: #435fba;
		text-decoration: underline;
	}

	section.train.about .train_block .table_box .example{
		margin-top: 40px;
	}
	/*//////////////about*/


	section.train .train_block.second .reserve{
		/* margin-bottom: 15.6%; */
		margin-bottom: 0;
	}
	section.train .train_block.second .trainBox{
		padding-bottom: 0;
		margin-bottom: 130px;
	}
	section.train .train_block .blue_btn{
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		letter-spacing: 0;
		color: white;
		background-color: #004098;
		padding: 15px 0;
		position: relative;
		width: 100%;
		display: block;
		opacity: 1;
		transition: opacity 0.6s ease-in-out;
		letter-spacing: -0.1em;
	}
	section.train .train_block .blue_btn span{
		font-size: 16px;
	}
	section.train .train_block .blue_btn.timetable{
		font-size: 30px;
		width: 658px;
		margin:0 auto;
		letter-spacing: -0.1em;
		margin-top: 70px;
		padding: 28px 0;
	}
	section.train .train_block .blue_btn:hover{
		text-decoration: none;
		opacity: 0.6;
	}
	section.train .train_block .blue_btn::after{
		position: absolute;
		width: 15px;
		height: 16px;
		content: '';
		background-image: url('../img/odoriko/pdf_icon.png');
		right: 10px;
		bottom: 10px;
	}
	/* section.train .train_block.second .trainBox .blue_btn{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 0;
		color: white;
		background-color: #004098;
		padding: 15px 0;
		position: relative;
		width: 100%;
		display: block;
		opacity: 1;
		transition: opacity 0.6s ease-in-out;
	}
	section.train .train_block.second .trainBox .blue_btn:hover{
		text-decoration: none;
		opacity: 0.6;
	}
	section.train .train_block.second .trainBox .blue_btn::after{
		position: absolute;
		width: 15px;
		height: 16px;
		content: '';
		background-image: url('../img/odoriko/pdf_icon.png');
		right: 10px;
		bottom: 10px;
	} */
	.train_block h3{
		text-align:center;
	}
		.train_block h1{
			font-size:20px;
			text-align:center;
			font-weight:bold;
			padding:20px 0px 10px 0px;
		}
		.train_block h1.top{
			font-size:285%;
		}
		.train_block h1 .big{
			font-size:28px;
			transform: translateY(6%);
			display: inline-block;
		}
		.train_block h1 .mini{
			font-size:14px;
			display: block;
			margin-top: 8px;
		}
		.train_block p.read{
			padding:0px 0px 20px 0px;
			text-align:center;
			font-size: 16px;
			letter-spacing: -0.05em;
		}
		.train_block h2{
			padding:12px 10px;
			background:#F3EEE8;
			color:#6f5a35;
			font-size:112%;
			font-weight:normal;
		}
		.trainBox .pink{
			padding:12px 10px;
			background:#F3EEE8;
			color:#e5004f;
			font-size: 150%;
			font-weight:bold;
		}

			.train_block .trainBox{
				padding:0px 0px 20px 0px;
			}
			section.train .train_block.second .trainBox.mb{
				margin-bottom: 50px;
				padding-bottom: 0;
			}
			.train_block .kakakuTokkyu{
				display: block;
				margin-bottom: 12px;
			}
			.train_block .desc{

			}

			.train_block .desc{
				margin-bottom: 45px;
			  }
			  .train_block .desc p{
				text-align: left;
				font-size: 14px;
				line-height: (21 / 14);
				letter-spacing: 0;
				font-weight: bold;
				margin-bottom: 7px;
				padding-left: 14px;
				position: relative;
			  }
			  .train_block .desc p::after{
				font-size: 14px;
				line-height: (21 / 14);
				content: '※';
				position: absolute;
				top: 0;
				left: 0;
			  }
			  .train_block .desc .pc{
				display: inline-block;
			  }
			  .train_block .desc a{
				text-decoration: underline;
				text-align: center;
				font-size: 14px;
				line-height: (21 / 14);
				letter-spacing: 0;
				font-weight: bold;
				position: relative;
				display: inline-block;
				color: #435fba;
				padding-left: 18px;
				padding-right: 22px;
			  }
			  .train_block .desc a::before{
				background-image: url(../../common/images/arrow.png);
				content: '';
				position: absolute;
				width: 8px;
				height: 15px;
				background-repeat: no-repeat;
				background-size: contain;
				top: 50%;
				left: 0;
				transform: translateY(-50%);
			  }
			  /* .train_block .desc a::after{
				background-image: url(../../common/images/pdf_icon.png);
				content: '';
				position: absolute;
				width: 17px;
				height: 16px;
				background-repeat: no-repeat;
				background-size: contain;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
			  } */
				.trainBox .map_img_area{
					width: 100%;
					position: relative;
				}
					.map_img_area .map {
						width: 100%;
					 	position: relative;
						margin-top: 160px;
					}
						.map img {
							width: 100%;
						}
					.map_img_area .pc_a {
						width: 50.639%;
						position: absolute;
						top: -17%;
						margin-left: 33.5%;
					}
						.pc_a li {
							width: 46.25%;
							display: inline-block;
							text-align: center;
							border-radius: 10px 10px 0 0;
							border: solid 0px #194464;
						}
						.pc_a li:nth-child(1) {
							margin-right: 4.2%;
						}
							.pc_a li .time {
								width: 100%;
								font-size: 15px;
								color: white;
								display: inline-block;
								font-weight: bold;
								line-height: 1.5;
								border-radius: 8px 8px 0 0;
								padding: 4% 0 4% 0;
								background: #194464;
								border: solid 1px #194464;
							}
								.pc_a li .time p {
									font-size: 20px;
									color: white;
									line-height: 1;
									margin: 0;
									position: relative;
									display: inline;
									font-weight: bold;
									margin: 0 1% 0 1%;
								}
							.pc_a li .img_area {
								background: white;
								padding-bottom: 3.2%;
								border: solid 1px #194464;
							}
								.pc_a li .img_area .spot_name{
									color: #231815;
									font-size: 14px;
									margin: 2.8% 0 2.8% 0;
									display: inline-block;
								}
								.pc_a li .img_area .spot_img {
									width: 92%;
									margin: 0 auto;
								}
									.pc_a li .img_area .spot_img img{
										width: 100%;
									}
					.map_img_area .pc_b {
						width: 78%;
						margin-top: 4.8%;
						margin-left: 12%;
						margin-bottom: 5.25%;
					}
						.pc_b li {
							width: 30.41%;
							text-align: center;
							display: inline-block;
							border-radius: 10px 10px 0 0;
							border: solid 0px #194464;
						}
						.pc_b li:nth-child(1) {
							margin-right: 3.15%;
						}
						.pc_b li:nth-child(2) {
							margin-right: 3.15%;
						}
							.pc_b li .time {
								width: 100%;
								font-size: 15px;
								color: white;
								display: inline-block;
								font-weight: bold;
								line-height: 1.5;
								border-radius: 8px 8px 0 0;
								padding: 4% 0 4% 0;
								background: #194464;
							}
								.pc_b li .time p {
									font-size: 20px;
									color: white;
									line-height: 1;
									margin: 0;
									position: relative;
									display: inline;
									font-weight: bold;
									margin: 0 1% 0 1%;
								}
							.pc_b li .img_area {
								background: white;
								padding-bottom: 3.2%;
								border: solid 1px #194464;
							}
								.pc_b li .img_area .spot_name {
									color: #231815;
									font-size: 14px;
									margin: 2.8% 0 2.8% 0;
									display: inline-block;
								}
								.pc_b li .img_area .spot_img {
									width: 92%;
									margin: 0 auto;
								}
									.pc_b li .img_area .spot_img img {
										width: 100%;
									}
				.trainBox .p1 {
					margin-bottom: 2%;
					margin-top: 5.6%;
				}
					.trainBox .method picture {

					}
						.trainBox .method picture img {
							width: 100%;
						}
				.trainBox .vacant_seat {
					text-align: center;
					position: relative;
					margin-bottom: 5.2%;
					margin-top: 5.2%;
					display: inline-block;
					width: 100%;
					transition: 0.2s ease-out;
				}
					.trainBox .vacant_seat a picture img {
						width: 100%;
					}
				.trainBox .reserve {
					margin-bottom: 6.2%;
				}
					.trainBox .reserve a{

					}
						.trainBox .reserve a picture {

						}
							.trainBox .reserve a picture img {
								width: 100%;
							}
				.photo_bl .deco_a {
					width: 20.4%;
					position: absolute;
					top: 86px;
					left: -22%;
				}
					.photo_bl .deco_a img {
						width: 100%;
					}
				.photo_bl .deco_b {
					position: absolute;
					width: 12%;
					top: 7.5%;
					right: -8%;
				}
					.photo_bl .deco_b img {
						width: 100%;
					}
				.photo_bl .deco_c {
					position: absolute;
					width: 31%;
					top: 43%;
					right: -34%;
				}
					.photo_bl .deco_c img {
						width: 100%;
					}
				.photo_bl .deco_d {
					position: absolute;
					width: 23.2%;
					top: 398px;
					left: -11.8%;
				}
					.photo_bl .deco_d img {
						width: 100%;
					}
				.trainBox p.read{
					text-align:left;
					padding: 10px 0px 0px 0px;
				}

				.trainBox .photoWide{
					padding:15px 0px 0px 0px;
				}

				.trainBox .photoFloat{
					padding:0px 0px 15px 0px;
					overflow:hidden;
				}
					.photoFloat figure{
						width:49%;
						height:auto;
						margin:0px 2% 0px 0px;
						float:left;
					}
						.photoFloat figure figcaption{
							font-size:93%;
							margin-top:5px;
						}
						.photoFloat figure img{
							width:100%;
							height:auto;
						}
				.train_block .view_photo {
					margin: 0 auto;
					width: 98%;
					margin-top: 5.4%;
				}
				.train_block .view_photo:after{
					content:'';
					width:100%;
					height:70px;
					clear:both;
					display:block;
					position:relative;
				}
					.train_block .view_photo li {
						display: inline-block;
						float: left;
						width: 46%;
						position: relative;
						transform:none!important;
					}
					.train_block .view_photo li:nth-child(1) {
						margin-right: 7%;
						margin-left: 0.6%;
					}
						.train_block .view_photo li .blue_bkg {
							width: 92%;
							height: 456px;
							display: inline-block;
							background: #e9fbff;
							position: absolute;
							top: 4%;
							left: 0;
						}
						.train_block .view_photo li:nth-child(2) .blue_bkg {
							width: 92%;
							height: 456px;
							display: inline-block;
							background: #e9fbff;
							position: absolute;
							top: 0;
							right: 0;
							left: auto;
						}
						.train_block .view_photo li .photo_frame {
							position: relative;
							width: 83.9%;
							margin-left: 19%;
						}
						.train_block .view_photo li:nth-child(2) .photo_frame {
							margin-left: 0%;
						}
						.train_block .view_photo li .info {
							position: absolute;
							top: 12%;
							left: 24%;
							width: 73%;
							text-align: center;
						}
						.train_block .view_photo li:nth-child(2) .info {
							top: 12%;
							left: 5%;
						}
							.train_block .view_photo li .info .photo{
								margin-bottom: 7.1%;
							}
								.train_block .view_photo li .info .photo img {
									width: 100%;
								}
							.train_block .view_photo li .info span {
								font-size: 16px;
								color: #231815;
								font-weight: bold;
								margin-bottom: 2.4%;
								display: inline-block;
							}
							.train_block .view_photo li .info p {
								text-align: left;
								font-weight: normal;
								color: #231815;
								font-size: 13.2px;
								letter-spacing: -0.04em;
								line-height: 1.6;
							}
						.photo_bl {
							padding-top: 0!important;
							position: relative;
						}
						.train_block .acordion{
							overflow: hidden;
							height: 0;
							position: relative;
							transition: height 0.5s ease-in-out;
						}
						.train_block .step_img{
							position: relative;
							width: 100%;
							/* margin-left: calc(21/750*100vw); */
							padding-top: 20px;
						}
						.train_block .step_img .lin_text{
							position: absolute;
							font-size: 16px;
							text-decoration: underline;
							color: #0006ff;
							font-weight: 400;
						}
						.train_block .step_img .lin_text.a{
							top: 60px;
							left: 412px;
						}
						.train_block .step_img .lin_text.b{
							top: 549px;
							left: 568px;
						}
						.train_block .reserve a {
							display: block;
						}
						.train_block h2.pointer{
							position: relative;
							/* cursor: pointer; */
							z-index:2;
						}
						.train_block h2 .status{
							position: absolute;
							top: 0;
							right: 0;
							width: 48px;
							height: 48px;
							background-color: #69542c;
						}
						.train_block h2 .status .inner{
							position: relative;
							width: 48px;
							height: 48px;
							display: block;
						}
						.train_block h2 .status .inner::after{
							position: absolute;
							content: '';
							width: 18px;
							height: 4px;
							left: 50%;
							top: 50%;
							transform: translate(-50%,-50%);
							transition: all 0.5s ease-in-out;
							background-color: white;
						}
						.train_block h2 .status .inner::before{
							position: absolute;
							content: '';
							width: 18px;
							height: 4px;
							left: 50%;
							top: 50%;
							transform: translate(-50%,-50%) rotate(90deg);
							transition: all 0.5s ease-in-out;
							background-color: white;
						}
						.train_block h2 .status.open .inner::before{
							transform: translate(-50%,-50%) rotate(0deg);
						}
						/* .photo_bl .acordion{

						} */
						.photo_bl .acordion .acordion_inner{
							width: 950px;
							margin: 0 auto;
							position: relative;
							height: 684px;
						}
						.photo_bl .reserve{
							display: inline-block;
							margin-top: 15.6%;
							margin-bottom: 8%;
							transition: margin-top 0.5s ease-in-out;
						}
						.photo_bl .reserve.open{
							margin-top: 0;
						}
				.trainBox .trainFloat{
					padding:15px 0px 15px 0px;
					overflow:hidden;
				}
					.trainFloat .trainLeft{
						width:67%;
						height:auto;
						float:left;
					}
						.trainLeft figure{

						}
							.trainLeft figure img{
								width:100%;
								height:auto;
							}
							.trainLeft figure figcaption{
								font-size:87%;
							}

					.trainFloat .trainRight{
						width:29%;
						height:auto;
						float:right;
					}
					.anchor_box{
						display: flex;
						flex-wrap: wrap;
						/* justify-content: space-between; */
						justify-content: center;
						gap: 20px;
						margin-bottom: 40px;
					}
					.anchor_box li{
						width: 465px;
					}
					.anchor_box li img{
						width: 100%;
					}

						.trainRight h2{
							color:#e10000;
							background:none;
							border:0px;
							font-size:116%;
							padding:0px 0px 15px 0px;
						}
						.trainRight p{
							padding:0px 0px 15px 0px;
						}
						.trainRight .organization{
							padding:5px 12px;
							background:#FFFADA;
							border:1px solid #E3E1D3;
						}
							.organization h2{
								font-weight:bold;
								padding:0px 0px 4px 0px;
								color: #000000;
								font-size: 100%;
							}
						.trainRight .trainRightFloat{
							overflow:hidden;
							padding:20px 0px 0px 0px;
						}
							.trainRightFloat figure{
								width:32%;
								height:auto;
								margin-right:15px;
								float:left;
							}
								.trainRightFloat figure img{
									width:100%;
									height:auto;
								}
							.trainRightFloat p{

							}


				.trainBox .trainFloatWide{
					padding:15px 0px 20px 0px;
					overflow:hidden;
				}
					.trainFloatWide .trainLeft{
						width:660px;
						height:auto;
						float:left;
					}
						.trainFloatWide .trainLeft figure{
							width:320px;
							float:left;
							margin-right:20px
						}
							.trainFloatWide .trainLeft figure img{
								width:100%;
								height:auto;
							}
							.trainFloatWide .trainLeft figure figcaption{
								font-size:87%;
							}

					.trainFloatWide .trainRight{
						width:320px;
						height:auto;
						float:right;
					}
						 .trainFloatWide .trainRight .trainRight h2{
							color:#e10000;
							background:none;
							border:0px;
							font-size:116%;
							padding:0px 0px 15px 0px;
						}
						.trainFloatWide .trainRight .trainRight p{
							padding:0px 0px 15px 0px;
						}


				.trainBox .trainSet{
					padding:20px 0px 15px 0px;
				}
					.trainSet h3{
						font-size: 106%;
						font-weight: bold;
						padding: 0px 0px 5px 0px;
						color: #e10000;
					}
					.trainSet .tableBox{
						width:100%;
						height:auto;
					}
						.tableBox td{
							font-size:93%;
						}


				.trainBox ul.tableCaution{
					padding:10px 0px 0px 0px;
				}
					ul.tableCaution li{
						font-size:87%;
						padding:0px 0px 3px 1em;
						text-indent:-1em;
					}
	.new_odoriko{
		width: 100%;
		max-width: 360px;
		margin: 5px auto 0;
	}
}
@media all and (-ms-high-contrast: none) {
	.train_block h2 {
		padding-top: 18px;
	}
}
@media all and (min-width:751px) and (max-width:1180px) {
	body {
		overflow-x: scroll!important;
	}
}
/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:750px)  {
.contents_jrizu {
	padding-bottom: 125px;
	position: relative;
}

.anker{
	position: absolute;
	margin-top: calc(-56px - 32 / 750 *100vw - 42px);
	padding-top: calc(-56px - 32 / 750 *100vw - 42px);
}
#mainContents {
	overflow: hidden;
}
.timetable_bnr.fixed{
	position: fixed;
	width: calc(160 / 750 *100vw);
	height: calc(160 / 750 *100vw);
	display: block;
	top: auto;
	bottom: 20px;
	left: calc(15 / 750 *100vw);
	box-shadow: none;

}
.pagetop_izu {
	bottom: calc(140 / 750 *100vw);
}
/*//////////////charm*/
section.train .train_block.second .trainBox.charm_box{
	position: relative;
	margin-bottom: calc(76 / 750 *100vw);
}
section.train .train_block.second .trainBox.charm_box .deco_a{
	position: absolute;
	width: calc( 192 / 720 * 100%);
	top: 51%;
	left: calc( -61 / 720 * 100%);
	z-index: -1;
}
section.train .train_block.second .trainBox.charm_box .deco_b{
	position: absolute;
	width: calc( 114 / 720 * 100%);
	top: calc( 36 / 720 * 100%);
	right: 0;
	z-index: -1;
}
section.train .train_block.second .trainBox.charm_box .deco_c{
	position: absolute;
	width: calc( 290 / 720 * 100%);
	bottom: calc( 68 / 720 * 100%);
	right: calc( -126 / 720 * 100%);
	z-index: -1;
}
section.train .train_block.second .trainBox.charm_box h2{
	margin-bottom: calc( 31 / 720 * 100%);
}
section.train .train_block.second .trainBox.charm_box .charm li{
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: calc( 100 / 750 * 100vw);
}
section.train .train_block.second .trainBox.charm_box .charm li .img{
	position: relative;
	margin-bottom: calc( 20 / 600 * 100%);
	width: calc(735 / 750 * 100vw);
}
section.train .train_block.second .trainBox.charm_box .charm li.second .img{
	position: relative;
	margin-bottom: calc( 20 / 600 * 100%);
	width: calc(735 / 750 * 100vw);
	transform: translateX(calc(-15 / 750 * 100vw));
}
section.train .train_block.second .trainBox.charm_box .charm li.second .text_box h4 {
    color: #d99b5e;
}
section.train .train_block.second .trainBox.charm_box .charm li.third .text_box h4 {
    color: #71ae66;
}
.train_block h3{
	text-align: center;
}

section.train .train_block.second .trainBox.charm_box .charm li.third{
	margin-bottom: 0;
}
section.train .train_block.second .trainBox.charm_box .charm li .text_box{
	width: 100%;
	margin-top: calc(-43 / 750 * 100vw);
	position: relative;
}
section.train .train_block.second .trainBox.charm_box .charm li .text_box h4{
	color: #194464;
	font-weight: bold;
	line-height: calc(34/ 22.07);
	font-size: calc(34 / 750 * 100vw);
	letter-spacing: 0.01em;
	margin-bottom: calc( 9 / 600 * 100%);
	text-align: center;
	/* width: calc(735 / 750 * 100vw); */
}
section.train .train_block.second .trainBox.charm_box .charm li .text_box h4 .num{
	width: calc(74 / 750 * 100vw);
	display: block;
	margin: 0 auto;
	margin-bottom: calc( 15 / 600 * 100%);
}
section.train .train_block.second .trainBox.charm_box .charm li .text_box .read{
	color: #231815;
	/* font-weight: bold; */
	line-height: calc(42/30);
	font-size: calc(30 / 750 * 100vw);
	letter-spacing: -0.05em;
	width: calc(600 / 750 * 100vw);
	margin: 0 auto;

}
/*//////////////charm*/

/*//////////////about*/
section.train.about{
	margin-top: 60px;
}
section.train.about .train_block{
	padding: 0;
}
section.train.about .train_block .about_txt {
	margin-bottom: calc(65 / 750 * 100vw);
	font-size: calc(30 / 750 * 100vw);
	font-weight: bold;
	text-align: center;
	color: #231815;
	line-height: 1.6;
	letter-spacing: .04em;
}
section.train.about .train_block h1{
	padding-top: 1px;
	padding-bottom: 12px;
	line-height: 1;
}
section.train.about .train_block h3{
	font-size: calc(24 / 750 * 100vw);
	margin-top: calc(55 / 750 * 100vw);
}
section.train.about .train_block h1 .big{
	font-size: calc(42 / 750 * 100vw);
	display: inline-block;
	transform: translateY(calc(3 / 750 * 100vw));
}
section.train.about .train_block h1 .big{
	line-height: calc(47 / 34);
	/* margin-bottom: calc(25.5 / 750 * 100vw); */
}
.train_block h1 .mini{
	font-size: calc(14 / 750 * 100vw);
	display: block;
	margin-top: calc(6 / 750 * 100vw);
}
section.train.about .train_block .btn{
	margin-bottom: calc(120 / 750 * 100vw);
	margin-top: calc(120 / 750 * 100vw);
	display: block;
}
section.train.about .train_block .reserve.margin{
	margin-bottom: calc(120 / 750 * 100vw);
	margin-top: calc(120 / 750 * 100vw);
	display: block;
}
section.train.about .train_block .read{
	text-align: left;
	margin-bottom: 55px;
	padding-bottom: 0;
	line-height: 1.4;
}
section.train.about .train_block .table_box h3{
	position: relative;
	width: 100%;
	background-color: #004098;
	padding: calc(20 / 720 * 100%) 0;
	margin-bottom: calc(9 / 720 * 100%);
	text-align: center;
	margin-top: calc(40 / 720 * 100%);
}
section.train.about .train_block .table_box h3 .train{
	position: absolute;
	width: calc(202 / 720 * 100%);
	top: -61%;
	left: 0;
}
section.train.about .train_block .table_box h3 .text{
	border: none;
	text-align: center;
	font-weight: bold;
	font-size: calc(26 / 750 * 100vw);
	letter-spacing: 0;
	color: white;
	background-color: #004098;
	padding: 0;
}
section.train.about .train_block .table_box h3 .text span{
	font-size: calc(22 / 750 * 100vw);
}
section.train.about .train_block .table_box .table figcaption{
	text-align: left;
	margin-top: calc(9 / 720 * 100%);
	margin-bottom: calc( 60/ 720 * 100%);
}
section.train.about .train_block .table_box .table figcaption p{
	font-size: calc(22 / 750 * 100vw);
	letter-spacing: 0;
	line-height: calc(26.49 / 22);
	padding-left: calc(22 / 750 * 100vw);
	position: relative;
}
section.train.about .train_block .table_box .table figcaption p::before{
	font-size: calc(22 / 750 * 100vw);
	letter-spacing: 0;
	line-height: calc(26.49 / 22);
	position: absolute;
	top: 2%;
	left: 0;
	content: '※';
}
section.train.about .train_block .table_box .table figcaption p a {
	text-decoration: underline;
}
section.train.about .train_block .table_box .table figcaption p strong span,
section.train.about .train_block .table_box .table figcaption p strong span a {
	color: #DC1401;
}
h4.more{
	color: #dd1301;
	font-size: calc(40 / 750 * 100vw);
	letter-spacing: 0;
	line-height: calc(45 / 40);
	text-align: center;
	position: relative;
	font-weight: bold;
	margin-bottom: calc(18 / 750 * 100vw);
	margin-top: calc(50 / 750 * 100vw);
}
h4.more::after{
	content: '';
	position: absolute;
	background-color:#dd1301;
	height: 2px;
	width: calc(160 / 750 * 100vw);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
p.jrepoint_read{
	font-size: calc(30 / 750 * 100vw);
	letter-spacing: 0;
	line-height: calc(45 / 30);
	text-align: center;
	font-weight: bold;
	margin-bottom: calc(32 / 750 * 100vw);
}
p.alert{
	font-size: calc(22 / 750 * 100vw);
	letter-spacing: 0;
	line-height: calc(26.49 / 22);
	margin-top: calc(13 / 750 * 100vw);
	margin-bottom: calc(53 / 750 * 100vw);
}
p.alert a{
	color: #435fba;
	text-decoration: underline;
}
section.train.about .train_block .table_box .example{
	margin-top: calc( 55/ 720 * 100%);
}
/* section.train.about .train_block .table_box{
	margin-bottom: calc( 50/ 720 * 100%);
} */
section.train.about .train_block .reserve_px{
	margin-bottom: 0;
}
/*//////////////about*/


/*instagram*/
.slider .slick-list{
	box-sizing: content-box !important;
}
.slick-dotted.slick-slider{
	min-width: 100%;
	width: 100vw;
	margin-left: calc(-16 / 750 * 100vw);
	position: relative;
	margin-bottom: calc(168 / 750 * 100vw);
}
.slick-dotted.slick-slider:before{
	width: calc(672 / 720 * 100%);
	height: calc(292 / 750 * 100vw);
	background-color: #fff2f9;
	content: '';
	position: absolute;
	bottom: calc(-50 / 720 * 100%);
	right: 0;
}

.no_bg .slick-dotted.slick-slider:before {
	display: none;
}

.slick-dotted.slick-slider:after{
	/* width: 360px;
	height: 292px;
	background-color: #fff2f9;
	content: '';
	position: absolute;
	bottom: -41px;
	right: 0;
	z-index: -1; */
	display: none;
}
.slick-dots li{
	width: calc(26 / 750 * 100vw);
}
.slick-dots li button:before{
	font-size: calc(20 / 750 * 100vw);
	transform: scale(0.9);
	transform-origin: center;
}
.slick-slide {
	box-sizing: border-box;
	padding: 0 2vw;
	transition: all .3s;
}

.slick-slide img{
	transform-origin: right;
	transform: scale(0.768503937007874);
	transition: all .3s;
}
.slick-slide.current+.slick-slide img{
	transform-origin: left;
	transform: scale(0.768503937007874);
}
.slick-slide.current img{
	transform-origin: center;
	transform: scale(1) ;
}
/* .slick-slide.next {
	transform: scale(0.768503937007874) ;
} */
.slider-img {
  /* margin: 0 25px; */
}
.slick-prev:focus,.slick-next:focus{
	background:initial;
}
.slick-prev{
	background: initial;
	top: initial;
	bottom: calc(-98 / 750 * 100vw);
	background-image: url('../img/odoriko/arrow.png');
	width: calc(64 / 750 * 100vw);
	height: calc(18 / 750 * 100vw);
	left: 29%;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 0.3s ease-in-out;
}
.slick-next{
	background: initial;
	top: initial;
	bottom: calc(-88 / 750 * 100vw);
	background-image: url('../img/odoriko/arrow.png');
	transform: scale(-1, 1);
	width: calc(64 / 750 * 100vw);
	height: calc(18 / 750 * 100vw);
	right: 29%;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 0.3s ease-in-out;
}
.slick-prev:hover{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5
}
.slick-next:hover{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5
}
.slick-prev:focus-within{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.slick-next:focus-within{
	background-image: url('../img/odoriko/arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.slick-prev::before{
	display: none;
}
.slick-next::before{
	display: none;
}
.slick-center {
	transform: scale(1);
	opacity: 1;
}
.slick-slide img{
	width: 100%;
}
.slick-dots{
	bottom: calc(-107 / 750 * 100vw);
}
.slick-dots li{
	margin: 0;
}
.slick-dots li button:before{
	color: #6ba8e3;
}
.slick-dots li.slick-active button:before{
	color: #6ba8e3;
	opacity: 1;
}

.train_block.instagram h3{
	text-align: center;
	font-size: calc(22 / 750 * 100vw);
	letter-spacing: 0.13em;
	line-height: 1;
  margin-bottom: calc(2 / 720 * 100%);
}
.train_block.instagram h1{
	font-size: calc(34 / 750 * 100vw);
	padding-top: calc(0 / 720 * 100%);
	padding-bottom: calc(62 / 720 * 100%);
	letter-spacing: 0.03em;
	padding-left: calc(10 / 720 * 100%);

}
.train_block.instagram .instagram_btn{
	width: 100%;
	display: flex;
	border:solid 2px #6c6563;
	align-items: center;
	justify-content: center;
	padding: calc(28 / 720 * 100%) 0;
	padding-left: calc(8 / 720 * 100%);
	box-sizing: border-box;
	transition: all 0.5s ease-in-out;
	position: relative;
}

.train_block.instagram .instagram_btn::after{
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 4px;
	right: 4px;
	background: url(/yokohama/izu-atami/common/images/icon_blank_black.png) center top no-repeat;
	background-size: contain;
}

.train_block.instagram .instagram_btn .icon{
	width: 30px;
}
.train_block.instagram .instagram_btn .txt{
	letter-spacing: -0.01em;
	margin-left: calc(23 / 720 * 100%);
	font-size: calc(29 / 750 * 100vw);
	font-weight: bold;
	color: #6c6563;
}
.train_block.instagram .instagram_btn:hover{
	text-decoration: none;
	color: #6c6563;
	opacity: 0.6;
}
.train_block.instagram .instagram_btn:hover img{
	opacity: 1;
}
section.train .train_block.second {
	padding-top: 60px;
}
section.train .train_block .blue_btn{
	text-align: center;
	font-weight: bold;
	font-size: calc(30 / 750 * 100vw);
	letter-spacing: 0;
	color: white;
	background-color: #004098;
	padding: calc(29 / 720 * 100%) 0;
	position: relative;
	width: 100%;
	display: block;
	/* opacity: 1;
	transition: opacity 0.6s ease-in-out; */
}
section.train .train_block .blue_btn span{
	font-size: calc(22 / 750 * 100vw);
}
section.train .train_block .blue_btn.timetable{
	margin-top: calc(100 / 750 * 100vw);
	font-size: calc(40 / 750 * 100vw);
	line-height: calc(52/40);
}
section.train .train_block .blue_btn::after{
	position: absolute;
	width: 15px;
	height: 16px;
	content: '';
	background-image: url('../img/odoriko/pdf_icon.png');
	right: 5px;
	bottom: 5px;
}
/* section.train
----------------------------------------- */
section.train{
	width:100%;
	height:auto;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
	section.train .train_block{
		width:96%;
		height:auto;
		margin:0px auto 0px auto;
		padding:74.73px 0px 20px 0px;
		/* border-bottom:1px solid #f5f5f5;	 */
	}
	section.train .train_block.instagram{
    padding-top: 33px;
	}
	.train_block .acordion{
		overflow: hidden;
		height: 0;
		position: relative;
		transition: height 0.5s ease-in-out;
	}
	.train_block .step_img{
		position: relative;
		width: calc(655/750*100vw);
		margin-left: calc(21/750*100vw);
		padding-top: calc(30/750*100vw);
	}
	.train_block .step_img .lin_text{
		position: absolute;
		font-size: calc(28/750*100vw);
		text-decoration: underline;
		color: #0006ff;
		font-weight: 400;
	}
	.train_block .step_img .lin_text.a{
		top: calc(139/750*100vw);
		left: calc(242/750*100vw);
	}
	.train_block .step_img .lin_text.b{
		top: calc(2102/750*100vw);
		left: calc(384/750*100vw);
	}
	.train_block h2.pointer{
		position: relative;
		/* cursor: pointer; */
		overflow: hidden;
		z-index: 2;
	}
	.train_block h2 .status{
		position: absolute;
		top: 0;
		right: 0;
		width: calc(90/750*100vw);
		height: calc(90/750*100vw);
		background-color: #69542c;
	}
	.train_block h2 .status .inner{
		position: relative;
		width: calc(90/750*100vw);
		height: calc(90/750*100vw);
		display: block;
	}
	.train_block h2 .status .inner::after{
		position: absolute;
		content: '';
		width: calc(34/750*100vw);
		height: calc(7/750*100vw);
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		transition: all 0.5s ease-in-out;
		background-color: white;
	}
	.train_block h2 .status .inner::before{
		position: absolute;
		content: '';
		width: calc(34/750*100vw);
		height: calc(7/750*100vw);
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) rotate(90deg);
		transition: all 0.5s ease-in-out;
		background-color: white;
	}
	.train_block h2 .status.open .inner::before{
		transform: translate(-50%,-50%) rotate(0deg);
	}
	.photo_bl .acordion{
		width: 100vw;
		margin-left: calc(-15/750 * 100vw);
	}

	.photo_bl .acordion .acordion_inner{
		width: 100%;
		position: relative;
		height: 300.8vw;
	}
	.photo_bl .reserve{
		display: inline-block;
		margin-top: 15.6%;
		margin-bottom: 8%;
	}
	.photo_bl .reserve.open{
		margin-top: 0;
	}
	section.train .train_block .sec_ttl{
		margin-bottom: calc(60/750 * 100vw);
	}
	section.train .train_block .station{
		display: block;
		margin-bottom: calc(24/750 * 100vw);
		margin-top: calc(24/750 * 100vw);
	}
	section.train .train_block .station_text {
		margin-bottom: calc(120/750 * 100vw);
		font-size: calc(22/750 * 100vw);
		text-align: right;
	}
	section.train .train_block_ph1 {
		margin-bottom: 0%;
		padding: 148.73px 0px 0px 0px;
	}
		.train_block h1{
			font-size:calc(34/750 * 100vw);
			text-align:center;
			font-weight:bold;
			padding:0px 0px 0px 0px;
		}
		.train_block h1.top{
			font-size:185.7%;
		}
		.train_block p.read{
			font-size:106%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}
		.train_block h2{
			background:#F3EEE8;
			color:#6f5a35;
			font-size: 4.2vw;
			font-weight: normal;
			padding: 2.8% 2%;
		}

		.trainBox .pink{
			padding:12px 10px;
			background:#F3EEE8;
			color:#e5004f;
			font-size: 120%;
			font-weight:bold;
			margin: 30px 0 0 0;
		}

			.train_block .trainBox{
				padding:0px 0px 0px 0px;
				margin-bottom: calc(120 / 750 *100vw);
			}
			.train_block .trainBox.first{
				margin-bottom: calc(20 / 750 *100vw);
			}
			.train_block .trainBox.mb{
				margin-bottom: calc(60 / 750 *100vw);
			}
			.train_block .kakakuTokkyu{
				display: block;
				margin-bottom: 73px;
			}
			.anchor_box {
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				gap: calc(20 / 750* 100vw);
			}
			.anchor_box li{
				max-width: calc(350 / 750 *100vw);
				width: 100%;
			}

				.trainBox .map_img_area {
					width: 100%;
					position: relative;
				}

				.map_img_area .map {
					width: 100%;
					position: relative;
					margin-top: 4%;
					margin-bottom: 5%;
				}

				.map img {
					width: 100%;
				}

				.map_img_area {
					width: 50.639%;
					position: absolute;
					top: 0%;
					margin-left: 0%;
				}
					.map_img_area .map_notice{
						width: 100%;
						display: inline-block;
						position: relative;
						font-size: 3vw;
						float: left;
						margin-bottom: 11%;
					}
				.spot_pickup {
					margin-bottom: 8%;
				}

				.spot_pickup li {
					width: 48.5%;
					display: inline-block;
					text-align: center;
					background: #194464;
					border: solid 1px #194464;
					border-radius: 1.5vw 1.5vw 0 0;
					margin-bottom: 8.4%;
				}

				.spot_pickup li:last-child {
					margin-bottom: 0%;
				}

				.spot_pickup li:nth-child(odd) {
					margin-right: 1.2%;
				}

				.spot_pickup li .time {
					width: 100%;
					font-size: 3vw;
					color: white;
					display: inline-block;
					font-weight: bold;
					line-height: 1.5;
					border-radius: 1vw 1vw 0 0;
					padding: 4% 0 4% 0;
				}

				.spot_pickup li .time p {
					font-size: 4vw;
					color: white;
					line-height: 1;
					margin: 0;
					position: relative;
					display: inline;
					font-weight: bold;
					margin: 0 1% 0 1%;
				}

				.spot_pickup li .img_area {
					background: white;
					padding-bottom: 3%;
				}

				.spot_pickup li .img_area .spot_name {
					color: #231815;
					font-size: 3vw;
					margin: 4.8% 0 4.8% 0;
					display: inline-block;
				}

				.spot_pickup li .img_area .spot_img {
					width: 92%;
					margin: 0 auto;
				}

				.spot_pickup li .img_area .spot_img img {
					width: 100%;
				}

				.trainBox .p1 {
					margin: 0 auto;
					width: 87.4%;
					margin-top: 8%;
					margin-bottom: 16%;
				}
					.trainBox .method picture {

					}
						.trainBox .method picture img {
							width: 100%;
						}

				.trainBox .p2 {
					margin: 0 auto;
					width: 90.4%;
					margin-top: 0%;
					margin-bottom: 8%;
					margin-left: 3%;
				}

				.trainBox .vacant_seat {
					text-align: center;
					position: relative;
					margin-bottom: 11.4%;
					display: inline-block;
					width: 100%;
				}
					.trainBox .vacant_seat a picture img {
						width: 100%;
					}
				.train_block .reserve {
					margin-bottom: 1.4%;
					display: inline-block;
					margin-top: 17%;
				}
				.photo_bl .deco_a {
					width: 29%;
					position: absolute;
					top: 70%;
					left: -17%;
				}
				.photo_bl .deco_a img {
					width: 100%;
				}
				.photo_bl .deco_b {
					position: absolute;
					width: 17%;
					top: 9.5%;
					right: 0;
					z-index: -1;
				}
				.photo_bl .deco_b img {
					width: 100%;
				}
				.photo_bl .deco_c {
					position: absolute;
					width: 31%;
					bottom: 14%;
					right: -15%;
				}
				.photo_bl .deco_c img {
					width: 100%;
				}
				.photo_bl .deco_d {
					position: absolute;
					width: 33.5%;
					bottom: 10%;
					left: 3%;
				}
				.photo_bl .deco_d img {
					width: 100%;
				}
				.train_block .reserve_px {
					margin-top: 0%;
					margin-bottom: 17%;
				}
				.train_block .reserve a {
					display: block;
				}

				.train_block .reserve a picture {}

				.train_block .reserve a picture img {
					width: 100%;
				}

			.photo_bl {
				padding-top: 0!important;
				position: relative;
			}
			.train_block .view_photo {
				margin: 0 auto;
				width: 10050vw;
				margin-top: 12%;
			}
			.train_block.second{
				padding-bottom: 0!important;
			}
			.train_block .view_photo li {
				display: inline-block;
				/*float: left;*/
				width: 94vw;
				position: relative;

			}
			.slickctrlbox{
				position:relative;
			}
			.slickctrlbox .slick-prev,.slickctrlbox .slick-next{
				top:50%;
				bottom:auto!important;
				transform:translateY(-50%);
			}
			.slickctrlbox .slick-next{
				transform:translateY(-50%) scaleX(-100%);
			}
			.vpouter{
				position:relative;
				padding-bottom:20vw;
			}
			.train_block .view_photo li:nth-child(1) {
				margin-right: 0;
				margin-left: 0%;
				/*margin-bottom: 17%;*/
			}

			.train_block .view_photo li .blue_bkg {
				width: 89%;
				height: 104%;
				left: -4%;
				display: inline-block;
				background: #e9fbff;
				position: absolute;
				top: 4%;
			}

			.train_block .view_photo li:nth-child(2) .blue_bkg {
				width: 89%;
				height: 105.5%;
				display: inline-block;
				background: #e9fbff;
				position: absolute;
				top: 0;
				right: -6%;
				left: auto;
			}

			.train_block .view_photo li .photo_frame {
				position: relative;
				width: 85%;
				margin-left: 7%;
				z-index: 2;
			}

			.train_block .view_photo li:nth-child(2) .photo_frame {
				margin-left: 8%;
			}

			.train_block .view_photo li .info {
				position: absolute;
				top: 12%;
				left: 13%;
				width: 74%;
				text-align: center;
				z-index: 3;
			}

			.train_block .view_photo li:nth-child(2) .info {
				top: 12%;
				left: 13.4%;
			}

			.train_block .view_photo li .info .photo {
				margin-bottom: 4%;
			}

			.train_block .view_photo li .info .photo img {
				width: 100%;
			}

			.train_block .view_photo li .info span {
				font-size: 16px;
				color: #231815;
				font-weight: bold;
				margin-bottom: 2.4%;
				display: inline-block;
			}

			.train_block .view_photo li .info p {
				text-align: left;
				font-weight: normal;
				color: #231815;
				line-height: 1.6;
				font-size: 3.1vw;
				letter-spacing: -0.05em;
			}



				.trainBox .photoWide{
					padding:15px 0px 0px 0px;
				}
					.photoWide img{
						width:100%;
						height:auto;
					}

				.trainBox p.read{
					font-size: 3.7vw;
					text-align:left;
					padding:12px 0px 12px 0px;
					line-height: 150%;
				}

				.trainBox .photoFloat{
					padding:0px 0px 15px 0px;
					overflow:hidden;
				}
					.photoFloat figure{
						width:100%;
						height:auto;
						margin:0px 0px 12px 0px;
					}
						.photoFloat figure figcaption{
							font-size:93%;
							padding-top: 8px;
						}
						.photoFloat figure img{
							width:100%;
							height:auto;
						}


				.trainBox .trainFloat{
					padding:15px 0px 0px 0px;
					overflow:hidden;
				}
					.trainFloat .trainLeft{
						width:100%;
						height:auto;
					}
						.trainLeft figure{
							text-align:center;
							padding:0px 0px 10px 0px;
						}
							.trainLeft figure img{
								width:100%;
								height:auto;
							}
							.trainLeft figure figcaption{
								font-size:87%;
							}

					.trainFloat .trainRight{
						width:100%;
						height:auto;
					}
						 .trainRight h2{
							color:#e10000;
							padding:0px;
							background:none;
							border:0px;
							font-size:100%;
						}
						.trainRight p{
							padding:8px 0px 8px 0px;
						}
						.trainRight .organization{
							padding:5px 12px 0px 12px;
							background:#FFFADA;
							border:1px solid #E3E1D3;
						}
							.organization h2{
								font-weight:bold;
								padding:0px 0px 4px 0px;
								color: #000000;
								font-size: 100%;
							}
							.organization p{
								line-height:1.25em;
							}
						.trainRight .trainRightFloat{
							overflow:hidden;
							padding:10px 0px 0px 0px;
						}
							.trainRightFloat figure{
								width:32%;
								height:auto;
								margin-right:10px;
								float:left;
							}
								.trainRightFloat figure img{
									width:100%;
									height:auto;
								}
							.trainRightFloat p{
								line-height:1.45em;
							}


				.trainBox .trainFloatWide{
					padding:15px 0px 20px 0px;
					overflow:hidden;
				}
					.trainFloatWide .trainLeft{
						width:100%;
						height:auto;
						float:left;
					}
						.trainFloatWide .trainLeft figure{
							width:49%;
							float:left;
							margin-right:2%;
						}
							.trainFloatWide .trainLeft figure img{
								width:100%;
								height:auto;
							}
							.trainFloatWide .trainLeft figure figcaption{
								font-size:87%;
								line-height:1.45em;
							}

					.trainFloatWide .trainRight{
						width:100%;
						height:auto;
					}
						 .trainFloatWide .trainRight .trainRight h2{
							color:#e10000;
							padding:0px;
							background:none;
							border:0px;
							font-size:100%;
							padding:0px 0px 15px 0px;
						}
						.trainFloatWide .trainRight .trainRight p{
							padding:0px 0px 15px 0px;
							line-height:1.45em;
						}


				.trainBox .trainSet{
					padding:20px 0px 0px 0px;
				}
					.trainSet h3{
						font-size:100%;
						font-weight:bold;
						padding:0px 0px 5px 0px;
						color:#e10000;
					}
					.trainSet .tableBox{
						width:100%;
						height:auto;
						overflow:scroll;
					}
						.trainSet .tableBox table{
							width:260%;
						}
						.tableBox td{
							font-size:93%;
						}


				.trainBox ul.tableCaution{
					padding:10px 0px 0px 0px;
				}
					ul.tableCaution li{
						font-size:87%;
						padding:0px 0px 3px 1em;
						text-indent:-1em;
					}

.new_odoriko{
		width: 100%;
		max-width: 360px;
		margin: 5px auto 0;
	}
	section.train.kobe_bnr .train_block{
		padding-top: 45px;
		padding-bottom: 25px;
	}

	section.train.kobe_bnr .train_block h3{
		text-align: center;
    font-size: calc(22 / 750 * 100vw);
    letter-spacing: 0.13em;
    line-height: 1;
    margin-bottom: calc(2 / 720 * 100%);
	}

	section.train.kobe_bnr .train_block h1{
		font-size: calc(34 / 750 * 100vw);
		padding-top: calc(0 / 720 * 100%);
		padding-bottom: calc(72 / 720 * 100%);
		letter-spacing: 0.03em;
		padding-left: calc(10 / 720 * 100%);
	}

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




}

/*new踊り子*/
.list_newodoriko{
	width: 100%;
	margin: 30px auto 0;
	display: inline-block;
}
.list_newodoriko > dt > h3{
	width: 100%;
	box-sizing: border-box;
	font-size: 1.8rem;
	font-weight: normal;
	color: #6f5a35;
	margin: 0 0 10px;
	padding: 0 0 3px;
	border-bottom: 3px solid #6f5a35;
	position: relative;
	text-align: left;
}
.list_newodoriko > dt > h3::before{
	content: '●';
	padding: 0 0.5rem 0 0;
	color: #6f5a35;
}
.list_newodoriko > dd > img{
	max-width: 570px;
}
.list_newodoriko > dd > ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
.list_newodoriko > dd > ul > li{
	width: 47.5%;
	margin-right: 4%;
}
.list_newodoriko>dd>ul>li:nth-child(3) {
	margin-right: 0%;
}
.list_newodoriko > dd > ul > li > h4{
	font-weight: normal;
	box-sizing: border-box;
	padding: 8px;
	font-size: 16px;
	background-color: #dfdfdf;
	text-align: center;
}
.list_newodoriko > dd > ul > li > p{
	line-height: 180%;
	margin-top: 10px;
}

.one_column {
	width: 48%;
	margin: 30px 0 0 0;
	display: inline-block;
	float: left;
	/* margin-top: 9.8%; */
}
.one_column_ft {
	margin-right: 4%;
}
	.one_column>dt>h3 {
		font-size: 18px;
		font-weight: normal;
	}
	.one_column dd{
		margin: 0;
	}
		.one_column dd ul{
			padding: 0;
			margin: 0;
			width: 100%;
			display: inline-block;
		}
			.one_column dd ul li{
				width: 100%;
				display: inline-block;
			}

@media all and (-ms-high-contrast: none) {
	.list_newodoriko>dd>ul>li>h4 {
		padding-top: 13px;
	}
}

/* section.banner
----------------------------------------- */
section.banner{
	width:100%;
	height:auto;
}

section.banner .banner_block{
	width:950px;
	height:auto;
	margin:0px auto 40px auto;
	padding:20px 0px 20px 0px;
	border-bottom:1px solid #f5f5f5;
}
section.banner .banner_block ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
section.banner .banner_block ul li {
	width: 33%;
	padding: 0 10px;
}

/* sp設定 */
@media screen and (max-width:750px){
	#floatingbnr{
		display: none !important;
	}
	.pc{
		display:none!important;
	}
	.floatingbnr{
		position: fixed;
		z-index: 5;
		left: 0;
		top: 110px;
		/* right: none; */
		text-align: center;
		width: 100%;
		height: auto;
		display: block;
		/* transition-duration: 0.4s; */
	}
	/* .floatingbnr > a{
		color: #fff;
		background-color: #00833e;
		padding: 17px 13px 15px;
		padding-left: 23px;
		width: 100%;
		box-sizing: border-box;
		display: block;
		background-image: url(/yokohama/izu-atami/common/images/icon_link_white.png);
		background-size: 8px auto;
		background-position: center left 15px;
		background-repeat: no-repeat;
	} */
	/* 413以下 */
	@media screen and (max-width:374px){
		.floatingbnr > a{
			background-position: center left 2.5%;
			padding: 17px 5px 15px 10px;
		}
	}
	.floatingbnr > a:hover{
		opacity: 1;
		text-decoration: none;
	}
	.floatingbnr > a > .box_flex{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		margin-top: 0;
		margin-left: 2%;
	}
	.floatingbnr > a > .box_flex > span.banner_icon {
		width: 31.5%;
		margin-top: 0;
		margin-left: 0%;
	}
	.floatingbnr > a > .box_flex > span.banner_text {
		width: 66%;
	}
	.followbnr {
		position: fixed;
		bottom: 50px;
		left: 0;
		display: flex;
		padding: 0 calc(16 / 750 * 100vw);
		transform:translateY(100%);
		transition-property:transform;
		transition-duration:0.7s;
		z-index:9;
	}
	.followbnr.on {
		transform:none;
	}
	.followbnr.staticed {
		position: absolute;
		bottom: 0;
	}
}

@media screen and (max-width:750px)  {
.list_newodoriko{
	width: 100%;
	margin: 5.8% auto 0;
}
.one_column {
	margin-top: 7%;
}
.one_column:nth-child(2) {
	margin-top: 9%;
}
.list_newodoriko > dt > h3{
	font-size: 3.7vw;
	border-bottom: 2px solid #6f5a35;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-align: left;
}
.list_newodoriko > dd > img{
	display: block;
	margin: 0 auto;
}
.list_newodoriko > dd > ul{
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.list_newodoriko > dd > ul > li{
	width: 100%;
	margin: 0 auto;
}
.list_newodoriko>dd>ul>li:nth-child(3) {
	margin-top: 7%;
}
.list_newodoriko>dd>ul>li>h4 {
	padding: 1.5%;
	font-size: 4.3vw;
}
.list_newodoriko>dd>ul>li>p {
	font-size: 3.8vw;
	line-height: 1.4;
}
	.list_newodoriko > dd > ul > li:nth-child(2){
		margin: 20px auto 0;
	}

	section.banner .banner_block{
		width:96%;
		height:auto;
		margin:0px auto 0px auto;
		padding:20px 0px 20px 0px;
		border-bottom:1px solid #f5f5f5;
	}
  section.banner .banner_block ul {
    display: block;
	}
  section.banner .banner_block ul li {
    width: 100%;
    padding: 10px 20px;
	}

	section.access{
		margin-top: 40px;
	}


}

.fit-center {
	display: block;
    margin: 0 auto;
    width: fit-content;
}

.fit-center span {
	border-bottom: 1px solid #231815;
}
.fit-center span strong {
	font-weight: normal;
	color: #E12B1D;
	border-bottom: 1px solid #E12B1D;
}

@media screen and (min-width: 751px)  {
	.vpouter{
		padding-bottom:1px;
	}
	.sp{
		display:none!important;
	}
	.photo_bl .acordion .acordion_inner .btn_area {
		position: absolute;
		bottom: 50px;
		width: 100%;
	}
	.acordion_inner2 .btn_area {
		margin-top: 100px;
	}
	.btn_area .sub_heading {
		position: relative;
		width: fit-content;
		margin: 0 auto 14px;
		padding: 0 20px;
		font-size: 14px;
		color: #6c6563;
	}
	.btn_area .sub_heading::before {
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(-30deg) translateY(-50%);
		content: "";
		display: block;
		width: 1px;
		height: 14px;
		background-color: #6c6563;
	}
	.btn_area .sub_heading::after {
		position: absolute;
		top: 50%;
		right: 0;
		transform: rotate(30deg) translateY(-50%);
		content: "";
		display: block;
		width: 1px;
		height: 14px;
		background-color: #6c6563;
	}
	.btn_blank {
		width: 100%;
		display: flex;
		border: solid 2px #69542c;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
		padding-left: 10px;
		box-sizing: border-box;
		transition: all 0.5s ease-in-out;
		position: relative;
		background-color: #69542c;
	}
	.btn_blank .txt {
		margin-left: 15px;
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
		letter-spacing: -0.02em;
	}
	.btn_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;
	}
}

@media screen and (max-width: 750px) {
	.photo_bl .acordion .acordion_inner .btn_area {
		position: absolute;
		bottom: calc(50 / 720* 100%);
		width: 100%;
	}
	.btn_area .sub_heading {
		position: relative;
		width: fit-content;
		margin: 0 auto calc(14 / 720* 100%);
		padding: 0 calc(20 / 720* 100%);
		font-size: calc(14 / 720* 100%);
		color: #6c6563;
	}
	.btn_area .sub_heading::before {
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(-30deg) translateY(-50%);
		content: "";
		display: block;
		width: 1px;
		height: 14px;
		background-color: #6c6563;
	}
	.btn_area .sub_heading::after {
		position: absolute;
		top: 50%;
		right: 0;
		transform: rotate(30deg) translateY(-50%);
		content: "";
		display: block;
		width: 1px;
		height: 14px;
		background-color: #6c6563;
	}

	.btn_area .sub_heading {
		position: relative;
		width: fit-content;
		margin: 0 auto;
		padding: 0 20px;
		font-size: 14px;
	}
	.btn_blank {
		display: flex;
        border: solid 2px #69542c;
        align-items: center;
        justify-content: center;
		width: 96%;
		margin: 0 auto;
        padding: calc(28 / 720* 100%) 0;
        padding-left: calc(8 / 720* 100%);
        box-sizing: border-box;
        transition: all 0.5s ease-in-out;
        position: relative;
		background-color: #69542c;
	}
	.btn_blank .txt {
		letter-spacing: -0.01em;
        margin-left: calc(23 / 720* 100%);
        font-size: calc(29 / 750* 100vw);
        font-weight: bold;
        color: #ffffff;
	}
	.btn_blank::after{
		content: '';
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: 4px;
        right: 4px;
        background: url(/yokohama/izu-atami/common/images/icon_blank_white.png) center top no-repeat;
        background-size: contain;
	}
}
/*.acordion2{
	display:none;
}*/

footer#jre_mtd_footer{
	z-index:10;
}


.train_block .scenery_area {
	max-width: 765px;
	width: 100%;
	margin: 47px auto 0;
}

.train_block .scenery_area .slider-img {
	position: relative;
	width: 100%;
}

.train_block .scenery_area .slider-img .info {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 100px);
}

.train_block .scenery_area .slider-img .info .photo {
	margin-bottom: 1.5%;
}

.train_block .scenery_area .slider-img .info span {
	font-size: 16px;
	color: #231815;
	font-weight: bold;
	margin-bottom: 1.4%;
	text-align: center;
	display: block;
}

.train_block .scenery_area .slider-img .info p {
	text-align: center;
	font-weight: normal;
	color: #231815;
	font-size: 13.2px;
	letter-spacing: -0.04em;
	line-height: 1.6;
}

@media screen and (min-width: 751px) {
	.blue_btn.mb_content {
		margin-bottom: 140px;
	}

	/* .izu_atami_cp {

	} */
	.izu_atami_cp .sub_heading {
		position: relative;
        width: fit-content;
        margin: 0 auto 14px;
        padding: 0 20px;
        font-size: 14px;
        color: #6c6563;
	}

	.izu_atami_cp .sub_heading::before {
		position: absolute;
        top: 50%;
        left: 0;
        transform: rotate(-30deg) translateY(-50%);
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background-color: #6c6563;
	}

	.izu_atami_cp .sub_heading::after {
		position: absolute;
        top: 50%;
        right: 0;
        transform: rotate(30deg) translateY(-50%);
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background-color: #6c6563;
	}

	.izu_atami_cp a {
		display: block;
		margin-top: 13px;
	}
}

@media screen and (max-width: 750px) {
	.blue_btn.mb_content {
		margin-bottom: 60px;
	}

	.izu_atami_cp {
		margin-top: 26.667vw;
	}

	.izu_atami_cp .sub_heading {
		position: relative;
        width: fit-content;
        margin: 0 auto;
        padding: 0 20px;
        font-size: 13px;
		font-feature-settings: "palt";
	}

	.izu_atami_cp .sub_heading::before {
		position: absolute;
        top: 50%;
        left: 0;
        transform: rotate(-30deg) translateY(-50%);
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background-color: #6c6563;
	}

	.izu_atami_cp .sub_heading::after {
		position: absolute;
        top: 50%;
        right: 0;
        transform: rotate(30deg) translateY(-50%);
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background-color: #6c6563;
	}

	.izu_atami_cp a {
		display: block;
		margin-top: 2.133vw;
	}
}


/**/
.floatingbnr{
	/* transform:translateY(-95%); */
	transform:translateY(-60px);
	transition-duration:0.6s;
	transition-property:transform;
}

.floatingbnr.on{
	transform:none;
}