@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto:400,700&display=swap);
/* 英語用テキスト */

html body .food-diversity {
	color: #000;
	overflow: hidden;
}

html body .food-diversity p {
	line-height: 1.875;
}

html body .food-diversity.id p {
	line-height: 1.6;
}

html body .food-diversity.en,
html body .food-diversity.id,
html body .food-diversity.fr,
html body .food-diversity.th,
html body .food-diversity.de,
html body .food-diversity.vi,
html body .food-diversity.ja,
html body .food-diversity.ko {
	font-family: 'Roboto';
}

@media screen and (min-width: 769px) {
	#header .navigation {
		position: relative;
		z-index: 10;
	}

	.food-diversity {
		margin: 0;
	}
}

/* slick =================================================== */
.slick-slider {
	-khtml-user-select: none;
	box-sizing: border-box;
	display: block;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slick-list {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	display: block;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0;
}

.slick-track:before,
.slick-track:after {
	content: '';
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	border: 1px solid transparent;
	display: block;
	height: auto;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	bottom: -34px;
	font-size: 0;
	left: 0;
	letter-spacing: -.4em;
	margin: 0;
	position: absolute;
	right: 0;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 5px;
}

.slick-dots li button {
	background: none;
	border: 0;
	color: trantparent;
	display: block;
	font-size: 0;
	height: 11px;
	line-height: 0;
	padding: 0;
	position: relative;
	width: 11px;
}

.slick-dots li button::before {
	background: #fff;
	border: 0;
	border-radius: 10px;
	content: '';
	height: 11px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 11px;
}

.slick-dots li.slick-active button::before {
	background: #14864a;
}

@media screen and (min-width: 769px) {
	.slick-dots li {
		margin: 0 8px;
	}

	.slick-dots li button {
		height: 16px;
		width: 16px;
	}

	.slick-dots li button::before {
		height: 16px;
		width: 16px;
	}
}

.slick-arrow {
	border: 0;
	color: trantparent;
	display: block;
	font-size: 0;
	height: 50px;
	line-height: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	transition: all .3s ease;
	width: 50px;
	z-index: 1;
}

.slick-arrow.slick-disabled {
	display: none !important;
}

.slick-arrow.slick-prev {
	background: url(/japan-travel-planner/food-diversity/images/btn_slider_prev.png) 0 0 / 50px auto no-repeat;
	left: -25px;
}

.slick-arrow.slick-next {
	background: url(/japan-travel-planner/food-diversity/images/btn_slider_next.png) 0 0 / 50px auto no-repeat;
	right: -25px;
}

.slick-arrow:hover {
	opacity: .9;
}



/* main-visual =================================================== */
.food-diversity .main-visual {
	background-image: -webkit-linear-gradient(right, rgb(33, 172, 99) 0%, rgb(31, 172, 122) 66%, rgb(28, 172, 144) 100%);
	background-image: linear-gradient(to left, rgb(28, 172, 144) 0%, rgb(31, 172, 122) 66%, rgb(33, 172, 99) 100%);
	height: 375px;
	position: relative;
}

.food-diversity .main-visual-img .logo {
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.food-diversity .main-visual-img .logo img {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 228px;
	z-index: 2;
}

.food-diversity.id .main-visual-img .logo img {
	width: 270px;
}

.food-diversity.th .main-visual-img .logo img {
	width: 268px;
}

.food-diversity.fr .main-visual-img .logo img {
	width: 285px;
}

.food-diversity.de .main-visual-img .logo img {
	width: 276px;
}

.food-diversity.vi .main-visual-img .logo img {
	width: 243px;
}

.food-diversity.ja .main-visual-img .logo img {
	width: 263px;
}

.food-diversity.ko .main-visual-img .logo img {
	width: 243px;
}

.food-diversity.zh-cn .main-visual-img .logo img {
	width: 243px;
}

.food-diversity.zh-tw .main-visual-img .logo img {
	width: 243px;
}

.food-diversity.zh-hk .main-visual-img .logo img {
	width: 243px;
}

.food-diversity .main-visual-img .logo .logo-food-diversity,
.food-diversity .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.id .main-visual-img .logo .logo-food-diversity,
.food-diversity.fr .main-visual-img .logo .logo-food-diversity,
.food-diversity.th .main-visual-img .logo .logo-food-diversity,
.food-diversity.de .main-visual-img .logo .logo-food-diversity,
.food-diversity.vi .main-visual-img .logo .logo-food-diversity,
.food-diversity.ja .main-visual-img .logo .logo-food-diversity,
.food-diversity.ko .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-hk .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-cn .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-tw .main-visual-img .logo .logo-food-diversity,
.food-diversity.id .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.fr .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.th .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.de .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.vi .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.ja .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.ko .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-hk .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-cn .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-tw .main-visual.halal .main-visual-img .logo .logo-food-diversity,
.food-diversity.id .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.fr .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.th .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.de .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.vi .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.ja .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.ko .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-hk .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-cn .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
.food-diversity.zh-tw .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity {
	left: auto;
	position: absolute;
	right: 10px;
	top: 10px;
	transform: none;
	width: 77px;
}

.food-diversity .main-visual.halal .logo img {
	width: 219px;
}

.food-diversity.id .main-visual.halal .logo img {
	width: 305px;
}

.food-diversity.fr .main-visual.halal .logo img {
	width: 253px;
}

.food-diversity.th .main-visual.halal .logo img {
	width: 259px;
}

.food-diversity.de .main-visual.halal .logo img {
	width: 285px;
}

.food-diversity.vi .main-visual.halal .logo img {
	width: 259px;
}

.food-diversity.ja .main-visual.halal .logo img {
	width: 214px;
}

.food-diversity.ko .main-visual.halal .logo img {
	width: 272px;
}

.food-diversity.zh-cn .main-visual.halal .logo img {
	width: 235px;
}

.food-diversity.zh-tw .main-visual.halal .logo img {
	width: 235px;
}

.food-diversity.zh-hk .main-visual.halal .logo img {
	width: 204px;
}

.food-diversity .main-visual.vegetarian .logo img {
	width: 282px;
}

.food-diversity.id .main-visual.vegetarian .logo img {
	width: 252px;
}

.food-diversity.fr .main-visual.vegetarian .logo img {
	width: 237px;
}

.food-diversity.th .main-visual.vegetarian .logo img {
	width: 319px;
}

.food-diversity.de .main-visual.vegetarian .logo img {
	width: 299px;
}

.food-diversity.vi .main-visual.vegetarian .logo img {
	width: 266px;
}

.food-diversity.ja .main-visual.vegetarian .logo img {
	width: 253px;
}

.food-diversity.ko .main-visual.vegetarian .logo img {
	width: 290px;
}

.food-diversity.zh-cn .main-visual.vegetarian .logo img {
	width: 235px;
}

.food-diversity.zh-tw .main-visual.vegetarian .logo img {
	width: 235px;
}

.food-diversity.zh-hk .main-visual.vegetarian .logo img {
	width: 219px;
}

.food-diversity .main-visual-img {
	bottom: 15px;
	height: 345px;
	left: 15px;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 15px;
}

.food-diversity .main-visual-img .mv {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .5s ease;
	z-index: 1;
}

.food-diversity .main-visual-img .mv.visible {
	opacity: 1;
}

.food-diversity .main-visual-img .mv .mv-item {
	position: relative;
	text-align: right;
}

.food-diversity .main-visual-img .mv .mv-item img {
	height: 345px;
	margin-right: -10%;
	max-width: none;
	transform: translate(-45%, 0);
	width: 830px;
}

.food-diversity .main-visual.vegetarian .main-visual-img .mv .mv-item img {
	margin-left: 50%;
	margin-right: 0;
	transform: translate(-50%, 0);
}

.food-diversity .main-visual-img .btn-stop,
.food-diversity .main-visual-img .btn-play {
	align-items: center;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	display: flex;
	height: 35px;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	width: 60px;
	z-index: 1;
}

.food-diversity .main-visual-img .btn-stop img,
.food-diversity .main-visual-img .btn-play img {
	height: 15px;
}

.logo-grayscale {
	animation-duration: 2s;
	animation-name: logo-grayscale;
}

@keyframes logo-grayscale {
	0% {
		filter: blur(10px) invert(100%);
		opacity: 0;
	}

	100% {
		filter: blur(0) invert(0);
		opacity: 1;
	}
}

@media screen and (min-width: 480px) {
	.food-diversity .main-visual-img .mv .mv-item img {
		margin-left: 50%;
		margin-right: 0;
		transform: translate(-50%, 0);
	}
}

@media screen and (min-width: 769px) {
	.food-diversity .main-visual {
		height: 700px;
	}

	.food-diversity .main-visual-img .logo {
		height: 610px;
		margin: 0 auto;
		position: relative;
		width: 1240px;
	}

	.food-diversity .main-visual-img .logo img {
		left: 60px;
		transform: translate(0, -50%);
		width: 450px;
	}

	.food-diversity.id .main-visual-img .logo img {
		width: 540px;
	}

	.food-diversity.fr .main-visual-img .logo img {
		width: 509px;
	}

	.food-diversity.th .main-visual-img .logo img {
		width: 659px;
	}

	.food-diversity.de .main-visual-img .logo img {
		width: 671px;
	}

	.food-diversity.vi .main-visual-img .logo img {
		width: 456px;
	}

	.food-diversity.ja .main-visual-img .logo img {
		width: 455px;
	}

	.food-diversity.ko .main-visual-img .logo img {
		width: 455px;
	}

	.food-diversity.zh-cn .main-visual-img .logo img {
		width: 455px;
	}

	.food-diversity.zh-tw .main-visual-img .logo img {
		width: 455px;
	}

	.food-diversity.zh-hk .main-visual-img .logo img {
		width: 455px;
	}

	.food-diversity .main-visual-img .logo .logo-food-diversity,
	.food-diversity .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.id .main-visual-img .logo .logo-food-diversity,
	.food-diversity.fr .main-visual-img .logo .logo-food-diversity,
	.food-diversity.th .main-visual-img .logo .logo-food-diversity,
	.food-diversity.de .main-visual-img .logo .logo-food-diversity,
	.food-diversity.vi .main-visual-img .logo .logo-food-diversity,
	.food-diversity.ja .main-visual-img .logo .logo-food-diversity,
	.food-diversity.ko .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-hk .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-cn .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-tw .main-visual-img .logo .logo-food-diversity,
	.food-diversity.id .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.fr .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.th .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.de .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.vi .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.ja .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.ko .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-hk .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-cn .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-tw .main-visual.halal .main-visual-img .logo .logo-food-diversity,
	.food-diversity.id .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.fr .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.th .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.de .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.vi .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.ja .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.ko .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-hk .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-cn .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity,
	.food-diversity.zh-tw .main-visual.vegetarian .main-visual-img .logo .logo-food-diversity {
		right: 0;
		top: 30px;
		width: 157px;
	}

	.food-diversity .main-visual-img {
		bottom: 30px;
		height: 640px;
		left: 30px;
		right: 30px;
		top: 30px;
	}

	.food-diversity .main-visual-img .mv .mv-item img {
		height: auto;
		margin-left: 50%;
		margin-right: 0;
		min-width: 1540px;
		transform: translate(-50%, 0);
		width: 1920px;
	}

	.food-diversity .main-visual-img .btn-stop,
	.food-diversity .main-visual-img .btn-play {
		right: 0;
	}

	.food-diversity .main-visual-img .btn-stop,
	.food-diversity .main-visual-img .btn-play {
		height: 50px;
		width: 100px;
	}

	.food-diversity .main-visual-img .btn-stop img,
	.food-diversity .main-visual-img .btn-play img {
		height: 26px;
	}

	.food-diversity .main-visual.halal,
	.food-diversity .main-visual.vegetarian {
		height: 600px;
	}

	.food-diversity .main-visual.halal .main-visual-img .logo,
	.food-diversity .main-visual.vegetarian .main-visual-img .logo {
		height: 510px;
	}

	.food-diversity .main-visual.halal .main-visual-img .logo img {
		left: 50%;
		transform: translate(-50%, -50%);
		width: 393px;
	}

	.food-diversity.id .main-visual.halal .main-visual-img .logo img {
		width: 806px;
	}

	.food-diversity.fr .main-visual.halal .main-visual-img .logo img {
		width: 548px;
	}

	.food-diversity.th .main-visual.halal .main-visual-img .logo img {
		width: 605px;
	}

	.food-diversity.de .main-visual.halal .main-visual-img .logo img {
		width: 720px;
	}

	.food-diversity.vi .main-visual.halal .main-visual-img .logo img {
		width: 964px;
	}

	.food-diversity.ja .main-visual.halal .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity.ko .main-visual.halal .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity.zh-cn .main-visual.halal .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity.zh-tw .main-visual.halal .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity.zh-hk .main-visual.halal .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity .main-visual.vegetarian .main-visual-img .logo img {
		left: 50%;
		transform: translate(-50%, -50%);
		width: 564px;
	}

	.food-diversity.id .main-visual.vegetarian .main-visual-img .logo img {
		width: 638px;
	}

	.food-diversity.fr .main-visual.vegetarian .main-visual-img .logo img {
		width: 337px;
	}

	.food-diversity.th .main-visual.vegetarian .main-visual-img .logo img {
		width: 743px;
	}

	.food-diversity.de .main-visual.vegetarian .main-visual-img .logo img {
		width: 456px;
	}

	.food-diversity.vi .main-visual.vegetarian .main-visual-img .logo img {
		width: 798px;
	}

	.food-diversity.ja .main-visual.vegetarian .main-visual-img .logo img {
		width: 603px;
	}

	.food-diversity.ko .main-visual.vegetarian .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity.zh-cn .main-visual.vegetarian .main-visual-img .logo img {
		width: 586px;
	}

	.food-diversity.zh-cn .main-visual.vegetarian .main-visual-img .logo img {
		width: 586px;
	}

	.food-diversity.zh-tw .main-visual.vegetarian .main-visual-img .logo img {
		width: 586px;
	}

	.food-diversity.zh-hk .main-visual.vegetarian .main-visual-img .logo img {
		width: 569px;
	}

	.food-diversity .main-visual.halal .main-visual-img,
	.food-diversity .main-visual.vegetarian .main-visual-img {
		height: 540px;
	}
}

@media screen and (min-width: 768px) {
	.food-diversity .main-visual-img .logo .logo-food-diversity {
		left: 70vw !important;
	}
}

@media screen and (min-width: 1024px) {
	.food-diversity .main-visual-img .logo .logo-food-diversity {
		left: 76vw !important;
	}
}

@media screen and (min-width: 1500px) {
	.food-diversity .main-visual-img .logo .logo-food-diversity {
		right: 0 !important;
		left: auto !important;
	}
}

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

	.food-diversity .main-visual-img .btn-stop,
	.food-diversity .main-visual-img .btn-play {
		bottom: 0;
		left: 50%;
		margin-left: 620px;
		right: auto;
	}
}

.food-diversity .main-visual .food-diversity-nav #food-diversity-menu {
	bottom: 15px;
	position: fixed;
	right: 20px;
	z-index: 10;
}

