/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

.icon-box { display:block; margin:10px 0; }
.icon-box .icon { display:inline-block; width:50px; height:50px; margin-right:3px; }
.icon-box .icon img{width:100%;}
/* ----- lang ----- */

#langWrap * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#langWrap {
	background: black;
	text-align: right;
	height: 36px;
	overflow: hidden;
}
select.langSelect {
	border: none;
	max-width: 100%;
	background: #444;
	padding: 0 10px;
	color: white;
	font-size: 13px;
	line-height: 1;
	height: 36px;
	vertical-align: middle;
	 border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin: 0;
}
select.langSelect:hover {
	background: #666;
}

@media screen and (min-width: 980px){

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

	Reset

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, dialog, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
ul li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#111; text-decoration:none; }
mark { background-color:#ff9; color:#111; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #111; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select, img, textarea, iframe { vertical-align:middle; }

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

	Primary style

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

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix { min-height:1%; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
* html .clearfix { height:1px; }
.clearfix { display:block; }

body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	color: #151515;
	background: white;
}

a {
	color: #1f1f1f;
	text-decoration: none;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

a:hover {
	color: #a00;
}

a:hover img {
	filter: Alpha(opacity=70);
	opacity: 0.7;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

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

	rayout

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

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 60px 0;
}

#main {
	width: 660px;
	float: left;
}

#sidebar {
	width: 300px;
	float: right;
}
	#sidebar ul.banners li + li {
		margin-top: 20px;
	}
	#fix {
		padding-bottom: 60px;
	}

.container {
	width: 980px;
	margin: 0 auto;
}

section + section {
	margin-top: 60px;
}
p + p {
	margin-top: 20px;
}

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

	Common elements

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

.accent {
	border-bottom: 6px solid #ff0;
	font-weight: 500;
}

/* ----- ul.store ----- */

ul.store {
	width: 662px;
	margin: 0 -1px 0 -1px;
}
ul.store li {
	float: left;
	border: 1px solid white;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */

/* ---------- hero-top ---------- */

.hero-top .mask {
	z-index: 50;
	text-shadow: 0 0 5px rgba(0,0,0,0.50);
	color: #fff;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 13%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	width: 100%;
	height: 800px;
}
.hero-top .catch {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: box;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 700px;
	padding: 0 40px;
	text-align: center;
}
.hero-top h1 {
	font-size: 44px;
	font-weight: 700;
	line-height:1.2;
	margin-bottom:30px;
}
.hero-top p {
	font-size: 20px;
	font-weight: 500;
}

/* ---------- header-top ---------- */

#header-top {
	height: 100px;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: box;
	align-items: center;
	justify-content: space-between;
}

/* ---------- #header-sub ---------- */

#header-sub {
	background: #1f1f1f;
	padding: 20px 0;
	color: white;
}

/* ---------- #branding, #globalnav ---------- */

#branding {
	float: left;
	font-weight: 600;
	line-height: 1;
}
#branding a {
	color: white;
}
#branding span {
	font-size: 40px;
}

#globalnav {
	float: right;
}
#globalnav li {
	float: left;
	margin-left: 20px;
	font-weight: 500;
	line-height: 40px;
}
#globalnav a {
	position: relative;
	display: inline-block;
	color: white;
	transition: .3s;
}
#globalnav a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: white;
	transition: .3s;
}
#globalnav a:hover::after {
	width: 100%;
}

/* --------------------------------------------------
	masthead
-------------------------------------------------- */

