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





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

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



/* pageAnchor
----------------------------------------- */
ul.pageAnchor{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow:hidden;
	padding:0px 0px 25px 0px;
}
	ul.pageAnchor li{
		display:block;

		width:32%;
		height:auto;
		box-sizing: border-box;
	}
	ul.pageAnchor li.long{
		width: 32%;
	}
		ul.pageAnchor li a{
			display:block;
			padding:8px 0px 8px 0px;
			text-align:center;
			border:3px solid #E6E6E6;
		}
			ul.pageAnchor li a img{
				width:8px;
				height:auto;
				margin-right:3px;
			}



/* section.tour
----------------------------------------- */
section.tour{
	width:100%;
	height:auto;
	background:url(/yokohama/izu-atami/common/images/bg_grad_shadow.jpg) center top no-repeat;
}
	section.tour .tourBlock{
		width:950px;
		height:auto;
		margin:0px auto 50px auto;
		padding:40px 0px 40px 0px;
		border-bottom:1px solid #f5f5f5;
	}
		.tourBlock h1{
			font-size:137%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 10px 0px;
		}
		.tourBlock p.read{
			font-size:116%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}

.pnfBlock{
		width: 100%;
		}
			.pnfBlock .poster{
				padding: 0px 0px 25px 0px;
				text-align:center;
				position:relative;
			}
				.poster img{
					width:100%;
					height:auto;
				}
				.poster .posterViewSet{
	width: 250px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background: #FFF9F2;
	border: 1px solid #E6BE94;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
				}
					.posterViewSet figure{
						width:100%;
						height:auto;
						float:none;
					}
						.posterViewSet figure img{
							width:100%;
							height:auto;
						}
					.posterViewSet .posterViewDetail{
						width:100%;
						margin: 10px 0 0 0;
						height:auto;
						float:none;
					}
						.posterViewDetail p{
							font-weight:normal;
							padding:0px 0px 15px 0px;
							text-align:left;
						}
						.posterViewDetail .btnFloat{

						}
							.posterViewDetail .btnFloat a{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	color: #fff;
	border: 2px solid #e6e6e6;
	padding: 4px;
	font-size: 87%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
							}
								.posterViewDetail .btnFloat a.greenBtn{background:#007c33; margin-bottom:5px;}
								.posterViewDetail .btnFloat a.redBtn{background:#e81829;}



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

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

	section.tour .block{
		width: 1000px;
		height: auto;
		margin: 0px auto;
		/* border-bottom: 1px solid hsl(0, 0%, 96%); */
	}
		section.tour .block .ttl_main_box {
			margin: 0 0 80px;
		}
		section.tour .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.tour .block .ttl_main img{
			width: auto;
			height: 100%;
		}
		section.tour .block .read{
			text-align: center;
			font-size: 18px;
			margin: 0 0 80px;
		}
		section.tour .block .ttl_main_box .ttl_main,
		section.tour .block .ttl_main_box .read {
			margin: 0;
		}
		section.tour .block .ttl_month{
			margin: 0 0 40px;
			padding: 7px;
			text-align: center;
			/* font-size: 28px; */
			font-size: 22px;
			color: #fff;
		}
		section.tour .block .ttl_month.spring{
			background: #ff9ab7;
		}

		/* 旅の楽しみ のみ */
		section.tour .block .list{
			display: flex;
			flex-wrap: wrap;
			/* padding: 40px 0px 0px;  */
			/* 後で検討 */
		}
			section.tour .block .list li{
				width: 280px;
				margin: 0 80px 0 0;
			}
			section.tour .block .list li:nth-child(3n){
				/* background: red; */
				margin-right: 0;
			}
			section.tour .block .list li:nth-child(n+4){
				margin-top: 50px;
			}
				section.tour .block .list li a .photo{
					width: 280px;
				}
				section.tour .block .list li a .ttl_sub{
					margin: 13px 0 0;
					text-align: center;
					font-size: 18px;
				}
				section.tour .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.tour .block .list li a .txt{
					margin: 13px 0 0;
					font-size: 14px;
				}

		section.tour .block .list2{
			margin: 50px 0 0;
		}
			section.tour .block .list2 li + li{
				margin: 40px 0 0;
			}
			section.tour .block .list2 li.box1{
				background: #035d67;
			}
			section.tour .block .list2 li.box2{
				background: #0092c1;
			}
				section.tour .block .list2 li a{
					display: flex;
					position: relative;
					padding: 10px;
					color: #fff;
					/* background: red; */
				}
					section.tour .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.tour .block .list2 li a .left{
						width: 355px;
					}
					section.tour .block .list2 li a .right{
						width: 625px;
						padding: 23px 35px;
					}
					section.tour .block .list2 li a .right .ttl{
						font-size: 24px;
						font-weight: 700;
						margin: 0 0 7px;
					}
					section.tour .block .list2 li a .right .txt{
						font-size: 14px;
					}

		section.tour .block .list3{
		}
			section.tour .block .list3 li{
			}
			section.tour .block .list3 li + li{
				margin: 60px 0 0;
			}
				section.tour .block .list3 li a{
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
				}
					section.tour .block .list3 li a .left{
						width: 745px;
					}
					section.tour .block .list3 li a .right{
						width: 235px;
					}
						section.tour .block .list3 li a .right .ttl{
							font-size: 18px;
							font-weight: 700
						}
						section.tour .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.tour .block .list3 li a .right .txt{
							font-size: 14px;
							margin: 12px 0 0;
						}

}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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



/* pageAnchor
----------------------------------------- */

ul.pageAnchor{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow:hidden;
	padding:0px 0px 25px 0px;
}
	ul.pageAnchor li{
		display:block;
		width:49%;
		height:auto;
		box-sizing: border-box;
		margin: 0 0 2%;
	}
	ul.pageAnchor li.long{
		width: 100%;
	}
		ul.pageAnchor li a{
			display:block;
			padding:8px 0px 8px 0px;
			text-align:center;
			border:2px solid #E6E6E6;
		}
			ul.pageAnchor li a img{
				width:8px;
				height:auto;
				margin-right:3px;
			}




/* section.tour
----------------------------------------- */
section.tour{
	width:100%;
	height:auto;
}
	section.tour .tourBlock{
		width:96%;
		height:auto;
		margin:0px auto 20px auto;
		padding:20px 0px 20px 0px;
		border-bottom:1px solid #f5f5f5;
	}
		.tourBlock h1{
			font-size:118%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 10px 0px;
		}
		.tourBlock p.read{
			font-size:106%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}


	.pnfBlock{
			width: 100%;
		}
			.pnfBlock p.caution{
				text-align:left;
				font-size:87%;
				padding:3px 0px 0px 1em;
				text-indent:-1em;
			}
			.pnfBlock .poster{
				padding: 0px 0px 20px 0px;
				text-align:center;
			}
				.poster img{
					width:100%;
					height:auto;
				}
				.poster .posterViewSet{
					width:100%;
					height:auto;
					margin:0px 0px 0px 0px;
					padding:10px;
					background:#FFF9F2;
					border:1px solid #E6BE94;
					overflow:hidden;

					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.posterViewSet figure{
						width:30%;
						height:auto;
						float:none;
						margin: 0 auto;
					}
						.posterViewSet figure img{
							width:100%;
							height:auto;
						}
					.posterViewSet .posterViewDetail{
						width:68%;
						height:auto;
						float:none;
						margin: 0 auto;
						display: block;
					}
						.posterViewDetail p{
							font-weight:normal;
							padding:0px 0px 15px 0px;
							text-align:left;
						}
						.posterViewDetail .btnFloat{

						}
							.btnFloat a span{
								display:block;
							}
							.posterViewDetail .btnFloat a{
								display:block;
								width:100%;
								height:auto;
								float:left;
								color:#fff;
								border:2px solid #e6e6e6;
								padding:8px 8px;
								font-size:87%;
								text-align:center;

								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								-o-box-sizing: border-box;
								-ms-box-sizing: border-box;
							}
								.posterViewDetail .btnFloat a.greenBtn{background:#007c33; margin-bottom:5px;}
								.posterViewDetail .btnFloat a.redBtn{background:#e81829;}



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

section.tour{
	/* 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.tour .block{
		width: 91%;
		height: auto;
		margin: 0px auto;
		/* padding: 20px 0px 20px 0px; */
		/* border-bottom: 1px solid #f5f5f5; */
	}

		section.tour .block .ttl_main_box {
			margin: 0 0 28px;
		}
		section.tour .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.tour .block .ttl_main img{
			width: auto;
			height: 100%;
		}
		section.tour .block .read{
			text-align: center;
			font-size: 12px;
			margin: 0 0 28px;
		}
		section.tour .block .ttl_main_box .ttl_main,
		section.tour .block .ttl_main_box .read {
			margin: 0;
		}
		section.tour .block .ttl_month{
			margin: 0 0 40px;
			padding: 3px;
			text-align: center;
			font-size: 16px;
			color: #fff;
		}
		section.tour .block .ttl_month.spring{
			background: #ff9ab7;
		}

		/* 旅の楽しみ のみ */
		section.tour .block .list{
			display: flex;
			flex-wrap: wrap;
			/* padding: 40px 0px 0px;  */
			/* 後で検討 */
		}
			section.tour .block .list li{
				width: 48%;
				margin: 0 4% 0 0;
			}
			section.tour .block .list li:nth-child(2n){
				/* background: red; */
				margin-right: 0;
			}
			section.tour .block .list li:nth-child(n+3){
				margin-top: 28px;
			}
				section.tour .block .list li a .photo{
					width: 100%;
				}
				section.tour .block .list li a .ttl_sub{
					margin: 8px 0 0;
					text-align: center;
					font-size: 13px;
				}
				section.tour .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.tour .block .list li a .txt{
					margin: 8px 0 0;
					font-size: 11px;
					line-height: 1.6;
				}

		section.tour .block .list2{
			margin: 27px 0 0;
		}
			section.tour .block .list2 li + li{
				margin: 30px 0 0;
			}
			section.tour .block .list2 li.box1{
				background: #035d67;
			}
			section.tour .block .list2 li.box2{
				background: #0092c1;
			}
				section.tour .block .list2 li a{
					display: flex;
					align-items: center;
					position: relative;
					/* padding: 6px; */
					padding: 2%;
					color: #fff;
				}
					section.tour .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.tour .block .list2 li a .left{
						width: 45%;
					}
					section.tour .block .list2 li a .right{
						width: 55%;
						/* padding: 23px 35px; */
						/* padding: 0 15px; */
						padding: 0 0% 0 5%;
					}
					section.tour .block .list2 li a .right .ttl{
						font-size: 15px;
						font-weight: 700;
						margin: 0 0 6px;
					}
					section.tour .block .list2 li a .right .txt{
						font-size: 11px;
					}

		section.tour .block .list3{
		}
			section.tour .block .list3 li{
			}
			section.tour .block .list3 li + li{
				margin: 30px 0 0;
			}
				section.tour .block .list3 li a{
					/* display: flex;
					justify-content: space-between;
					align-items: flex-end; */
				}
					section.tour .block .list3 li a .left{
						/* width: 745px; */
						margin: 0 0 10px;
					}
					section.tour .block .list3 li a .right{
						/* width: 240px; */
					}
						section.tour .block .list3 li a .right .ttl{
							margin: 0 0 8px;
							font-size: 13px;
							font-weight: 700
						}
						section.tour .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.tour .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;
*/




}