.food-diversity .main-visual .food-diversity-nav #food-diversity-menu a {
	background: url(/japan-travel-planner/food-diversity/images/btn_food-diversity-menu.png) 0 0 / 140px auto no-repeat;
	display: block;
	height: 74px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 70px;
}

.food-diversity .main-visual .food-diversity-nav #food-diversity-menu a:not(:focus-visible) {
	outline: none !important;
}

.food-diversity .main-visual .food-diversity-nav #food-diversity-menu.open a {
	background-position: -69px 0;
}

.food-diversity .main-visual .content-nav-lay {
	display: none;
}

.food-diversity .main-visual .content-nav-lay.open {
	background-color: #0c7a40;
	bottom: 0;
	display: block;
	left: 0;
	padding: 50px 0;
	position: fixed;
	right: 0;
	top: 63px;
	z-index: 9;
}

.food-diversity .main-visual .content-nav-lay .logo {
	margin: 0 auto 40px;
	max-width: 307px;
	text-align: center;
}

.food-diversity .main-visual .content-nav-lay ul li {
	font-size: 1.5625rem;
	margin: 12px 0;
	text-align: center;
}

.food-diversity .main-visual .content-nav-lay ul li a {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 10px;
}

.food-diversity .main-visual .content-nav-lay ul li span {
	font-size: 1.4375rem;
	font-weight: inherit;
}

@media screen and (max-height: 420px) {
	.food-diversity .main-visual .content-nav-lay.open {
		padding: 15px 0;
	}
	.food-diversity .main-visual .content-nav-lay .logo {
		margin-bottom: 15px;
	}
	.food-diversity .main-visual .content-nav-lay ul li {
		font-size: 1.4375rem;
		margin-block: 5px;
	}
	.food-diversity .main-visual .content-nav-lay ul li a {
		padding-block: 5px;
	}
	.food-diversity .main-visual .content-nav-lay ul li span {
		font-size: 1.375rem;
	}
}

.food-diversity .main-visual .page-scroll {
	display: none;
}

@media screen and (min-width: 769px) {
	.food-diversity .main-visual .food-diversity-nav {
		bottom: -20px;
		display: block;
		left: 0;
		max-width: 1500px;
		padding: 0 0 0 20px;
		position: absolute;
		/*transform: translate(-50%,0);*/
		width: calc(100% - 130px);
		z-index: 6;
	}

	.food-diversity .main-visual .food-diversity-nav #food-diversity-menu,
	.food-diversity .main-visual .content-nav-lay .logo {
		display: none;
	}

	.food-diversity .main-visual .food-diversity-nav .content-nav-lay {
		background: #fff;
		box-shadow: 0px 10px 9.6px 0.4px rgba(14, 13, 24, 0.15);
		display: block;
		max-width: 1240px;
		z-index: 6;
	}

	.food-diversity .main-visual .food-diversity-nav ul {
		display: table;
		margin: 0 auto;
		width: 610px;
	}

	.food-diversity .main-visual .food-diversity-nav ul li {
		display: table-cell;
		height: 100px;
		padding: 0 1%;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
	}

	.food-diversity .main-visual .food-diversity-nav ul li:nth-child(1) {
		width: 150px;
	}

	.food-diversity .main-visual .food-diversity-nav ul li:nth-child(2) {
		width: 210px;
	}

	.food-diversity .main-visual .food-diversity-nav ul li:nth-child(3) {
		width: 250px;
	}

	.food-diversity .main-visual .food-diversity-nav ul li a {
		align-items: center;
		border-bottom: 6px solid #fff;
		color: #14864a;
		display: flex;
		flex-direction: column;
		font-size: 1.375rem;
		font-weight: 700;
		height: 100px;
		justify-content: center;
		transition: all .3s ease;
		padding: 0 10px;
	}

	.food-diversity .main-visual .food-diversity-nav ul li a:hover,
	.food-diversity .main-visual .food-diversity-nav ul li.current a {
		border-color: #1dac8c;
	}

	.food-diversity .main-visual .food-diversity-nav ul li a span {
		font-size: 1.125rem;
	}

	.food-diversity .main-visual .page-scroll {
		bottom: 110px;
		display: block;
		left: 50%;
		max-width: 1500px;
		padding: 0 75px;
		position: absolute;
		text-align: right;
		transform: translate(-50%, 0);
		width: 100%;
		z-index: 1;
	}
}

@media screen and (min-width: 1280px) {
	.food-diversity .main-visual .food-diversity-nav {
		left: 50%;
		padding: 0 100px 0 0;
		max-width: 1240px;
		transform: translate(-50%, 0);
		width: 100%;
	}

	.food-diversity .main-visual .page-scroll {
		right: auto;
		left: 50%;
		padding: 0;
		margin-left: 570px;
		max-width: 100px;
		text-align: center;
	}

	.food-diversity .main-visual-img .btn-stop,
	.food-diversity .main-visual-img .btn-play {
		right: auto;
		left: 50%;
		margin-left: 520px
	}
}

@media screen and (min-width: 1500px) {
	.food-diversity .main-visual .food-diversity-nav {
		padding: 0;
	}

	.food-diversity .main-visual .page-scroll {
		bottom: 110px;
		margin-left: 670px
	}

	.food-diversity .main-visual-img .btn-stop,
	.food-diversity .main-visual-img .btn-play {
		margin-left: 620px
	}
}

/* food-diversity-content =================================================== */
.food-diversity .food-diversity-content {
	background: #fff;
	position: relative;
	z-index: 5;
}

/* content-layout =================================================== */
.food-diversity .content-layout01 {
	margin: 0 auto;
	padding: 0 25px;
}

@media screen and (min-width: 769px) {
	.food-diversity .content-layout01 {
		max-width: 1280px;
		padding: 0 20px;
	}
}

.food-diversity .txt-word01 {
	white-space: nowrap;
}


/* topic-path =================================================== */
#topic-path {
	display: none;
	padding: 12px 0 6px;
}

#topic-path ol {
	overflow: hidden;
}

#topic-path ol li {
	color: #444;
	float: left;
	font-size: .6875rem;
	margin: 0;
	letter-spacing: .04em;
}

#topic-path ol li::after {
	content: '\03e';
	display: inline-block;
	margin: -2px 5px 0;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	color: #757575;
}

#topic-path ol li:last-of-type:after {
	display: none;
}

#topic-path ol a:link,
#topic-path ol a:visited {
	color: #006ac3;
}

