/* 
	Theme Name: GYG
	License:  GNU General Public License
	License URI:  http://www.opensource.org
	
*/

/* Licensed under GNU General Public License.  Learn more at www.opensource.org */

/* Table Of Contents
-----------------------------------------------

01.  Reset
02.  Global Elements
03.  Typography
04.  Header
05.  Navigation
06.  Home Page
07.  Food Section
08.  Services Section
09.  Widgets
10.  Staff
11.  Slider
12.  Contact
13.  Inside Pages
14.  Staff (inside)
15.  Social Icons
16.  Footer
17.  Comments
18.  Images and Galleries
19.  Media Queries (responsive)

 */


/* Eric Meyer's Reset
----------------------------------------------- */

/* Eric Meyer's Reset Reloaded */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

a img { 
	border: 0 
}

figure { 
	margin: 0 
}

img, 
object, 
embed { 
	max-width: 100%; 
	height: auto;
	vertical-align:top;
}

video { 
	width: 100%; 
	height: auto; 
}

img { 
	border: 0;	
	-ms-interpolation-mode: bicubic  /* IE Images */;
}

svg:not(:root){ 
	overflow: hidden /* Correct IE9 overflow */; 
} 

/* Global Elements
----------------------------------------------- */

html { 
        height: auto;
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body {
	margin: 0;
	min-height: 100%; 
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	color: #000;
	background-color: #e2e2e2;
}

a, 
a:visited {
	color: #1d3994;
	text-decoration: none;
}

a:hover {
	color: #747474;
	text-decoration: none;
}

img {
	border-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.cf:before,
.cf:after {
    content: "";
    display: inline-table;
}

.cf:after {
    content: "";
    display: table;
    clear: both;
	line-height:0;
}

.cf { /* For IE 6/7 (trigger has Layout) */
    zoom: 1;
}

.shadow {	
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.9);
}

input,
select,
textarea {
	border: none;
}

input,
label,
select,
textarea {
	color: #3e3e3e;
	font-size: 14px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

a.button,
input[type="button"],
input[type="submit"] {
	background-color: #2686B1;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 10px 20px;
	text-decoration: none;
	border: none;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

a:hover.button,
input:hover[type="button"],
input:hover[type="submit"] {
	background-color: #3e3e3e;
}

#author,
#comment,
#email,
#url,
input#s,
textarea,
input[type="text"],
.gform_body input,
.gform_body textarea {
	-webkit-appearance: none;
	padding-left: 5px !important;
}

/* Typography
----------------------------------------------- */

body {
	font: 16px/1.3 open-sans, 'Open Sans', Lucida, Verdana, sans-serif;
}

p {
  margin: 0 0 20px;
}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-size: 120%;
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;
	font-weight: 700;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
	color: #111;
	font-family: 'Open Sans', 'Lucida Grande', Lucida, Verdana, sans-serif;
}

h1,
h2,
h3 {
  line-height: 170%;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-bottom: 1px solid #c9c9c9;
clear:both;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

blockquote {
	background: url(images/quote.png) no-repeat;
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #514f4f;
	font-style: italic;
}

/* Header
----------------------------------------------- */

#header {
	position: relative;
	z-index: 100;
	width: 1000px;
	margin: 0 auto;
}

.fixed #header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 58px;
	background-color: #e1e2e1;
}

.fixed #one {
	margin-top: 58px;
}

#header-content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.admin-bar.fixed #header {
	top: 37px; 
}

#logo,
#text-logo {
    display: none;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 100%;
        text-indent: -9999pt;
}

#logo p,
#logo h1,
#text-logo p,
#text-logo h1 {
	line-height: 1;
	padding: 0;
	margin: 0;
	font-size: 50px;
}

#logo img {
	margin: 0;
}

/* Navigation (header)
----------------------------------------------- */

#header .menu, #header .menu * 	{ margin: 0; padding: 0; list-style: none; }
#header .menu 					{ line-height:	1.0; }
#header .menu ul 				{ position: absolute; top: -999em; width: 10em; }
#header .menu ul li 			{ width: 100%; }
#header .menu li:hover 			{ visibility: inherit;  }
#header .menu li 				{ float: left; position: relative; }
#header .menu a 				{ display: block; position: relative; }
#header .menu li:hover ul,
#header .menu li.sfHover ul 	{ top: 2.5em; z-index: 990; }
#header ul.menu li:hover li ul,
#header ul.menu li.sfHover li ul{ top: -999em;}
#header .menu li:hover ul,
#header .menu li.sfHover ul 	{ left: 0; top: 28px; z-index: 990; }
#header .menu a.sf-with-ul 		{ padding-right: 2.25em; min-width: 1px; }

#header ul.menu li li:hover ul,
#header ul.menu li li.sfHover ul {
	width: 160px;
	left:  160px;
	top: 0;
}

#header ul.menu li li li:hover ul,
#header ul.menu li li li.sfHover ul {
	left:	160px;
	top:	0;
}

#navigation,
#header div.menu {
	float: right;
	margin: 0;
}

#navigation ul,
#header div.menu ul {
	list-style-type: none;
}

#header #navigation li,
#header div.menu ul li {
	float: left;
	margin-left: 15px;
}

#navigation li a,
#navigation li a:visited,
#header div.menu ul li a,
#header div.menu ul li a:visited {
	color: #000;
}

#navigation li.current-menu-item a,
#navigation li a:hover,
#header div.menu ul li a:hover,
#header div.menu ul li.current_page_item a  {
	color: #2685b0;
}

#header .menu li ul {
	width: 160px;
	margin-top: 6px;
	margin-left: 0;
	padding: 10px;
	border: 1px solid #b9bab9;
	background-color: #e1e2e1;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#header .menu li ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

#header .menu li ul li ul {
	width: 170px;
	margin-top: 9px;
	margin-left: -30px;
}

.tinynav {
	display: none;
}

/* カスタムグローバルナビ */
#menu {
	display: block;
	width:800px;
	position:relative;
	left:180px;
	top:13px;
	text-align:right;
}

#menu span {
	margin-right:5px;
}

#menu span ul {
	margin-top:7px;
}

#menu span ul li {
	padding:1px;
	text-align:left;
}

#menu span ul li a {
    color: #eec103;
    text-decoration: none;
}

#menu span ul li a:visited {
    color: #eec103;
    text-decoration: none;
}

#menu span ul li a:hover {
    color: #ffffff;
    text-decoration: none;
}

