@charset "UTF-8";

/*---------------------------------------------

Shops Page CSS

for domain
coded by d-spica at 2018-07-15

---------------------------------------------*/


@import url(default.css);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);
@import url(base.css);



article > ul.eyecatch {
	position: relative;
	padding-bottom: 20rem;
}

article > ul.eyecatch.teaser {
	margin: 0 auto;
	max-width: 49rem;
}

article > .eyecatch li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

article > .eyecatch li i {
	display: block;
	background-position: 50% 50%;
	background-size: cover;
	height: 100%;
}

article > figure.eyecatch {
	position: relative;
	margin: 0 auto;
	max-width: 60rem;
}

article > figure.eyecatch video {
	width: 100%;
	height: auto;
}

article > figure.eyecatch .loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF url("../img/ajax-loader.gif") no-repeat 50% 50%;
	background-size: 1.6rem auto;
}

header.shop-header {
	background: #F9F6EF;
	font-size: 0.9rem;
}

.sports-park header.shop-header {
	padding-bottom: 2rem;
}

.great header.shop-header {
	background: #F7EFDA;
}

header.shop-header > div:first-child {
	margin: 0 auto;
	padding: 2.5rem 1rem 0;
	max-width: 49rem;
}

header.shop-header > div:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

header.shop-header h2 {
	float: left;
	margin-bottom: 0.8em;
	font-size: 200%;
	color: #007F66;
}

.great header.shop-header h2 {
	color: #61312E;
}

header.shop-header h2 img {
	margin-right: 0.5em;
	height: 1.4em;
	vertical-align: middle;
}

.sports-park header.shop-header h2 {
	float: none;
	margin-bottom: 1.5rem;
	text-align: center;
}

.sports-park header.shop-header h2 img {
	margin-right: 0;
	height: auto;
}

.sports-park header.shop-header p {
	line-height: 2;
	text-align: center;
	font-size: 0.75rem;
}

header.shop-header .nav-mailmaga {
	float: right;
}

header.shop-header .nav-mailmaga a {
	display: inline-block;
	border-radius: 0.5em;
	background: #FFA301;
	padding: 0.4em;
	width: 14em;
	text-align: center;
	font-size: 135%;
	color: #FFF;
}

header.shop-header .nav-line {
	float: right;
	margin-top: 0.2em;
}

header.shop-header .nav-line a {
	display: inline-block;
	width: 12em;
}

header.shop-header .tel {
	display: inline-block;
	float: right;
	border: solid 1px #61312E;
	background: #FFF;
	padding: 0.4em 2.5em 0.2em;
	line-height: 1.2;
	font-size: 85%;
	color: #61312E;
}

header.shop-header .tel em {
	display: block;
	white-space: nowrap;
	font-size: 175%;
	font-weight: 700;
}

header.shop-header .nav-shop {
	margin-top: 1.5em;
	background: #CFE5E0;
}

.great header.shop-header .nav-shop {
	background: #DFD6D5;
}

header.shop-header .nav-shop ul {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 49rem;
}

header.shop-header .nav-shop li {
	float: left;
}

header.shop-header .nav-shop li a {
	display: block;
	background: rgba(0,127,102,0.2);
	padding: 1.2em;
	width: 8em;
	text-align: center;
	color: #007F66;
}

.great header.shop-header .nav-shop li a {
	background: rgba(97,49,46,0.2);
	color: #61312E;
}

header.shop-header .nav-shop li em {
	display: block;
	margin-top: -0.3em;
	background: #007F66;
	padding: 1.5em 1.2em 1.2em;
	width: 8em;
	text-align: center;
	color: #FFF;
}

.great header.shop-header .nav-shop li em {
	background: #61312E;
}

header.shop-header .nav-shop li:last-child {
	float: right;
}

header.shop-header .nav-shop li:last-child a {
	background: rgba(255,255,255,0.5);
	width: 4em;
}

section {
	font-size: 0.75rem;
}

section > div {
	margin: 0 auto;
	padding: 2.5rem 1rem;
	max-width: 49rem;
}

