@charset "utf-8";

.page_header::after{
	content:"";
	position:absolute;
	z-index:2;
	width:100%;height:100%;
	top:0;left:0;
	background-color:rgba(255,255,255,0.2);
}
.page_header>h1{
	position: relative;
	z-index: 3;
}


.tour_flow { display:flex; flex-wrap:wrap; justify-content:space-between;}
.tour_flow .course { flex:0 0 46%; margin-bottom:60px; }
@media only screen and (max-width: 767px) {
	.tour_flow .course { flex:0 0 100% }
}
.course h2 { text-align:center; margin:10px 0; color:#B61D22; }
.course .req_time { text-align:center; }
.course .route {
	position:relative;
	padding:0px; border:1px #888 solid; box-sizing:content-box;
	margin-bottom:60px;
}
.course .route::after {
	font-family: 'FontAwesome';
	content: "\f0d7";
	font-size:40px;	
	position: absolute;
	bottom:-50px;
	left:calc(50% - 10px);
	color:#B61D22;
}
.course .route:last-of-type::after { content:""; }
.course .route h3 { margin:0; padding:10px; background-color:#222; color:#fff; text-align:center; }
.course .route p { margin:10px; }


h2.route_tit { margin:60px 0 0 0; padding:10px; background-color:#eee; }
h2.route_tit:first-child { margin-top:0; }


.route_txt { max-width:760px; margin:0 auto; text-align:center; }
.route_txt p { display:inline-block; text-align:left; }


p.tlink_bt { text-align:center; }
p.tlink_bt a { display:inline-block; padding:10px; margin:0 10px; background-color:#F7EDAA; text-decoration:none; color:#000; line-height:1.6;
	border-radius:6px; transition-duration:0.2s; border:1px #D57833 solid; min-width:260px; text-align:center; font-weight:600;
	background-image:url('images/menu_arrow_right.png'); background-position:right center; background-repeat:no-repeat;
}
p.tlink_bt a:hover { background-color:#D57833; color:#fff;background-image:url('images/menu_arrow_right_wh.png'); }

p.tlink_bt2 { text-align:center; margin-bottom:40px; }
p.tlink_bt2 a {
	display:inline-block; min-width:280px; padding:8px 16px; box-sizing:border-box; background-color:#FA5A16;
	text-decoration:none; color:#fff;  opacity:0.9; border-radius:6px; box-shadow:2px 2px 4px 0px #999;
}
p.tlink_bt2 a:hover { position:relative; top:2px; left:2px; box-shadow:0px 0px 3px 0px #999 }


.course_select { display:flex; flex-wrap:wrap; justify-content:center; margin:40px 0 0 0; }
.course_select div { margin-bottom:30px; }
@media only screen and (max-width: 767px) {
	.course_select div { flex:0 0 100%; }
}


.lunchmenu { display:flex; flex-wrap:wrap; justify-content:center; }
.lunchmenu div { flex:0 0 33.3%; margin-bottom:20px; padding:16px; border-right:1px #999 solid; }
.lunchmenu div:last-child { border-right:none; }
.lunchmenu div img { width:100%; }
.lunchmenu div h3 { margin:20px 0 6px 0; text-align:center; font-size:1.3rem; }
.lunchmenu div p.price { margin:0; text-align:right; }
.lunchmenu div ul { margin:0;padding:0 0 0 20px; line-height:1.6; }
.lunchmenu div ul li { margin-bottom:0.5em; }

.lunchmenu.item4 div { flex:0 0 25%; }
.lunchmenu.item4 div ul { font-size:0.9rem; }
@media only screen and (max-width: 960px) {
	.lunchmenu.item4 div { flex:0 0 50%; }
}
@media only screen and (max-width: 767px) {
	.lunchmenu div, .lunchmenu.item4 div { flex:0 0 100%; border-right:none; }
}

table.cancelpolicy { margin:0 auto 60px auto; border-collapse:collapse; width:100%; max-width:600px; }
table.cancelpolicy th, table.cancelpolicy td { padding:12px; border:1px #aaa solid; }
table.cancelpolicy caption { caption-side:bottom; white-space:nowrap; margin-top:6px; }
table.cancelpolicy th.thead { background-color:#fff !important; border:none; }
table.cancelpolicy tr th:first-child,
table.cancelpolicy tr td:first-child { background-color:#F4EFE8; }
table.cancelpolicy tr th:last-child,
table.cancelpolicy tr td:last-child { background-color:#FAFAF5; }
@media only screen and (max-width: 767px) {
	table.cancelpolicy th, table.cancelpolicy td { padding:12px 6px; }
	table.cancelpolicy caption { white-space:normal; text-align:left; }
}


.lunchplace { display:flex; flex-wrap:wrap; justify-content:space-between; }
.lunchplace div { flex:0 0 32%; margin-bottom:20px; }
.lunchplace div img { width:100%; }
@media only screen and (max-width: 767px) {
	.lunchplace div { flex:0 0 100%; }
}


p.inqtext { text-align:center; line-height:1.4; }
.course_select+p.inqtext { margin-bottom:40px; }

p.menu_note { line-height:1.4;color:red; font-size:0.9rem; }
p.summer_ltd { margin:32px 0 16px 0; text-align:center; font-size:1.3rem; font-weight:bold; color:#0081D7; background-color:#D2EDFF; }