@charset "UTF-8";

/*---------------------------------------------------
basic
---------------------------------------------------*/
*{
outline: none;/*FF*/
}
html,body{
margin:0px;
padding:0px;
}
html{
overflow-y: scroll;
/*IE BackgroundImageCache ON*/
filter: expression(document.execCommand("BackgroundImageCache",false,true));
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/*---------------------------------------------------
block
---------------------------------------------------*/
div,p{
padding: 0;
margin: 0;
}
/*---------------------------------------------------
h
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
font-weight: normal;
font-style:normal;
font-size:100%;
}
address, form, blockquote, q {
padding: 0;
margin: 0;
text-align: left;
font-style:normal;
font-weight:normal;
font-size:100%;
}
caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
hr{
height: 1px;
border: none;
background: #ccc;
margin: 0;
padding: 0;
}

/* HTML5 display definitions
 ========================================================================== */

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

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

/* Text-level semantics
 ========================================================================== */

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/* Embedded content
 ========================================================================== */

svg:not(:root) {
overflow: hidden;
}

/* Grouping content
 ========================================================================== */

figure {
margin: 1em 40px;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

/* =Global Elements
-------------------------------------------------------------- */

strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
overflow: auto;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: smaller;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
}

/*---------------------------------------------------
table
---------------------------------------------------*/

table{
border-collapse: collapse;
border-spacing: 0;
font-size:inherit;
}
caption,th{
text-align: left;
font-style:normal;
font-weight:normal;
}

/*---------------------------------------------------
list
---------------------------------------------------*/
li,ol,ul,dl,dt,dd{
list-style-type : none;
padding: 0;
margin: 0;
}
li li{ font-size:inherit!important; }

/*---------------------------------------------------
Link setting
---------------------------------------------------*/

a {
background-color: transparent;
color: inherit;
transition: 0.35s;
}

a:active,
a:hover {
outline: 0;
}

a:focus { outline:none;}

a:link,a:visited {
text-decoration: none;
color: inherit;
}

a:active,
a:hover {
text-decoration: none;
}
a:hover {
color: #ffe400;
transition: 0.35s;
}
a.bgYellow:hover {
background: #000000;
}

a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.5s;
}
a:hover img {
transition: 0.5s;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}

.underline {
text-decoration: underline;
}