#custom-nav-image1 {width: 60px;}
#custom-nav-image2 {width: 87px;}
#custom-nav-image3 {width: 78px;padding-bottom:7px;}
#custom-nav-image4 {width: 110px;padding-bottom:7px;}
#custom-nav-image5 {width: 127px;}
#custom-nav-image6 {width: 112px;padding-bottom:7px;}
#custom-nav-image7 {width: 27px;}
#custom-nav-image8 {width: 26px;}
#custom-nav-image9 {width: 27px;}

#custom-nav-sub3 {
	display:none;
	position:absolute;
	left:210px;
	top:25px;
}

#custom-nav-sub4 {
	display:none;
	position:absolute;
	left:300px;
	top:25px;
}

#custom-nav-sub6 {
	display:none;
	position:absolute;
	left:555px;
	top:25px;
}

#menu-sp {
	display:none;
	width:100%;
	position:relative;
	left:20px;
	top:3px;
	text-align:right;
}

#menu-sp span ul li {
	background-color:rgba(0,0,0,0.8);
	width:180px;
	padding:3px;
	font-size:15px;
	text-align:left;
	border-bottom: 1px solid #eec103;
}

#menu-sp span ul li a {
    color: #ffffff;
	padding-left:10px;
    text-decoration: none;
}

#menu-sp span ul li a:visited {
    color: #ffffff;
	padding-left:10px;
    text-decoration: none;
}

#menu-sp span ul li a:hover {
    color: #eec103;
	padding-left:10px;
    text-decoration: none;
}

#custom-nav-image-sp {width: 168px;}
#custom-nav-arrow-sp {width: 22px;}

#custom-nav-sub-sp {
	display:none;
	position:absolute;
	right:0px;
	top:22px;
}

/* カスタムグローバルナビ */

/* Home Page
----------------------------------------------- */

div#one .section-wrap {padding : 0px; margin: 0px;}

div#one,
div#two,
div#three,
div#four,
div#five,
div#six,
div#seven {
	position: relative;
	z-index: 10;
}

.section-wrap {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
	padding-top: 80px;
        padding-bottom: 100px;

}

div.picture-block {	
	width: 100%;
        z-index: 50;
	background-attachment: fixed; 
	background-position: top center; 
	background-repeat: no-repeat; 
	-moz-background-size: cover; 
	-webkit-background-size: cover; 
	background-size: cover;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); 
        background-color: #000;
}

h2.section-title {
	font-size: 40px;
	margin-bottom: 50px;
}

.mobile-picture-block {
	display: none;
        margin-bottom: -4px !important;
}

#four .mobile-picture-block {
        background-color: #000;
}


/* Food Section
----------------------------------------------- */

.widget.home-menu-group-block,
.widget.home-slideshow-block,
.widget.home-contact-block,
.widget.home-staff-group-block,
.widget.home-page-block,
.widget.home-service-group-block {
	width: 100%;
}

.menu-list {
	width: 49.5%;
	float: left;
	margin-bottom: 30px;
}

.menu-list ul {
	margin: 0;
	list-style-type: none;
}

li.food-item,
li.menu-list {
	overflow: hidden;
}

.food-item img.attachment-food,
.menu-list img.attachment-food {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.food-item h3,
.menu-list h3 {
	padding-bottom: 7px;
	border-bottom: 1px solid #333;
}

.menu-title {
	overflow: hidden;
}

.menu-title h4 {
	float: left;
	max-width: 85%;
	font-size: 20px;
	margin: 0;
	padding-bottom: 4px;
}

.menu-list p,
.food-item p {
	margin-right: 50px;
	padding-top:1.4em;
	font-size: 18px;
	line-height:170%;
}

.menu-title p.price,
.food-item p.price {
	float: right;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	padding: 0;
}


/* Services Section
----------------------------------------------- */

.service-list ul {
	margin: 0 0 50px;
	list-style: none;
}

.service-list h3 {
	padding-bottom: 7px;
	border-bottom: 1px solid #333;
}

.service-title {
	overflow: hidden;
}

.service-title h4 {
	float: left;
	font-size: 20px;
	margin-top: 0;
}

.service-list li p {
	font-style: italic;
	margin-right: 20px;
	margin-left: 20px;
}

.service-title p {
	float: right;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	font-style: normal;
}

/* Widget Section
----------------------------------------------- */

.widget {
	width: 290px;
	float: left;
	margin-bottom: 20px;
}

h3.widget-title {
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

.widget ul {
	margin-left: 0;
}

.latest-tweets li {
	margin-bottom: 18px;
}

iframe.twitter-follow-button {
	margin-top: 5px;
}

.widget.featured-posts {
	width: 625px;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 4px 0;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}

h3 a.rsswidget img {
	display: none;
}

.widget_search label {
	display: none;
}

input#s {
	padding: 10px;
	width: 170px;
}

.fb-widget iframe {
	max-width: 100%;
}

/* Staff Section
----------------------------------------------- */

.staff-list ul {
	margin: 0;
	list-style-type: none;
}

.staff-list li {
	float: left;
	width: 300px;
	margin-bottom: 30px;
	text-align: center;
}

/* Slider
----------------------------------------------- */
 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.flexslider {
	margin: 0 0 20px; 
	padding: 0;
	position: relative;  
	zoom: 1;
}

.flexslider .slides > li {
	display: none;
	position: relative;
	-webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
	max-width: 100%; 
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {	
	display: block;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flex-container {
	zoom: 1; 
	position: relative;
}

.flex-direction-nav a {
	width: 701px; 
	height: 45px; 
	margin: 0; 
	display: block; 
	background: url(images/slider-arrows.png) no-repeat 0 0; 
	position: absolute; 
	bottom: -50px;
	cursor: pointer; 
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	width:110px;
	background-position: 100% 0; 
	right: 30px; 
}

.flex-direction-nav .flex-prev {
	width:110px;
	left: 30px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
}

.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .disabled {
	opacity: .3!important; 
	filter:alpha(opacity=30); 
	cursor: default;
}

.flex-control-nav { /* Control Nav */
	display: none;
}

ul.slides li img.attachment-half-slide {
	float: left;
	max-width: 600px;
	height: auto;
}

ul.slides .half-video {
	float: left;
	width: 600px;
	height: auto;
}

.slider-content {
	float: right;
	width: 315px;
}

.slider-content h3 {
	margin-top: 0;
	line-height: 1.2;
}

.slider-content a.button {
	position: relative;
	top: 20px;
}

/* Contact Section
----------------------------------------------- */

.contact {
	overflow: hidden;
}

.contact-map {
	margin: 0 auto 30px;
	padding: 10px 10px 7px;
	background-color: #ccc;
}

.contact-map iframe {
	max-width: 100%;
}

.contact h3,
.contact .gform_wrapper h3.gform_title {
	font-weight: 400;
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	font-size: 24px;
	margin-top: 0;
}

.contact-content {
	float: left;
	width: 65%;
}

.contact-content .gform_wrapper {
	margin-top: 0;
}

.address-hours {
	float: right;
	width: 30%;
}

.address-hours li {
	list-style-type: none;
}

a:hover.phone-number {
	cursor: text;
}

/* Inside Pages
----------------------------------------------- */

.wrap {
	width: 960px;
	margin: 50px auto;
}

body.fixed .wrap {
	margin-top: 120px;
}

#feedback {
	margin-top: 40px;
	margin-bottom: 50px;
}

#content {
	float: left;
	width: 600px;
}

#sidebar {
	float: right;
	width: 290px;
}