section > div:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

section p {
	margin-bottom: 2em;
	line-height: 2;
}

section section {
	margin-bottom: 2rem;
	padding: 0;
}

section p.continue {
	margin: 4em 0 0;
	text-align: center;
}

section p.continue::after {
	content: '';
	display: inline-block;
	border: solid #339985;
	border-width: 0 3px 3px 0;
	width: 2em;
	height: 2em;
	transform: rotate(45deg);
}

section .nav-button {
	clear: both;
	margin-top: 2em;
	text-align: center;
}

section .nav-button a {
	display: inline-block;
	background: #007F66;
	padding: 0.3em 0.5em;
	width: 10em;
	font-size: 140%;
	color: #FFF;
}

.great section .nav-button a {
	background: #61312E;
}

section dl.table {
	display: table;
	margin: 0 auto 2em;
	border-collapse: collapse;
	text-align: center;
	font-size: 120%;
	color: #61312E;
}

section .table dt {
	display: table-caption;
	border: solid #AA8F8E;
	border-width: 1px 1px 0;
	background: #FCF4DB;
	padding: 0.5em 1em;
}

section .table dd {
	display: table-row;
}

section .table dd em {
	display: table-cell;
	border: solid 1px #AA8F8E;
	background: #FDF9ED;
	padding: 0.5em 1em;
	vertical-align: middle;
	white-space: nowrap;
}

section .table dd span {
	display: table-cell;
	border: solid 1px #AA8F8E;
	background: #FFF;
	padding: 0.5em 1em;
	vertical-align: middle;
	white-space: nowrap;
}

section .table dd i {
	display: none;
}

section a.link {
	color: #0A9DDD;
}

section a.link[target]::after {
	content: '\f061';
	margin-left: 0.5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #0A9DDD;
}

section a.link[target]::after {
	content: '\f35d';
}


/* shops */

section.summary header {
	margin: 0 auto;
	padding: 2.5rem 1rem 1.5rem;
	max-width: 49rem;
}

section.summary h2 {
	margin-bottom: 1.2em;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 700;
	color: #007F66;
}

section.summary h2 em {
	margin-right: 0.4em;
	font-family: "Anton", sans-serif;
	font-size: 260%;
	font-weight: 400;
}

section.summary p {
	text-align: center;
}


section.map > div {
	background: rgba(0,127,102,0.1);
	padding: 2.5rem 1rem;
	max-width: none;
}

section.map figure {
	margin: 0 auto;
	border: solid 1rem #FFF;
	max-width: 47rem;
	height: 27rem;
}


section.shops {
	font-size: 0.8rem;
}

section.shops h2 {
	margin: 0 auto 0.8em;
	border-top: solid 1px #339985;
	border-bottom: solid 1px #339985;
	padding: 0.1em 0.5em;
	width: 10em;
	text-align: center;
	font-size: 1.8rem;
	color: #007F66;
}

section.shops section {
}

section.shops section h3 {
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 0.9rem;
	color: #007F66;
}

section.shops section ul {
	overflow: hidden;
	text-align: center;
}

section.shops section li {
	display: inline-block;
	margin-bottom: 1.5em;
	width: 32%;
}
	
section.shops section li .link {
	display: inline-block;
	width: 15em;
	text-align: left;
	color: inherit;
}

section.shops section li .link::before {
	content: '';
	display: inline-block;
	border-style: solid;
	border-width: 0.3em 0.5em;
	border-color: transparent transparent transparent #007F66;
	width: 0;
	height: 0;
	vertical-align: 0.1em;
}


/* aoba */

section.notice-banner {
	display: none;
}

section.notice-banner p {
	margin-bottom: 0;
	text-align: center;
}

section.head-banner p {
	margin-bottom: 0;
	text-align: center;
}

section.head-banner + section.notice-banner {
	margin-top: -3rem;
}

section.info {
	background: #FCFAF7;
}

section.info > div {
	overflow: hidden;
}

section.info .data {
	float: right;
	width: 48%;
} 