/*---------------------------------------------------
Theme color
---------------------------------------------------*/
.cWhite{ color: #ffffff; }
.cBlack{ color: #000000; }
.cRed{ color: #cf0e0f; }
.cYellow{ color: #ffe400; }/*on*/
.cGray{ color: #999999; }/*on*/

.bgWhite{ background-color: #ffffff; }
.bgBlack{ background-color: #000000; }
.bgYellow{ background-color: #ffe400; }/*on*/
.bgRed{ background-color: #c91c1d; }
.bgGray{ background-color: #f3f3f3; }

/*--------------------------
gradient
--------------------------*/

/*--- #00174c / #002069 ---*/

.bgrBlue {
background: #002069;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#00174c', endColorstr = '#002069')";
background-image: -moz-linear-gradient(top, #00174c, #002069);
background-image: -ms-linear-gradient(top, #00174c, #002069);
background-image: -o-linear-gradient(top, #00174c, #002069);
background-image: -webkit-gradient(linear, center top, center bottom, from(#00174c), to(#002069));
background-image: -webkit-linear-gradient(top, #00174c, #002069);
background-image: linear-gradient(to bottom, #00174c, #002069);
}

/*--- #ffffff / #dfdfdf ---*/

.bgrGray {
background: #f6f6f6;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dfdfdf', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #dfdfdf, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #dfdfdf, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #dfdfdf, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), color-stop(50%, #f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #dfdfdf, #f6f6f6, #ffffff);
background-image: linear-gradient(to bottom, #dfdfdf, #f6f6f6, #ffffff);
}

/* =Fonts
-------------------------------------------------------------- */


@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url('./font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
  src: url('./font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
  url('./font/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('./font/NotoSansCJKjp-Light.eot');
  src: url('./font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
  url('./font/NotoSansCJKjp-Light.woff') format('woff'),
  url('./font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url('./font/NotoSansCJKjp-DemiLight.eot');
  src: url('./font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
  url('./font/NotoSansCJKjp-DemiLight.woff') format('woff'),
  url('./font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('./font/NotoSansCJKjp-Regular.eot');
  src: url('./font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
  url('./font/NotoSansCJKjp-Regular.woff') format('woff'),
  url('./font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('./font/NotoSansCJKjp-Medium.eot');
  src: url('./font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
  url('./font/NotoSansCJKjp-Medium.woff') format('woff'),
  url('./font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('./font/NotoSansCJKjp-Bold.eot');
  src: url('./font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
  url('./font/NotoSansCJKjp-Bold.woff') format('woff'),
  url('./font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url('./font/NotoSansCJKjp-Black.eot');
  src: url('./font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
  url('./font/NotoSansCJKjp-Black.woff') format('woff'),
  url('./font/NotoSansCJKjp-Black.ttf')  format('truetype');
}
.thin {
  font-weight: 100;
}
.light {
  font-weight: 200;
}
.demi-light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.black {
  font-weight: 900;
}

html {
  font-size: 62.5%;
}

body,
input,
textarea {
font-size: 1.3rem;
line-height: 1.5;
font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
color: #000000;
}

.helvetica {
	letter-spacing: 0.5px;
}

.noto {
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  letter-spacing: -0.05em;
  display: inline-block;
  padding: 0.4em 0 0\0;
}
.noto::after {
  content: "";
  font-family: sans-serif;
}

.mincho{
font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo, serif;
}

/*---------------------------------------------------
Font setting
---------------------------------------------------*/
.fOpacity { opacity: 0.7;}
.fBold { font-weight: bold!important; }
.fNormal { font-weight: normal!important; }
.fsize10 { font-size:1.0rem; }
.fsize11 { font-size:1.1rem; }
.fsize12 { font-size:1.2rem; }
.fsize13 { font-size:1.3rem; }
.fsize14 { font-size:1.4rem; }
.fsize15 { font-size:1.5rem; }
.fsize16 { font-size:1.6rem; }
.fsize17 { font-size:1.7rem; }
.fsize18 { font-size:1.8rem; }
.fsize19 { font-size:1.9rem; }
.fsize20 { font-size:2.0rem; }
.fsize21 { font-size:2.1rem; }
.fsize22 { font-size:2.2rem; }
.fsize23 { font-size:2.3rem; }
.fsize24 { font-size:2.4rem; }
.fsize25 { font-size:2.5rem; }
.fsize26 { font-size:2.6rem; }
.fsize27 { font-size:2.7rem; }
.fsize28 { font-size:2.8rem; }
.fsize29 { font-size:2.9rem; }
.fsize30 { font-size:3.0rem; }
.fsize31 { font-size:3.1rem; }
.fsize32 { font-size:3.2rem; }
.fsize33 { font-size:3.3rem; }
.fsize34 { font-size:3.4rem; }
.fsize35 { font-size:3.5rem; }
.fsize36 { font-size:3.6rem; }

/*
------ media query ------ */
/*-- font-size -- */
@media screen and (max-width: 384px) {
html {
/*font-size: 43.75%;*/
font-size: 50%;
}
}
@media screen and (min-width: 385px) {
html {
/*font-size: 56.25%;*/
font-size: 56.25%;
}
}
@media screen and (min-width: 448px) {
html {
/*font-size: 62.5%;*/
font-size: 56.25%;
}
}
@media screen and (min-width: 512px) {
html {
/*font-size: 68.75%;*/
font-size: 56.25%;
}
}
@media screen and (min-width: 576px) {
html {
/*font-size: 75%;*/
font-size: 62.5%;
}
}
@media screen and (min-width: 641px) {
html {
/*font-size: 87.5%;*/
font-size: 68.75%;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 56.25%;
}
}
@media screen and (min-width: 900px) {
html {
font-size: 62.5%;
}
}

.fLarge {
font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.2px;
line-height: 1.3;
}
.fSmall {
font-size: 0.8em;
font-weight: normal;
letter-spacing: 0.1px;
line-height: 1.3;
}

.text {
letter-spacing: 0.1px;
line-height: 1.8;
margin-bottom: 30px;
}


.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.tj{text-align: justify!important;text-justify: distribute!important;}

br { line-height: 0;}



/* =common
-------------------------------------------------------------- */

img,iframe {
	max-width: 100%;
	border: 0;
}

.imgWrap {
	font-size: 0;
	text-align: center;
}

.floatbox {
	overflow: hidden;
}
.floatlist {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}

.clear {
	clear: both;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
.cb{clear: both;}
.cr{clear: right;}
.cl{clear: left;}
br.clear,
hr.clear {
	clear: both;
	height:0;
	visibility:hidden;
	border:0;
}

.borderbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.scale img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.scale img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}
ul.clearfix li {
	float: left;
}
ul.autoStepped {
	text-align: center;
}
ul.autoStepped li {
	display: inline-block;
}
.leftCol {
	float: left;
}
.rightCol {
	float: right;
}
.row.clearfix .leftCol,
.row.clearfix .rightCol {
	width: 50%;
}

ul.ibWrap {
	font-size: 0;
}
ul.ibWrap li {
	display: inline-block;
	vertical-align: top;
}

.tRow {
	display: table;
	width: 100%;
}
.tCell{
	display: table-cell;
}
.tCell.halfCell {
	box-sizing: border-box;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #e2e2e2;
}

.mapWrap {
	height: 0;
	line-height: 1.2;
}
.frameWrap iframe { width: 100%; }
.mlrAuto { margin: 0 auto; }
.oHidden { overflow: hidden !important; }
.pFixed { position: fixed !important; }

.radius4 {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.radius6 {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.radius8 {
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.radius10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.radiusHalf {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}


/* margin top */
.mt00{margin-top: 0!important;}
.mt05{margin-top: 0.5rem!important;}
.mt10{margin-top: 1rem!important;}
.mt15{margin-top: 1.5rem!important;}
.mt20{margin-top: 2rem!important;}
.mt30{margin-top: 3rem!important;}
.mt40{margin-top: 4rem!important;}
.mt50{margin-top: 5rem!important;}
.mt60{margin-top: 6rem!important;}

/* margin bottom */
.mb00{margin-bottom: 0rem!important;}
.mb05{margin-bottom: 0.5rem!important;}
.mb10{margin-bottom: 1rem!important;}
.mb15{margin-bottom: 1.5rem!important;}
.mb20{margin-bottom: 2rem!important;}
.mb30{margin-bottom: 3rem!important;}
.mb40{margin-bottom: 4rem!important;}
.mb50{margin-bottom: 5rem!important;}
.mb60{margin-bottom: 6rem!important;}

.sp {	display: none; }


/* =Layout
-------------------------------------------------------------- */

.wrap {
	position: relative;
	width: 100%;
}

.central {
	box-sizing: border-box;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-right: 2%;
	padding-left: 2%;
}

/*.centralMid {
	box-sizing: border-box;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-right: 2%;
	padding-left: 2%;
}*/

.section {
	margin-top: 20px;
}

@media screen and (min-width: 1200px) {
.central {
	box-sizing: content-box;
}
}
@media screen and (min-width: 1000px) {
.centralMid {
  box-sizing: content-box;
}
}

/*#container {
	float: left;
	box-sizing: border-box;
	width: 63%;
}

#sidebar {
	float: right;
	box-sizing: border-box;
	position: relative;
	width: 30%;
	margin-left: 7%;
}*/

/*---------------------------------------------------
common Module
---------------------------------------------------*/

.moreBtn a {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 24px 0;
	font-size: 1.4rem;
	color: #000000;
	background: #ffe400;
	text-align: center;
}

.moreBtn a:hover {
	background: #000000;
	color: #ffe400;
	opacity: 1;
}


/*---------------------------------------------------
== jQuery moduel
---------------------------------------------------*/

.openBar {
	position: relative;
	height: 300px;
	overflow: hidden;
}
.openBar:hover {
	cursor: pointer;
}
/*.openBar::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 10px;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0;
	margin: -10px 0 0;
	background: transparent;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}*/
/*.openBar:hover::after {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
	opacity: 1;
}*/

.openBar .blur {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.openBar .seTitle::before {
	box-sizing: border-box;
	content: "";
	position: absolute;
	bottom: -68px;
	right: 0;
	left: 0;
	width: 92px;
	height: 1px;
	margin: 0 auto;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: 0.35s;
}
.openBar.active .seTitle::before {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: 0.35s;
}

.closeArea {
	padding-top: 90px;
	padding-bottom: 150px;
	border-top: 10px solid #ffe400;
}


/* =Header
-------------------------------------------------------------- */

/* =topPage
-------------------------------------------------------------- */

/*ヒーローヘッダー*/
html.top { height: 100%; }
body#topPage { height: 100%; }
body#topPage .wrap { height: 100%; }
div#mainVisual { height: 100%; }
body.no-scroll {
	height: auto !important;
}

body#topPage #header {
	position: relative;
	z-index: 100;
}
body#topPage #main {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#slider {
	width: 100%;
	height: 100%;/**/
	position: relative;
}
.slide {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;/**/
	top: 0;
	left: 0;
}
.slide:first-child {
	display: list-item;
}
#slider .slide a {
	display: block;
	width: 100%;
	/* height: 100%; */
}
#slider .slide a:hover img {
	opacity: 1;
}
#slider .slide a img {
	display: block;
	max-width: none;
	width: 100%;
	height: auto;
}

#siteCatch {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	display: inline-block;
	max-width: 100%;
	width: 624px;
	height: 100px;
	z-index: 2;
}

#mainVisual .slideController {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 30px;
}
#mainVisual .slideController .slideBtn {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	background-color: #000000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
#mainVisual .slideController .slideBtn.current {
	background-color: #ffe400;
}

#mainVisualAfter {
	position: relative;
	width: 100%;
	background: #ffffff;
	z-index: 50;
	overflow: hidden;
}

#foodMenu .openBar {
	background: url("../images/top/bg_food.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#foodMenu .openBar .blur {
	background: url("../images/top/bg_food_blur.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
/*#foodMenu .openBar:hover::after {
	opacity: 1;
}*/

.seTitle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	display: inline-block;
	max-width: 100%;
	height: 74px;
	font-size: 7.4rem;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	z-index: 2;
}

.menuTitle {
	padding-bottom: 70px;
	text-align: center;
}
.menuTitle span {
	display: inline-block;
	font-size: 4rem;
	font-weight: 500;
	line-height: 0.95;
	background: #ffe400;
}

#foodMenu_pizza .ibWrap {
	padding: 60px 0 120px;
}
#foodMenu_pizza .ibWrap li {
	box-sizing: border-box;
	width: 25%;
	margin: 0 0 3%;
}
#foodMenu_pizza .ibWrap li:nth-child(6) {
	width: 30%;
}
#foodMenu_pizza .ibWrap li:nth-child(6) .imgWrap {
	box-sizing: border-box;
	padding: 0 8.3%;
}
#foodMenu_pizza .ibWrap li .imgWrap {
	margin-bottom: 10px;
}

.menuNameEn {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.3;
}
.menuNameJa {
	font-size: 1.1rem;
	line-height: 1.2;
}
.menuPrice {
	padding-top: 10px;
	font-size: 1.5rem;
	font-weight: bold;
}


#foodMenu .leftCol,
#drinkMenu .leftCol,
#foodMenu .rightCol,
#drinkMenu .rightCol {
	box-sizing: border-box;
	padding: 0 4.5%;
}
#foodMenu .rightCol,
#drinkMenu .rightCol {
	border-left: 1px solid #000000;
}

.menuTable {
	display: block;
	width: 100%;
}
.menuItem {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 25px;
}
.menuItem:last-child {
	margin-bottom: 0;
}
.menuItem::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 99%;
	height: 1px;
	margin: auto 0;
	background: url("../images/common/bg_dotted.png") repeat left top;
	z-index: 1;
}
.menuItem .menuName {
	box-sizing: border-box;
	position: relative;
	display: table-cell;
	width: auto;
	vertical-align: middle;
	z-index: 2;
}
.menuItem .menuNameEn {
	display: inline-block;
	padding-right: 5px;
	background: #ffffff;
}
.menuItem .menuPrice {
	box-sizing: border-box;
	position: relative;
	display: table-cell;
	width: auto;
	padding-top: 6px;
	text-align: right;
	vertical-align: top;
	z-index: 3;
}
.menuItem .menuPrice span {
	display: inline-block;
	padding-left: 5px;
	background: #ffffff;
}

#drinkMenu .openBar {
	background: url("../images/top/bg_drink.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#drinkMenu .openBar .blur {
	background: url("../images/top/bg_drink_blur.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
/*#drinkMenu .openBar:hover::after {
	opacity: 1;
}*/

#drinkMenu .drinkMenu {
	padding-top: 70px;
}
#drinkMenu_soft.drinkMenu,
#drinkMenu_coffee.drinkMenu {
	padding-top: 0;
}

.cocktailCaption {
	position: relative;
	margin-bottom: 12px;
}
.cocktailCaption span {
	display: inline-block;
}
.cocktailCaption::before {
	content: "+";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: inline-block;
	width: 20px;
	margin: auto auto;
	font-size: 1.6rem;
	color: #999999;
	text-align: center;
}

#drinkMenu_cocktail .alcoholName {
	text-align: left;
}
#drinkMenu_cocktail .softName {
	text-align: right;
}

#drinkMenu_cocktail .softName .menuNameEn {
	padding-right: 0;
	padding-left: 5px;
}

#drinkMenu_cocktail .menuPrice {
	padding-top: 0;
}


#news .openBar {
	background: url("../images/top/bg_news.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#news .openBar .blur {
	background: url("../images/top/bg_news_blur.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
/*#news .openBar:hover::after {
	opacity: 1;
}*/

#newsList {
	font-size: 0;
}
.newsList {
	display: inline-block;
	width: 30%;
	margin-right: 5%;
	font-size: 1.3rem;
	vertical-align: top;
}
.newsList:nth-child(3n) {
	margin-right: 0;
}

.newsList_inner {
	padding-bottom: 20px;
	/* height: 530px; */
}
.newsImg {
	padding-bottom: 15px;
}
.newsText p {
	line-height: 1.9;
}
.newsText .text {
	margin: 0;
	padding-bottom: 30px;
	word-break: break-all;
}
.newsTitle {
	margin-bottom: 10px;
}

#about .openBar {
	background: url("../images/top/bg_about.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#about .openBar .blur {
	background: url("../images/top/bg_about_blur.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
/*#about .openBar:hover::after {
	opacity: 1;
}*/
#about .closeArea {
	padding-bottom: 120px;
}

#about .contentTitle {
	margin-bottom: 70px;
	text-align: center;
}

#about .leftCol,
#about .rightCol {
	box-sizing: border-box;
	padding: 0 1.5%;
}

#about .text {
	font-size: 1.4rem;
}
#about .text.en {
	line-height: 2.85;
}
#about .text.ja {
	letter-spacing: 0.3px;
	line-height: 3.3;
}

.underSection {
	padding-top: 160px;
	padding-bottom: 0;
}
.underSeTitle {
	font-size: 5rem;
	line-height: 1;
	color: #000000;
	margin-bottom: 30px;
	text-align: center;
}

#link {
	padding-top: 190px;
}
.snsLink {
	text-align: center;
	margin: 10px 0 20px;
}
.snsLink a {
	display: inline-block;
	padding-right: 36px;
	font-size: 1.6rem;
	color: #000000;
	background: #ffe400;
	line-height: 1.1;
}
.snsLink .iIcon {
	background: url("../images/common/ico_insta_black.png") no-repeat right top, #ffe400;
	background-size: contain;
}
.snsLink .fIcon {
	background: url("../images/common/ico_facebook_black.png") no-repeat right top, #ffe400;
	background-size: contain;
}
.snsLink a:hover {
	color: #ffe400;
	background: #000000;
}
.snsLink .iIcon:hover {
	color: #ffe400;
	background: url("../images/common/ico_insta_yellow.png") no-repeat right top, #000000;
	background-size: contain;
}
.snsLink .fIcon:hover {
	color: #ffe400;
	background: url("../images/common/ico_facebook_yellow.png") no-repeat right top, #000000;
	background-size: contain;
}

.shopInfo {
	padding-top: 14px;
}
.shopInfo.row {
	max-width: 1000px;
	width: 100%;
	margin: 50px auto 0;
}
.shopInfo .leftCol {
	box-sizing: border-box;
	height: 0;
	padding-bottom: 30%;
	background: url("../images/top/link_img_01_pc.png") no-repeat right top;
	background-size: contain;
}
.shopInfo .rightCol {
	box-sizing: border-box;
	position: relative;
	height: 0;
	padding-bottom: 30%;
}
.shopInfo .rightCol .imgWrap {
	box-sizing: border-box;
	position: absolute;
	display: block;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 10%;
}
.shopInfo .imgWrap a {
	display: inline-block;
	max-width: 100%;
}

#instagram {
	padding-top: 180px;
	text-align: center;
}
#instagram .underSeTitle {
	position: relative;
	display: inline-block;
}
#instagram .underSeTitle::after {
	content: "";
	position: absolute;
	bottom: 4px;
	right: -32px;
	width: 16px;
	height: 16px;
	background: url("../images/common/ico_insta_black.png") no-repeat left top;
	background-size: contain;
}
#instagram .text {
	font-size: 1.6rem;
	line-height: 1.1;
}
#instagram .text a {
	font-weight: bold;
}
#instagram .text .followUs {
	display: inline-block;
	padding-left: 8px;
	vertical-align: top;
}

#instagram_inner {
	width: 100%;
	font-size: 0;
}
#instagram_inner .instaLink {
	display: inline-block;
	width: 16.666%;
}
#instagram .instaLink img {
	max-width: none;
	width: 100%;
}

#locations .underSeTitle {
	margin-bottom: 40px;
}

#harajyukuMap {
	width: 100%;
	height: 400px;
}

