@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?28586794');
  src: url('../font/fontello.eot?28586794#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?28586794') format('woff'),
       url('../font/fontello.ttf?28586794') format('truetype'),
       url('../font/fontello.svg?28586794#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?28586794#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-angle-circled-down:before { content: '\e800'; }
.icon-angle-circled-up:before { content: '\e802'; }
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  




/* Product Style
-------------------------------------------------------------------------------*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}
input:-moz-placeholder { color:#a9a9a9; }


body {
	font-size: 14px;
	font-family: "Open Sans", Meiryo, "メイリオ", Simhei, "Malgun Gothic", Helvetica, sans-serif;
	line-height: 1.231;
	background: #eee;
	-webkit-text-size-adjust: 100%;
}
body, select, input, textarea {color: #333;}
a {color: #E7007F; text-decoration: none;}
a:link {-webkit-tap-highlight-color: rgba(231,0,127,0.3);}
a:hover {text-decoration: underline;}
th,td {vertical-align: top; text-align: left;}

.lang-hidden {display: none;}
.break {word-break: break-all;}

#group-link {
	padding: 6px 0;
	background: #343434;
	font-size: 13px;
}
#group-link a {
	color: #fff;
	letter-spacing: 1px;
}
#group-link a:hover {
	text-decoration: underline;
}
#group-link ul {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#group-link li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #757575;
}
#group-link li:first-child {
	padding: 0 10px 0 0;
}
#group-link li:first-child a span {
	font-size: 8px;
	color: #999;
	vertical-align: 0.15em;
}
#group-link li:first-child a:hover,
#group-link li:first-child a:hover span {
	color: #E7007F;
	text-decoration: none;
}
#group-link-icon {
	display: none;
}
header #logo {
	background: #000;
	z-index: 2;
}
header h1 {
	width: 960px;
	height: 80px;
	margin: 0 auto;
}
nav {
	z-index: 1;
	margin-bottom: 15px;
	padding: 10px 0;
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
	background: #fff;
}
nav ul {
	display: table;
	width: 960px;
	margin: 0 auto;
	border-right: 1px solid #d6d6d6;
}
nav li {
	display: table-cell;
	width: 160px;
}
nav a {
	display: block;
	padding-top: 5px;
	color: #000;
	font-weight: bold;
	border-left: 3px solid #E7007F;
	text-align: center;
}
nav a:hover {
	color: #E7007F;
	text-decoration: none;
}
nav a span {
	display: block;
	margin-left: -3px;
	padding: 0 0 5px;
	border-left: 3px solid #666;
}
nav a:hover span {
	border-left: 3px solid #999;
}


#content {
	position: relative;
	width: 960px;
	margin: 30px auto 0;
	padding-bottom: 30px;
}
#content section {
	background: #fff;
	margin: 30px 0 0;
}
#content h2.section-title {
	margin: 0;
	padding: 6px 0;
	font-family: "Avenir Next", "Open Sans", Meiryo, "メイリオ", Simhei, "Malgun Gothic", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	background: #303030;
	line-height: 1;
	letter-spacing: 1px;
}
#content h2.section-title .section-title-wrap {
	display: block;
	padding: 0 0 0 15px;
	border-left: 4px solid #fff;
}
#content section:nth-child(3n-1) h2.section-title .section-title-wrap { border-left: 4px solid #00A0E9; }
#content section:nth-child(3n) h2.section-title .section-title-wrap { border-left: 4px solid #FFF100; }
#content section:nth-child(3n-2) h2.section-title .section-title-wrap { border-left: 4px solid #E4007F; }

#content .section-wrap {
	padding: 30px;
	line-height: 1.6;
}

#content h3 {
	margin: 19px 0 13px;
	font-size: 18px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 0.5em 0.5em;
}
#content li {
	list-style-type: disc;
	margin-left: 2em;
}

#content #welcome {
	padding: 19px;
	line-height: 1.5;
}
#content #welcome h2 {
	margin-bottom: 0.5em;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
}
#welcome .store-name {
	white-space: nowrap;
}
#content .lang-change {
	display: table;
	margin: 15px 0 0 auto;
	overflow: hidden;
	text-align: right;
}
#content .lang-change li {
	display: inline;
	list-style-type: none;
	margin: 0;
}
#content .lang-change a {
	display: block;
	float: left;
	margin-left: 2px;
	padding: 10px 12px;
	color: #fff;
	background: #E7007F;
	line-height: 1;
}
#content .lang-change a:hover {
	background: #FF20A1;
}
#content .lang-change a.active {
	background: #333;
}
#content .lang-pc {
	display: table;
}
#content .lang-sp {
	display: none;
}

.access-map-wrap {
	overflow: hidden;
	margin-bottom: 19px;
}
.access-map-photo {
	float: left;
	width: 305px;
	text-align: center;
}
.partnership-parking-photo {
	width: 500px;
	margin: 3% 0 0 0;
}
.partnership-parking-photo img{
	width: 100%;
}
.partnership-parking-photo p{
	margin-bottom: 2%;
}
.font_b{
	font-weight: 700;
}
.access-map-map {
	margin-left: 335px;
}
.access-map-tel-frame {
	overflow: hidden;
	margin-bottom: 0.8em;
}
.access-map-tel-icon {
	float: left;
	width: 72px;
}
.access-map-tel-detail {
	overflow: hidden;
}

.list-table {
	width: 100%;
}
.list-table tr {
	border-bottom: 1px solid #ccc;
}
.list-table th {
	padding: 13px 13px 13px 0;
}
.list-table td {
	padding: 13px 0;
}
.list-table tr:first-child th,
.list-table tr:first-child td {
	padding: 0 13px 13px 0;
}
.list-table th {
	width: 35%;
}

.credit-cards-fig {
	margin: 15px 0 0 0;
	text-align: center;
	vertical-align: top;
}
.credit-cards-fig dl {
	display: inline-block;
	width: 110px;
	margin: 0 0 20px;
	overflow: hidden;
	vertical-align: top;
}
.credit-cards-fig dd {
	font-size: 12px;
	line-height: 1.3;
}



.pagetop {
	position: fixed;
	bottom: 0;
	width: 960px;
	text-align: right;
}
.pagetop a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 0 0 auto;
	overflow: hidden;
}
.pagetop img {
	position: absolute;
	top: 0;
	left: 0;
}
.pagetop a:hover img {
	top: -60px;
}

footer {
	height: 60px;
	background: #000;
	font-size: 12px;
	color: #fff;
}
.footer-wrap {
	width: 960px;
	margin: 0 auto;
}
#copyright {
	padding-top: 24px;
	color: #999998;
}


/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	body {
		font-size: 16px;
	}
	#group-link ul,
	header h1,
	nav ul,
	#content,
	.pagetop,
	.footer-wrap {
		width: 100%;
	}
	#logo {
		padding: 0 12px 0 6px;
	}
	header h1 {
		height: auto;
	}
	nav {
		padding: 10px 10px 0 10px;
	}
	nav ul {
		border-right: 0 none;
	}
	nav li {
		float: left;
		display: block;
		width: 33%;
		padding: 0 0 10px 0;
	}
	.footer-wrap {
		padding-left: 14px;
	}
}


@media screen and (max-width: 710px) {
	#group-link {
		padding: 6px 0 1px;
	}
	#group-link li {
		padding: 0 7px;
		margin-bottom: 5px;
	}
	#group-link li:first-child {
		width: 99%;
		border-right: 0 none;
	}
	/*
	#group-link li:not(:first-child) {
		display: none;
	}
	*/
}