section.info .data h3 {
	margin-bottom: 1em;
	background: #007F66;
	padding: 0.5em 0.8em;
	font-size: 120%;
	color: #FFF;
}

.great section.info .data h3 {
	background: #61312E;
}

section.info .data ul {
	margin: 0 1em;
}

section.info .data li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 7em;
}

section.info .data li em {
	position: absolute;
	top: 0;
	left: 0;
	color: #007F66;
}

.great section.info .data li em {
	color: #61312E;
}

section.info .data li em::before {
	content: '';
	display: inline-block;
	margin-right: 0.4em;
	background: #339985;
	width: 0.8em;
	height: 0.8em;
}

.great section.info .data li em::before {
	background: #61312E;
}

section.info .data li p {
	margin-bottom: 0;
	line-height: inherit;
}

section.info .map {
	float: left;
	box-sizing: border-box;
	background: #FFF;
	padding: 1em;
	width: 48%;
} 

section.info .map figure {
	/*height: 14rem;*/
}

section.info .map iframe {
	width: 100%;
	height: 450px;
}

section.info .map .nav-map {
	margin-top: 0.5em;
	margin-bottom: 0;
	text-align: right;
	font-size: 80%;
	color: #007F66;
}

.great section.info .map .nav-map {
	color: #61312E;
}

section.info .map .nav-map a::before {
	content: '\f00e';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
	font-size: 120%;
	font-weight: 700;
}

section.message {
	background: #E7F2EF;
}

.great section.message {
	background: #F3EFEF;
}

section.message h3 {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.2rem;
	color: #007F66;
}

.great section.message h3 {
	color: #61312E;
}

section.message h3::before {
	content: '\f18c';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Brands";
	font-size: 120%;
	font-weight: 700;
}

section.message .box {
	overflow: hidden;
	background: #FFF;
	border: solid 2px rgba(0,127,102,0.5);
	padding: 1.5em 2em 0.1em;
}

.great section.message .box {
	border-color: rgba(97,49,46,0.5);
}

section.message p {
	line-height: 1.6;
	margin-bottom: 1.6em;
}

section.message .image-right {
	float: right;
	margin-left: 2em;
	width: 10em;
}

section.news {
	background: #FCFAF7;
}

.great section.news {
	background: #F3EFEF;
}

section.news > div {
	padding-bottom: 1rem;
}

section.news h3 {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.2rem;
	color: #007F66;
}

.great section.news h3 {
	color: #61312E;
}

section.news h3::before {
	content: '\f18c';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Brands";
	font-size: 120%;
}

.great section.news h3::before {
	content: '\f2e7';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
	font-size: 120%;
	font-weight: 700;
}

section.news ul {
	float: left;
	margin-bottom: 2em;
	width: 48%;
	font-size: 0.7rem;
}

section.news li {
	position: relative;
	margin-bottom: 1em;
}

section.news li a {
	display: block;
	background: #FFF;
	padding: 0.5em 0.5em 0.5em 8.5em;
	min-height: 7em;
}

section.news li i {
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 7em;
	height: 7em;
	background-position: 50% 50%;
	background-size: cover;
}

section.news li b {
	display: inline-block;
	margin-right: 0.5em;
	background: #007F66;
	padding: 0.2em 0.5em;
	letter-spacing: 0.05em;
	text-align: center;
	font-family: "Anton", sans-serif;
	font-size: 90%;
	color: #FFF;
}

.great section.news li b {
	background: #61312E;
}

section.news li u {
	text-decoration: none;
	color: #007F66;
}

.great section.news li u {
	color: #61312E;
}

section.news li span {
	display: block;
	margin-top: 0.5em;
}

section.news li em {
	display: block;
}

section.news .nav-button {
	margin-bottom: 4em;
}

section.news dl {
	float: right;
	margin-bottom: 3em;
	background: #FFF;
	width: 48%;
}

section.news dt,
section.app dt {
	background: #FF7C33;
	padding: 0.2em 1em;
	text-align: center;
	font-size: 120%;
	font-weight: 700;
	color: #FFF;
}

.great section.news dt,
.great section.app dt {
	background: #B09896;
}