#topic-path ol a:hover,
#topic-path ol a:active {
	color: #0078c7;
	text-decoration: underline;
}

@media screen and (min-width: 769px) {
	#topic-path {
		display: block;
		padding: 15px 0;
	}
}

/* about-hokkaido =================================================== */
#about {
	background: url(/japan-travel-planner/food-diversity/images/bg_food-diversity_01.png) center top;
	margin-bottom: 50px;
	padding: 50px 0 0;
}

.food-diversity .hdg-type01 {
	color: #000;
	font-size: 1.5625rem;
	margin-bottom: 25px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.food-diversity .hdg-type01._hdg-type01-02 {
	font-size: 1.125rem;
}

.food-diversity .hdg-type01._hdg-type01-02 .txt {
	margin-top: 9px;

}

.food-diversity .hdg-type01::after {
	background: #000;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 0);
	width: 60px;
}

.food-diversity .hdg-type01.about img {
	width: 120px;
}

.food-diversity.id .hdg-type01.about img {
	width: 150px;
}

.food-diversity.fr .hdg-type01.about img {
	width: 174px;
}

.food-diversity.de .hdg-type01.about img {
	width: 84px;
}

.food-diversity.th .hdg-type01.about img {
	width: 117px;
}

.food-diversity.vi .hdg-type01.about img {
	width: 202px;
}

.food-diversity .hdg-type01 .txt {
	display: block;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.2;
	margin-top: 5px;
}

#about .about-txt {
	margin: 0 auto 40px;
	position: relative;
}

#about .about-txt .img01,
#about .about-txt .img02 {
	display: none;
}

#about .about-gallery {
	position: relative;
}

#about .about-gallery .btn-stop,
#about .about-gallery .btn-play {
	align-items: center;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	display: flex;
	height: 35px;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	width: 60px;
	z-index: 1;
}

#about .about-gallery .btn-stop img,
#about .about-gallery .btn-play img {
	height: 15px;
}

#about .about-gallery .js-gallery-control.checked {
	display: none;
}

#about .about-gallery .slider {
	display: flex;
	height: 150px;
	overflow: hidden;
	width: 100vw;
}

#about .about-gallery .slider img {
	height: 150px;
	max-width: none;
	min-width: 1200px;
	overflow: hidden;
	width: auto;
}

#about .about-gallery .slider img:first-child {
	animation: gallery-loop 60s -30s linear infinite;
}

#about .about-gallery .slider img:last-child {
	animation: gallery-loop2 60s linear infinite;
}

@keyframes gallery-loop {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes gallery-loop2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}

#about .about-gallery .btn-stop.checked~.slider img {
	animation-play-state: paused;
}

#about .about-gallery .btn-play.checked~.slider img {
	animation-play-state: running;
}

@media screen and (min-width: 769px) {
	#about {
		margin-bottom: 100px;
		padding: 120px 0 0;
	}

	.food-diversity .hdg-type01 {
		font-size: 2rem;
		padding-bottom: 30px;
	}

	.food-diversity .hdg-type01._hdg-type01-02 {
		font-size: 1.5rem;
	}

	.food-diversity .hdg-type01::after {
		width: 80px;
	}

	.food-diversity .hdg-type01.about img {
		width: 180px;
	}

	.food-diversity.id .hdg-type01.about img {
		width: 227px;
	}

	.food-diversity.fr .hdg-type01.about img {
		width: 232px;
	}

	.food-diversity.th .hdg-type01.about img {
		width: 176px;
	}

	.food-diversity.de .hdg-type01.about img {
		width: 112px;
	}

	.food-diversity.vi .hdg-type01.about img {
		width: 248px;
	}

	.food-diversity .hdg-type01 .txt {
		margin-top: 5px;
	}

	#about .about-txt {
		margin: 0 auto 100px;
		padding: 0 180px;
		position: relative;
	}

	#about .about-txt .img01,
	#about .about-txt .img02 {
		display: block;
	}

	#about .about-txt .img01 {
		left: -10px;
		position: absolute;
		top: -150px;
	}

	#about .about-txt .img02 {
		bottom: -70px;
		position: absolute;
		right: -40px;
	}

	#about .about-gallery .btn-stop,
	#about .about-gallery .btn-play {
		height: 50px;
		width: 100px;
	}

	#about .about-gallery .btn-stop img,
	#about .about-gallery .btn-play img {
		height: 26px;
	}

	#about .about-gallery .slider {
		height: 300px;
	}

	#about .about-gallery .slider img {
		height: 300px;
		min-width: 2400px;
	}
}

/* btn-rediscover-hokkaido-01 =================================================== */
.food-diversity .btn-food-diversity-01 {
	background-image: -webkit-linear-gradient(right, rgb(5, 106, 86) 0%, rgb(9, 114, 75) 33%, rgb(12, 122, 64) 100%);
	background-image: linear-gradient(to left, rgb(5, 106, 86) 0%, rgb(9, 114, 75) 33%, rgb(12, 122, 64) 100%);
	border-radius: 3px;
	color: #fff;
	display: table-cell;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 700;
	height: 50px;
	justify-content: center;
	padding: 0 15px;
	position: relative;
	text-align: center;
	transition: background-image .6s ease;
	vertical-align: middle;
	width: 800px;
}

.food-diversity .btn-food-diversity-01::before {
	background: #fff;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	right: 20px;
	top: 25px;
	transition: all .3s ease;
	width: 43px;
}

.food-diversity .btn-food-diversity-01::after {
	background: #fff;
	content: '';
	display: block;
	height: 1px;
	margin-top: -3px;
	position: absolute;
	right: 20px;
	top: 25px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s ease;
	width: 9px;
}

.food-diversity .btn-food-diversity-01.external::before,
.food-diversity .btn-food-diversity-01.external::after {
	display: none;
}

.food-diversity .btn-food-diversity-01.external img {
	margin-top: -5px;
	position: absolute;
	right: 20px;
	top: 50%;
}

.food-diversity .btn-food-diversity-01.external {
	padding-right: 35px;
}

@media screen and (min-width: 769px) {
	.food-diversity .btn-food-diversity-01 {
		height: 60px;
		width: 300px;
	}

	.food-diversity.id .btn-food-diversity-01 {
		max-width: 400px;
		min-width: 300px;
		width: auto;
	}

	.food-diversity .btn-food-diversity-01::before,
	.food-diversity .btn-food-diversity-01::after {
		top: 30px;
	}

	.food-diversity .btn-food-diversity-01:hover {
		opacity: .7;
		opacity: 1;
		background: #056a56;
	}

	.food-diversity .btn-food-diversity-01:hover::before,
	.food-diversity .btn-food-diversity-01:hover::after {
		top: 30px;
	}
}

/* itinerary =================================================== */
#muslim-itinerary,
#vegetarian-itinerary {
	background: url(/japan-travel-planner/food-diversity/images/bg_food-diversity_01.png) center top;
	margin-bottom: 50px;
	padding: 0 25px 50px;
}

.box-itinerary {
	margin-bottom: 40px;
}

.box-itinerary .img {
	margin: 0 -25px 35px;
	position: relative;
}

.box-itinerary .img img {
	width: 100%;
}

.box-itinerary.img-left .slick-dots {
	bottom: 10px;
	position: absolute;
	right: 70px;
	text-align: right;
}

.box-itinerary.img-right .slick-dots {
	bottom: 10px;
	position: absolute;
	right: 70px;
	text-align: right;
}

.box-itinerary .img .btn-stop,
.box-itinerary .img .btn-play {
	align-items: center;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	display: flex;
	height: 35px;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	width: 60px;
	z-index: 1;
}

.box-itinerary .img .btn-stop img,
.box-itinerary .img .btn-play img {
	height: 15px;
}

.box-itinerary .txt .hdg {
	margin-bottom: 25px;
	padding-bottom: 25px;
}

#muslim-itinerary .box-itinerary .txt .hdg img {
	width: 207px;
}

.food-diversity.id #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 319px;
}

.food-diversity.fr #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 204px;
}

.food-diversity.th #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 303px;
}

.food-diversity.de #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 265px;
}

.food-diversity.vi #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 314px;
}

.food-diversity.ja #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 303px;
}

.food-diversity.ko #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 303px;
}

.food-diversity.zh-cn #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 303px;
}

.food-diversity.zh-tw #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 303px;
}

.food-diversity.zh-hk #muslim-itinerary .box-itinerary .txt .hdg img {
	width: 303px;
}

#vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 240px;
}

.food-diversity.id #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 232px;
}

.food-diversity.fr #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 237px;
}

.food-diversity.th #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 323px;
}

.food-diversity.de #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 310px;
}

.food-diversity.vi #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 314px;
}

.food-diversity.ja #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 317px;
}

.food-diversity.ko #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 305px;
}

.food-diversity.zh-cn #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 305px;
}

.food-diversity.zh-tw #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 305px;
}

.food-diversity.zh-hk #vegetarian-itinerary .box-itinerary .txt .hdg img {
	width: 305px;
}

.box-itinerary .txt .hdg::after {
	background: #000;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 60px;
}

.box-itinerary .txt .pra {
	line-height: 1.875;
	margin-bottom: 30px;
}

.food-diversity.id .box-itinerary .txt .pra {
	line-height: 1.6;
}

#muslim-itinerary .box-itinerary .txt .pra {
	background: url(/japan-travel-planner/food-diversity/images/bg_map_kyoto.png) center center / 219px auto no-repeat;
}

#vegetarian-itinerary .box-itinerary .txt .pra {
	background: url(/japan-travel-planner/food-diversity/images/bg_map_tokyo.png) center center / 282px auto no-repeat;
}

.box-itinerary .img {
	opacity: 0;
}

.box-itinerary.img-left .img.itinerary-ani.visible {
	animation: itinerary-ani-left .5s ease forwards;
}

.box-itinerary.img-right .img.itinerary-ani.visible {
	animation: itinerary-ani-right .5s ease forwards;
}