#content article {
	margin-bottom: 70px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.page #content article,
.single article {
	border: none;
	margin: 30px auto;
	padding: 0;
	font-size:24px;
	line-height:170%;
}
.single article .featured{
	margin-bottom:50px;
}

.category-locations{
	margin-left:30px !important;
	margin-right:30px !important;
}

.category-locations .featured{
	margin-left:-30px !important;
	margin-right:-30px !important;
}

.category-locations hr{
	margin-left:-30px !important;
	margin-right:-30px !important;
}

.single article h1{
	font-size:32px;
}
.single.news article h1,
.single.news article p{
	margin-left:3%;
	margin-right:3%;
}
.single.news article p.newsdate{
	margin-bottom:1.5em;
}
#content.full {
	width: 100%;
}

/* Staff Section
----------------------------------------------- */

#content.full .attachment-staff-thumbnail,
.single-staff .attachment-staff-thumbnail {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}

article.staff-member {
	overflow: hidden;
}

p.staff-meta span {
	margin-right: 10px;
}

p.job-title {
	font-style: italic;
}

/* Social Navigation
----------------------------------------------- */

#social {
	text-align: center;
}

#menu-social li,
#social li {
	display: inline-block;
	list-style-type: none;
}

footer#site #social li {
	float: right;
}

#social li.dribbble a,
#social li.email a,
#social li.facebook a,
#social li.flickr a,
#social li.foursquare a,
#social li.forrst a,
#social li.google a,
#social li.github a,
#social li.instagram a,
#social li.itunes a,
#social li.linkedin a,
#social li.pinterest a,
#social li.twitter a,
#social li.youtube a,
#social li.vimeo a,
#social li.yelp a,
#social li.podcast a,
#social li.rss a,
#menu-social li.dribbble a,
#menu-social li.email a,
#menu-social li.facebook a,
#menu-social li.flickr a,
#menu-social li.foursquare a,
#menu-social li.forrst a,
#menu-social li.google a,
#menu-social li.github a,
#menu-social li.instagram a,
#menu-social li.itunes a,
#menu-social li.linkedin a,
#menu-social li.pinterest a,
#menu-social li.twitter a,
#menu-social li.youtube a,
#menu-social li.vimeo a,
#menu-social li.yelp a,
#menu-social li.podcast a,
#menu-social li.rss a {
	float: right;
	display: block; 
	position: relative; 
	width: 66px;
	height: 69px;
	padding: 0;
	margin-left: 1px;
	opacity: 1;
	text-indent: -9999px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	background: url(images/social.png) no-repeat;
}

#social li a:hover,
#menu-social li a:hover {
	opacity: .6;
}

#social li.facebook a,
#menu-social li.facebook a {
	background-position: 0 0px;
}

#social li.feed a,
#menu-social li.feed a  {
	background-position: 0 -70px;
}

#social li.flickr a,
#menu-social li.flickr a {
	background-position: 0 -209px;
}

#social li.google a,
#menu-social li.google a {
	background-position: 0 -347px;
}

#social li.twitter a,
#menu-social li.twitter a {
	background-position: 0 -485px;
}

#social li.pinterest a,
#menu-social li.pinterest a {
	background-position: 0 -416px;
}

#social li.dribbble a,
#menu-social li.dribbble a {
	background-position: 0 -765px;
}

#social li.vimeo a,
#menu-social li.vimeo a {
	background-position: 0 -555px;
}

#social li.youtube a,
#menu-social li.youtube a {
	background-position: 0 -625px;
}

#social li.github a,
#menu-social li.github a {
	background-position: 0 -835px;
}

#social li.instagram a,
#menu-social li.instagram a {
	background-position: 0 -905px;
}

#social li.itunes a,
#menu-social li.itunes a {
	background-position: 0 -974px;
}

#social li.linkedin a,
#menu-social li.linkedin a {
	background-position: 0 -1044px;
}

#social li.forrst a,
#menu-social li.forrst a {
	background-position: 0 -1115px;
}

#social li.yelp a,
#menu-social li.yelp a {
	background-position: 0 -696px;
}

#social li.foursquare a,
#menu-social li.foursquare a {
	background-position: 0 -278px;
}

#social li.email a,
#menu-social li.email a {
	background-position: 0 -140px;
}

#social li.rss a,
#menu-social li.rss a {
	background-position: 0 -70px;
}

/* Footer
----------------------------------------------- */

footer#site {
	margin: 0px auto;
	overflow: hidden;
	padding-bottom: 0px;
	border-top: 1px solid #FFF;
	background-color: #000;
	width: 100%;
	text-align: center;
	color:#ffffff;
}
footer#site dl{
	width: 900px;
	margin: 30px auto 10px;
	display: table;
}

footer#site ul {
	margin: 0;
}

.footer-left {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width:50%;
}
.footer-left li{
	display: inline;
	padding-right:1em;
	font-size:12px;
	font-weight:normal;
}
.footer-left a {color:#ffffff;text-decoration:none;}

.footer-right {
	display: table-cell;
	width:50%;
	vertical-align: top;
	text-align:right;
}

footer#site p {
	margin: 0;
	font-size:12px;
}

/* Comments
----------------------------------------------- */

#comments {
	clear: both;
	width: 98%;
	overflow: hidden;
	padding-top: 20px;
}