.mapUnder {
	margin: 25px auto 100px;
}
.mapUnderText {
	max-width: 660px;
	width: 66%;
}
.mapUnderText p {
	line-height: 2.1;
}

#locations .moreBtn {
	box-sizing: border-box;
	max-width: 300px;
	width: 30%;
}
#locations .mapIcon a span {
	display: inline-block;
	padding-right: 9%;
	background: url("../images/common/ico_map_black.png") no-repeat right top;
	background-size: 13px 20px;
}
#locations .mapIcon a:hover span {
	background: url("../images/common/ico_map_yellow.png") no-repeat right top;
	background-size: 13px 20px;
}


#snsBtnWrap {
	margin-bottom: 40px;
	text-align: center;
}
.snsBtnWrap {
	display: inline-block;
}
.snsBtnWrap iframe {
	display: inline-block;
	vertical-align: top;
}

/* =Footer
-------------------------------------------------------------- */

p.copyright {
	display: block;
	margin: 10px auto;
}
p.copyright small {
	font-size: 1.1rem;
	vertical-align: top;
}
p.copyright span {
	font-size: 1.6rem;
  line-height: 1;
	vertical-align: top;
}

#toTop {
	position: fixed;
	bottom: 20px;
	right: 30px;
	box-sizing: border-box;
	display: block;
	width: 56px;
	height: 56px;
	border: 1px solid #000000;
	z-index: 51;
}
#toTop a {
	display: table;
	width: 100%;
	height: 100%;
	background: #ffffff;
	text-align: center;
}
#toTop a:hover {
	background: #000000;
}
#toTop a span {
	display: table-cell;
	font-size: 16px;
	color: #000000;
	vertical-align: middle;
}
#toTop a:hover span {
	color: #ffe400;
}

