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


/*
* recommendation-travelogue
******************************************************/
.recommendation-travelogue{
	padding: 90px 0;
	background-repeat: no-repeat;
}
.recommendation-travelogue img{
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.recommendation-travelogue__tit1{
	color: #763f49;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	position: relative;
	margin-bottom: 5px;
	font-family: 'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
	font-weight: 700;
}
.recommendation-travelogue__tit1:before{
	content: "";
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/recommendation/icon_marusho.png) 0 0 no-repeat;
	background-size: 55px;
	width: 55px;
	height: 81px;
}
.recommendation-travelogue__txt{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 25px;
	font-family: 'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
	font-weight: 400;
}
.recommendation-travelogue__video{
	max-width: 1050px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.recommendation-travelogue__videoInner{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}
.recommendation-travelogue__videoBt{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 3;
	margin: auto;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.recommendation-travelogue__videoBt .is-pc{
	display: none;
}
.recommendation-travelogue__videoBt img{
	vertical-align: middle;
}
.recommendation-travelogue__video iframe{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
.recommendation-travelogue__bt{
	padding: 0 20px;
	max-width: 370px;
	margin-right: auto;
	margin-left: auto;
}
.recommendation-travelogue__bt a{
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #763f49;
	padding: 15px 0;
	font-weight: bold;
	font-size: 1.3rem;
}

@media (min-width: 768px) {
.recommendation-travelogue{
	padding-top: 120px;
	background: url(../img/recommendation/bg_2.png) 0 center no-repeat;
	background-size: cover;
}
.recommendation-travelogue__tit1{
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.recommendation-travelogue__txt{
	font-size: 2.4rem;
	margin-bottom: 35px;
	font-weight: 400;
}
.recommendation-travelogue__video{
	margin-bottom: 40px;
}
.recommendation-travelogue__videoBt .is-pc{
	display: block;
}
.recommendation-travelogue__videoBt .is-sp{
	display: none;
}
.recommendation-travelogue__bt a{
	font-size: 1.8rem;
}
}