h2.comments-title {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 24px;
}

ol.commentlist {
	list-style-type: none;
	margin: 0;
}

ol.commentlist li {
	overflow: hidden;
	list-style-type: none;
	margin-bottom: 30px;
	padding-left: 20px;
}

.alt,
.depth-1,
.even {
	border-left: 5px solid #dbdcdb;
}

li.bypostauthor {
	border-color: #3785B1;
}

ol.commentlist ul.children {
	margin: 20px 0 0 35px;
}

.comment-header {
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
}

.comment-header cite.fn {
	text-transform: uppercase;
	display: block;
	margin-bottom: 7px;
	font-style: normal;
	font-size: 22px;
	font-variant: normal;
}

.comment-header img {
	float: left;
	margin-right: 16px;
}

#comments .reply p {
	margin-bottom: 0;
}

#author,
#comment,
#email,
#url {
	background-color: #fff;
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 50%;
}

#comments input#author,
#comments input#email,
#comments input#url,
#comments textarea#comment {
	float: left;
	clear: both;
	margin-right: 0;
	width: 98%;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
	margin-bottom: 0;
	height: 63px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label,
p.comment-form-comment label {
	position: relative;
	top: 8px;
}

p.comment-form-author span.required,
p.comment-form-email span.required {
	position: relative;
	top: 2px;
}

p.comment-form-comment {
	position: relative;
}

p.form-allowed-tags {
	clear: both;
	display: none;
}

#respond p.form-submit {
	clear: both;
	padding-top: 20px;
}


/* Images and Galleries
----------------------------------------------- */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

dl.gallery-item {
	margin: 0;
}

#content .gallery .gallery-icon img {
	border: 1px solid #ddd;
	padding: 6px;
}

.wp-caption img {
	border-color: #eee;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

img.alignleft {
	margin-right: 1.625em;
}

img.alignright {
	margin-left: 1.625em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}

.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}

.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

#content .gallery {
	margin: 0 auto 20px;
}

#content .gallery a img {
	border: none;
}

#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}

#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

div.yohaku {height:45px; margin: 0px; padding: 0px;}
div.melitop {margin-top:160px;}

#slidedisp {/* height:740px; */ background: #000000;}
#topmessage {top:285px;}
 
/* Navi */
#menu-item-76 {background:url("./img/navi_1_top.png") 0 0 no-repeat;
               width:63px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-76 a {width:63px !important; height:79px; display: block;}

#menu-item-77 {background:url("./img/navi_2_gyg.png") 0 0 no-repeat;
               width:141px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-77 a {width:141px !important; height:79px; display: block;}

#menu-item-78 {background:url("./img/navi_3_food.png") 0 0 no-repeat;
               width:123px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-78 a {width:123px !important; height:79px; display: block;}

#menu-item-79 {background:url("./img/navi_4_healty.png") 0 0 no-repeat;
               width:151px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-79 a {width:151px !important; height:79px; display: block;}

#menu-item-80 {background:url("./img/navi_5_locations.png") 0 0 no-repeat;
               width:173px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-80 a {width:173px !important; height:79px; display: block;}

#menu-item-125 {background:url("./img/navi_6_facebook.png") 0 0 no-repeat;
               width:45px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-125 a {width:45px !important; height:79px; display: block;}

#menu-item-126 {background:url("./img/navi_7_twitter.png") 0 0 no-repeat;
               width:57px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-126 a {width:57px !important; height:79px; display: block;}


#menu-item-127 {background:url("./img/navi_8_instagram.png") 0 0 no-repeat;
               width:79px !important; height:79px; margin: 0px !important; text-indent:-9999px;}
#menu-item-127 a {width:79px !important; height:79px; display: block;}

.video-container {
	position: relative;
	padding: 30px 0 56.25%;
	margin:0 5%;
	height: 0;
	overflow: hidden;
	width: 90%;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*コーダー追記分*/

.paging{
	text-align:center;
	margin:0 auto;
	font-size:20px;
}
.paging a:link,
.paging a:visited{
	color:#1d3994;
}
.attention{
	color:#ff0000;
}

/*top*/
.home h2{
	margin-bottom:50px;
}

#two .section-wrap{
	width:1000px;
	padding-top:150px;
}
#topAbout{
	color:#ffffff;
	font-size:22px;
	line-height:160%;
	padding:0 100px 75px;
}

.home #three .yohaku{
	height:10px;
}
.home #three h2,
.home #four h2{
	margin-bottom:30px;
}
#newsL{
	float:left;
	width: 100%;
	padding:0 0 0 10px;
	margin:0 -350px 0 0;
}
#newsLin{
	margin-right:330px;
	padding-right:20px;
	border-right: 1px solid #c9c9c9;
}
#newsL p#morenewsindex02{
	display:none;
}
#newsR{
	float:right;
	max-width:300px;
	background-color:#ffffff;
}

#four .section-wrap{
	width:1000px;
	padding-bottom:40px;
	padding-top:90px;
}
#four .section-wrap > p{
	font-size:18px;
	margin:0 50px 20px;
	line-height:170%;
}
#four .section-wrap p.shoulder{
	font-weight:bold;
	font-size:20px;
}
#four .swap2{
	margin:0 50px;
	padding-bottom:80px;
}
#four .swap2 .menu-list p{
	margin:0;
	padding-top:0;
}
#four .swap2 dt.menu-list{
	width:45%;
}
#four .swap2 dd.menu-list{
	width:50%;
}
#four .swap2 dd.menu-list li{
	width:30%;
	display:inline-block;
	vertical-align:top;
}

/*
#four #drinkimg img{
	width:50%;
}
*/

#five .section-wrap{
	width:1000px;
	padding-bottom:40px;
	padding-top:60px;
}
#contact .section-wrap{
	padding-top:0px;
	padding-top:100px;
}

.home #contact{
	background-color:#000000;
}
.home #contact ul{
	margin-left:0;
	margin-top:150px;
}
.home #contact li{
	display:inline-block;
	width:28%;
	margin-right:7%;
}
.home #contact li:last-child{
	margin-right:0;
}
.home #contact li img{
	width:100%;
}


div.h_locations {
	margin:0 20px 10px;
	padding:20px 80px 35px 110px;
	min-height:285px;
	clear:both;
	background:url(./img/bg_5_location2.png) no-repeat center bottom;
}

div.h_locations_l {
	float: left;
	width: 37%;
	margin:0 20px 10px;
}

