/*
	Theme Name: gotsubo
*/

/** START HTML5 Boilerplate CSS **/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


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

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #333; }

body { margin: 0; font-size: 17px; line-height: 1.6; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #f0a735; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #ffae00; text-decoration: none; }
a:visited { }
a:hover { color: #333;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Fonts - @font-face
   ========================================================================== */

@font-face {
    font-family: 'brandon_grotesque_boldregular';
    src: url('fonts/brandon_bld-webfont.eot');
    src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_bld-webfont.woff') format('woff'),
         url('fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('fonts/brandon_bld-webfont.svg#brandon_grotesque_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesque_mediumIt';
    src: url('fonts/brandon_med_it-webfont.eot');
    src: url('fonts/brandon_med_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_med_it-webfont.woff') format('woff'),
         url('fonts/brandon_med_it-webfont.ttf') format('truetype'),
         url('fonts/brandon_med_it-webfont.svg#brandon_grotesque_mediumIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesque_mediumRg';
    src: url('fonts/brandon_med-webfont.eot');
    src: url('fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_med-webfont.woff') format('woff'),
         url('fonts/brandon_med-webfont.ttf') format('truetype'),
         url('fonts/brandon_med-webfont.svg#brandon_grotesque_mediumRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesque_regularIt';
    src: url('fonts/brandon_reg_it-webfont.eot');
    src: url('fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_reg_it-webfont.woff') format('woff'),
         url('fonts/brandon_reg_it-webfont.ttf') format('truetype'),
         url('fonts/brandon_reg_it-webfont.svg#brandon_grotesque_regularIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('fonts/brandon_reg-webfont.eot');
    src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_reg-webfont.woff') format('woff'),
         url('fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =============================================================================
   Typography
   ========================================================================== */

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

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

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

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0 0 0 20px; list-style: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


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

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

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


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; /* width: 90%; */ }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form eljectements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	background: #999;
	border: none;
	color: #fff;
	font: 14px/18px 'CabinMedium', Arial, 'sans-serif';
	margin: 5px;
	text-transform: uppercase;
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements
 */

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

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

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

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

object { width: 100%; height: 100%;}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author: ericB - http://b1interactive.com
   ========================================================================== */

/* Loader */
#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #211f1f; overflow: hidden; z-index: 666;}
#loading #loading-message { position: absolute; top: 50%; left: 50%; width: 300px;height: 100px; margin-left: -150px; margin-top: -150px;}
#loading #loading-message .logo {/*  width: 50%; */ display: block; margin: 0 auto;}
#loading #loading-message img.loader { /* position: absolute; top: 14px; left: 14px; */ margin: 0 auto; width: 32px; height: 32px; display: block;}
#loading #loading-message p { font: 14px/32px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; color: #fff; text-align: center; opacity: 0.8;}


/* Background Slideshow */
#background { position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: #211f1f; display:none\8;}
#background .bg-photo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;overflow: hidden;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;}

#background .bg-photo-1 { background: url('/menya_shono/images/bg_slides/slide00.jpg') no-repeat center center;}
#background .bg-photo-2 { background: url('/menya_shono/images/bg_slides/IMG_8127.jpg') no-repeat center center;}
#background .bg-photo-3 { background: url('/menya_shono/images/bg_slides/161220go-196.jpg') no-repeat center center;}

#background .bg-photo-5 { background: url('/menya_shono/images/bg_slides/gotsubo_bar.jpg') no-repeat center center;}
#background .bg-photo-6 { background: url('/menya_shono/images/bg_slides/pork_chop.jpg') no-repeat center center;}
#background .bg-photo-7 { background: url('/menya_shono/images/bg_slides/IMG_8176 (1).jpg') no-repeat center center;}
#background .bg-photo-8 { background: url('/menya_shono/images/bg_slides/tuna.jpg') no-repeat center center;}

#background-ie { position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: #211f1f;}

/* Main Container */
/* Mast Image Loader - add if needed, it's ready to go */
/*
#loading-mast { position: fixed; top: 0; left: 0; width: 100%; height: 600px; background-color: #f1f1f1; overflow: hidden; z-index: 666;}
#loading-mast #loading-message-mast { position: absolute; top: 40%; left: 50%; width: 42px;height: 42px;}
#loading-mast #loading-message-mast img.loader { margin: 0 auto; width: 42px; height: 42px; display: block;}
*/

#main-content { position: absolute;width: 100%;height: 100%;display: block;}
#main-content-int { /* position: absolute; */width: 100%;height: 100%;display: block; z-index: 1; padding: 600px 0 0;}
#main-content-int #mast { height: 600px; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%;}
#main-content-int #mast_cat { height: 600px; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%;}
#main-content-int #mast_error { height: 600px; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%;}
#main-content-int #about_tag { background: url(/menya_shono/images/bg_white.png) repeat; width: 300px; margin: 50px auto 0; padding: 30px 20px; text-align: center;}
#main-content-int #about_tag p { font: 18px/28px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin: 0 0 20px;}

/* Header */
header { background: url(/menya_shono/images/bg_transp.png?v2) repeat; float: left; position: fixed; top: 50px; left: 10px; padding: 20px 0; z-index: 2; width: 160px;}
header h1 { margin: 0;}
header h1 img.logo { display: block; overflow: hidden; max-width: 100%; margin: 0 auto 20px;}
header p.site_desc { display: none;}

#ribbon {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 99999;
}
#ribbon img{width: 130px;}
#ribbon a:hover { opacity:0.7;}
/* Main Menu */
#access .menu-header { width: 160px;}
#access .menu-header ul li { position: relative;}
#access .menu-header ul li a { color: #fff; display: block; font: 18px/28px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; text-transform: uppercase; padding: 0 22px;}
#access .menu-header ul li a:hover { background: url(/menya_shono/images/bg_transp.png) repeat;}
#access .menu-header ul ul { background: url(/menya_shono/images/bg_transp.png) repeat; float: left; position: absolute; left: 160px; top: 0px; display: none; min-width: 160px;}
#access .menu-header ul ul li { }
#access .menu-header ul ul li a { font-size: 15px; padding: 0 20px;}

#mobile-access { display: none;}

/* Main Content */
#main-content-int #content { background: #fdfcf8; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin: 0; position: relative; z-index: 1;}
#main-content-int #content article { width: 780px; margin: 0 auto; padding: 0; position: relative; top: -95px;}
#main-content-int #content .menu-section { width: 780px; margin: 0 auto; padding: 0; position: relative; top: -95px;}
#main-content-int #content .menu-section h2 { text-transform: uppercase;}
#main-content-int #content .menu-section h3 { border-bottom: 1px solid #CCC; text-transform: uppercase;}
#main-content-int #content .menu-section h4 { }
#main-content-int #content .menu-section p { margin: 5px 0 30px;}
#main-content-int #content .menu-section ul { padding: 0;}
#main-content-int #content .menu-section ul li { padding-bottom: 10px;}
#main-content-int #content h2.page-title { font-family: 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; font-size: 95px; font-weight: normal; text-transform: uppercase; color: #FDFCF8; position: relative; top: -105px; margin: 0 auto; width: 780px;}
#main-content-int #content-2col { background: #fff; font-family: 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin: 0; position: relative; z-index: 1;}
#main-content-int #content-2col article { background: #fff; float: left; width: 68%; margin: 0 auto; padding: 0; position: relative; top: -105px;}
#content img, #content-2col img { max-width: 100%;}

.gold_btn { background: #F0A735; padding: 5px; text-transform: uppercase; color: #fff; margin: 10px 5px;}

.archive #main-content-int #content-2col article { top: 0;}
.category-press #main-content-int #content-2col article { top: -95px;}
.category-events #main-content-int #content-2col article { top: -95px;}
.single #main-content-int #content-2col article { top: 0;}
.search #main-content-int #content { top: -25px;}
.search #main-content-int #content article { top: 0; min-height: 400px; padding: 20px 0;}

#main-content-int #content-2col h2.page-title { font-family: 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; font-size: 95px; font-weight: normal; text-transform: uppercase; color: #fdfcf8; position: relative; top: -105px; margin: 0 auto; width: 780px;}
.search #main-content-int #content h2.page-title { display: none;}
#main-content-int #content-2col #sidebar { float: left; width: 25%; margin-left: 40px; position: relative; top: -105px;}
#main-content-int #content-2col #sidebar h3 { margin: 0 0 20px;}

.archive #main-content-int #content-2col #sidebar { top: 0;}
.category-press #main-content-int #content-2col #sidebar { top: -95px;}
.category-events #main-content-int #content-2col #sidebar { top: -95px;}
.single #main-content-int #content-2col #sidebar { top: 81px;}
.search #main-content-int #content-2col #sidebar { top: 0;}

#main-content-int #content-2col #sidebar .widget { padding: 0;}
#main-content-int #content-2col #wrapper_2col { width: 780px;; margin: 0 auto;}
#main-content-int #content-2col #wrapper_2col h3 { border-bottom: 1px solid #ccc; text-transform: uppercase;}

#main-content-int #content-2col #wrapper_2col .entry-title { border-bottom: 1px solid #ccc; margin: 0 0 20px;}

#main-content-int #content-2col .entry-meta {}

/* For Image frame shortcode */
#main-content-int .teamframe { float: left; margin: 0 1.5em 1em 0;}
#main-content-int .frame { background: #333; padding: 6px;}
#main-content-int .teamframe_shell img { display: block !important; float: none !important; padding: 0 !important; margin: 0 !important;}

#main-content-int .imageframe { margin: 0 1.5em 1em 0;}
#main-content-int .imageframe_shell { padding: 6px;}
#main-content-int .imageframe_shell img { border: 6px solid #444;}

.page-id-51 #content em { font-size: 14px;}

/* Open table form */
#main-content-int #otForm { padding: 0 20px;}
#main-content-int #otForm form { width: 165px; margin: 0 auto;}
#main-content-int #otForm a.OT_ExtLink { margin: 10px auto;}

/* Gift Card Form */
#main-content-int .wpcf7-form input { font-size: 13px;}
#main-content-int .wpcf7-form h3 { border-bottom: 1px solid #ccc;}
#main-content-int .wpcf7-form p { margin: 10px 0;}
#main-content-int .wpcf7-form #delivery-options .wpcf7-list-item { display: block;}

#main-content-int .wpcf7-form .state { margin-right: 15px;}
#main-content-int .wpcf7-form hr { margin: 10px 0;}
#main-content-int .wpcf7-form img { width: 20% !important;}

/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }

/* Footer */
footer.entry-utility { background: #eee; margin: 20px 0 80px; padding: 5px 10px; position: relative; width: auto;}

footer { background: url(/menya_shono/images/bg_transp.png) repeat; color: #B6B6B6; position: absolute; bottom: 0; width: 100%;}
footer #footer-inner-wrap a { color: #B6B6B6;}
footer #footer-inner-wrap a:hover { /* color: #fff; */}
footer #footer-inner-wrap { font: 12px/18px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; width: 1020px; margin: 0 auto; padding: 10px 0; display: block;}
footer #menu-footer-menu { padding: 0 0 0 90px;}
footer #menu-footer-menu li { display: inline; text-transform: uppercase; padding-left: 20px; text-align: right;}
footer #footer-menu { float: left; padding-top: 10px; *width: 420px;}
footer #menu-footer-menu li a { color: #b6b6b6; }
footer #menu-footer-menu li a:hover { color: #fff;}
footer .credit { float: right;}
footer .copyright { color: #b6b6b6; text-align: right; margin: 5px 0;}
footer .designby { text-align: right; margin: 5px 0;}
footer #social { float: left; margin: 10px;}
footer #social ul { margin: 0 20px; padding: 0;}
footer #social ul li { padding-bottom: 5px;}
footer #social ul li img { max-width: 17px !important;}
footer #partner_logos { float: left; padding-top: 10px;}
footer #partner_logos ul { padding: 0;}
footer #partner_logos li { display: inline-block; padding-right: 15px; *float: left;}

#nav-above { /* float: left;  */margin: 30px 0;}
#nav-above a { background: #F0A735; font-size: 12px; padding: 4px; color: #fff; text-transform: uppercase;}
#nav-below { margin: 50px 0;}
#nav-below a { background: #F0A735; font-size: 12px; padding: 4px; color: #fff; text-transform: uppercase;}

#backTop { background: url(/menya_shono/images/backTop.png?v2) no-repeat; cursor: pointer; display: block; position: fixed; bottom: 100px; left: 50px; text-indent: -9999px; width: 60px; height: 60px; z-index: 10;}

/* Hidden Secret */
#location { width: 100%; height: 600px; min-height: 600px; *display: none; }
@media \0screen {
#location { display: none;}
}
#location_contact { width: 100%; height: 600px; min-height: 600px; }

#location-ie { width: 100%; height: 600px; min-height: 600px; }
#location-ie img { width: 100%; overflow: hidden;}

/* google map */
#map_canvas { width: 100%; height: 600px; min-height: 600px;}
#map_canvas img { max-width: inherit !important;}
#map_canvas a { color: #333;}
#map_canvas a:hover { color: #FFAE00;}

#contact-window { color: #fff; margin: 0 auto; position: fixed; bottom: 30%; left: 50%; background: url(/menya_shono/images/bg_contact.png) repeat; display: none; margin-top: -169px; margin-left: -240px;}
#contact-window a.logo { background: url(/menya_shono/images/logo.png?v2) no-repeat; border-right: 5px solid #fff; display: block; overflow: hidden; text-indent: -9999px; width: 178px; height: 185px; float: left; margin: 20px;}
#contact-window ul { float: left; margin: 20px 20px 20px 0; padding: 0;}
#contact-window a { color: #fff;}
#contact-window a:hover { color: #ccc;}

/* --- Awwwards Ribbons --- */

/* Base */

#awwwards {
	position:absolute;
	top:40px;
	z-index:9999;
}

/* Left */

#awwwards.left {
	left:0;
}

/* Right */

#awwwards.right {
	right:0;
}

/* Link */

#awwwards a {
	display:block;
	width:70px;
	height:105px;
	text-indent:-8000px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

/* Black */

#awwwards.left.black a {
	background-image:url('ribbons/awwwards_honorable_black_left.png');
}
#awwwards.right.black a {
	background-image:url('ribbons/awwwards_honorable_black_right.png');
}

/* White */

#awwwards.left.white a {
	background-image:url('ribbons/awwwards_honorable_white_left.png');
}
#awwwards.right.white a {
	background-image:url('ribbons/awwwards_honorable_white_right.png');
}

/* Green */

#awwwards.left.green a {
	background-image:url('ribbons/awwwards_honorable_green_left.png');
}
#awwwards.right.green a {
	background-image:url('ribbons/awwwards_honorable_green_right.png');
}