section.news dd {
	padding: 1.5em 1.5em 0.5em;
	text-align: center;
}

section.news dd p {
	margin-bottom: 0.5em;
}

section.news dd p img {
	width: 18em;
}

section.news .nav-flyer {
	font-size: 80%;
	color: #007F66;
}

.great section.news .nav-flyer {
	color: #61312E;
}

section.news .nav-flyer::before {
	content: '\f00e';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
	font-size: 120%;
	font-weight: 700;
}

section.news .nav-flyer-print {
	font-size: 80%;
	color: #007F66;
}

.great section.news .nav-flyer-print {
	color: #61312E;
}

section.news .nav-flyer-print::before {
	content: '\f02f';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
	font-size: 120%;
	font-weight: 700;
}


section.app {
	background: #E7F2EF;
}

.great section.app {
	background: #F3EFEF;
}

section.app dl.tokubai,
section.app ul.banners {
	float: left;
	margin-bottom: 3em;
	background: #FFF;
	width: 48%;
}

section.app dl.mailmaga {
	margin: 0 auto 3em;
	background: #FFF;
	width: 48%;
}

section.app dl.mailmaga.no-banners {
	float: none;
	margin: 0 auto 3em;
}

section.app dd {
	padding: 1.5em 1.5em 0.5em;
}

section.app dd p {
	margin-bottom: 1em;
	line-height: 1.6;
}

section.app .tokubai dd {
	overflow: hidden;
	height: 30.5em;
}

section.app .tokubai dd iframe {
	position: relative;
	transform-origin: 0 0;
	transform: scale(0.7, 0.7);
}

section.app .mailmaga dd div.mail-body {
	overflow: auto;
	margin-bottom: 1em;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding-top: 1em;
	height: 16em;
}

section.app .nav-mailmaga {
	margin-bottom: 2em;
	text-align: center;
}

section.app .nav-mailmaga a {
	display: inline-block;
	border-radius: 0.5em;
	background: #FFA301;
	padding: 0.4em;
	width: 10em;
	text-align: center;
	font-size: 135%;
	color: #FFF;
}

section.app .banners {
	box-sizing: border-box;
	padding: 1.5em 1.5em 0.5em;
	text-align: center;
}

section.app .banners li {
	margin-bottom: 1em;
}

section.banners ul {
	text-align: center;
}

section.banners li {
	display: inline-block;
	margin: 0 1em 1em;
	width: 30em;
	max-width: 45%;
}


/* great */

.great section.notice-banner > div {
	padding-bottom: 0;
}

section.copy ul {
	position: relative;
	height: 12rem;
	font-size: 90%;
}

section.copy li {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding-right: 15em;
	width: 100%;
	height: 100%;
}

section.copy span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	background: #DB100F;
	padding: 1.5em;
	width: 15em;
	height: 100%;
	line-height: 1.8;
	color: #FFF;
}

section.copy span em {
	display: block;
	margin-bottom: 0.2em;
	font-size: 200%;
}

section.copy i {
	display: block;
	background-position: 50% 50%;
	background-size: cover;
	height: 100%;
}

section.menu h3,
section.open h3,
section.fee h3 {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.2rem;
	color: #61312E;
}

section.menu h3::before,
section.open h3::before,
section.fee h3::before {
	content: '\f2e7';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
	font-size: 120%;
	font-weight: 700;
}

section.menu {
	background: #FBF5ED;
}

.sports-park section.menu {
	background: #FFF;
}