@keyframes itinerary-ani-left {
	0% {
		opacity: 0;
		transform: translateX(-30%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes itinerary-ani-right {
	0% {
		opacity: 0;
		transform: translateX(30%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

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

	#muslim-itinerary,
	#vegetarian-itinerary {
		margin-bottom: 100px;
		padding: 0 0 75px;
	}

	.box-itinerary {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 70px;
	}

	.box-itinerary .img {
		margin: 0;
		width: 50%;
	}

	.box-itinerary .txt {
		width: 50%;
	}

	.box-itinerary.img-left .txt {
		padding-right: 20px;
	}

	.box-itinerary.img-right .img {
		order: 1;
	}

	.box-itinerary.img-right .txt {
		order: 0;
		padding-left: 20px;
	}

	.box-itinerary.img-left .slick-dots,
	.box-itinerary.img-right .slick-dots {
		bottom: 15px;
		right: 114px;
	}

	.box-itinerary .img .btn-stop,
	.box-itinerary .img .btn-play {
		height: 50px;
		width: 100px;
	}

	.box-itinerary .img .btn-stop img,
	.box-itinerary .img .btn-play img {
		height: 26px;
	}

	.box-itinerary .txt>.lay {
		max-width: 520px;
		padding: 20px 0;
		position: relative;
	}

	.box-itinerary .txt>.lay::before {
		content: '';
		display: block;
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.box-itinerary .txt>.lay.kyoto::before {
		background: url(/japan-travel-planner/food-diversity/images/bg_map_kyoto.png) center center / 438px auto no-repeat;
		height: 439px;
		width: 438px;
	}

	.box-itinerary .txt>.lay.tokyo::before {
		background: url(/japan-travel-planner/food-diversity/images/bg_map_tokyo.png) center center / 564px auto no-repeat;
		height: 257px;
		width: 564px;
	}

	.box-itinerary.img-left .txt>.lay {
		margin-left: 10.91%;
		margin-right: 20px;
	}

	.box-itinerary.img-right .txt>.lay {
		margin-left: auto;
		margin-right: 10.91%;
	}

	#muslim-itinerary .box-itinerary .txt .hdg img {
		width: 274px;
	}

	.food-diversity.id #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 516px;
	}

	.food-diversity.fr #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 520px;
	}

	.food-diversity.th #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.de #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 520px;
	}

	.food-diversity.vi #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 520px;
	}

	.food-diversity.ja #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.ko #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.zh-cn #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.zh-tw #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.zh-hk #muslim-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	#vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 318px;
	}

	.food-diversity.id #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 564px;
	}

	.food-diversity.fr #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 290px;
	}

	.food-diversity.th #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 533px;
	}

	.food-diversity.de #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.vi #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.ja #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 507px;
	}

	.food-diversity.ko #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.zh-cn #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.zh-tw #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.food-diversity.zh-hk #vegetarian-itinerary .box-itinerary .txt .hdg img {
		width: 470px;
	}

	.box-itinerary .txt .pra {
		font-size: 1.0625rem;
		margin-bottom: 50px;
	}

	#muslim-itinerary .box-itinerary .txt .pra,
	#vegetarian-itinerary .box-itinerary .txt .pra {
		background: none;
	}
}

/* halal, Vegetarian =================================================== */
.food-diversity .hdg-type01.halal img {
	width: 119px;
}

.food-diversity.fr .hdg-type01.halal img {
	width: 122px;
}

.food-diversity.th .hdg-type01.halal img {
	width: 93px;
}

.food-diversity .hdg-type01.vegetarian img {
	width: 238px;
}

.food-diversity.fr .hdg-type01.vegetarian img {
	width: 237px;
}

.food-diversity.th .hdg-type01.vegetarian img {
	width: 122px;
}

.food-diversity.vi .hdg-type01.vegetarian img {
	width: 188px;
}

.what-to-eat.content-layout01 {
	padding: 0;
}

.box-what-to-eat .nav-list {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.box-what-to-eat .nav-list li {
	display: table-cell;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	width: 33.33%;
}

.box-what-to-eat .nav-list li+li {
	padding-left: 1px;
}

.box-what-to-eat .nav-list li span {
	font-size: .6875rem;
	font-weight: 700;
}

.box-what-to-eat .nav-list li a {
	background-image: -webkit-linear-gradient(right, rgb(5, 106, 86) 0%, rgb(9, 114, 75) 33%, rgb(12, 122, 64) 100%);
	background-image: linear-gradient(to left, rgb(5, 106, 86) 0%, rgb(9, 114, 75) 33%, rgb(12, 122, 64) 100%);
	border-radius: 3px;
	color: #fff;
	display: table-cell;
	font-weight: 700;
	height: 60px;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
	width: 300px;
	transition: background-image .6s ease;
	;
}

.box-what-to-eat .nav-list li a:hover {
	background: none;
	background-color: #056a56;
}

.box-what-to-eat .nav-list li:first-of-type a {
	border-radius: 3px 0 0 0;
}

.box-what-to-eat .nav-list li:last-of-type a {
	border-radius: 0 3px 0 0;
}

.box-what-to-eat .nav-list li.current a {
	background: #fff;
	color: #14864a;
}

.box-what-to-eat .blk-panel {
	background: #fff;
	margin: 0 -25px;
	padding: 25px 25px 50px;
}

.box-what-to-eat .restaurnt-slider .slick-arrow {
	top: 40vw;
}

.box-what-to-eat .restaurnt-slider .item {
	padding: 0 1px;
}

.box-what-to-eat .restaurnt-slider .img {
	margin-bottom: 25px;
}

.box-what-to-eat .restaurnt-slider .img img {
	width: 100%;
}

.box-what-to-eat .restaurnt-slider .list-info {
	border-radius: 3px;
	display: table;
	margin-bottom: 25px;
	overflow: hidden;
}

.box-what-to-eat .restaurnt-slider .list-info li {
	display: table-cell;
	font-size: .8125rem;
	font-weight: 700;
	padding: 5px 8px;
}

.box-what-to-eat .restaurnt-slider .list-info li.place {
	background: #bc2c2c;
	color: #fff;
}

.box-what-to-eat .restaurnt-slider .list-info li.genre {
	background: #e9e9e9;
	color: #555;
}

.box-what-to-eat .restaurnt-slider .hdg {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}

.box-what-to-eat .restaurnt-slider .txt-detail {
	margin-bottom: 40px;
	position: relative;
}

.box-what-to-eat.halal .restaurnt-slider .txt-detail::before {
	background: url(/japan-travel-planner/food-diversity/images/bg_halal_logo.png) center center / 126px auto no-repeat;
	content: '';
	display: block;
	height: 126px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 126px;
}

@media screen and (min-width: 769px) {
	.food-diversity .hdg-type01.halal img {
		width: 158px;
	}

	.food-diversity.fr .hdg-type01.halal img {
		width: 146px;
	}

	.food-diversity.th .hdg-type01.halal img {
		width: 139px;
	}

	.food-diversity .hdg-type01.vegetarian img {
		width: 315px;
	}

	.food-diversity.fr .hdg-type01.vegetarian img {
		width: 278px;
	}

	.food-diversity.th .hdg-type01.vegetarian img {
		width: 183px;
	}

	.food-diversity.de .hdg-type01.vegetarian img {
		width: 310px;
	}

	.food-diversity.vi .hdg-type01.vegetarian img {
		width: 235px;
	}

	.box-what-to-eat .nav-list {
		margin: 0 auto;
		width: 732px;
	}

	.box-what-to-eat .nav-list li span {
		font-size: 1rem;
	}

	.box-what-to-eat .blk-panel {
		margin: 0;
		padding: 75px 6%;
	}

	.box-what-to-eat .restaurnt-slider .slick-arrow {
		top: 50%;
	}

	.box-what-to-eat .restaurnt-slider .slick-arrow.slick-prev {
		left: -55px;
	}

	.box-what-to-eat .restaurnt-slider .slick-arrow.slick-next {
		right: -55px;
	}

	.box-what-to-eat .restaurnt-slider .img {
		float: left;
		margin-bottom: 0;
		width: 47.66%;
	}

	.box-what-to-eat .restaurnt-slider .cont {
		float: right;
		padding-top: 20px;
		width: 47.66%;
	}

	.box-what-to-eat .restaurnt-slider .list-info {
		border-radius: 3px;
		display: table;
		margin-bottom: 25px;
		overflow: hidden;
	}

	.box-what-to-eat .restaurnt-slider .list-info li {
		display: table-cell;
		font-size: .9375rem;
		font-weight: 700;
		padding: 5px 14px;
	}

	.box-what-to-eat .restaurnt-slider .hdg {
		font-size: 2.75rem;
	}

	.box-what-to-eat.halal .restaurnt-slider .txt-detail::before {
		background-size: 209px auto;
		height: 209px;
		width: 209px;
	}
}

@media screen and (min-width: 1240px) {
	.box-what-to-eat .restaurnt-slider .slick-arrow.slick-prev {
		left: -100px;
	}

	.box-what-to-eat .restaurnt-slider .slick-arrow.slick-next {
		right: -100px;
	}
}

/* under-content =================================================== */
#under-content {
	background: url(/japan-travel-planner/food-diversity/images/bg_food-diversity_01.png) center top;
	padding: 50px 0 0;
}

.food-diversity .hdg-type01.under-halal img {
	width: 324px;
}

.food-diversity.id .hdg-type01.under-halal img {
	width: 312px;
}

.food-diversity.fr .hdg-type01.under-halal img {
	width: 223px;
}

.food-diversity.th .hdg-type01.under-halal img {
	width: 278px;
}

.food-diversity.de .hdg-type01.under-halal img {
	width: 249px;
}

.food-diversity.vi .hdg-type01.under-halal img {
	width: 305px;
}

.food-diversity .hdg-type01.under-vegetarian img {
	width: 229px;
}

.food-diversity.id .hdg-type01.under-vegetarian img {
	width: 244px;
}

.food-diversity.fr .hdg-type01.under-vegetarian img {
	width: 289px;
}

.food-diversity.th .hdg-type01.under-vegetarian img {
	width: 224px;
}

.food-diversity.de .hdg-type01.under-vegetarian img {
	width: 311px;
}

.food-diversity.vi .hdg-type01.under-vegetarian img {
	width: 205px;
}

.food-diversity .txt-under-content {
	margin-bottom: 70px;
}

@media screen and (min-width: 769px) {
	#under-content {
		padding: 120px 0 0;
	}

	.food-diversity .hdg-type01.under-halal img {
		width: 521px;
	}

	.food-diversity.id .hdg-type01.under-halal img {
		width: 542px;
	}

	.food-diversity.fr .hdg-type01.under-halal img {
		width: 559px;
	}

	.food-diversity.th .hdg-type01.under-halal img {
		width: 417px;
	}

	.food-diversity.de .hdg-type01.under-halal img {
		width: 674px;
	}

	.food-diversity.vi .hdg-type01.under-halal img {
		width: 453px;
	}

	.food-diversity .hdg-type01.under-vegetarian img {
		width: 345px;
	}

	.food-diversity.id .hdg-type01.under-vegetarian img {
		width: 366px;
	}

	.food-diversity.fr .hdg-type01.under-vegetarian img {
		width: 408px;
	}

	.food-diversity.th .hdg-type01.under-vegetarian img {
		width: 336px;
	}

	.food-diversity.de .hdg-type01.under-vegetarian img {
		width: 512px;
	}

	.food-diversity.vi .hdg-type01.under-vegetarian img {
		width: 312px;
	}

	.food-diversity .txt-under-content {
		font-size: 1.125rem;
		margin: 0 auto 100px;
		max-width: 880px;
	}
}