@media screen and (max-width: 767px) {

	.helvetica {
		letter-spacing: 0px;
	}
	.snsLink .helvetica {
		letter-spacing: -0.3px;
	}
	.seTitle .helvetica,
	.menuNameEn .helvetica,
	.underSeTitle .helvetica {
		letter-spacing: -0.5px;
		line-height: 1;
	}

	.pc {	display: none!important; }
	.sp { display: block!important;	}

	.left,
	.leftCol,
	.right,
	.rightCl {
	  float: none;
	}

	.central {
		padding: 0;
	}
	.centralMid {
		padding: 0;
	}
	.centralNarrow {
		/*width: 93.75%;*/
		width: 87.5%;
		margin: 0 auto;
	}

	.section {
		margin-top: 2%;
	}

	.text {
		margin-bottom: 5%;
	}

/*---------------------------------------------------
common Module 767px
---------------------------------------------------*/

.moreBtn a {
	padding: 5% 0;
}

.moreBtn a:hover {
	background: #000000;
	color: #ffe400;
	opacity: 1;
}


/*---------------------------------------------------
== jQuery moduel
---------------------------------------------------*/

.openBar {
	height: 0;
	padding-bottom: 25%;
}

.openBar:hover::after {
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.closeArea {
	padding-top: 10%;
	padding-bottom: 10%;
	border-top: 6px solid #ffe400;
}

/* =Header 767px
-------------------------------------------------------------- */

/* =topPage 767px
-------------------------------------------------------------- */

#siteCatch {
	max-width: none;
	width: 87.5%;
	height: 100px;
}

.openBarInner {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

.seTitle {
	position: static;
	display: inline-block;
	height: 100%;
	font-size: 5rem;
	font-weight: bold;
}
.seTitle img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#foodMenu .seTitle img {
  max-width: 460px;
  width: 58%;
}
#foodMenu_pizza .menuTitle img {
  max-width: 118px;
  width: 26%;
}
#foodMenu_soup .menuTitle img {
  max-width: 114px;
  width: 26%;
}
#foodMenu_other .menuTitle img {
  max-width: 140px;
  width: 31%;
}