section.menu > div {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

section.menu ul {
	font-size: 90%;
}

section.menu li {
	display: block;
	box-sizing: border-box;
	background: #FFF;
	padding: 0.5rem;
}

section.menu li i {
	display: block;
	margin-bottom: 1em;
	background-position: 50% 50%;
	background-size: cover;
	padding-bottom: 75%;
	width: 100%;
}

section.menu li span {
	display: block;
	height: 7em;
}

section.menu li em {
	display: block;
	margin-bottom: 0.3em;
	color: #007F66;
}

section.menu .sp-arrows {
	top: 20%;
	margin-top: 0;
}

section.menu .sp-previous-arrow,
section.menu .sp-next-arrow {
	position: absolute;
	top: 0;
	width: 32px;
	height: 5rem; /* jsで調整  iのheight*/
	cursor: pointer;
}

section.menu .sp-previous-arrow {
	left: -2rem;
}

section.menu .sp-next-arrow {
	right: -2rem;
	transform: rotate(0);
}

section.menu .sp-previous-arrow::before,
section.menu .sp-next-arrow::before {
	display: none;
}

section.menu .sp-previous-arrow::after,
section.menu .sp-next-arrow::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	border: solid #BEA6A0;
	background: none;
	width: 20px;
	height: 20px;
}

.sports-park section.menu .sp-previous-arrow::after,
.sports-park section.menu .sp-next-arrow::after {
	border-color: #007F66;
}

section.menu .sp-previous-arrow::after {
	left: 5px;
	border-width: 2px 0 0 2px;
	transform: rotate(-45deg);	
}

section.menu .sp-next-arrow::after {
	left: auto;
	right: 5px;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}


section.open {
	background: #F3EFEF;
}

section.fee dl.table span {
	min-width: 5em;
}

#liquor {
	display: none;
}


#liquor dt {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.2rem;
	color: #61312E;
}

#liquor dt::before {
	content: '\f2e7';
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
	font-size: 120%;
	font-weight: 700;
}

#liquor dd {
	overflow: hidden;
	margin: 0 auto;
	font-size: 120%;
	max-width: 40em;
}

#liquor dd p {
	margin-bottom: 0;
}

#liquor ul {
	display: table;
	margin: 0 auto 0.2em;
	border-collapse: collapse;
	text-align: center;
	color: #61312E;
}

#liquor ul:nth-of-type(1) {
	float: left;
}

#liquor ul:nth-of-type(2) {
	float: right;
}

#liquor li {
	display: table-row;
}

#liquor li em {
	display: table-cell;
	border: solid 1px #AA8F8E;
	background: #FDF9ED;
	padding: 0.5em 1em;
	width: 11em;
	vertical-align: middle;
	white-space: nowrap;
}

#liquor li span {
	display: table-cell;
	border: solid 1px #AA8F8E;
	background: #FFF;
	padding: 0.5em 1em;
	width: 4em;
	vertical-align: middle;
	white-space: nowrap;
}

/* sports-park */

section.facilities {
	padding-top: 2rem;
}

section.facilities h3 {
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.8rem;
	color: #007F66;
}

section.facilities > p {
	line-height: 2;
	text-align: center;
}

section.facilities section > div:nth-of-type(1) {
	background: #ECF3F0;
	padding: 1rem;
	max-width: none;
}

section.facilities section h4 {
	margin: 0 auto;
	max-width: 49rem;
	width: 100%;
	font-size: 0.9rem;
	color: #007F66;
	display: table;
}

section.facilities section h4 i {
	display: table-cell;
	width: 8.5rem;
	vertical-align: middle;
}

section.facilities section h4 span {
	display: table-cell;
	padding-left: 1.5rem;
	vertical-align: middle;
}
		
section.facilities section h4 span em {
	font-size: 200%;
}

section.facilities section h4 span u {
	display: block;
	margin-top: 0.5em;
	text-decoration: none;
	font-size: 0.75rem;
	color: #000;
}

section.facilities section > div:nth-of-type(2) {
	padding: 1.5rem 1rem;
}

section.facilities section p {
	text-align: center;
	font-size: 0.9rem;
	color: #007F66;
}

section.facilities section ul {
	overflow: hidden;
}

section.facilities section li {
	float: left;
	margin-bottom: 1rem;
	margin-left: 2.5%;
	width: 23%;
}

section.facilities section li:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}

section.facilities section li i {
	display: block;
}

section.facilities section li i img {
	width: 100%;
}



section.facilities section li span {
	display: block;
	margin-top: 0.5em;
	font-size: 0.7rem;
}

@media all and (max-width:1520px) {
	

	
}