div.h_locations_r{
	float: right;
	width: 56%;
}
div.h_locations_r p{
	font-size:20px;
	margin-bottom:5px;
}
div.h_locations_r h3 {
	font-size:24px;
	margin-top:0;
}
div.h_locations_r h3 a:link,
div.h_locations_r h3 a:visited{
	color:#000000;
}
div.h_locations_r p.more a:link,
div.h_locations_r p.more a:visited{
	color:#1d3994;
}

div.h_news {
	height:200px;
	clear:both;
}

div.h_news_l {
	float: left;
	width: 37%;

}

div.h_news_r {
	padding-left:40%;
	color:#000000;
	font-size:16px;
}
div.h_news_r h3{
	font-size:20px;
}
div.h_news_r h3 a:link,
div.h_news_r h3 a:visited{
	color:#000000;
}
div.h_news_r p.morenews a:link,
div.h_news_r p.morenews a:visited{
	color:#1d3994;
}

#three hr{
	border:none;
	border-bottom:1px solid #c9c9c9;
	margin:20px 0;
	clear:both;
}


body.category-news,
body.page {
	background-image: url("./img/bg_wall.jpg");
	background-position: center top;
}

body.single-post {
	background-image: url("./img/bg_wall.jpg");
	background-position: center top;
}

div.c_news_wrap {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
div.c_news_wrap h1{
	margin-bottom:90px;
}
div.c_news_wrap hr{
	border:none;
	border-bottom:1px solid #c9c9c9;
	margin:36px 50px;
}
.c_news {
	width:800px;
	clear:both;
	margin:0 50px;
}

.c_news_l {
	float: left;
	width:33.5%;
	padding-left:3%;
}
.c_news_l img{
	width:100%;
}

.c_news_r {
	margin-left:40%;
	font-size:21px;
	line-height:170%;
}
.c_news_r h2 {
	font-size:28px;
}
.c_news_r .morenews a:link,
.c_news_r .morenews a:visited{
	color:#1d3994;
}
.c_news_r h2 a:link,
.c_news_r h2 a:visited{
	color:#000000;
}

div.s_news_wrap {
	width:800px;
	margin:30px auto 0;
}
div.s_news_wrap article{
	margin-top:30px;
}

div.s_locations_wrap {
	width:800px;
	margin:80px auto 0;
	margin-top:0px;
}
div.s_locations_wrap h1 + p{
	margin-bottom:-1.0em;
}
.gmp_map_opts{
	margin-bottom:40px !important;
}
div.s_locations_wrap hr{
	margin-top:40px;
}

#feedback article h1{
	position:relative;
	z-index:99;
	padding:0 50px;
}
article .wpcf7{
	position:relative;
	margin-top:-40px;
	background:url(./img/bg_feedback.png) no-repeat left top;
	padding-top:135px;
}


@media only screen and (max-width: 879px) {
	article .wpcf7{
		position:relative;
		margin-top:-40px;
		background:url(./img/bg_feedback_l.png) no-repeat left top;
		padding-top:135px;
	}
}



article .wpcf7 form{
	padding:0 230px 127px 180px;
	position:relative;
	left:-30px;
}
article .wpcf7 form p{
	font-size:21px;
	line-height:170%;
	padding-bottom:60px;
	position:relative;
	left:80px;
}
article .wpcf7 form dl{
	display:table;
	width:100%;
	text-align:left;
	margin-bottom:25px;
}
article .wpcf7 form dt{
	display:table-cell;
	font-weight:normal;
	text-align:right;
	padding:0 18px 0 0;
	width:30%;
	vertical-align:top;
	font-size:14px;
}
article .wpcf7 form dd{
	display:table-cell;
	width:70%;
	vertical-align:top;
}
article .wpcf7 form dd input[type="text"],
article .wpcf7 form dd input[type="date"],
article .wpcf7 form dd input[type="email"],
article .wpcf7 form dd select,
article .wpcf7 form dd textarea{
	border-radius:3px;
	font-size:18px;
	padding:5px;
	width:100%;
}
article .wpcf7 form dd input[type="radio"]{
	background:#999999;
}
article .wpcf7 form dd textarea{
	border-radius:10px;
	height:8em;
}
article .wpcf7 form dd .attention{
	padding-top:0.7em;
}
article .wpcf7 form input[type="submit"]{
	width:40%;
	font-size:26px;
	background:transparent url(./img/btn_send.png) no-repeat top center;
	background-size:contain;
	text-indent:200%;
}

/* Responsive Section
----------------------------------------------- */

@media only screen and (min-width: 1400px) {

	/* Larger featured images/videos when using a large display */
	
	#content .featured {
		width: 800px;
		height: auto;
		margin-left: -200px;
                overflow: hidden;
	}
        
        div.yohaku {
            height:60px;
                }

        #contact div.yohaku {
            height:0px;
                }
	
        .menu-list img {width:100%;}
        
        #slidedisp {/* height:740px; */}
        #topmessage {top:285px;}
        
	#three .section-wrap {
	    padding-bottom: 110px;
	}

	.fixed #header {
		height: 100px;
	}

	#menu {
		top:32px;
	}

	#menu-lang {
		position: absolute;
		top: 18px;
		right: 0;
		color: #f4c922;
	}

	#menu-lang a {
		color: #f4c922;
	}
	
	#menu-lang span {
		font-weight: bold;
		text-decoration: underline;
	}

	.fixed #one {
		margin-top: 100px;
	}

	#morenewsindex01 a img {
		width:62%;
	}
}

@media only screen and (min-width: 1124px) and (max-width: 1399px) {

	/* Larger featured images/videos when using a large display */
	#gyglogo {margin-top: -7px;}
	#content .featured {
		width: 780px;
		height: auto;
		margin-left: -100px;
                overflow: hidden;
                
	}
        div.yohaku {height:40px !important;}
        .menu-list img {width:100%;}
        
        #slidedisp {/* height:740px; */}
        #topmessage {top:285px;}
        
	#three .section-wrap {
	    padding-bottom: 110px;
	}

	.fixed #header {
		height: 100px;
	}
	#menu {
		top:32px;
	}

	#menu-lang {
		position: absolute;
		top: 18px;
		right: 0;
		color: #f4c922;
	}

	#menu-lang a {
		color: #f4c922;
	}

	#menu-lang span {
		font-weight: bold;
		text-decoration: underline;
	}

	.fixed #one {
		margin-top: 100px;
	}

	#morenewsindex01 a img {
		width:62%;
	}
}

