@charset "utf-8";

.main_nav_title {
	margin: 38px 0 30px;
	display: block;
}

.main_nav_title_sub {
	text-align: center;
	margin-right: 0;
	margin-bottom: 10px;
	color: #11B5C2;
}

.main_nav_title_main {
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 0.1em;
	color: #191919;
	text-align: center;
}



/* MAP */
#map {
	height: 796px;
	margin-bottom: 50px;
}

.map_jp {
	background: url(/img/aroundtokyo/map.png) center no-repeat;
}


.map_en {
	background: url(/img/aroundtokyo/map_en.png) center no-repeat;
}

#map>div {
	width: 1080px;
	height: 796px;
	margin: 0 auto;
	position: relative;
}

#map img {
    height: 45px;
	margin-right: 12px;
}

#map .icon_outlink {
	width: 18px;
	height: 18px;
	margin-left: 5px;
}

#map a {
	position: absolute;
	display: flex;
	align-items: center;
	background: #fff;
	bottom: 27px;
	right: 0;
	padding: 9px 20px;
	border-radius: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .5);
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.03em;
}




/* TRIP TO TOKYO */
.triptotokyo {
	margin-bottom: 50px;
}

.triptotokyo_head {
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 0.06em;
	margin-bottom: 30px;
}

.triptotokyo_head>span {
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.06em;
	color: #a59244;
	margin-left: 10px;
}

.tour {
	margin-bottom: 50px;
	display: flex;
}

.tour img {
	width: 100%;
}

.tour>.body {
	width: 55%;
}

.tour>.body>.head {
	padding: 20px;
	background: #F5F8F8;
	margin-bottom: 30px;
}
.tour>.body>.head>.summary {
	display: flex;
	align-items: center;
}

.tour>.body>.head .icon {
	margin-right: 20px;
	position: relative;
}
.tour>.body>.head .icon svg {
	position: relative;
	top: 20px;
}

.tour>.body>.head>.summary>.summary_sub {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.03em;
	color: #629aa2;
}

.tour>.body>.head> .summary_main {
	margin-top: -7px;
	margin-left: 50px;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.03em;
}

.tour>.body>.text {
	padding: 0 30px;
}

.tour>.body>.text dl {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.tour>.body>.text dt {
	font-weight: bold;
	font-size: 16px;
	width: 84px !important;
	border-right: 4px solid #11B5C2;

}

.tour>.body>.text dd {
    width: calc(100% - 88px);
	font-size: 15px;
	margin-left: 20px;
}

.tour>.body>.text .price {
	font-weight: bold;
	font-size: 18px;
}

.tour>.body>.text .price em {
	font-family: Roboto;
	font-weight: bold;
	font-size: 34px;
}

.tour>.body>.text a {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background: url(/img/edotravel/arrow.png) center right 20px/16px no-repeat, #11B5C2;
	border-radius: 10px;
	padding: 18px 30px;
	width: 260px;
}



.tour>.image {
	width: 45%;
}



/* ORDER MADE TOUR */
.ordermadetour {
	background: #F5F8F8;
	padding: 50px 0;
    margin-bottom: 50px;
}

.ordermadetour>div {
	display: flex;
	align-items: center;
}

.ordermadetour img {
	width: 100%;
}

.ordermadetour .image {
	width: 50%;
	margin-right: 43px;
}

.ordermadetour .body {
	width: 50%;
}

.ordermadetour .body .head {
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
}

.ordermadetour .body .head_en {
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.06em;
	color: #a59244;
	margin-bottom: 20px;
}

.ordermadetour .body .text {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 30px;
}

.ordermadetour .body a {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background: #11B5C2;
	border-radius: 10px;
	padding: 18px 30px;
	width: 260px;
	position: relative;
}


.ordermadetour .body a>svg {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}



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


	.main_nav_title {
		margin: 20px 0;
	}

	.main_nav_title_sub {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.main_nav_title_main {
		font-size: 20px;
	}



	/* MAP */
	#map {
		width: 100%;
		height: auto;
		aspect-ratio: 375/520;
		margin-bottom: 20px;
	}
    .map_jp {
		background: url(/img/aroundtokyo/map_sp.png) center/contain no-repeat;
	}
    
    .map_en {
		background: url(/img/aroundtokyo/map_sp_en.png) center/contain no-repeat;
	}

	#map>div {
		width: 100%;
		height: auto;
		aspect-ratio: 375/520;
	}

	#map img {
		height: 40px;
		margin-right: 10px;
	}

	#map .icon_outlink {
		width: 14px;
		height: 14px;
		margin-left: 5px;
	}

	#map a {
		width: 280px;
		top: 10px;
		bottom: auto;
		right: 0;
		left: 0;
		margin: auto;
		padding: 2px 30px;
		font-size: 14px;
	}




	/* TRIP TO TOKYO */
	.container {
		margin: 0;
		padding: 0;
	}

	.triptotokyo {
		margin-bottom: 0;
	}

	.triptotokyo_head {
		padding: 0 20px;
		font-size: 20px;
		margin-bottom: 13px;
	}

	.triptotokyo_head>span {
		font-size: 12px;
		margin-left: 10px;
	}

	.tour {
		margin-bottom: 20px;
		display: block;
	}

	.tour img {
		width: 100%;
	}

	.tour>.body {
		width: 100%;
	}

	.tour>.body>.head {
		margin-bottom: 0;
	}

	.tour>.body>.head .icon {
		margin-right: 10px;
	}
	.tour>.body>.head .icon svg {
		top: 0;
	}

	.tour>.body>.head>.summary {
		margin-bottom: 10px;
	}

	.tour>.body>.head>.summary>.summary_sub {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.tour>.body>.head .summary_main {
		font-size: 16px;
		margin-left: 0;
	}

	.tour>.body>.text {
		padding: 20px;
	}
	.tour>.body>.text dt {
		font-size: 16px;
		width: 84px ;
		
	}

	.tour>.body>.text dd {
		font-size: 14px;
		margin-left: 10px;
	}

	.tour>.body>.text .price {
		font-size: 16px;
	}

	.tour>.body>.text .price em {
		font-size: 30px;
	}

	.tour>.body>.text a {
		display: block;
		margin: 30px auto 0;
		font-size: 16px;
		color: #fff;
		background: url(/img/edotravel/arrow.png) center right 20px/16px no-repeat, #11B5C2;
		border-radius: 10px;
		padding: 18px 30px;
		width: 260px;
	}



	.tour>.image {
		width: 45%;
	}



	/* ORDER MADE TOUR */
	.ordermadetour {
		padding: 0;
	}

	.ordermadetour>div {
		display: block;
	}

	.ordermadetour img {
		width: 100%;
	}

	.ordermadetour .image {
		width: 100%;
		margin-right: 0;
	}

	.ordermadetour .body {
		width: 100%;
		padding: 20px 30px;
	}

	.ordermadetour .body .head {
		font-size: 20px;
		line-height: 1;
		margin-bottom: 10px;
	}

	.ordermadetour .body .head_en {
		font-size: 12px;
		line-height: 1;
		margin-bottom: 20px;
	}

	.ordermadetour .body a {
		display: block;
		width: 260px;
		margin: 0 auto;
	}


	.contact {
		padding: 30px 20px 0;
	}
}