/* box-spot =================================================== */
.box-spot {
	padding-bottom: 150px;
	position: relative;
}

.box-spot .img {
	margin: 0 -25px 35px;
	position: relative;
}

.box-spot .img img {
	width: 100%;
}

.box-spot .footprint {
	bottom: 32px;
	height: 85px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 0);
	width: 170px;
}

.box-spot.spot01 .footprint.visible {
	background: url(/japan-travel-planner/food-diversity/images/bg_footprint_01.gif) center top / 170px auto no-repeat;
}

.box-spot.spot02 .footprint.visible {
	background: url(/japan-travel-planner/food-diversity/images/bg_footprint_02.gif) center top / 170px auto no-repeat;
}

.box-spot.spot03 .footprint.visible {
	background: url(/japan-travel-planner/food-diversity/images/bg_footprint_03.gif) center top / 170px auto no-repeat;
}

.box-spot.spot04 .footprint.visible {
	background: url(/japan-travel-planner/food-diversity/images/bg_footprint_04.gif) center top / 170px auto no-repeat;
}

.box-spot.spot05 .footprint.visible {
	background: url(/japan-travel-planner/food-diversity/images/bg_footprint_05.gif) center top / 170px auto no-repeat;
}

.box-spot.spot06 .footprint.visible {
	background: url(/japan-travel-planner/food-diversity/images/bg_footprint_06.gif) center top / 170px auto no-repeat;
}

.box-spot.halal.spot01::after,
.box-spot.halal.spot02::after,
.box-spot.halal.spot03::after,
.box-spot.halal.spot05::after,
.box-spot.halal.spot06::after,
.box-spot.vegetarian.spot01::after,
.box-spot.vegetarian.spot02::after,
.box-spot.vegetarian.spot03::after,
.box-spot.vegetarian.spot05::after,
.box-spot.vegetarian.spot06::after,
.box-spot.vegetarian.spot07::after {
	content: '';
	display: block;
	left: 50%;
	position: absolute;
}

.box-spot.halal.spot01::after {
	background: url(/japan-travel-planner/food-diversity/images/halal/bg_halal_spot_01_sp.png) center top / 336px auto no-repeat;
	bottom: 8px;
	height: 131px;
	margin-left: -158px;
	width: 336px;
}

.box-spot.halal.spot02::after {
	background: url(/japan-travel-planner/food-diversity/images/halal/bg_halal_spot_02.png) center top / 62px auto no-repeat;
	bottom: 50px;
	height: 54px;
	margin-left: 98px;
	width: 62px;
}

.box-spot.halal.spot03::after {
	background: url(/japan-travel-planner/food-diversity/images/halal/bg_halal_spot_03.png) center top / 105px auto no-repeat;
	bottom: 60px;
	height: 79px;
	margin-left: -165px;
	width: 105px;
}

.box-spot.halal.spot05::after {
	background: url(/japan-travel-planner/food-diversity/images/halal/bg_halal_spot_05.png) center top / 99px auto no-repeat;
	bottom: 28px;
	height: 59px;
	margin-left: 55px;
	width: 99px;
}

.box-spot.halal.spot06::after {
	background: url(/japan-travel-planner/food-diversity/images/halal/bg_halal_spot_06.png) center top / 66px auto no-repeat;
	bottom: 38px;
	height: 75px;
	margin-left: 23px;
	width: 66px;
}

.box-spot.vegetarian.spot01::after {
	background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_01_sp.png) center top / 312px auto no-repeat;
	bottom: 26px;
	height: 94px;
	margin-left: -167px;
	width: 312px;
}

.box-spot.vegetarian.spot02::after {
	background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_02.png) center top / 55px auto no-repeat;
	bottom: 72px;
	height: 36px;
	margin-left: 90px;
	width: 55px;
}

.box-spot.vegetarian.spot03::after {
	background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_03.png) center top / 62px auto no-repeat;
	bottom: 46px;
	height: 76px;
	margin-left: -156px;
	width: 62px;
}

.box-spot.vegetarian.spot05::after {
	background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_05.png) center top / 53px auto no-repeat;
	bottom: 22px;
	height: 74px;
	margin-left: 100px;
	width: 53px;
}

.box-spot.vegetarian.spot06::after {
	background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_06.png) center top / 83px auto no-repeat;
	bottom: 70px;
	height: 52px;
	margin-left: 72px;
	width: 83px;
}

.box-spot.vegetarian.spot07::after {
	background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_07.png) center top / 77px auto no-repeat;
	bottom: 30px;
	height: 76px;
	margin-left: -35px;
	width: 77px;
}

.box-spot .txt .hdg {
	margin-bottom: 25px;
	padding-bottom: 25px;
	position: relative;
}

.box-spot.halal .txt .hdg.spot01 img {
	width: 230px;
}

.food-diversity.fr .box-spot.halal .txt .hdg.spot01 img {
	width: 250px;
}

.box-spot.halal .txt .hdg.spot02 img {
	width: 256px;
}

.box-spot.halal .txt .hdg.spot03 img {
	width: 284px;
}

.box-spot.halal .txt .hdg.spot04 img {
	width: 259px;
}

.box-spot.halal .txt .hdg.spot05 img {
	width: 320px;
}

.box-spot.halal .txt .hdg.spot06 img {
	width: 321px;
}

.food-diversity.id .box-spot.halal .txt .hdg.spot01 img {
	width: 199px;
}

.food-diversity.de .box-spot.halal .txt .hdg.spot01 img {
	width: 179px;
}

.food-diversity.vi .box-spot.halal .txt .hdg.spot01 img {
	width: 126px;
}

.food-diversity.ja .box-spot.halal .txt .hdg.spot01 img {
	width: 120px;
}

.food-diversity.ko .box-spot.halal .txt .hdg.spot01 img {
	width: 116px;
}

.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot01 img {
	width: 96px;
}

.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot01 img {
	width: 96px;
}

.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot01 img {
	width: 74px;
}


.food-diversity.id .box-spot.halal .txt .hdg.spot02 img {
	width: 209px;
}

.food-diversity.fr .box-spot.halal .txt .hdg.spot02 img {
	width: 237px;
}

.food-diversity.th .box-spot.halal .txt .hdg.spot02 img {
	width: 105px;
}

.food-diversity.vi .box-spot.halal .txt .hdg.spot02 img {
	width: 207px;
}

.food-diversity.ja .box-spot.halal .txt .hdg.spot02 img {
	width: 78px;
}

.food-diversity.ko .box-spot.halal .txt .hdg.spot02 img {
	width: 94px;
}

.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot02 img {
	width: 96px;
}

.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot02 img {
	width: 78px;
}

.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot02 img {
	width: 78px;
}

.food-diversity.id .box-spot.halal .txt .hdg.spot03 img {
	width: 315px;
}

.food-diversity.fr .box-spot.halal .txt .hdg.spot03 img {
	width: 242px;
}

.food-diversity.th .box-spot.halal .txt .hdg.spot03 img {
	width: 193px;
}

.food-diversity.de .box-spot.halal .txt .hdg.spot03 img {
	width: 277px;
}

.food-diversity.vi .box-spot.halal .txt .hdg.spot03 img {
	width: 225px;
}

.food-diversity.ja .box-spot.halal .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.ko .box-spot.halal .txt .hdg.spot03 img {
	width: 116px;
}

.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.ja .box-spot.halal .txt .hdg.spot04 img {
	width: 78px;
}

.food-diversity.ko .box-spot.halal .txt .hdg.spot04 img {
	width: 78px;
}

.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot04 img {
	width: 78px;
}

.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot04 img {
	width: 78px;
}

.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot04 img {
	width: 272px;
}

.food-diversity.id .box-spot.halal .txt .hdg.spot05 img {
	width: 324px;
}

.food-diversity.vi .box-spot.halal .txt .hdg.spot05 img {
	width: 242px;
}

.food-diversity.ja .box-spot.halal .txt .hdg.spot05 img {
	width: 168px;
}

.food-diversity.ko .box-spot.halal .txt .hdg.spot05 img {
	width: 232px;
}

.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot05 img {
	width: 168px;
}

.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot05 img {
	width: 168px;
}

.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot05 img {
	width: 168px;
}

.food-diversity.fr .box-spot.halal .txt .hdg.spot06 img {
	width: 227px;
}

.food-diversity.th .box-spot.halal .txt .hdg.spot06 img {
	width: 202px;
}

.food-diversity.de .box-spot.halal .txt .hdg.spot06 img {
	width: 244px;
}

.food-diversity.vi .box-spot.halal .txt .hdg.spot06 img {
	width: 262px;
}

.food-diversity.ja .box-spot.halal .txt .hdg.spot06 img {
	width: 227px;
}

.food-diversity.ko .box-spot.halal .txt .hdg.spot06 img {
	width: 260px;
}

.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot06 img {
	width: 279px;
}

.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot06 img {
	width: 266px;
}

.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot06 img {
	width: 215px;
}

.box-spot.vegetarian .txt .hdg.spot01 img {
	width: 165px;
}

.food-diversity.th .box-spot.vegetarian .txt .hdg.spot01 img {
	width: 151px;
}

.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot01 img {
	width: 96px;
}

.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot01 img {
	width: 116px;
}

.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot01 img {
	width: 96px;
}

.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot01 img {
	width: 96px;
}

.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot01 img {
	width: 96px;
}

.box-spot.vegetarian .txt .hdg.spot02 img {
	width: 259px;
}

.food-diversity.fr .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 193px;
}

.food-diversity.th .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 143px;
}

.food-diversity.de .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 251px;
}

.food-diversity.vi .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 198px;
}

.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 96px;
}

.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 138px;
}

.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 78px;
}

.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 78px;
}

.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot02 img {
	width: 78px;
}

.box-spot.vegetarian .txt .hdg.spot03 img {
	width: 72px;
}

.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot03 img {
	width: 78px;
}

.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot03 img {
	width: 78px;
}

.box-spot.vegetarian .txt .hdg.spot04 img {
	width: 270px;
}

.box-spot.vegetarian .txt .hdg.spot05 img {
	width: 255px;
}

.box-spot.vegetarian .txt .hdg.spot06 img {
	width: 304px;
}

.box-spot.vegetarian .txt .hdg.spot07 img {
	width: 319px;
}

.food-diversity.id .box-spot.vegetarian .txt .hdg.spot04 img {
	width: 270px;
}

.food-diversity.th .box-spot.vegetarian .txt .hdg.spot04 img {
	width: 245px;
}

.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot04 img {
	width: 192px;
}

.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot04 img {
	width: 265px;
}

.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot04 img {
	width: 144px;
}

.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot04 img {
	width: 126px;
}

.food-diversity.id .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 242px;
}

