@charset "utf-8";

/* =======================================
	shop CSS
========================================== */

/* PC用グローバルナビ トップに固定＆カレント表示
------------------------------------------ */
@media screen and (min-width: 600px) {
	div#gnav {
		position: fixed;
		top: 0;
		z-index: 120;
	}
	div#gnav div#gnavInner ul li#gnav06 {background: url(../../img/gnav06_o.png) no-repeat}
}

/* ページタイトル
------------------------------------------ */
@media screen and (min-width: 600px) {
	div#pgTtl {
		box-sizing: border-box;
		width: 100%;
		height: 150px;
		background: #B80500;
		padding: 42px 0 0;
		margin: 94px 0 60px;
	}
	div#pgTtl h1 {
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		box-sizing: border-box;
		height: 67px;
		background: url(../../img/icnShop.png) no-repeat;
		padding: 16px 0 0 82px;
	}
}
@media screen and (max-width: 599px) {
	div#pgTtl {
		clear: both;
		box-sizing: border-box;
		width: 100%;
		height: 60px;
		background: #B80500;
		padding: 13px 0 0;
		margin-bottom: 20px;
	}
	div#pgTtl h1 {
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		box-sizing: border-box;
		height: 34px;
		background: url(../../img/icnShop.png) no-repeat;
		background-size: auto 34px;
		padding: 6px 0 0 41px;
	}
}

/* パーツ
------------------------------------------ */
/*  */
@media screen and (min-width: 600px) {
	div.info {
		margin-bottom: 20px;
	}
	div.map {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 599px) {
	div.info {
		margin-bottom: 10px;
	}
	div.map {
		margin-bottom: 20px;
	}
}
/* 埋め込みMAPレスポンシブ対応 */
div.map {
	position: relative;
	width: 100%; /*横幅いっぱいにwidthを指定*/
	height: 0px; /*高さはpaddingで指定するためheightは0px*/
	padding-bottom: 60%; /*高さをpaddingで10:6に指定*/
	box-sizing: border-box;
	border: 1px solid #ccc;
}
div.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}