@media only screen and (max-device-width: 1124px) {

	/* Position Image Backgrounds For All Mobile Devices */
	
	div.picture-block {
            margin: 0px;
		height: auto;
		background-attachment: scroll;
	}
        div.yohaku {height:35px !important;}

        #slidedisp {/* height:650px; */}
        #topmessage {top:220px;}
}

	#three .section-wrap {
	    padding-bottom: 100px;
		padding-top: 150px;
	}


@media only screen and (min-width: 880px) and (max-width: 1123px) {
	/* Portrait Tablet */
	#gyglogo {margin-top: -7px;}
	div.yohaku {height:35px !important;}
	div.melitop {margin-top:100px;}
        .menu-list img {width:100%;}
        
        #slidedisp {/* height:650px; */}
        #topmessage {top:220px;}
        
        #gyglogo {margin-left: -30px;}
             
         /* Navi */
        
	#header {
		width: 100%;
	}
	
        .section-wrap {padding-bottom: 100px; padding-top: 40px;}
        
	.fixed #header {
		height: 100px;
	}

	.fixed #one {
		margin-top: 100px;
	}
        
	#header-content,
	.section-wrap
	.wrap {
		width: 860px;
	}
	
	#logo,
	#text-logo {
            display: none;
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#header div.menu,
	#header #navigation {
            width: 81%;
		float: right;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	
	#header div.menu ul,
	#header #navigation ul {
		text-align: center;
		float: none;
	}
	
	#header div.menu li,
	#header #navigation li {
		float: none;
		display: inline-block;
		margin-left: 0px;
		margin-right: 0px;
	}

	/* カスタムグローバルナビ */
	#menu {
		width:700px;
		position:relative;
		left:138px;
		top:32px;
		text-align:right;
	}

	#menu-lang {
		position: absolute;
		top: 18px;
		right: 0;
		color: #f4c922;
	}

	#menu-lang a {
		color: #f4c922;
	}

	#menu-lang span {
		font-weight: bold;
		text-decoration: underline;
	}


	#menu span {
		margin-right:0px;
	}

	#custom-nav-sub3 {
		display:none;
		position:absolute;
		left:145px;
		top:25px;
	}

	#custom-nav-sub4 {
		display:none;
		position:absolute;
		left:230px;
		top:25px;
	}

	#custom-nav-sub6 {
		display:none;
		position:absolute;
		left:475px;
		top:25px;
	}
	/* カスタムグローバルナビ */
	
	.staff-list li {
		width: 226px;
	}
	
	.menu-list {
		width: 49%;
	}
	
	ul.slides li img.attachment-half-slide {
		max-width: 488px;
	}
	
	ul.slides .half-video {
		width: 488px;
	}
	
	.slider-content {
		width: 240px;
	}
	
	#content {
		width: 500px;
	}
	
	#sidebar {
		width: 200px;
	}
	
	.widget {
		max-width: 100%;
	}
	#two .section-wrap,
	#four .section-wrap,
	#five .section-wrap{
		width:100%;
	}
	#three .section-wrap{
		width:90%;
		margin:0 auto;
	}
	#newsL{
	}
	.video-container {
		margin: 0 5%;
		padding:0 0 56.25%;
        }

	div.h_locations {
		background-size:100% auto;
	}

	#feedback {
		margin-top: 15px;
		margin-left: 55px;
	}
	#morenewsindex01 a img {
		width:62%;
	}
}