.food-diversity.fr .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 226px;
}

.food-diversity.de .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 234px;
}

.food-diversity.vi .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 219px;
}

.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 96px;
}

.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 116px;
}

.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 96px;
}

.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 96px;
}

.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot05 img {
	width: 96px;
}

.food-diversity.th .box-spot.vegetarian .txt .hdg.spot06 img {
	width: 246px;
}

.food-diversity.id .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 307px;
}

.food-diversity.fr .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 305px;
}

.food-diversity.th .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 227px;
}

.food-diversity.vi .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 266px;
}

.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 168px;
}

.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 160px;
}

.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 168px;
}

.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 168px;
}

.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot07 img {
	width: 120px;
}

.box-spot .txt .hdg::after {
	background: #000;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 60px;
}

.box-spot .txt .pra {
	line-height: 1.875;
	margin-bottom: 30px;
}

.food-diversity.id .box-spot .txt .pra {
	line-height: 1.6;
}

.box-spot .img {
	opacity: 0;
}

.box-spot.img-left .img.itinerary-ani.visible {
	animation: itinerary-ani-left .5s ease forwards;
}

.box-spot.img-right .img.itinerary-ani.visible {
	animation: itinerary-ani-right .5s ease forwards;
}

@media screen and (min-width: 769px) {
	.box-spot {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-bottom: 280px;
	}

	.box-spot .footprint {
		bottom: 40px;
		height: 170px;
		width: 340px;
	}

	.box-spot.spot01 .footprint.visible,
	.box-spot.spot02 .footprint.visible,
	.box-spot.spot03 .footprint.visible,
	.box-spot.spot04 .footprint.visible,
	.box-spot.spot05 .footprint.visible,
	.box-spot.spot06 .footprint.visible {
		background-size: 100% auto;
	}

	.box-spot.halal.spot01::after {
		background: url(/japan-travel-planner/food-diversity/images/halal/bg_halal_spot_01.png) center top no-repeat;
		bottom: 30px;
		height: 293px;
		margin-left: -383px;
		width: 986px;
	}

	.box-spot.halal.spot02::after {
		background-size: auto;
		bottom: 0;
		height: 108px;
		margin-left: 324px;
		width: 124px;
	}

	.box-spot.halal.spot03::after {
		background-size: auto;
		bottom: -16px;
		height: 158px;
		margin-left: -410px;
		width: 210px;
	}

	.box-spot.halal.spot05::after {
		background-size: auto;
		bottom: 95px;
		height: 118px;
		margin-left: 210px;
		width: 198px;
	}

	.box-spot.halal.spot06::after {
		background-size: auto;
		bottom: 136px;
		height: 150px;
		margin-left: -218px;
		width: 132px;
	}

	.box-spot.vegetarian.spot01::after {
		background: url(/japan-travel-planner/food-diversity/images/vegetarian/bg_vegetarian_spot_01.png) center top no-repeat;
		bottom: -3px;
		height: 218px;
		margin-left: -495px;
		width: 899px;
	}

	.box-spot.vegetarian.spot02::after {
		background-size: auto;
		bottom: -8px;
		height: 71px;
		margin-left: 326px;
		width: 110px;
	}

	.box-spot.vegetarian.spot03::after {
		background-size: auto;
		bottom: 5px;
		height: 152px;
		margin-left: -443px;
		width: 123px;
	}

	.box-spot.vegetarian.spot05::after {
		background-size: auto;
		bottom: 67px;
		height: 148px;
		margin-left: 197px;
		width: 106px;
	}

	.box-spot.vegetarian.spot06::after {
		background-size: auto;
		bottom: 34px;
		height: 103px;
		margin-left: 276px;
		width: 166px;
	}

	.box-spot.vegetarian.spot07::after {
		background-size: auto;
		bottom: 70px;
		height: 155px;
		margin-left: 40px;
		width: 154px;
	}

	.box-spot .img {
		margin: 0;
		width: 50%;
	}

	.box-spot .txt {
		width: 50%;
	}

	.box-spot.img-right .img {
		order: 1;
	}

	.box-spot.img-left .txt {
		padding: 0 0 0 8%;
	}

	.box-spot.img-right .txt {
		order: 0;
		padding: 0 8% 0 0;
	}

	.box-spot.halal .txt .hdg.spot01 img {
		width: 341px;
	}

	.food-diversity.fr .box-spot.halal .txt .hdg.spot01 img {
		width: 371px;
	}

	.food-diversity.th .box-spot.halal .txt .hdg.spot01 img {
		width: 74px;
	}

	.food-diversity.de .box-spot.halal .txt .hdg.spot01 img {
		width: 265px;
	}

	.food-diversity.vi .box-spot.halal .txt .hdg.spot01 img {
		width: 186px;
	}

	.food-diversity.ja .box-spot.halal .txt .hdg.spot01 img {
		width: 200px;
	}

	.food-diversity.ko .box-spot.halal .txt .hdg.spot01 img {
		width: 194px;
	}

	.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot01 img {
		width: 160px;
	}

	.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot01 img {
		width: 160px;
	}

	.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot01 img {
		width: 118px;
	}

	.box-spot.halal .txt .hdg.spot02 img {
		width: 366px;
	}

	.box-spot.halal .txt .hdg.spot03 img {
		width: 425px;
	}

	.box-spot.halal .txt .hdg.spot04 img {
		width: 384px;
	}

	.box-spot.halal .txt .hdg.spot05 img {
		width: 514px;
	}

	.box-spot.halal .txt .hdg.spot06 img {
		width: 334px;
	}

	.food-diversity.id .box-spot.halal .txt .hdg.spot01 img {
		width: 294px;
	}

	.food-diversity.th .box-spot.halal .txt .hdg.spot01 img {
		width: 118px;
	}

	.food-diversity.id .box-spot.halal .txt .hdg.spot02 img {
		width: 309px;
	}

	.food-diversity.fr .box-spot.halal .txt .hdg.spot02 img {
		width: 336px;
	}

	.food-diversity.th .box-spot.halal .txt .hdg.spot02 img {
		width: 175px;
	}

	.food-diversity.vi .box-spot.halal .txt .hdg.spot02 img {
		width: 307px;
	}

	.food-diversity.ja .box-spot.halal .txt .hdg.spot02 img {
		width: 124px;
	}

	.food-diversity.ko .box-spot.halal .txt .hdg.spot02 img {
		width: 157px;
	}

	.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot02 img {
		width: 125px;
	}

	.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot02 img {
		width: 125px;
	}

	.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot02 img {
		width: 125px;
	}

	.food-diversity.id .box-spot.halal .txt .hdg.spot03 img {
		width: 490px;
	}

	.food-diversity.fr .box-spot.halal .txt .hdg.spot03 img {
		width: 358px;
	}

	.food-diversity.th .box-spot.halal .txt .hdg.spot03 img {
		width: 321px;
	}

	.food-diversity.de .box-spot.halal .txt .hdg.spot03 img {
		width: 410px;
	}

	.food-diversity.vi .box-spot.halal .txt .hdg.spot03 img {
		width: 333px;
	}

	.food-diversity.ja .box-spot.halal .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.ko .box-spot.halal .txt .hdg.spot03 img {
		width: 194px;
	}

	.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.ja .box-spot.halal .txt .hdg.spot04 img {
		width: 124px;
	}

	.food-diversity.ko .box-spot.halal .txt .hdg.spot04 img {
		width: 125px;
	}

	.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot04 img {
		width: 125px;
	}

	.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot04 img {
		width: 125px;
	}

	.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot04 img {
		width: 425px;
	}

	.food-diversity.id .box-spot.halal .txt .hdg.spot05 img {
		width: 514px;
	}

	.food-diversity.vi .box-spot.halal .txt .hdg.spot05 img {
		width: 359px;
	}

	.food-diversity.ja .box-spot.halal .txt .hdg.spot05 img {
		width: 280px;
	}

	.food-diversity.ko .box-spot.halal .txt .hdg.spot05 img {
		width: 387px;
	}

	.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot05 img {
		width: 280px;
	}

	.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot05 img {
		width: 280px;
	}

	.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot05 img {
		width: 280px;
	}

	.food-diversity.fr .box-spot.halal .txt .hdg.spot06 img {
		width: 336px;
	}

	.food-diversity.th .box-spot.halal .txt .hdg.spot06 img {
		width: 336px;
	}

	.food-diversity.de .box-spot.halal .txt .hdg.spot06 img {
		width: 361px;
	}

	.food-diversity.vi .box-spot.halal .txt .hdg.spot06 img {
		width: 389px;
	}

	.food-diversity.ja .box-spot.halal .txt .hdg.spot06 img {
		width: 450px;
	}

	.food-diversity.ko .box-spot.halal .txt .hdg.spot06 img {
		width: 450px;
	}

	.food-diversity.zh-cn .box-spot.halal .txt .hdg.spot06 img {
		width: 513px;
	}

	.food-diversity.zh-tw .box-spot.halal .txt .hdg.spot06 img {
		width: 513px;
	}

	.food-diversity.zh-hk .box-spot.halal .txt .hdg.spot06 img {
		width: 450px;
	}

	.box-spot.vegetarian .txt .hdg.spot01 img {
		width: 245px;
	}

	.food-diversity.th .box-spot.vegetarian .txt .hdg.spot01 img {
		width: 251px;
	}

	.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot01 img {
		width: 160px;
	}

	.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot01 img {
		width: 194px;
	}

	.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot01 img {
		width: 160px;
	}

	.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot01 img {
		width: 160px;
	}

	.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot01 img {
		width: 160px;
	}

	.box-spot.vegetarian .txt .hdg.spot02 img {
		width: 382px;
	}

	.food-diversity.fr .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 286px;
	}

	.food-diversity.th .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 238px;
	}

	.food-diversity.de .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 371px;
	}

	.food-diversity.vi .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 293px;
	}

	.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 160px;
	}

	.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 230px;
	}

	.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 125px;
	}

	.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 125px;
	}

	.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot02 img {
		width: 125px;
	}

	.box-spot.vegetarian .txt .hdg.spot03 img {
		width: 106px;
	}

	.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot03 img {
		width: 124px;
	}

	.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot03 img {
		width: 124px;
	}

	.box-spot.vegetarian .txt .hdg.spot04 img {
		width: 400px;
	}

	.box-spot.vegetarian .txt .hdg.spot05 img {
		width: 378px;
	}

	.box-spot.vegetarian .txt .hdg.spot06 img {
		width: 450px;
	}

	.box-spot.vegetarian .txt .hdg.spot07 img {
		width: 476px;
	}

	.food-diversity.id .box-spot.vegetarian .txt .hdg.spot04 img {
		width: 400px;
	}

	.food-diversity.th .box-spot.vegetarian .txt .hdg.spot04 img {
		width: 407px;
	}

	.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot04 img {
		width: 320px;
	}

	.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot04 img {
		width: 442px;
	}

	.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot04 img {
		width: 240px;
	}

	.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot04 img {
		width: 210px;
	}

	.food-diversity.id .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 360px;
	}

	.food-diversity.fr .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 335px;
	}

	.food-diversity.de .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 347px;
	}

	.food-diversity.vi .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 324px;
	}

	.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 160px;
	}

	.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 194px;
	}

	.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 160px;
	}

	.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 160px;
	}

	.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot05 img {
		width: 160px;
	}

	.food-diversity.th .box-spot.vegetarian .txt .hdg.spot06 img {
		width: 410px;
	}

	.food-diversity.id .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 456px;
	}

	.food-diversity.fr .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 494px;
	}

	.food-diversity.th .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 379px;
	}

	.food-diversity.vi .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 394px;
	}

	.food-diversity.ja .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 280px;
	}

	.food-diversity.ko .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 267px;
	}

	.food-diversity.zh-cn .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 280px;
	}

	.food-diversity.zh-tw .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 280px;
	}

	.food-diversity.zh-hk .box-spot.vegetarian .txt .hdg.spot07 img {
		width: 200px;
	}

	.box-spot .txt .pra {
		font-size: 1.0625rem;
		margin-bottom: 50px;
	}
}




