@charset "UTF-8";

@import "pure.css";

/* ============================
カフェページのCSS
-------------------------------
1.ページ共通のCSS
2.ヘッダ部分のCSS
3.Top Concept のCSS
4.Page Nav のCSS
5.Place Header のCSS
6.Place Concept のCSS
7.Menu のCSS
8.ページのトップへのCSS
8b.追加注釈へのCSS
9.Access のCSS
10.フッタ部分のCSS
============================== */

/* ===========================
1.ページ共通のCSS
============================== */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 10px;
}
body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0;
}

#wrapper-all {
	overflow-x: hidden;
}
#wrapper-all img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
/* ブレイクポイントに基づく非表示 */
@media screen and (max-width: 479.9px) {/* sp-xs */
	.hidden-sp-xs { display: none; }
}
@media screen and (min-width: 480px) {/* sp-s */
	.hidden-gt-sp-s { display: none; }
}
@media screen and (min-width: 480px) and (max-width: 679.9px) {
	.hidden-sp-s { display: none; }
}
@media screen and (max-width: 679.9px) {
	.hidden-lt-sp-s { display: none; }
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	.hidden-gt-sp-t { display: none; }
}
@media screen and (min-width: 680px) and (max-width: 879.9px) {
	.hidden-sp-t { display: none; }
}
@media screen and (max-width: 879.9px) {
	.hidden-lt-sp-t { display: none; }
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
	.hidden-gt-pc-m { display: none; }
}
@media screen and (min-width: 880px) and (max-width: 979.9px) {
	.hidden-pc-m { display: none; }
}
@media screen and (max-width: 979.9px) {
	.hidden-lt-pc-m { display: none; }
}
@media screen and (min-width: 980px) {/* コンテンツ幅は 960 px : pc-l */
	.hidden-gt-pc-l { display: none; }
}
@media screen and (min-width: 980px) and (max-width: 1079.9px) {
	.hidden-pc-l { display: none; }
}
@media screen and (max-width: 1079.9px) {
	.hidden-lt-pc-l { display: none; }
}
@media screen and (min-width: 1080px) {/* 画像背景最大幅 : pc-xl */
	.hidden-gt-pc-xl { display: none; }
}

/* ===========================
2.ヘッダ部分のCSS
============================== */

#page-header {
	background-color: #365c7f;
	min-height: 127px;
}
#page-header h1 {
	margin: 0;
	padding: 20px 20px 12px;
	text-align: center;
}
#page-header h1 img { 
	max-width: 113px;
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	#page-header {
		min-height: 146px;
	}
	#page-header h1 { 
		padding: 24px 20px 16px;
	}
	#page-header h1 img {
		max-width: 128px;
	}
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
	#page-header {
		min-height: 191px;
	}
	#page-header h1 {
		padding: 30px 20px 22px;
	}
	#page-header h1 img {
		max-width: 170px;
	}
}