#drinkMenu .seTitle img {
  max-width: 486px;
  width: 60%;
}
#drinkMenu_soft .menuTitle img {
  max-width: 251px;
  width: 53%;
}
#drinkMenu_coffee .menuTitle img {
  max-width: 282px;
  width: 60%;
}
#drinkMenu_beer .menuTitle img {
  max-width: 107px;
  width: 24%;
}
#drinkMenu_cocktail .menuTitle img {
  max-width: 210px;
  width: 42%;
}
#drinkMenu_gin .menuTitle img {
  max-width: 3131px;
  width: 65%;
}
#drinkMenu_wine .menuTitle img {
  max-width: 106px;
  width: 23%;
}
#drinkMenu_box .menuTitle img {
  max-width: 217px;
  width: 46%;
}

#news .seTitle img {
  max-width: 222px;
  width: 28%;
}
#about .seTitle img {
  max-width: 268px;
  width: 35%;
}
#link .underSeTitle img {
  max-width: 121px;
  width: 20%;
}
#instagram .underSeTitle {
  max-width: 551px;
  width: 82%;
}
#locations .underSeTitle img {
  max-width: 300px;
  width: 46%;
}

.seTitle span {
	display: table-cell;
	/*letter-spacing: 0.3px;*/
	vertical-align: middle;
}