/* MEDIA QUERIES */

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	/* hidden */
	#awwwards {
		display: none;
	}

}

/* Retina Displays */

/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

@media
only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	#awwwards a {
		-moz-background-size: 70px 105px;
		-ie-background-size:70px 105px;
		-o-background-size:70px 105px;
		-webkit-background-size:70px 105px;
		background-size:70px 105px;
	}

	/* Gray */

	#awwwards.left.black a {
		background-image:url('ribbons/awwwards_honorable_black_left2x.png');
	}
	#awwwards.right.black a {
		background-image:url('ribbons/awwwards_honorable_black_right2x.png');
	}

	/* White */

	#awwwards.left.white a {
		background-image:url('ribbons/awwwards_honorable_white_left2x.png');
	}
	#awwwards.right.white a {
		background-image:url('ribbons/awwwards_honorable_white_right2x.png');
	}

	/* Green */

	#awwwards.left.green a {
		background-image:url('ribbons/awwwards_honorable_green_left2x.png');
	}
	#awwwards.right.green a {
		background-image:url('ribbons/awwwards_honorable_green_right2x.png');
	}

}

/* ==|== media queries ======================================================

   ========================================================================== */

/* for 960px or less */
@media screen and (max-width: 960px) {
	header { position: absolute;}

	#main-content-int { padding: 0;}
	#main-content-int #content h2.page-title { font-size: 75px; top: -84px; width: 90%;}
	#main-content-int #content article { width: 90%;}
	#main-content-int #mast { height: 600px; position: relative !important;}
	#main-content-int #mast_cat { height: 600px; position: relative !important;}
	#main-content-int #mast_error { height: 600px; position: relative !important;}

	#main-content-int #content .menu-section { width: 90%;}

	#main-content-int #content-2col #wrapper_2col { width: 90%; padding: 0 5%;}

	#main-content-int #about_tag { background: url(/menya_shono/images/bg_white.png) repeat; width: 30%; margin: 80px auto 0; padding: 20px 3%; text-align: center;}
	#main-content-int #about_tag p { font: 18px/28px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; margin: 0 0 10px;}

	#backTop { left: -9999px;}

	footer { background: #333;}
	footer #footer-inner-wrap { width: 100%;}
	footer #menu-footer-menu { padding: 0;}
	footer #menu-footer-menu li { padding-left: 18px;}
	footer #social { margin: 0;}
	footer #social ul { margin: 0 20px;}
	footer #partner_logos li { padding-right: 10px;}
	footer #partner_logos li img { max-width: 65px;}

	#location { position: relative;}
	#contact-window { display: block; position: absolute; bottom: 200px;}

}

/* for 720px or less */
@media screen and (max-width: 720px) {
	#loading #loading-message { position: absolute; top: 30px; left: 0; width: inherit;height: inherit; margin-left: 0; margin-top: 0;}
	#loading #loading-message .logo { width: 25%; display: block; margin: 0 auto;}
	#loading #loading-message p { font: 12px/22px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}

	.home header { /* height: 100%; */min-height: 100%; position: relative;}
	header {  float: none; top: 0; left: 0; width: 100%; height: 320px;}
	#access { display: none;}
	#mobile-access { display: block;}
	#mobile-access .mobile-menu { width: 100%;}
	#mobile-access .mobile-menu ul li { text-align: center; position: relative;}
	#mobile-access .mobile-menu ul li a { color: #fff; display: block; font: 18px/26px 'brandon_grotesque_regularRg', Arial, 'sans-serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; text-transform: uppercase; padding: 0;}
	#access .menu-header ul li a:hover { background: url(/menya_shono/images/bg_transp.png) repeat;}
	#mobile-access .mobile-menu ul ul { display: none !important;}

	header h1 img.logo { width: 75px; height: auto; margin: 0 auto 10px;}

	#ribbon { display: none;}

	#main-content-int { padding: 0; display: block; position: relative;}
	#main-content-int #content { margin: 0 auto; width: 100%;}
	#main-content-int #content article { width: 90%; top: 0;}
	#main-content-int #content h2.page-title { color: #333; font-size: 30px; margin: 0 auto; top: 0; width: 90%;}
	#main-content-int #mast { position: relative !important; width: 100%; height: 360px;}
	#main-content-int #mast_cat { position: relative !important; width: 100%; height: 360px;}
	#main-content-int #mast_error { position: relative !important; width: 100%; height: 360px;}

	#main-content-int #content .menu-section { width: 90%; top: 0;}

	#main-content-int #content .menu-section { width: 90%; top: 0;}
	#main-content-int #content-2col h2.page-title { color: #333; font-size: 30px; margin: 10px auto; top: 0; width: 90%;}
	#main-content-int #content-2col #wrapper_2col { padding: 0; width: 100%;}
	#main-content-int #content-2col article { float: none; margin: 0 auto; padding: 0; width: auto; top: 0;}
	#main-content-int #content-2col #sidebar { float: none; margin: 10px auto; width: 90%; top: 0;}
	.single #main-content-int #content-2col #sidebar { float: none; margin: 10px auto; width: 90%; top: 0;}

	#main-content-int #about_tag { display: none;}

	#location { display: none; background: none !important;}
	#location_contact { display: none;}
	#contact-window { display: none !important;}

	#phone_home { position: relative; width: 100px; margin: 0 auto; }
	#phone_home img { display: block; float: left; width: 40px; margin: 5px;}

	#main-content-int #otForm form { width: 90%; margin: 20px auto;}
	#main-content-int #otForm form .OT_wrapper { margin: 0 auto;}

	button, input, select, textarea { max-width: 90%;}
	input[type="checkbox"], input[type="radio"] { width: auto;}
	#main-content-int .wpcf7-form img { width: 25% !important;}

	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin:10px 0; float:none; width: 100%;}

	#shopp #cart th, #shopp #cart td { display: block;}

	#footer-home { display: none;}
	footer { background: #201f1f; position: relative;}
	footer #footer-inner-wrap { width: 100%; text-align: center;}
	footer #footer-menu { float: none;}
	footer #menu-footer-menu { padding: 0 0 10px;}
	footer #menu-footer-menu li { padding: 0 7px;}
	footer .credit { float: none;}
	footer .copyright { float: none;}
	footer #social { float: none; padding: 10px 0;}
	footer #social ul li { display: inline; padding: 0 4px;}
	footer #social ul li img { max-width: 20px;}
	footer #partner_logos { float: none;}
	footer #partner_logos li { padding: 0 8px;}
	footer #partner_logos li img { max-width: 45px;}
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; clear: both; }
.clear { clear: both;}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/** END HTML5 Boilerplate CSS **/


/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { text-align:center; width: 100% !important;}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/


.txt01{font-size: 14px;font-weight:bold;line-height:1;}

.txt02{font-weight:bold;border-bottom:2px #CCC solid;}

a.gachi_btn{
	width:100%;
	background:#ffcc00;
	color:#000;
	padding:10px;
	display:block;
	font-weight:bold;
	text-align:center;
}

a:hover.gachi_btn {
	background:#ffdd44;
	color:#553322;

}