@media only screen and (max-width: 879px) {
	#menu {display:none;}
	#menu-sp {display:block;}
	
        .fixed #one {margin-top: 58px !important; padding-top: 0px;}
    /*    div#header.movement {height: 45px;}*/
    /*    #header div {height: 45px !important;} */
	/* All Mobile */

	#gyglogo {width:70%;}

		#header-content {
		    margin-left: 0;
		}

	#titleabout, #titlenews, #titlefood, #titlefoodmenu, #titlefillings, #titlefillings, #titlesidemenu,#titledrinks, #titlelocations, #titlecontact {
		padding-top: 80px !important;
		margin-top: -80px !important;
	}
        
        .ourfood0 {margin-bottom: -15px;}
        .ourfood1 {position: relative; top: -20px; margin-bottom: -50px; z-index: 300;}
        .ourfood2 {position: relative; top: 0px; margin-bottom: -24px; z-index: 301;}
        .ourfood3 {position: relative; top: 0px; margin-bottom: -24px; z-index: 300;}
        .ourfood4 {position: relative; top: 0px; z-index: 301;}
        .ourfood5 {position: relative; top: -22px; margin-bottom: -22px; z-index: 300;}
        .ourfood6 {position: relative; top: -20px; margin-bottom: -30px; zz-index: 301;}
              
         
	div.yohaku {height:0 !important;}
	div.melitop {margin-top:10px;}

        #slidedisp {/* height:550px; */}
        #topmessage {top:180px;}
        
        .section-wrap {padding-top: 0px;}
	#three .section-wrap {
	    padding-bottom: 50px;
	    padding-top: 55px;
	}

	body.fixed .wrap {
	    margin-top: 90px;
	}


        body {font-size: 75% !important;}
                
        #gyglogo {margin-left: 0px;}
        
	#header {
		width: 100%;
	}
	#two .section-wrap,
	#four .section-wrap,
	#five .section-wrap{
		width:100%;
	}
	#three .section-wrap{
		width:98%;
	}	
	#four .section-wrap {
	    padding-bottom: 50px;
	    padding-top: 55px;
	}

        .video-container {
		margin: 0 5%;
		padding:0 0 56.25%;
        }
        
	#logo,
	#text-logo {
            display: none;
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.admin-bar.fixed #header {
		top: auto;
	}
	
	#header {
		padding-bottom: 0px;
	}
	
	#header div.menu,
	#header #navigation {
		float: none;
		margin-bottom: 0px;
		margin-top: 10px;
		width: 100%;
	}

	#menu-lang {
		display: none;
	}

	/* カスタムグローバルナビ */
	#menu {
		width:90%;
		position:relative;
		left:18%;
		top:13px;
		text-align:right;
	}

	#menu span {
		margin-right:0px;
	}

	#menu span ul li a:hover {
	    color: #ffffff;
	    text-decoration: none;
	}
	
	#custom-nav-image1 {width: 38px;}
	#custom-nav-image2 {width: 55px;}
	#custom-nav-image3 {width: 50px;}
	#custom-nav-image4 {width: 70px;}
	#custom-nav-image5 {width: 81px;}
	#custom-nav-image6 {width: 71px;}
	#custom-nav-image7 {width: 15px;}
	#custom-nav-image8 {width: 15px;}
	#custom-nav-image9 {width: 15px;}
	
	#custom-nav-sub3 {
		display:none;
		position:absolute;
		left:80px;
		top:20px;
	}

	#custom-nav-sub4 {
		display:none;
		position:absolute;
		left:110px;
		top:20px;
	}

	#custom-nav-sub6 {
		display:none;
		position:absolute;
		left:80px;
		top:40px;
	}
	/* カスタムグローバルナビ */
	
	ul#site-navigation {
		display: none;
	}
	
	select.tinynav {
            float: right;
            right: 25px;
            z-index: 10000;
            position: absolute;
            
		display: block;
		text-align: center;
		border: 3px solid #222;
		width: 60%;
                -webkit-appearance: none;
		color: #222;
                background-color: #ffd204;
		font-weight: 700;
		-webkit-background-clip: padding-box;
		padding: 0px 0px 0px 5px;
	}
        
        option {
            background: #ffd204 !important;
        }
	
	.fixed #header {
		position: fixed;
	}
	

        .section-wrap {padding-bottom: 40px;}

        #five .section-wrap {padding-top: 40px;}
        #contact .section-wrap {padding-top: 40px;}
        
	#header-content,
	.section-wrap,
	.wrap {
		width: 90%;
	}

        .menu-list {
                margin: 0px;
	}
        
	#content,
	#sidebar{
		width: 100%;
		float: none;
	}
	
	ul.slides li img.attachment-half-slide {
		width: 100%;
		height: auto;
		float: none;
		margin-bottom: 10px;
	}
	
	ul.slides .half-video {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	
	.slider-content {
		width: 100%;
		float: none;
	}
	
	.slider-content p.end {
		height: 51px;
	}
	
	.contact-content {
		float: none;
		width: 100%;
	}
	
	.address-hours {
		float: none;
		width: 100%;
	}	
	
	.single-staff #content {
		text-align: center;
	}
	
	.single-staff .attachment-staff {
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	
	.widget.featured-posts {
		width: 100%;
	}
	
	div.picture-block {
		display: none;
	}
	
	.mobile-picture-block {
		display: block;
	}
	
	div.c_news_wrap,
	.c_news,
	div.s_news_wrap,
	div.s_locations_wrap{
		width:100%;
		margin:0;
	}
	article .wpcf7{
		background-size:100% auto;
		padding-top:70px;
		position:relative;
		left:5px;
	}
	article .wpcf7 form{
		padding:0 20% 130px 15%;
		position:relative;
		left:0px;
	}
	article .wpcf7 form p{
		padding-bottom:1em;
		font-size:14px;
		position:relative;
		left:7px;
	}

	#newsL {

	}



	#three .fb-like-box > span{
		max-width:30%;
	}
	div.h_locations {
		background-size:100% auto;
		padding-right:6%;
		padding-left:5%;
	}
	div.h_locations_l{
		width:34%;
		margin-right:0;
	}
	div.h_locations_r{
		width:58%;
	}
	
	.home #contact ul{
		margin-top:50px;
	}

	footer#site {
		display: block;
	}
	
	.footer-left,
	.footer-right {
	}
	
	footer#site  dl {
		width:95%;
	}
        
        #navigation,
        #header div.menu {
	float: right;
        height: 100px;
	margin: 0;
        

        #header {margin:0px !important; padding:0px !important; height:45px !important;}

}

	#feedback {
		margin-top: 0px;
	}

	#morenewsindex01 a img {
		width:60%;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {

	/* Small Tablet */
        
        .fixed #one {margin-top: 45px;}
        #header {margin:0px; padding:0px; height:45px;}
        
        #slidedisp {/* height:400px; */}
        #topmessage {top:140px;}
        
        .section-wrap {padding-top: 20px;}
        #four .section-wrap {padding-top: 50px;}
        
        body {font-size: 60% !important;}
        
	.staff-list li {
		width: 45%;
	}
	
	#sidebar .widget {
		width: 45%;
		margin: 2.5%;
	}
	
	div.melitop {margin-top:10px;}
	.footer-left p {font-size:100px;}
        
        .video-container {
            margin-top: 50px !important;
        }
	#four .swap2 dt.menu-list,
	#four .swap2 dd.menu-list{
		font-size:1.2em;
	}
	.menu-list p, .food-item p{
		font-size:16px;
	}
	#four .section-wrap > p{
		font-size:16px;
		margin-bottom:10px;
	}
	#four .section-wrap > p.shoulder{
		font-size:18px;
	}
	#three .section-wrap{
		width:90%;
		margin:0 auto;
	}

	#newsL,
	#newsR{
		float:none;
		width:95%;
		margin:0 auto;
	}

	#newsR{
		height: 745px;
	}

	#newsLin{
		margin-right:0;
		padding-right:0;
		border-right: none;
	}
	#newsL p#morenewsindex02{
		display:block;
	}
	p#morenewsindex01{
		display:none;
	}


	#three hr{
		margin-bottom:20px;
	}

	div.h_locations{
		min-height:160px;
		padding-bottom:10px;
	}
	div.h_locations{
		min-height:160px;
		padding-bottom:10px;
	}
	.page #content article, .single article{
		font-size:1.5em;
	}

	#morenewsindex01 a img {
		width:80%;
		position: relative;
		left: -43%;
	}
}