/* how-to-get-there =================================================== */
#how-to-get-there {
	background: url(/japan-travel-planner/food-diversity/images/bg_food-diversity_02.png) center top;
	padding: 50px 0;
}

.food-diversity .hdg-type01.there img {
	width: 311px;
}

.food-diversity.id .hdg-type01.there img {
	width: 229px;
}

.food-diversity.fr .hdg-type01.there img {
	width: 310px;
}

.food-diversity.th .hdg-type01.there img {
	width: 254px;
}

.food-diversity.de .hdg-type01.there img {
	width: 117px;
}

.food-diversity.vi .hdg-type01.there img {
	width: 231px;
}

#how-to-get-there .txt-there {
	margin-bottom: 40px;
}

#how-to-get-there .hdg-flight-info {
	background: #0c7a40;
	color: #fff;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1;
	padding: 12px 5px;
	text-align: center;
}

#how-to-get-there .box-flight-info .flight-content {
	border: 1px solid #14864a;
	width: 100%;
}

#how-to-get-there .box-flight-info .flight-content thead th {
	background: #f7f7f7;
	border-bottom: 1px solid #14864a;
	border-left: 1px solid #14864a;
	border-right: 1px solid #14864a;
	color: #0c7a40;
	font-size: .8125rem;
	font-weight: 700;
	padding: 7px 5px;
	text-align: center;
}

#how-to-get-there .box-flight-info .flight-content thead th:nth-child(1),
#how-to-get-there .box-flight-info .flight-content thead th:nth-child(2) {
	width: 29%;
}

#how-to-get-there .box-flight-info .flight-content thead th:nth-child(3) {
	width: auto;
}

#how-to-get-there .box-flight-info .flight-content tbody td {
	background: #fff;
	border: 1px solid #14864a;
	color: #0c7a40;
	font-size: .6875rem;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
}

#how-to-get-there .box-flight-info .flight-content-caption {
	margin-top: 16px;
	font-size: 0.6875rem;
	line-height: 1.5;
	color: #333;
	letter-spacing: 0.06em;
}

@media screen and (min-width: 769px) {
	#how-to-get-there .box-flight-info .flight-content-caption {
		font-size: 0.9375rem;
	}
}


#how-to-get-there .box-there {
	padding-bottom: 460px;
	position: relative;
}

#how-to-get-there .box-there .there-map {
	bottom: 25px;
	content: '';
	display: block;
	left: 50%;
	margin: 0;
	position: absolute;
	transform: translate(-47%, 0);
	width: 382px;
	z-index: 0;
}

#how-to-get-there .box-there .there-map .map-pc {
	display: none;
}

#how-to-get-there .box-there .there-map .time1,
#how-to-get-there .box-there .there-map .time2,
#how-to-get-there .box-there .there-map .time3,
#how-to-get-there .box-there .there-map .air,
#how-to-get-there .box-there .there-map .pin1,
#how-to-get-there .box-there .there-map .pin2,
#how-to-get-there .box-there .there-map .pin3,
#how-to-get-there .box-there .there-map .pin4 {
	left: 50%;
	position: absolute;
}

#how-to-get-there .box-there .there-map .time1 {
	margin-left: -80px;
	top: 220px;
	width: 50px;
}

#how-to-get-there .box-there .there-map .time2 {
	top: 120px;
	width: 50px;
}

#how-to-get-there .box-there .there-map .time3 {
	top: 310px;
	width: 50px;
}

#how-to-get-there .box-there .there-map .pin1,
#how-to-get-there .box-there .there-map .pin2,
#how-to-get-there .box-there .there-map .pin3,
#how-to-get-there .box-there .there-map .pin4 {
	width: 22px;
}

#how-to-get-there .box-there .there-map .pin2 {
	margin-left: 37px;
	top: 251px;
}

#how-to-get-there .box-there .there-map .pin2.pin2-02 {
	top: 273px;
	margin-left: 50px;
}

#how-to-get-there .box-there .there-map .pin3 {
	margin-left: 77px;
	top: 52px;
}

#how-to-get-there .box-there .there-map .pin3.pin3-02 {
	margin-left: 95px;
	top: 62px;
}


#how-to-get-there .box-there .there-map .pin4 {
	margin-left: -53px;
	top: 278px;
}

#how-to-get-there .box-there .there-map .pin4.pin4-02 {
	margin-left: -51px;
	top: 299px;
}

#how-to-get-there .box-there .there-map .air {
	margin-left: -160px;
	top: 230px;
	width: 71px;
}

#how-to-get-there .box-there .there-map.en-id .pin1 {
	margin-left: -165px;
	top: 135px;
}

#how-to-get-there .box-there .there-map.en-my .pin1 {
	margin-left: -167px;
	top: 135px;
}

#how-to-get-there .box-there .there-map.en-in .pin1 {
	margin-left: -144px;
	top: 75px;
}

#how-to-get-there .box-there .there-map-ani {
	opacity: 0;
}

#how-to-get-there .box-there .there-map .pin1.there-map-ani.visible {
	animation: there-map-ani-pin1 .6s ease forwards;
}

#how-to-get-there .box-there .there-map .pin2.there-map-ani.visible {
	animation: there-map-ani-pin1 .6s ease .2s forwards;
}

#how-to-get-there .box-there .there-map .pin3.there-map-ani.visible {
	animation: there-map-ani-pin1 .6s ease .4s forwards;
}

#how-to-get-there .box-there .there-map .pin4.there-map-ani.visible {
	animation: there-map-ani-pin1 .6s ease .6s forwards;
}

#how-to-get-there .box-there .there-map .time1.there-map-ani.visible {
	animation: there-map-ani-time1 .6s ease 1.2s forwards;
}

#how-to-get-there .box-there .there-map .time2.there-map-ani.visible {
	animation: there-map-ani-time1 .6s ease 1.5s forwards;
}

#how-to-get-there .box-there .there-map .time3.there-map-ani.visible {
	animation: there-map-ani-time1 .6s ease 1.8s forwards;
}

#how-to-get-there .box-there .there-map#how-to-get-there-map-kyoto .pin4.there-map-ani.visible {
	animation: there-map-ani-pin1 .6s ease .4s forwards;
}

#how-to-get-there .box-there .there-map#how-to-get-there-map-kyoto .time1.there-map-ani.visible {
	animation: there-map-ani-time1 .6s ease 1s forwards;
}

#how-to-get-there .box-there .there-map#how-to-get-there-map-kyoto .time3.there-map-ani.visible {
	animation: there-map-ani-time1 .6s ease 1.2s forwards;
}

#how-to-get-there .box-there .there-map#how-to-get-there-map-tokyo .time1.there-map-ani.visible {
	animation: there-map-ani-time1 .6s ease .8s forwards;
}

@keyframes there-map-ani-pin1 {
	0% {
		opacity: 0;
		transform: scale(.8);
	}

	50% {
		opacity: 1;
		transform: translateY(-10px) scale(1.1);
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes there-map-ani-time1 {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
		transform: scale(1.2);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

#how-to-get-there .box-there .there-map .air.there-map-ani.visible {
	animation: there-map-ani-air .6s ease 2.4s forwards;
}

#how-to-get-there .box-there .there-map#how-to-get-there-map-kyoto .air.there-map-ani.visible {
	animation: there-map-ani-air .6s ease 1.8s forwards;
}

#how-to-get-there .box-there .there-map#how-to-get-there-map-tokyo .air.there-map-ani.visible {
	animation: there-map-ani-air .6s ease 1.4s forwards;
}

@keyframes there-map-ani-air {
	0% {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

#how-to-get-there .btn-schedule {
	margin-bottom: 0;
}

#how-to-get-there .btn-schedule a {
	background: #d54100;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 8px 15px;
	position: relative;
	text-align: center;
}

#how-to-get-there .btn-schedule a:hover {
	background: #b13600;
	opacity: 1;
}

#how-to-get-there .btn-schedule a::before {
	background: url(/japan-travel-planner/food-diversity/images/icon_schedule.png) center top / 30px auto no-repeat;
	content: '';
	display: inline-block;
	height: 30px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	width: 30px;
}