/* ===========================
3.Top Concept のCSS
============================== */
/* 画像切替部分のCSS */
#top-concept {
	position: relative;
	margin: 0 auto;
	height: 332px;
	background-position: center center;
	background-size: cover;
}
#top-concept #top-concept-inner {
	padding-top: 1px;
	height: 100%;
	background-color: rgba(54,92,127,0.5);
}
#top-concept .concept_title,
#top-concept .concept_titlesub,
#top-concept .top-concept-text {
	text-align: center;
	line-height: 1;
}
#top-concept .concept_title {
	margin-top: 20px;
	padding: 0 10px;
}
#top-concept .concept_title img {
	max-width: 315px;
	padding-left: 4px;
}
#top-concept .concept_titlesub img {
	max-width: 99px;
	padding-left: 3px;
}
#top-concept .top-concept-text {
	padding: 0 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.7142857;
	color: #fff;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.75);
}
#top-concept .top-concept-text em {
	font-style: normal;
}
@media screen and (min-width: 480px) {/* sp-s */
	#top-concept {
		height: 350px;
	}
	#top-concept .concept_title {
		margin-top: 32px;
	}
	#top-concept .concept_title img {
		max-width: 472px;
	}
	#top-concept .concept_titlesub img {
		max-width: 148px;
	}
	#top-concept .top-concept-text {
		line-height: 2.642857;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	#top-concept {
		height: 420px;
	}
	#top-concept .concept_title {
		margin-top: 60px;
	}
	#top-concept .concept_titlesub {
		margin-top: 28px;
	}
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
	#top-concept {
		height: 550px;
	}
	#top-concept .concept_title {
		margin-top: 114px;
	}
	#top-concept .concept_titlesub {
		margin-top: 50px;
	}
	#top-concept .top-concept-text {
		margin-top: 10px;
	}
}
@media screen and (min-width: 1080px) {/* 画像背景最大幅 : pc-xl */
	#top-concept {
		height: 675px;
	}
	#top-concept .concept_title {
		margin-top: 168px;
	}
	#top-concept .concept_titlesub {
		margin-top: 70px;
	}
	#top-concept .top-concept-text {
		margin-top: 22px;
	}
}
/* ===========================
4.Page Nav のCSS
============================== */
#page-nav {
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(../img/veranda_bg.png) repeat;
}
#page-nav #page-nav-inner {
	margin: 0 auto 12px;
	max-width: 850px;
}
#page-nav .page-nav-hero {
	margin-top: -1px;
}
#page-nav ul {
	margin-top: 12px;
	overflow: hidden;
	list-style: none;
	padding: 0 16px;
}
#page-nav ul li {
	display: block;
	float: left;
	width: 47.5%;
}
#page-nav ul li:first-child {
	margin-right: 5%;
}
#page-nav ul li .nav-item-main {
	margin-top: 0;
	margin-bottom: 6px;
	background-color: #fff;
	line-height: 1;
}

#page-nav ul li .nav-item-title {
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 1;
	text-align: center;
}
#page-nav ul li .nav-item-title.nav-item-title-2f img {
	max-width: 132px;
}
#page-nav ul li .nav-item-title.nav-item-title-1f img {
	max-width: 92px;
}
#page-nav ul li .nav-item-titlesub {
	margin-top: 6px;
	line-height: 1;
	text-align: center;
	color: #000;
}
#page-nav ul li a {
	text-decoration: none;
}
#page-nav ul li a:hover p {
	text-decoration: underline;
}
#page-nav ul li p.closing_period_notice {
	text-align: left;
}
#page-nav ul li a p.tc-red {
	color: #ff0000;
}
#page-nav ul li a:hover p.closing_period_notice {
	text-decoration: none;
}

@media screen and (min-width: 480px) {
	#page-nav #page-nav-inner {
		margin: 48px auto 12px;
	}
	#page-nav .page-nav-hero {
		margin-top: 0;
	}
	#page-nav ul {
		margin-top: 20px;
	}
	#page-nav ul li {
		display: block;
		float: left;
		width: 47.5%;
	}
	#page-nav ul li:first-child {
		margin-right: 5%;
	}
	#page-nav ul li .nav-item-title.nav-item-title-2f img {
		max-width: 175px;
	}
	#page-nav ul li .nav-item-title.nav-item-title-1f img {
		max-width: 122px;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット */
	#page-nav ul {
		margin-top: 24px;
	}
	#page-nav ul li .nav-item-title.nav-item-title-2f img {
		max-width: 263px;
	}
	#page-nav ul li .nav-item-title.nav-item-title-1f img {
		max-width: 183px;
	}
	#page-nav ul li p.closing_period_notice {
		text-align: center;
	}
}
@media screen and (min-width: 880px) {/* ここから小さめPC */
	#page-nav #page-nav-inner {
		margin: 65px auto 22px;
	}
	#page-nav ul {
		margin-top: 30px;
		padding: 0 0;
	}
	#page-nav ul li .nav-item-main img:hover {
		opacity: 0.6;
	}
	#page-nav ul li .nav-item-title {
		margin-top: 20px;
	}
}
@media screen and (min-width: 980px) {
}
@media screen and (min-width: 1080px) {/* 画像背景最大幅 : pc-xl */
}