@media screen and (max-width: 680px) {
	#group-link a {
		letter-spacing: 0;
	}
	.access-map-photo {
		width:100%;
		float: none;
	}
	.access-map-map {
		margin: 0;
	}
	
	.partnership-parking-photo {
		width:100%;
		float: none;
	}
}

@media screen and (max-width: 480px) {
	#group-link a {
		letter-spacing: 1px;
	}
	#group-link li:not(:first-child) {
		display: none;
		margin: 5px 0;
	}
	#group-link-icon {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		padding: 6px;
		color: #fff;
	}
	nav {
		margin: 0;
		z-index: 10;
	}
	nav li {
		width: 50%;
		padding: 0 0 5px;
	}
	nav a,
	nav a span,
	nav a:hover span {
		border: 0 none;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#content,
	#content section {
		margin: 0;
	}
	#content #welcome {
		padding: 10px 19px 19px;
	}
	#content .lang-change {
		display: block;
		overflow: hidden;
		margin: 0 0 15px 0;
	}
	#content .lang-change li {
		display: block;
		width: 50%;
		float: left;
		margin: 0;
	}
	#content .lang-change a {
		float: none;
		width: auto;
		margin: 0 0 2px 2px;
		padding: 7px 0px;
		text-align: center;
		font-size: 0.9em;
	}
	#content h2.section-title {
		padding: 10px 0;
	}
	.list-table th,
	.list-table td {
		width: 100%;
		display: block;
	}
	.list-table th {
		padding: 10px 0;
	}
	.list-table td {
		padding: 0 0 10px;
	}
	.list-table tr:first-child th,
	.list-table tr:first-child td {
		padding: 0;
	}
	.list-table tr:first-child th,
	.list-table tr:first-child td {
		padding: 0 0 10px;
	}
	.translation-service-icon {
		text-align: center;
	}
	.tax-free-icon {
		text-align: center;
	}
	#content .lang-pc {
		display: none;
	}
	#content .lang-sp {
		display: block;
	}
}