.openBar .seTitle::before {
	width: 6%;
	bottom: 12%;
}
.openBar.active .seTitle::before {
	/* width: 8%; */
}
.menuTitle {
	padding-bottom: 12%;
}
.menuTitle span {
	font-size: 3.6rem;
	padding: 2px 0 0;
	letter-spacing: 0.1px;
	font-weight: bold;
}

#foodMenu .openBar {
	background-image: url('../images/top/bg_food.png');
	background-position: center center;
	background-size: 100% auto;
	background-attachment: scroll;
}
#drinkMenu .openBar {
	background-image: url('../images/top/bg_drink.png');
	background-position: center center;
	background-size: 100% auto;
	background-attachment: scroll;
}
#news .openBar {
	background-image: url('../images/top/bg_news.png');
	background-position: center center;
	background-size: 100% auto;
	background-attachment: scroll;
}
#about .openBar {
	background-image: url('../images/top/bg_about.png');
	background-position: center center;
	background-size: 100% auto;
	background-attachment: scroll;
}


#foodMenu_pizza .ibWrap {
	padding: 0 0 8%;
	text-align: left;
}

#foodMenu_pizza .ibWrap li {
	width: 48%;
	margin: 0 4% 4% 0;
	text-align: center;
}
#foodMenu_pizza .ibWrap li:nth-child(2n) {
	margin: 0 0 4% 0;
}
#foodMenu_pizza .ibWrap li:nth-child(6) {
	width: 48%;
	margin-bottom: 2%;
}
#foodMenu_pizza .ibWrap li:nth-child(6) .imgWrap {
	padding: 0;
}
#foodMenu_pizza .ibWrap li .imgWrap {
	margin-bottom: 1.5%;
}