/* ===========================
5.Place Header のCSS
============================== */

.sec_header {
	line-height: 1;
}
.sec_header h2 {
	margin: 0;
	padding: 8px 10px;
	background-color: #365c7f;
	text-align: center;
}
#veranda-2f .sec_header h2 img {
	max-width: 240px;
}
#veranda-1f .sec_header h2 img {
	max-width: 167px;
}
.sec_header .sec_header_main {
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
}
#veranda-2f .sec_header .sec_header_main {
	background-image: url(../img/veranda_2f.jpg);
}
#veranda-1f .sec_header .sec_header_main {
	background-image: url(../img/veranda_1f.jpg);
}
@media screen and (min-width: 480px) {/* sp-s */
	.sec_header h2 {
		padding: 12px 10px;
	}
	#veranda-2f .sec_header h2 img {
		max-width: 300px;
	}
	#veranda-1f .sec_header h2 img {
		max-width: 209px;
	}
	.sec_header .sec_header_main {
		height: 250px;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	.sec_header h2 {
		padding: 16px 10px;
	}
	#veranda-2f .sec_header h2 img {
		max-width: 361px;
	}
	#veranda-1f .sec_header h2 img {
		max-width: 251px;
	}
	.sec_header .sec_header_main {
		height: 320px;
	}
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
	.sec_header h2 {
		padding: 20px 10px;
	}
	.sec_header .sec_header_main {
		height: 400px;
	}
}
@media screen and (min-width: 980px) {/* コンテンツ幅は 960 px : pc-l */
	.sec_header h2 {
		padding: 26px 10px;
	}
	.sec_header .sec_header_main {
		height: 480px;
	}
}
@media screen and (min-width: 1080px) {/* 画像背景最大幅 : pc-xl */
	.sec_header h2 {
		padding: 34px 10px;
	}
	.sec_header .sec_header_main {
		height: 550px;
	}
}

/* ===========================
6.Place Concept のCSS
============================== */

.sec_concept .sec_concept-main {
	
}
.sec_concept .sec_concept-left img,
.sec_concept .sec_concept-right img,
.sec_concept .sec_concept-sub img {
	padding-bottom: 10px;
}
.sec_concept .sec_concept-left {
	
}
.sec_concept .sec_concept-right {
	
}
.sec_concept .sec_concept-text {
	text-align: center;
}
.sec_concept .sec_concept-sub {
	
}