.masthead-sub {
	background-image: url(images/masthead-sub.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 300px;
}
.masthead-sub .mask {
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 300px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: box;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* --------------------------------------------------
	footer
-------------------------------------------------- */

#footer {
	width: 100%;
	background: #1f1f1f;
	color: white;
	padding: 60px 0;
}

.footer-branding {
	float: left;
	width: 300px;
	line-height: 1;
}
.footer-branding li:nth-child(2) {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin: 20px 0;
}
.footer-branding li:nth-child(3) {
	background: #363636;
	text-align: center;
	padding: 10px;
}

.footer-information {
	float: right;
	width: 640px;
	border-left: 1px solid #363636;
	padding-left: 40px;
}
.footer-information ul + ul {
	margin-top: 20px;
}
.footer-information li:first-child {
	font-weight: 600;
}
.footer-information li i {
	margin-right: 10px;
}

.footer-nav {
	padding-top: 40px;
	margin-top: 40px;
	border-top: 1px solid #363636;
	text-align: center;
	font-size: 12px;
	line-height: 1;
}
.footer-nav span:after {
	content: "　|　";
}
.footer-nav span:last-child:after {
	content: "";
}
.footer-nav a {
	color: white;
}
.footer-nav a:hover {
	color: #a00;
}

/* --------------------------------------------------
	heading
-------------------------------------------------- */

.section-header-center {
	margin-bottom: 40px;
	text-align: center;
}

/* ---------- h2.border-w ---------- */
h2.border-w { position: relative; display: inline-block; padding: 0 60px; font-size: 30px; font-weight: 500; line-height: 1.6; }
h2.border-w:before, h2.border-w:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 40px; height: 1px; background-color: #fff; }
h2.border-w:before { left:0; }
h2.border-w:after { right: 0; }

/* ---------- h2.border-b ---------- */
h2.border-b { position: relative; display: inline-block; padding: 0 60px; font-size: 24px; font-weight: 600; line-height: 1.6; }
h2.border-b:before, h2.border-b:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 40px; height: 1px; background-color: #000; }
h2.border-b:before { left:0; }
h2.border-b:after { right: 0; }

/* ---------- h2.menu-cat ---------- */
h2.menu-cat {
	position: relative;
	padding: 6px 20px;
	font-size:20px;
	text-align:center;
	border-top: solid 1px #a00;
	border-bottom: solid 1px #a00;
	color: #a00;
	font-weight: 600;
	font-size: 30px;
}
h2.menu-cat::before,
h2.menu-cat::after{
	content: '';
	position: absolute;
	top: -10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #a00;
}
h2.menu-cat::before{left: 10px;}
h2.menu-cat::after{right: 10px;}

/* ---------- h3.courseName ---------- */
h3.courseName {
	color: #a00;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px double #a00;
}

/* ---------- h1.page-header ---------- */
h1.page-header {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 0 5px rgba(0,0,0,0.75);
    color: white;
}

/* --------------------------------------------------
	cta
-------------------------------------------------- */

.cta {
	background: #a00;
	width: 100%;
	color: white;
}
.cta .reservation {
	text-align: center;
	padding: 40px 0;
}
.cta .reservation h2 {
	margin-bottom: 0 !important;
}
.cta .reservation .phone {
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	max-width: 490px;
	font-size: 30px;
	line-height: 1;
}
.cta .reservation .phone a {
	color: #fff;
	font-weight: 600;
}
.cta .reservation .phone a:hover {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
}
.cta .banners {
	background: rgba(0,0,0,0.1);
}
.cta .banners .inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: box;
	justify-content: center;
	flex-direction:row;
}
.cta .banners a {
	display: block;
	width: 490px;
	color: #a00;
	background: rgba(255,255,255,0.75);
	padding: 20px 0;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.cta .banners a:hover {
	background: rgba(255,255,255,1);
}

/* --------------------------------------------------
	copyright
-------------------------------------------------- */

#copyright {
	background: black;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
}

/* --------------------------------------------------
	breadcrumbs
-------------------------------------------------- */

#breadcrumbs {
	padding: 20px 0;
	border-bottom: 4px solid #ddd;
}