.menuNameEn span {
	/*letter-spacing: 0.2px;*/
}
.menuNameJa {
	letter-spacing: 0.05px;
}
.menuPrice {
	padding-top: 1.5%;
}

.row.clearfix .leftCol,
.row.clearfix .rightCol {
	width: 100%;
	margin: 0 auto;
}

#foodMenu .leftCol,
#drinkMenu .leftCol,
#foodMenu .rightCol,
#drinkMenu .rightCol {
	padding: 0;
}
#foodMenu .rightCol,
#drinkMenu .rightCol {
	border-left: 0;
}

.menuItem {
	margin-bottom: 4%;
}
.menuItem::before {
	width: 95%;
	left: 2%;
}
.menuItem:last-child {
	margin-bottom: 12%;
}
.menuItem .menuPrice {
	padding-top: 3px;
}

#drinkMenu_cocktail span.left {
	float: left;
}
#drinkMenu_cocktail span.right {
	float: right;
}

.newsList {
	display: block;
	width: 100%;
	margin: 0 auto 10%;
	font-size: 1.3rem;
}
.newsList:nth-child(3n) {
	margin: 0 auto 4%;
}

.newsList_inner {
	height: auto!important;
	padding-bottom: 5%;
}
.newsImg {
	margin-bottom: 4%;
}
.newsTitle {
	margin-bottom: 4%;
}
.newsText .text {
	font-size: 1.5rem;
	padding-bottom: 0;
	letter-spacing: 0.4px;
}