@media screen and (min-width: 480px) {/* sp-s */
	.sec_concept .sec_concept-text {
		font-size: 1.4rem;
		line-height: 1.5;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	.sec_concept .sec_concept-main {
		overflow: hidden;
		margin: 36px auto 0;
		padding: 0 20px;
		max-width: 1000px;
	}
	.sec_concept .sec_concept-left {
		width: 46.875%;
		float: left;
	}
	.sec_concept .sec_concept-right {
		width: 46.875%;
		float: right;
	}
	.sec_concept .sec_concept-text {
		text-align: left;
	}
	.sec_concept .sec_concept-sub {
		overflow: hidden;
		margin: 20px auto 0;
		padding: 0 20px;
		max-width: 890px;
	}
	#wrapper-all .sec_concept .sec_concept-sub img {
		display: block;
		width: 29.41175%;
		float: left;
		margin-right: 5.88234%;
	}
	#wrapper-all .sec_concept .sec_concept-sub img:last-child {
		float: right;
		margin-right: 0;
	}
	#veranda-2f-concept .sec_concept-text {
		margin-bottom: 34px;
	}
	#veranda-1f-concept .sec_concept-text {
		margin-left: 34px;
		margin-bottom: 56px;
	}
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
	.sec_concept .sec_concept-main {
		margin: 48px auto 0;
	}
	#veranda-2f-concept .sec_concept-text {
		margin-top: 38px;
		margin-left: 22px;
		margin-bottom: 60px;
		line-height: 1.7857142;
	}
	#veranda-1f-concept .sec_concept-text {
		margin-top: 38px;
		margin-left: 50px;
		margin-bottom: 56px;
		line-height: 1.7857142;
	}
	.sec_concept .sec_concept-sub {
		margin: 32px auto 0;
	}
}
@media screen and (min-width: 980px) {/* コンテンツ幅は 960 px : pc-l */
	.sec_concept .sec_concept-main {
		margin: 52px auto 0;
	}
	#veranda-2f-concept .sec_concept-text {
		margin-top: 50px;
		margin-left: 34px;
		margin-bottom: 72px;
		line-height: 2;
	}
	#veranda-1f-concept .sec_concept-text {
		margin-top: 50px;
		margin-left: 72px;
		margin-bottom: 72px;
		line-height: 2;
	}
	.sec_concept .sec_concept-sub {
		margin: 42px auto 0;
	}
}
@media screen and (min-width: 1080px) {/* 画像背景最大幅 : pc-xl */
	.sec_concept .sec_concept-main {
		margin: 60px auto 0;
	}
	#veranda-2f-concept .sec_concept-text {
		margin-left: 48px;
		margin-bottom: 140px;
		line-height: 2.2857142;
	}
	#veranda-1f-concept .sec_concept-text {
		margin-top: 58px;
		margin-left: 106px;
		margin-bottom: 140px;
		line-height: 2.2857142;
	}
	.sec_concept .sec_concept-sub {
		margin: 48px auto 0;
	}
}

	
	
/* ===========================
7.Menu のCSS
============================== */