/* --------------------------------------------------
	page-top
-------------------------------------------------- */
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:12.5px;
}
#page-top a {
	background-color:rgba(0,0,0,0.8);
	text-decoration:none;
	color:#fff;
	width:100px;
	text-align:center;
	display:block;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	line-height:100px;
	-ms-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s linear 0s;
	-webkit-transition:all 0.3s linear 0s;
	transition:all 0.3s linear 0s;
}
#page-top a:hover {
	text-decoration:none;
	background-color:rgba(0,0,0,0.6);
}

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

	5.page - company

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

/* --------------------------------------------------
	table.border
-------------------------------------------------- */

table.border {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.border th {
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	vertical-align: top;
	width: 25%;
	font-weight: 600;
	text-align: left;
}
table.border td {
	padding: 20px;
	border-bottom: 1px solid #d5d5d5;
	vertical-align: top;
	width: 75%;
	text-align: left;
}
table.border tr:last-child th, table.border tr:last-child td {
	border-bottom: none;
}

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

	6.page - contact

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

.form p {
	font-weight: 600;
	margin-bottom: 20px;
}
.form .row + .row {
	margin-top: 30px;
}
.form .left-col {
	width: 320px;
	float: left;
}
.form .right-col {
	width: 320px;
	float: right;
}
.form .full-col {
	width: 100%;
}

/* ---------- form styles ---------- */

.form input[type="text"] {
	border:none;
	border-bottom:4px solid #ddd;
	background:rgba(255,255,255,1.0);
	padding:20px;
	width:100%;
}
.form input[type="email"] {
	border:none;
	border-bottom:4px solid #ddd;
	background:rgba(255,255,255,1.0);
	padding:20px;
	width:100%;
}
.form textarea {
	border:none;
	border-bottom:4px solid #ddd;
	background:rgba(255,255,255,1.0);
	padding:20px;
	width:100%;
	height:200px;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form textarea:focus,
.form select:focus {
	background:#eee;
}
	
.form .submit input[type="submit"] {
	display:block;
	width:300px;
	line-height:60px;
	margin:50px auto 0 auto;
	color:#fff;
	background:#a00;
	text-align:center;
	font-size:20px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-transition:all 0.6s ease 0s;
	-moz-transition:all 0.6s linear 0s;
	-webkit-transition:all 0.6s linear 0s;
	transition:all 0.6s linear 0s;
	border:none;
	font-family: 'Noto Sans Japanese', sans-serif;
}
.form .submit input[type="submit"]:hover {
	background:#c00;
}

.form .required {
	display:inline-block;
	background:#a00;
	color:white;
	width:60px;
	line-height:26px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	font-size:12px;
	font-weight:100;
	margin-right: 20px;
}
span.wpcf7-list-item {
	display:block !important;
	margin:0 !important;
}

.form input::-webkit-input-placeholder { color: #ccc; font-weight: normal; }
.form input:-ms-input-placeholder { color: #ccc; font-weight: normal; }
.form input::-moz-placeholder { color: #ccc; font-weight: normal; }

.form textarea::-webkit-input-placeholder { color: #ccc; font-weight: normal; }
.form textarea:-ms-input-placeholder { color: #ccc; font-weight: normal; }
.form textarea::-moz-placeholder { color: #ccc; font-weight: normal; }

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

	3.page - menu

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

.menu-wrap {
	width: 100%;
	border-top: 1px solid #d5d5d5;
}

.arrow_box {
	position: relative;
	background: #F6E5E5;
	border: 4px solid #F6E5E5;
	padding: 20px;
	margin-bottom: 32px;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(246, 229, 229, 0);
	border-top-color: #F6E5E5;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(246, 229, 229, 0);
	border-top-color: #F6E5E5;
	border-width: 16px;
	margin-left: -16px;
}

.arrow_box_none {
	background: #F6E5E5;
	border: 4px solid #F6E5E5;
	padding: 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* ----- .menu-c ----- */

.menu-c {
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	padding: 20px;
}
.menu-c .thumb {
	width: 160px;
	float: left;
}
.menu-c .thumb img {
	width: 100%;
	height: auto;
}
.menu-c .txt {
	padding-left: 20px;
	width: 460px;
	float: right;
}
.menu-c .name {
	font-weight: 600;
	font-size: 18px;
	color: #a00;
}
.menu-c .price {
	margin: 10px 0 20px 0;
}
.menu-c .price .left {
	float: left;
}
.menu-c .price .right {
	float: right;
	font-size: 18px;
	font-weight: 600;
}
.menu-c .txt p {
	width: 100%;
	float: none;
	text-align: left;
	font-size: 12px;
}
.menu-c .txt-full{
	width: 100%;
}
.menu-c .txt-full p {
	width: 100%;
	float: none;
	text-align: left;
	font-size: 12px;
}
.label1 {
	background: #a00;
	color: white;
	display: inline-block;
	margin-right: 10px;
	padding: 2px 4px;
	font-size: 13px;
	border: 1px solid #a00;
}
.label2 {
	border: 1px solid #a00;
	color: #a00;
	display: inline-block;
	margin-right: 10px;
	padding: 2px 4px;
	font-size: 13px;
}

/* ----- .menu-b ----- */

.menu-b {
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: box;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
.menu-b .thumb {
	width: 160px;
}
.menu-b .thumb img {
	width: 100%;
	height: auto;
}
.menu-b .txt {
	padding-left: 20px;
	width: 460px;
}
.menu-b .txt li:nth-child(1) {
	width: 70%;
	font-weight: 600;
	float: left;
}
.menu-b .txt li:nth-child(2) {
	width: 30%;
	float: right;
	text-align: right;
}
.menu-b .txt p {
	width: 100%;
	float: none;
	text-align: left;
	font-size: 12px;
	margin-top: 20px;
}

/* ----- .menu-s ----- */

.menu-s {
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
}
.menu-s li:nth-child(1) {
	padding: 20px;
	width: 70%;
	font-weight: 600;
	float: left;
}
.menu-s li:nth-child(2) {
	padding: 20px;
	width: 30%;
	float: right;
	text-align: right;
}
.menu-s li:nth-child(3) {
	padding: 0 20px 20px 20px;
	width: 100%;
	float: none;
	text-align: left;
	font-size: 12px;
}
.menu-s li:nth-child(4),.menu-s li:nth-child(5){
	padding-left:20px;
}

/* ----- .pagenav ----- */

.pagenav li {
	float: left;
	width: 33.3333333333%;
}
.pagenav li:nth-child(2) {
	float: left;
	width: 33.3333333333%;
	border-left: 2px solid white;
	border-right: 2px solid white;
}
.pagenav a {
	background: #eee;
	display: block;
	text-align: center;
	padding: 10px 0;
	color: #a00;
}
.pagenav a:hover {
	background: #a00;
	color: white;
}

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

	2.page - shop

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

/* ----- .btn-a00 ----- */

.btn-a00 {
	width: 330px;
	margin: 40px auto 0 auto;
}
.btn-a00 a {
	width: 100%;
	padding: 10px 0;
	display: block;
	background: white;
	color: #a00;
	font-weight: 600;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #a00;
}
.btn-a00 a:hover {
	background: #a00;
	color: white;
}

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

	1.page - top

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

/* ----- .box26 ----- */

.box26 {
    position: relative;
    margin: 40px 0 0 0;
    padding: 20px;
    border: double 3px #a00;
    border-radius: 6px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 20px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #a00;
    font-weight: 666;
}

/* ----- .gallery ----- */

.gallery {
}
.gallery li {
	width: 163px;
	float: left;
	border: 1px solid white;
}
.gallery li img {
	width: 100%;
	height: auto;
}

}

#menu { display:none; }
	@media screen and (min-width : 980px) {
		#menu { display:block; }
		.slicknav_menu { display:none; }
	}