@media all and (max-width:1020px) {
	
	header.shop-header h2 {
		float: none;
	}
	
	section.menu > div {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	section.menu .sp-previous-arrow {
		left: -1.5rem;
	}
	
	section.menu .sp-next-arrow {
		right: -1.5rem;
	}
	
	section.facilities section h4 {
		font-size: 0.8rem;
	}

	section.facilities section p {
		font-size: 0.8rem;
	}


}


@media all and (max-width:800px) {

	.sports-park header.shop-header h2 img {
		display: inline-block;
	}

	.sports-park header.shop-header p {
		text-align: left;
	}

	section h2 {
		font-size: 1.5rem;
	}
	
	section.shops section li {
		width: 48%;
	}

	section dl.table {
		font-size: 110%;
	}

	header.shop-header {
		font-size: 0.75rem;
	}

	section.info .data,
	section.info .map {
		float: none;
		width: auto;
	} 

	#liquor dd {
		font-size: 100%;
	}

	section.news ul,
	section.news dl,
	section.app dl.tokubai,
	section.app ul.banners,
	section.app dl.mailmaga {
		float: none;
		width: auto;
	}

	section.banners li {
		display: block;
		margin: 0 auto 1em;
		max-width: 100%;
	}

	section.facilities section h4 span em {
		display: block;
	}

}


@media all and (max-width:660px) {

	section.shops section li {
		width: 48%;
	}

}



@media all and (max-width:580px) {
	

	article > ul.eyecatch {
		padding-bottom: 12rem;
	}

	header.shop-header h2 {
		font-size: 160%;
	}
	
	header.shop-header h2 img {
		display: block;
		margin-bottom: 0.3em;
		margin-right: 0;
	}

	header.shop-header .tel {
		padding: 0.4em 1.5em 0.2em;
	}

	header.shop-header .nav-shop li a {
		width: 6em;
	}

	header.shop-header .nav-shop li em {
		width: 6em;
	}

	section dl.table {
		display: block;
		background: #FFF;
		text-align: left;
	}

	section .table dt {
		display: block;
		border: solid 1px #AA8F8E;
	}

	section .table dd {
		display: block;
		border: solid #AA8F8E;
		border-width: 0 1px 1px;
		padding: 0.5em 1em;
	}

	section .table dd em {
		display: block;
		border: none;
		background: none;
		padding: 0;
	}

	section .table dd span {
		display: block;
		border: none;
		background: none;
		padding: 0 0 0 1em;
	}

	section .table dd i {
		display: inline;
	}

	section.map figure {
		border: none;
		height: 18rem;
	}

	section.info .map {
		background: none;
		padding: 0;
	}

	section.message .box {
		padding: 1em 1.5em;
	}
	
	section.message .image-right {
		margin-left: 1em;
		width: 6em;
	}

	section.copy ul {
		height: 18.5rem;
	}

	section.copy li {
		padding-right: 0;
		height: auto;
	}

	section.copy span {
		position: static;
		padding: 1em;
		width: auto;
		height: auto;
	}

	section.copy span em {
		margin-bottom: 0;
	}

	section.copy i {
		height: 12rem;
	}


	section.fee dl.table dd:nth-of-type(1) {
		display: none;
	}

	section.fee dl.table dd span {
		overflow: hidden;
		text-align: right;
	}

	section.fee dl.table dd span i {
		float: left;
	}

	#liquor dd {
		max-width: 19.5em;
		font-size: 110%;
	}

	#liquor ul:nth-of-type(1),
	#liquor ul:nth-of-type(2) {
		float: none;
	}

	section.facilities section h4 i {
		width: 5rem;
	}
	
	section.facilities section h4 span {
		padding-left: 1rem;
	}
	
	section.facilities section h4 span em {
		font-size: 150%;
	}
	
	section.facilities section li {
		margin-left: 4%;
		width: 48%;
	}

	section.facilities section li:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}

}

@media all and (max-width:400px) {

	section.shops section li {
		display: block;
		width: auto;
	}

	section.info .map iframe {
		height: 320px;
	}

}