.menu-area {
	margin: 16px auto 0;
	padding-top: 16px;
	max-width: 850px;
}
.menu-area .menu-title {
	border-bottom: #365c7f solid 3px;
	padding-bottom: 6px;
	text-align: center;
}
#veranda-2f-menu.menu-area .menu-title img {
	width: 104px;
}
#veranda-1f-menu.menu-area .menu-title img {
	width: 99px;
}
.menu-area .menu-images-area {
	margin: 24px auto 0;
	max-width: 720px;
}
.menu-area .menu-images-area figure {
	position: relative;
	margin: 0 0 1em;
}
.menu-area .menu-images-area figure figcaption {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	color: #4d4d4d;
	text-align: left;
	text-shadow: 0 -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff,/* ここまでボカシなし */0 -2px 1px rgba(255,255,255,0.9), 1px -1px 1px rgba(255,255,255,0.9), 2px 0 1px rgba(255,255,255,0.9), 1px 1px 1px rgba(255,255,255,0.9), 0 2px 1px rgba(255,255,255,0.9), -1px 1px 1px rgba(255,255,255,0.9), -2px 0 1px rgba(255,255,255,0.9), -1px -1px 1px rgba(255,255,255,0.9),/* ここまで1pxボカシ */ 0 -3px 2px rgba(255,255,255,0.7), 2px -2px 2px rgba(255,255,255,0.7), 3px 0 2px rgba(255,255,255,0.7), 2px 2px 2px rgba(255,255,255,0.7), 0 3px 2px rgba(255,255,255,0.7), -2px 2px 2px rgba(255,255,255,0.7), -3px 0 2px rgba(255,255,255,0.7), -2px -2px 2px rgba(255,255,255,0.7)/* ここまで2pxボカシ */ ;
}
/*
#veranda-1f-menu.menu-area .menu-images-area figure figcaption {
	color: #fff;
	text-shadow: 0 -1px 0 #4a358d, 1px 0 0 #4a358d, 0 1px 0 #4a358d, -1px 0 0 #4a358d,/* ここまでボカシなし *//*0 -2px 1px #4a358dcc, 1px -1px 1px #4a358dcc, 2px 0 1px #4a358dcc, 1px 1px 1px #4a358dcc, 0 2px 1px #4a358dcc, -1px 1px 1px #4a358dcc, -2px 0 1px #4a358dcc, -1px -1px 1px #4a358dcc,/* ここまで1pxボカシ *//* 0 -3px 2px #4a358d88, 2px -2px 2px #4a358d88, 3px 0 2px #4a358d88, 2px 2px 2px #4a358d88, 0 3px 2px #4a358d88, -2px 2px 2px #4a358d88, -3px 0 2px #4a358d88, -2px -2px 2px #4a358d88/* ここまで2pxボカシ *//* ;
}
*/
.menu-area .figure-table {
	display: table;
}
.menu-area .figure-table .figure-table_cell {
	display: table-cell;
}
.menu-area .figure-table .figure-table_cell.cell_half {
	/*width: 48.26388%;*/
}
.menu-area .figure-table .figure-table_cell.cell_wider {
	/*width: 59.02777%;*/
}
.menu-area .figure-table .figure-table_cell.cell_narrower {
	/*width: 37.5%;*/
}
.menu-area .figure-table .figure-table_cell.cell_space {
	width: 3.47222%;
}
@media screen and (min-width: 480px) {/* sp-s */
	.menu-area .menu-images-area figure figcaption {
		top: 1em;
		padding: 0 1em;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	.menu-area {
		margin: 86px auto 0;
	}
	.menu-area .menu-title {
		padding-bottom: 10px;
	}
	#veranda-2f-menu.menu-area .menu-title img {
		width: 130px;
	}
	#veranda-1f-menu.menu-area .menu-title img {
		width: 123px;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */

}
@media screen and (min-width: 980px) {/* コンテンツ幅は 960 px : pc-l */

}
.menu-lists-area {
	margin: 0 auto;
	padding: 0 10px 0px;
	max-width: 720px;
}
.menu-lists-area .menu-group {
	padding: 10px 0;
}
.menu-lists-area .menu-list-header {
	position: relative;
	margin-top: 4px;
	margin-top: 0.4rem;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
	border-bottom: #365c7f solid 1px;
	text-align: left;
}
.menu-lists-area .menu-list-header span {
	position: relative;
	display: inline-block;
	top: 0.8rem;
	padding-right: 1rem;
	padding-bottom: 0.4rem;
	background-color: #fff;
}
#wrapper-all .menu-lists-area .menu-list-header01 img {
	width: 62px;
}
#wrapper-all .menu-lists-area .menu-list-header02 img {
	width: 95px;
}
#wrapper-all .menu-lists-area .menu-list-header03 img {
	width: 73px;
}
.menu-lists-area .menu-list {
	list-style: none;
	margin-top: 4px;
	margin-top: 0.4rem;
	padding-left: 0;
}
.menu-lists-area .menu-list .menu-list-item {
	position: relative;
	/* border-bottom: #475b66 solid 1px; */
	padding: 6px 1em 4px;
	font-size: 14px;
	font-size: 1.4rem;
}
.menu-lists-area .menu-list .menu-list-item.item-long {
	padding: 6px 1em 28px;
	padding: 6px 1em calc(1.5em + 4px);
}
.menu-lists-area .menu-list .menu-list-item .item-price {
	position: absolute;
	bottom: 5px;
	right: 1em;
	display: block;
	text-align: right;
}
@media screen and (min-width: 480px) {/* sp-s */
	.menu-lists-area .menu-group {
		overflow: hidden;
	}
	.menu-lists-area .menu-list {
		display: block;
		width: 584px;
		max-width: 100%;
		float: right;
	}
	.menu-lists-area .menu-list .menu-list-item.item-long {
		padding: 6px 1em 4px;
	}
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
	.menu-lists-area {
		padding: 16px 10 40px;
	}
	.menu-lists-area .menu-group {
		padding: 8px 0;
	}
	.menu-lists-area .menu-list-header {
		margin-top: 8px;
		margin-top: 0.8rem;
		margin-bottom: 8px;
		margin-bottom: 0.8rem;
	}
	.menu-lists-area .menu-list .menu-list-item,
	.menu-lists-area .menu-list .menu-list-item.item-long {
		padding: 10px 1em 8px;
	}
	.menu-lists-area .menu-list .menu-list-item .item-price {
		bottom: 9px;
	}
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
	.menu-lists-area {
		padding: 20px 0 56px;
	}
}
/* ===========================
8.ページのトップへのCSS
============================== */
.topagetop {
	max-width: 850px;
	margin: 40px auto 32px;
	padding: 0 1em;
	text-align: right;
}
#wrapper-all .topagetop a img {
	max-width: 98px;
}
/* ===========================
8b.追加注釈へのCSS
============================== */
.notation_bottom {
	max-width: 850px;
	margin: -8px auto 32px;
	padding: 0 1em;
	text-align: right;
	font-size: 13px;
	font-size: 1.3prem;
}
/* ===========================
9.Access のCSS
============================== */
#access {
	padding-top: 2px;
	padding-bottom: 26px;
	background-color: #365c7f;
}
#access #access_inner {
	max-width: 720px;
	margin: 0 auto
}
#access #access_inner h2,
#access #access_inner h3,
#access #access_inner p {
	color: #fff;
	text-align: center;
}
#access #access_inner h2 {
	margin-top: 30px;
}
#access #access_inner h2 .underline {
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
	margin-bottom: 0.5em;
}
#access #access_inner h2 .underline .underline2 {
	display: inline-block;
	border-bottom: 3px solid #fff;
}
#access #access_inner h2 .underline .underline2 img {
	max-width: 130px;
}
 #access #access_inner h3 {
	font-weight: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 0 0 4px;
}
#access #access_inner .veranda_name_sub,
#access #access_inner .veranda_address,
#access #access_inner .business_hours,
#access #access_inner .access_howto {
	line-height: 1.5;
	padding: 0 1em;
}
#access #access_inner .veranda_name_sub,
#access #access_inner .veranda_address {
	margin:0 0 0;
}
#access #access_inner .business_hours {
	margin:0 0 24px;
}
#access #access_inner .closing_period_notice {
	position: relative;
	top: -20px;
}
#access #access_inner .map {
	width: 96%;
	margin: 0 auto 24px;
	overflow: hidden;
	position: relative;
	height: 0;
	padding: 20px 0 270px;
}
#access #access_inner .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	border: none;
}
@media screen and (min-width: 480px) {
	#access #access_inner .veranda_name {
		margin-bottom: 10px;
	}
	#access #access_inner .map {
		width: 88%;
	}
}
@media screen and (min-width: 680px) {
	#access #access_inner h2 {
		margin-top: 42px;
		margin-bottom: 28px;
	}
	#access #access_inner h2 .underline {
		padding-bottom: 6px;
		border-bottom: 1px solid #fff;
	}
	#access #access_inner h2 .underline2 {
		border-bottom: 4px solid #fff;
	}
	#access #access_inner h3 {
		font-size: 20px;
		font-size: 2rem;
	}
	#access #access_inner .veranda_name {
		margin-bottom: 14px;
	}
	#access #access_inner .veranda_name_sub,
	#access #access_inner .veranda_address,
	#access #access_inner .business_hours,
	#access #access_inner .access_howto {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.7;
		padding: 0 1em;
	}
	#access #access_inner .business_hours {
		margin:0 0 40px;
	}
	#access #access_inner .access_howto {
		margin:40px 0 40px;
	}
	#access #access_inner .closing_period_notice {
		top: -36px;
		font-size: 14px;
		font-size: 1.4rem
	}
	#access #access_inner .map {
		padding: 20px 0 360px;
		width: 96%;
	}
}
#access #access_inner .hidden_image {
	display: none;
}
@media screen and (min-width: 880px) {
	#access #access_inner h2 {
		margin-top: 48px;
		margin-bottom: 36px;
	}
	#access #access_inner h2 .underline {
		padding-bottom: 10px;
		border-bottom: 2px solid #fff;
		margin-bottom: 0.3em;
	}
	#access #access_inner h2 .underline2 {
		border-bottom: 6px solid #fff;
	}
	#access #access_inner h2 .underline .underline2 img {
		max-width: 174px;
	}
	#access #access_inner h3 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	#access #access_inner .veranda_name {
		margin-bottom: 20px;
	}
	#access #access_inner .veranda_name_sub,
	#access #access_inner .veranda_address,
	#access #access_inner .business_hours,
	#access #access_inner .access_howto {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#access #access_inner .business_hours {
		margin:0 0 40px;
	}
	#access #access_inner .access_howto {
		margin:40px 0 40px;
	}
	#access #access_inner .map {
		padding: 20px 0 360px;
		width: 100%;
	}
	#access #access_inner .map iframe {
		width: 100%;
	}
}
@media screen and (min-width: 980px) {
	#access #access_inner .map {
		padding: 20px 0 430px;
	}
}
@media screen and (min-width: 1280px) {
	#access #access_inner .map {
		width: 100%;
	}
}