#about .closeArea {
	padding-bottom: 10%;
}

#about .contentTitle {
	max-width: 530px;
	width: 85%;
	margin: 0 auto 6%;
}

#about .text.en {
	letter-spacing: 0.2px;
	line-height: 2;
}
#about .text.ja {
	letter-spacing: 0.4px;
	line-height: 2;
}

.underSection {
	padding-top: 20%;
}
.underSeTitle {
	font-size: 4rem;
	font-weight: bold;
	margin-bottom: 6%;
}
#link {
	padding-top: 20%;
}

.snsLink {
	margin: 0 0 5%;
}
.snsLink a {
	padding-right: 6.5%;
}


.shopInfo.row {
	margin: 8% auto 0;
}
.shopInfo .leftCol {
	padding-bottom: 60%;
	background: url("../images/top/link_img_01_pc.png") no-repeat center top;
	background-size: contain;
}
.shopInfo .rightCol {
	padding-bottom: 38%;
}
.shopInfo .rightCol .imgWrap {
	box-sizing: border-box;
	position: absolute;
	display: block;
	top: 15%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 20%;
}

#instagram {
	padding-top: 20%;
}

#instagram .underSeTitle {
	margin-right: 2%;
}

#instagram .underSeTitle::after {
	content: "";
	position: absolute;
	bottom: 2px;
	right: -18px;
	width: 15px;
	height: 15px;
	background: url("../images/common/ico_insta_black.png") no-repeat left top;
	background-size: contain;
}

/*#instagram .instaAccount {
	letter-spacing: 0.1px;
}
#instagram .followUs {
	letter-spacing: 0.5px;
}*/

#instagram_inner .instaLink {
	display: inline-block;
	width: 33.333%;
}
#instagram_inner .instaLink:nth-child(10),
#instagram_inner .instaLink:nth-child(11),
#instagram_inner .instaLink:nth-child(12) {
	display: none;
}

#locations .underSeTitle {
	margin: 0 auto 6%;
}

#harajyukuMap {
	width: 100%;
	height: 0;
	padding-bottom: 62.5%;
}

.mapUnder {
	margin: 4% auto 10%;
}
.mapUnderText {
	max-width: none;
	width: 100%;
	margin-bottom: 4%;
}
.mapUnderText p {
	line-height: 1.9;
}

#locations .moreBtn {
	box-sizing: border-box;
	max-width: none;
	width: 100%;
}

#locations .mapIcon a span {
	background: url("../images/common/ico_map_black.png") no-repeat right top;
	background-size: contain;
}
#locations .mapIcon a:hover span {
	background: url("../images/common/ico_map_yellow.png") no-repeat right top;
	background-size: contain;
}

#snsBtnWrap {
	margin-top: 15%;
	margin-bottom: 12%;
}

#toTop {
	bottom: 10px;
	right: 10px;
	width: 42px;
	height: 42px;
}

#toTop a span {
	font-size: 14px;
}

/* =Footer
-------------------------------------------------------------- */

}


@media screen and (max-width: 640px) {

.seTitle {
	font-size: 4rem;
}

.underSeTitle {
	font-size: 3.6rem;
}

}

@media screen and (max-width: 480px) {

	.seTitle {
		font-size: 3.2rem;
	}

	.menuTitle span {
		font-size: 3rem;
	}

	.underSeTitle {
		font-size: 3.2rem;
	}

	#foodMenu_pizza .ibWrap li {
		width: 46%;
		margin: 0 8% 4% 0;
		text-align: center;
	}
	#foodMenu_pizza .ibWrap li:nth-child(6) {
		width: 46%;
	}

	.snsLink {
		margin: 0 0 7%;
	}

	.snsLink a {
		font-size: 12px;
	}
	.snsLink .iIcon,
	.snsLink .fIcon {
		background-position: right center !important;
		background-size: auto 14px !important;
	}

	#instagram .underSeTitle span {
		letter-spacing: -0.1px;
	}

}