@media screen and (min-width: 769px) {
	#how-to-get-there {
		padding: 100px 0;
	}

	.food-diversity .hdg-type01.there img {
		width: 495px;
	}

	.food-diversity.id .hdg-type01.there img {
		width: 559px;
	}

	.food-diversity.fr .hdg-type01.there img {
		width: 516px;
	}

	.food-diversity.th .hdg-type01.there img {
		width: 381px;
	}

	.food-diversity.de .hdg-type01.there img {
		width: 194px;
	}

	.food-diversity.vi .hdg-type01.there img {
		width: 360px;
	}

	#how-to-get-there .txt-there {
		font-size: 1.0625rem;
		max-width: 620px;
		position: relative;
		z-index: 1;
	}

	#how-to-get-there .hdg-flight-info {
		font-size: 1rem;
		padding: 22px 5px;
	}

	#how-to-get-there .box-flight-info {
		max-width: 620px;
		position: relative;
		z-index: 1;
	}

	#how-to-get-there .box-flight-info .flight-content thead th {
		font-size: 1rem;
		padding: 12px 5px;
	}

	#how-to-get-there .box-flight-info .flight-content tbody td {
		font-size: 1rem;
		padding: 12px 5px;
	}

	#how-to-get-there .box-there {
		min-height: 1450px;
		padding-bottom: 0;
	}

	#how-to-get-there .box-there .there-map {
		bottom: 35px;
		content: '';
		left: auto;
		right: -150px;
		transform: none;
		width: 1211px;
		z-index: 0;
	}

	#how-to-get-there .box-there .there-map.id-id {
		bottom: -65px;
	}

	#how-to-get-there .box-there .there-map .map-pc {
		display: block;

		margin-left: auto;
	}

	#how-to-get-there .box-there .there-map .map-sp {
		display: none;
	}

	#how-to-get-there .box-there .there-map .time1 {
		margin-left: -210px;
		top: 630px;
		width: 99px;
	}

	#how-to-get-there .box-there .there-map .time2 {
		margin-left: 140px;
		top: 330px;
		width: 99px;
	}

	#how-to-get-there .box-there .there-map .time3 {
		margin-left: 150px;
		top: 705px;
		width: 99px;
	}

	#how-to-get-there .box-there .there-map .pin1,
	#how-to-get-there .box-there .there-map .pin2,
	#how-to-get-there .box-there .there-map .pin3,
	#how-to-get-there .box-there .there-map .pin4 {
		width: 44px;
	}

	#how-to-get-there .box-there .there-map .pin2 {
		margin-left: 245px;
		top: 595px;
	}

	#how-to-get-there .box-there .there-map .pin2.pin2-02 {
		margin-left: 255px;
		top: 615px;
	}

	#how-to-get-there .box-there .there-map .pin3 {
		margin-left: 345px;
		top: 130px;
	}

	#how-to-get-there .box-there .there-map .pin3.pin3-02 {
		top: 150px;
		margin-left: 358px;
	}

	#how-to-get-there .box-there .there-map .pin4 {
		margin-left: 45px;
		top: 675px;
	}

	#how-to-get-there .box-there .there-map .pin4.pin4-02 {
		margin-left: 32px;
		top: 689px;
	}

	#how-to-get-there .box-there .there-map .air {
		margin-left: -430px;
		top: 630px;
		width: 141px;
	}

	#how-to-get-there .box-there .there-map.en-id .pin1 {
		margin-left: -560px;
		top: 803px;
	}

	#how-to-get-there .box-there .there-map.en-my .pin1 {
		margin-left: -560px;
		top: 830px;
	}

	#how-to-get-there .box-there .there-map.en-in .pin1 {
		margin-left: -540px;
		top: 700px;
	}

	#how-to-get-there .btn-schedule {
		margin: 0 auto;
		max-width: 530px;
	}

	#how-to-get-there .btn-schedule a {
		padding: 13px 15px;
	}
}

@media screen and (min-width: 1100px) {
	#how-to-get-there .box-there {
		min-height: 920px;
	}

	#how-to-get-there .box-there .there-map {
		right: 0;
	}
}

/* offer-special-meal =================================================== */
#offer-special-meal {
	background-image: -webkit-linear-gradient(right, rgb(5, 106, 86) 0%, rgb(9, 114, 75) 66%, rgb(12, 122, 64) 100%);
	background-image: linear-gradient(to left, rgb(5, 106, 86) 0%, rgb(9, 114, 75) 66%, rgb(12, 122, 64) 100%);
	padding: 150px 0 50px;
	position: relative;
}

#offer-special-meal::before {
	background: url(/japan-travel-planner/food-diversity/images/bg_offer-special-meal_sp.jpg) center top / 100% auto no-repeat;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.food-diversity .hdg-type01.offer-special-meal img {
	width: 244px;
}

.food-diversity.id .hdg-type01.offer-special-meal img {
	width: 314px;
}

.food-diversity.fr .hdg-type01.offer-special-meal img {
	width: 299px;
}

.food-diversity.de .hdg-type01.offer-special-meal img {
	width: 314px;
}

.food-diversity.vi .hdg-type01.offer-special-meal img {
	width: 257px;
}

.food-diversity .hdg-type01.offer-special-meal::after {
	background: #fff;
}

#offer-special-meal .img-aircraft {
	left: 50%;
	position: absolute;
	top: -30px;
	transform: translate(-50%, 0);
	width: 230px;
	z-index: 6;
}

#offer-special-meal .txt {
	color: #fff;
	margin-bottom: 30px;
	position: relative;
}

#offer-special-meal .list-meal {
	margin-bottom: 30px;
	position: relative;
}

#offer-special-meal .list-meal li {
	margin-bottom: 20px;
}

#offer-special-meal .list-meal li img {
	width: 100%;
}

#offer-special-meal .list-meal li .name {
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 700;
	margin-bottom: 18px;
}

#offer-special-meal .list-meal li .caption {
	display: block;
	color: #fff;
	font-size: 0.8125rem;
	margin-top: 12px;
}

#offer-special-meal .btn {
	margin: 0 auto;
	max-width: 340px;
	position: relative;
	z-index: 1;
}

#offer-special-meal .btn a {
	background: #d54100;
	border-radius: 3px;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
}

#offer-special-meal .btn a img {
	display: inline-block;
	fill: #fff;
	margin: -2px 12px 0 0;
	vertical-align: middle;
	width: 35px;
}

#offer-special-meal .btn a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

.food-diversity.de #offer-special-meal .btn a,
.food-diversity.fr #offer-special-meal .btn a {
	line-height: 1;
}

@media screen and (min-width: 769px) {
	#offer-special-meal {
		background: url(/japan-travel-planner/food-diversity/images/bg_offer-special-meal.jpg) center top / cover no-repeat;
		padding: 100px 0;
		position: relative;
	}

	#offer-special-meal::before {
		display: none;
	}

	#offer-special-meal .img-aircraft {
		left: 50%;
		margin-left: 310px;
		top: -170px;
		transform: none;
		width: 651px;
	}

	.food-diversity .hdg-type01.offer-special-meal img {
		width: 674px;
	}

	.food-diversity.id .hdg-type01.offer-special-meal img {
		width: 888px;
	}

	.food-diversity.fr .hdg-type01.offer-special-meal img {
		width: 606px;
	}

	.food-diversity.de .hdg-type01.offer-special-meal img {
		width: 907px;
	}

	.food-diversity.vi .hdg-type01.offer-special-meal img {
		width: 907px;
	}

	#offer-special-meal .txt {
		font-size: 1.0625rem;
		margin: 0 auto 50px;
		max-width: 880px;
	}

	#offer-special-meal .txt.txt-02 {
		font-size: 1.5rem;
		margin: 8px auto 0;
		max-width: 880px;
	}

	#offer-special-meal .list-meal {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0 -20px 50px;
	}

	#offer-special-meal .list-meal li {
		margin: 0 20px;
		width: calc(33.33% - 40px);
		display: flex;
		flex-direction: column;
	}

	#offer-special-meal .list-meal li .name {
		margin-bottom: 28px;
		font-size: 1.25rem;
		line-height: 1.5;
		flex: 1 0 auto;
	}

	#offer-special-meal .list-meal li img {
		flex: 0 0 1em;
	}

	#offer-special-meal .list-meal li .caption {
		font-size: 0.875rem;
		flex: 0 0 1em;
	}

	#offer-special-meal .btn {
		max-width: 530px;
	}

	#offer-special-meal .btn a {
		opacity: 1;
	}

	#offer-special-meal .btn a:hover {
		background: #c33c00;
	}

	#offer-special-meal .btn a img {
		margin: -8px .5625rem 0 0;
		width: 55px;
	}

	#offer-special-meal .btn a span {
		font-size: 1.375rem;
	}

	#offer-special-meal .controller__toggle {
		bottom: 0;
	}
}

/* fade-in =================================================== */
.food-diversity .fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: all .6s ease-out;
}

.food-diversity .fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

.food-diversity .fade-in-order>* {
	opacity: 0;
	transform: translateY(30px);
	transition: all .6s ease-out;
}

.food-diversity .fade-in-order.visible>* {
	opacity: 1;
	transform: translateY(0);
}

.food-diversity .fade-in-order.visible>*:nth-child(1) {
	transition-delay: .5s;
}

.food-diversity .fade-in-order.visible>*:nth-child(2) {
	transition-delay: .75s;
}

.food-diversity .fade-in-order.visible>*:nth-child(3) {
	transition-delay: 1s;
}

.food-diversity .fade-in-order.visible>*:nth-child(4) {
	transition-delay: 1.25s;
}

.food-diversity .fade-in-order.visible>*:nth-child(5) {
	transition-delay: 1.5s;
}

.food-diversity .fade-in-left {
	opacity: 0;
	transform: translateX(30px);
	transition: all .6s ease-out;
}

.food-diversity .fade-in-left.visible {
	opacity: 1;
	transform: translateX(0);
}

.food-diversity .fade-in-order-left>* {
	opacity: 0;
	transform: translateX(30px);
	transition: all .6s ease-out;
}

.food-diversity .fade-in-order-left.visible>* {
	opacity: 1;
	transform: translateX(0);
}

.food-diversity .fade-in-order-left.visible>*:nth-child(1) {
	transition-delay: .5s;
}

.food-diversity .fade-in-order-left.visible>*:nth-child(2) {
	transition-delay: .75s;
}

.food-diversity .fade-in-order-left.visible>*:nth-child(3) {
	transition-delay: 1s;
}

.food-diversity .fade-in-order-left.visible>*:nth-child(4) {
	transition-delay: 1.25s;
}

.food-diversity .fade-in-order-left.visible>*:nth-child(5) {
	transition-delay: 1.5s;
}

.food-diversity .fade-in-right {
	opacity: 0;
	transform: translateX(-30px);
	transition: all .6s ease-out;
}

.food-diversity .fade-in-right.visible {
	opacity: 1;
	transform: translateX(0);
}

.food-diversity .fade-in-order-right>* {
	opacity: 0;
	transform: translateX(-30px);
	transition: all .6s ease-out;
}

.food-diversity .fade-in-order-right.visible>* {
	opacity: 1;
	transform: translateX(0);
}

.food-diversity .fade-in-order-right.visible>*:nth-child(1) {
	transition-delay: .5s;
}

.food-diversity .fade-in-order-right.visible>*:nth-child(2) {
	transition-delay: .75s;
}

.food-diversity .fade-in-order-right.visible>*:nth-child(3) {
	transition-delay: 1s;
}

.food-diversity .fade-in-order-right.visible>*:nth-child(4) {
	transition-delay: 1.25s;
}

.food-diversity .fade-in-order-right.visible>*:nth-child(5) {
	transition-delay: 1.5s;
}


/* footer =================================================== */
#footer {
	position: relative;
	z-index: 8;
}

.language_changer {
	margin-top: 0;
}

.food-diversity .fade-in-order-left.visible .is_note {
	display: inline-block;
}

.food-diversity .fade-in-order-left.visible .txt_source {
	font-size: 0.6875rem;
	text-align: right;
	display: block;
}