/* ===========================
10.フッタ部分のCSS
============================== */
footer {
	padding-bottom: 6px;
}
footer #footer_inner {
	max-width: 960px;
	margin: 0 auto;
}
footer #footer_inner p,
footer #footer_inner nav,
footer #footer_inner address {
	color: #000;
	text-align: center;
}
footer #footer_inner #footer_image {
	margin: 24px 0;
}
footer #footer_inner #footer_image img {
	width: 258px;
}
footer #footer_inner nav {
	margin-bottom: 24px;
}
footer #footer_inner nav ul {
	list-style: none;
	padding: 0;
}
footer #footer_inner nav ul li {
	display: inline-block;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}
footer #footer_inner nav ul li::after {
	content: " ｜ ";
}
footer #footer_inner nav ul li:last-child::after {
	content: "";
}
footer #footer_inner nav ul li a,
footer #footer_inner nav ul li a:link,
footer #footer_inner nav ul li a:hover,
footer #footer_inner nav ul li a:active,
footer #footer_inner nav ul li a:visited {
	color: #000;
}
footer #footer_inner nav ul li a,
footer #footer_inner nav ul li a:link {
	text-decoration: none;
}
footer #footer_inner nav ul li a:hover,
footer #footer_inner nav ul li a:active {
	text-decoration: underline;
}
footer #footer_inner address {
	font-style: normal;
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 680px) {
	footer {
		padding-bottom: 10px;
	}
	footer #footer_inner #footer_image img {
		width: 264px;
	}
	footer #footer_inner nav ul li {
		font-size: 16px;
		font-size: 1.6rem;
	}
	footer #footer_inner address {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 880px) {
	
}
@media screen and (min-width: 980px) {
	footer {
		padding-bottom: 12px;
	}
	footer #footer_inner #footer_image {
		margin: 60px 0 30px;
	}
	footer #footer_inner nav {
		margin-bottom: 38px;
	}
	footer #footer_inner nav ul li {
		font-size: 16px;
		font-size: 1.6rem;
	}
}
/* ===========================
ブレイクポイントセット
============================== */
/* sp-xs */
@media screen and (min-width: 480px) {/* sp-s */
}
@media screen and (min-width: 680px) {/* ここからタブレット : sp-t */
}
@media screen and (min-width: 880px) {/* ここから小さめPC : pc-m */
}
@media screen and (min-width: 980px) {/* コンテンツ幅は 960 px : pc-l */
}
@media screen and (min-width: 1080px) {/* 画像背景最大幅 : pc-xl */
}