@media only screen and (max-width: 480px) {

	/* Smartphone */
	#gyglogo {width:100%;}
        
        .fixed #one {margin-top: 45px;}
        #header {margin:0px; padding:0px; height:45px;}
        
        
        #slidedisp {/* height:290px; */}
        #topmessage {top:140px;}
        
        body {font-size: 75% !important;}
        
	.staff-list li {
		width: 100%;
	}
	
	#sidebar .widget {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}

	div.melitop {margin-top:10px;}
	.footer-left p {font-size:100px;}
        
        .video-container {
            width:90%;
        }
	#newsL .storymeta + p{
		display:none;
	}
	#newsL p#morenewsindex02{
		display:block;
	}
	p#morenewsindex01{
		display:none;
	}
	#four .section-wrap > p{
		font-size:16px;
	}
	.page #content article, .single article{
		font-size:1.5em;
	}
	#topAbout{
		padding-left:10%;
		padding-right:9%;
		font-size:1.4em;
	}
	.home h2{
		margin-bottom:20px;
	}
	#three h2{
		margin-top:0;
	}
	#newsL,
	#newsR{
		float:none;
		width:95%;
		margin:0 auto;
	}

	#newsR{
		height: 745px;
	}

	#newsLin{
		margin-right:0;
		padding-right:0;
		border-right: none;
	}
	#four dl{
		margin-left:10%;
	}
	.menu-list,
	#four .swap2 dt.menu-list,
	#four .swap2 dd.menu-list{
		float:none;
		width:100%;
		margin:0 auto;
		padding:0;
		font-size:1.2em;
	}
	#four .swap2 dd.menu-list{
		margin-right:10%;
		width:90%;
	}
	.menu-list p, .food-item p{
		margin:0 25px 0 0px;
		font-size:16px;
	}

	#four .swap2 .menu-list p{
		margin:0 10px -10px 0;
	}
	
	#ourfoodimg {
		margin-left:-15px;
	}
	
	#four .section-wrap > p{
		margin:0 10%;
	}
	#four .swap2{
		margin:0;
	}
	#four .swap2 dd.menu-list li{
		width:24%;
		display:inline-block;
		vertical-align:top;
	}
	#four #drinkimg img{
		width:100%;
	}
	div.h_locations{
		padding-top:0px;
		padding-bottom:15px;
		min-height:100px;
	}
	div.h_locations_l{
		float:none;
		width:100%;
		margin:0 0 10px;
	}
	div.h_locations_r{
		float:none;
		width:100%;
	}
	div.h_locations_r p{
		font-size:16px;
	}
	.home #contact li{
		width:27%;
	}
	div.h_news,
	#newsL hr{
		margin-right:10px;
		height:auto;
	}
	.c_news_l{
		float:none;
		width:100%;
		padding-left:0;
	}
	.c_news_r{
		margin-left:0;
		font-size:16px;
	}

	div.c_news_wrap h1{
		margin-bottom:30px;
	}
	.c_news_r h2{
		font-size:24px;
	}
	div.c_news_wrap hr{
		margin:20px 0;
	}
	footer#site dl{
		display:block;
	}
	footer#site dt,
	footer#site dd,
	footer#site li{
		display:block;
		width:100%;
		text-align:center;
	}
	article .wpcf7 form dl{
		display:block;
	}
	article .wpcf7 form dt{
		display:block;
		width:100%;
		text-align:left;
		position:relative;
		left:7px;
	}
	article .wpcf7 form dd{
		display:block;
		width:100%;
		text-align:left;
		position:relative;
		left:-2px;
	}

	article .wpcf7 form dd input[type="text"], 
	article .wpcf7 form dd input[type="date"], 
	article .wpcf7 form dd input[type="email"], 
	article .wpcf7 form dd select, 
	article .wpcf7 form dd textarea{
		width:90%;
	}
}

/* カスタマイズ */

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}
#layer_board_area{
	position: absolute;
	width: 100%;
	height: 100%;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.8);
}

.layer_board {
	display: none;
	position: absolute;

	max-width: 700px;
	max-height: 700px;
	z-index: 1000;
}
.layer_board_inner{
	text-align: center;
	display: table;
}
.layer_board .popup-image{
	width: 100%;
	height: auto;
	max-width: 700px;
}
@media screen and (max-width: 780px) {
	.layer_board .popup-image {
		width: 80%;
	}
}
.btn_close{
	position: absolute;
	right: 30px;
	top: 30px;
	width: 50px;
	height: 50px;
	z-index: 1001;
}




/* ONE */
#one div.section-wrap {padding-bottom: 0px !important;}

/* BACKGROUND */

div#two {
background-image: url("./img/bg_2_whatsGYG.jpg");
background-position: center top;
}

div#three {
background-image: url("./img/bg_3_news.jpg");
background-position: center top;
}
@media only screen and (max-width: 879px) {
	div#three {
		background-image: url("./img/bg_3_news_l.jpg");
		background-position: center top;
	}
}

div#four {
background-image: url("./img/bg_4_ourfood.jpg");
background-position: center top;
}

div#five {
background-image: url("./img/bg_5_locations.jpg");
background-repeat: repeat-y;
background-position: center top;
background-color: #000000;
}





/* BACKSTRETCH */


.backstretch img {

    animation: imageAnimation 6s linear infinite 0s;
    -webkit-animation: imageAnimation 6s linear infinite 0s;
    -ms-animation: imageAnimation 6s linear infinite 0s;
    -moz-animation: imageAnimation 6s linear infinite 0s;
    -o-animation: imageAnimation 6s linear infinite 0s;
}

@keyframes imageAnimation {
    0% {
        animation-timing-function: linear;
    }

    100% {
        transform: scale(1.07);
    }
}

@-ms-keyframes imageAnimation {
    0% {
        -ms-animation-timing-function: linear;
    }

    100% {
        -ms-transform: scale(1.07);
    }
}

@-moz-keyframes imageAnimation {
    0% {
        -moz-animation-timing-function: linear;
    }

    100% {
        -moz-transform: scale(1.07);
    }
}

@-o-keyframes imageAnimation {
    0% {
        -o-animation-timing-function: linear;
    }

    100% {
        -o-transform: scale(1.07);
    }
}

@-webkit-keyframes imageAnimation {
    0% {
        -webkit-animation-timing-function: linear;
    }

    100% {
        -webkit-transform: scale(1.07);
    }
}

.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
	margin: -60px 0 30px;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
	margin: -60px 0 30px;
    }
@media only screen and (min-width: 880px) {
    .wpcf7 .wpcf7-validation-errors {
		position: relative;
		left: 80px;
		width: 430px;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
		position: relative;
		left: 80px;
		width: 430px;
    }
}
@media only screen and (max-width: 879px) {
    .wpcf7 .wpcf7-validation-errors {
		margin: -20px 0 30px;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
		margin: -20px 0 30px;
    }
}




/*-----------video-----------*/

@media screen and (max-width: 767px) {
	#slidedisp {
	    background-image: url(./gyg/homepage-chicken.jpg);
		background-size: cover;
		background-position: center center;
		height: 432px;
	}

	.video-init {
			display:none;
		}
	}
