@charset "utf-8";

/* ==============================
Smartphone english layout
Site Name: Hanasaki Manjiro;
Date: 2018.06;
================================= */

/* layout
================================= */
/* hero */
#header {
	background: url(../img/english/photo_hero.jpg) center no-repeat;
	background-size: cover;
}
/* ttl */
.english__ttl {
	margin-top: 40px;
	font-size: 24px;
}
.english__ttl .eng {
	display: block;
	font-size: 16px;
	line-height: 1.6;
}

/* lead
----------------------------- */
#en__lead {
	background: url(../img/home/bg_lead05.png) right bottom no-repeat;
	background-size: 480px;
	padding-top: 24px;
	padding-bottom: 80px;
}
#en__lead h2 {
	margin-left: auto;
	margin-bottom: 40px;
}

/* drink
----------------------------- */
.drinkmenu h2 {
	margin-bottom: -32px;
}
.drinkmenu h3 {
	padding-top: 64px;
	margin-bottom: 40px;
}
.drinkmenu .txt {
	margin-top: -12px;
	padding-bottom: 20px;
}

/* private-room
----------------------------- */
/* see common.css private-room */

/* manjiro - access copy
----------------------------- */
#en__manjiro {
	background: url(../img/access/bg_shopinfo.jpg) center bottom no-repeat #031337;
	background-size: 100%;
}
@media only screen and (max-width: 767px){
	#en__manjiro {
		padding-bottom: calc(60vw - 16px);
	}
}
@media only screen and (min-width: 768px){
	#en__manjiro {
		padding-bottom: calc(50vw - 16px);
	}
}
#en__manjiro h2 {
	color: #faf9f4;
	margin-bottom: 48px;
}
#en__manjiro .bg--white {
	box-sizing: border-box;
	padding: 32px 20px;
}

/* accessmap - access copy
----------------------------- */
#en__accessmap {
	padding-bottom: 80px;
}
#en__accessmap h2 {
	margin-left: auto;
	margin-bottom: 48px;
}
#gmap-english {
	margin-bottom: 40px;
}
/* list */
.map__list h3 {
	margin-top: 16px;
	margin-bottom: 12px;
}
.map__list li {
	list-style: none;
}
.map__bus i,
.map__bus b {
	color: #660;
}
.map__train i,
.map__train b {
	color: #600;
}
.map__parking b {
	color: #066;
}