/*
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; }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
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,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

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

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

/* =========================================================
 Public
========================================================= */
*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-size: 15px;
}

body {
  font-size: 15px;
  line-height: 1.75;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align:top;
  font-size:0;
  line-height:0;
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  opacity: 0.7;
}

a img,
a img::before,
a img::after {
  transition: all .3s;
}

.mt--30 {
  margin-top: 30px;
}

.mb--15 {
  margin-bottom: 15px;
}

/* =========================================================
 Text
========================================================= */
.red {
    color: #e50012;
}

.Gold {
    color: #c5a53e;
}

.Silver {
    color: #c0c0c0;
}

.Copper {
    color: #c47222;
}

/* =========================================================
 header
========================================================= */

/* vegas.css(mainvisual)
--------------------------------------------------------- */
.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
}

.vegas-overlay {
    opacity: .5;
    background: transparent url("overlays/02.png") center center repeat;
}

.vegas-timer {
    top: auto;
    bottom: 0;
    height: 2px;
}

.vegas-timer-progress {
    width: 0%;
    height: 100%;
    background: white;
    -webkit-transition: width ease-out;
    transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
    width: 100%;
}

.vegas-slide,
.vegas-slide-inner {
    margin: 0;
    padding: 0;
    background: transparent center center no-repeat;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, opacity;
}

body .vegas-container {
    overflow: hidden !important;
    position: relative;
}

.vegas-video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

body.vegas-container {
    overflow: auto;
    position: static;
    z-index: -2;
}

body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
    position: fixed;
    z-index: -1;
}

/* Target Safari IOS7+ in order to add 76px */
_::full-page-media, _:future,
:root body.vegas-container > .vegas-slide,
:root body.vegas-container > .vegas-overlay {
    bottom: -76px;
}

/*******************************************/
/* blur transition */
/*******************************************/
.vegas-transition-blur,
.vegas-transition-blur2 {
    opacity: 0;
    -webkit-filter: blur(32px);
            filter: blur(32px);
}

.vegas-transition-blur-in,
.vegas-transition-blur2-in {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
}

.vegas-transition-blur2-out {
    opacity: 0;
}

/*******************************************/
/* burn transition */
/*******************************************/
.vegas-transition-burn,
.vegas-transition-burn2 {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
            filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in,
.vegas-transition-burn2-in {
    opacity: 1;
    -webkit-filter: contrast(100%) saturate(100%);
            filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
            filter: contrast(1000%) saturate(1000%);
}

/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
    opacity: 0;
}

.vegas-transition-fade-in,
.vegas-transition-fade2-in {
    opacity: 1;
}

.vegas-transition-fade2-out {
    opacity: 0;
}

/*******************************************/
/* flash transition */
/*******************************************/
.vegas-transition-flash,
.vegas-transition-flash2 {
    opacity: 0;
    -webkit-filter: brightness(25);
            filter: brightness(25);
}

.vegas-transition-flash-in,
.vegas-transition-flash2-in {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
}

.vegas-transition-flash2-out {
    opacity: 0;
    -webkit-filter: brightness(25);
            filter: brightness(25);
}

/*******************************************/
/* negative transition */
/*******************************************/
.vegas-transition-negative,
.vegas-transition-negative2 {
    opacity: 0;
    -webkit-filter: invert(100%);
            filter: invert(100%);
}

.vegas-transition-negative-in,
.vegas-transition-negative2-in {
    opacity: 1;
    -webkit-filter: invert(0);
            filter: invert(0);
}

.vegas-transition-negative2-out {
    opacity: 0;
    -webkit-filter: invert(100%);
            filter: invert(100%);
}

/*******************************************/
/* slideDown transition */
/*******************************************/
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
}

.vegas-transition-slideDown2-out {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

/*******************************************/
/* slideLeft transition */
/*******************************************/
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}

.vegas-transition-slideLeft2-out {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

/*******************************************/
/* slideRight transition */
/*******************************************/
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}

.vegas-transition-slideRight2-out {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

/*******************************************/
/* slideUp transition */
/*******************************************/
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
}

.vegas-transition-slideUp2-out {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

/*******************************************/
/* swirlLeft transition */
/*******************************************/
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
    -webkit-transform: scale(2) rotate(35deg);
            transform: scale(2) rotate(35deg);
    opacity: 0;
}

.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
}

.vegas-transition-swirlLeft2-out {
    -webkit-transform: scale(2) rotate(-35deg);
            transform: scale(2) rotate(-35deg);
    opacity: 0;
}

/*******************************************/
/* swirlRight transition */
/*******************************************/
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
    -webkit-transform: scale(2) rotate(-35deg);
            transform: scale(2) rotate(-35deg);
    opacity: 0;
}

.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
}

.vegas-transition-swirlRight2-out {
    -webkit-transform: scale(2) rotate(35deg);
            transform: scale(2) rotate(35deg);
    opacity: 0;
}

/*******************************************/
/* zoomIn transition */
/*******************************************/
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}

.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.vegas-transition-zoomIn2-out {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
}

/*******************************************/
/* zoomOut transition */
/*******************************************/
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
}

.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.vegas-transition-zoomOut2-out {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}

/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
    -webkit-animation: kenburns ease-out;
            animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes kenburns {
    0% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
    -webkit-animation: kenburnsDownLeft ease-out;
            animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, -10%);
                transform: scale(1.5) translate(10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDownLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, -10%);
                transform: scale(1.5) translate(10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
    -webkit-animation: kenburnsDownRight ease-out;
            animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, -10%);
                transform: scale(1.5) translate(-10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDownRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, -10%);
                transform: scale(1.5) translate(-10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
    -webkit-animation: kenburnsDown ease-out;
            animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
    0% {
        -webkit-transform: scale(1.5) translate(0, -10%);
                transform: scale(1.5) translate(0, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDown {
    0% {
        -webkit-transform: scale(1.5) translate(0, -10%);
                transform: scale(1.5) translate(0, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
    -webkit-animation: kenburnsLeft ease-out;
            animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 0);
                transform: scale(1.5) translate(10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 0);
                transform: scale(1.5) translate(10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
    -webkit-animation: kenburnsRight ease-out;
            animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 0);
                transform: scale(1.5) translate(-10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 0);
                transform: scale(1.5) translate(-10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
    -webkit-animation: kenburnsUpLeft ease-out;
            animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 10%);
                transform: scale(1.5) translate(10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUpLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 10%);
                transform: scale(1.5) translate(10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
    -webkit-animation: kenburnsUpRight ease-out;
            animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 10%);
                transform: scale(1.5) translate(-10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUpRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 10%);
                transform: scale(1.5) translate(-10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
    -webkit-animation: kenburnsUp ease-out;
            animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
                transform: scale(1.5) translate(0, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
                transform: scale(1.5) translate(0, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/* mainvisual-rayout
--------------------------------------------------------- */
.mainvisual {
    width: 100%;
    height: 800px;
    background-size:cover;
    display: none;
}

.mainvisual.true {
    display: block !important;
}

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

.mainvisual {
    height: 500px;
}

}

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

.mainvisual {
    height: 300px;
}

}

/* header
--------------------------------------------------------- */
.header {
    background-color: #3A1E12;
}

.header,.header a {
    color: #fff;
}

.header h1 {
    font-size: 25px;
}

.header-inner {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    line-height: 1.3;
}

.header-top {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.GlobalNav {
    flex-basis: calc(100% - 250px);
    padding-left: 30px;
    display: flex;
    justify-content: flex-end;
}

.GlobalNav__Inner {
    display: flex;
    justify-content: space-between;
    max-width: 550px;
    flex-basis: 100%;
}

.GlobalNav__Item a:hover, .GlobalNav__Item a:active {
    text-decoration: none;
    color: #f89174;
}

.GlobalNav__Item a, .GlobalNav__Item a::before, .GlobalNav__Item a::after {
    transition: all .3s;
}

.gnav__item--current a {
    color: #f89174 !important;
}

/* SlickNav.css(mobile-menu)
--------------------------------------------------------- */
/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: table;
  vertical-align: middle;
  float: none;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
margin: 0 auto !important;
}
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block;
    text-align: center;
}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #3A1E12;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    font-size: 15px;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      color: #f89174; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.slicknav_menu {
 display:none;
}

@media screen and (max-width: 959px) {
#gnav {
    display:none;
}

.slicknav_menu {
    display:block;
}

.header-logo {
    text-align: center;
    margin: 0 auto;
}

.GlobalNav {
    display: none;
}

}

/* contents
--------------------------------------------------------- */
.contents {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.contents-grid {
    flex: 1 0 auto;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.contents-aside {
    flex-basis: 300px;
}

.contents-main {
    flex-basis: calc(100% - 300px - 20px);
}

.contents-main p:not(:first-of-type) {
    margin-top: 15px;
}

.contents-main h1 {
    font-size: 25px;
}

.header-h1 {
    border-bottom: solid 3px #f89174;
    position: relative;
}

.header-h1:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #D33C33;
    bottom: -3px;
    width: 20%;
}

.Section__Header--Border {
    margin: 20px 0;
    position: relative;
    text-align: center;
    color: #3A1E12;
    font-size: 22px;
}

.Section__Header--Border::before {
    height: 3px;
    margin-top: -3px;
}

.Section__Header--Border::before, .Section__Header--Border::after {
    content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    background: #3A1E12;
}

.Section__Header--Border span {
    padding: 0 1rem;
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
}

.Section__Header--Border::after {
    height: 1px;
    margin-top: 4px;
}

h3 {
    color: #D33C33;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.list-circle {
    margin-top: 15px;
}

.list-circle__item {
    padding-left: 1em;
}

.list-circle__item::before {
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 5px;
    font-weight: bold;
    color: #8C8C8C;
    margin-left: -1em;
}

.Col3 {
    display: flex;
    flex-wrap: wrap;
}

.Col3__Box {
    flex-basis: calc((100% - 30px) / 3);
    padding-bottom: 20px;
}

.Col3__Box:not(:nth-child(3n)) {
    margin-right: 15px;
}

.Col3 p {
    margin-top: 0;
}

.Col3__BoxImage {
    margin-bottom: 5px;
}

.Section__Button {
    background: #f89174;
    width: 225px;
    border-radius: 14.5px;
    margin: 0 auto;
    text-align: center;
}

.Section__Button a {
    display: inline-block;
    width: 100%;
    border: 2px solid #f89174;
    border-radius: 14.5px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
}

.Section__Button a:hover, .Section__Button a:active {
    color: #f89174;
    background: #fff;
}

.Section__Button a, .Section__Button a::before, .Section__Button a::after {
    transition: all .3s;
}

.Section__Button i {
    margin-right: 10px;
}

.Col2_Box {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.Col2_Box_inner:last-child {
    flex-basis: calc(100% - 330px - 20px);
}

.Col3__table {
    display: flex;
    justify-content: space-between;
    align-items: top;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.Col3__table__box01 {
    width: 150px;
}

.Col3__table__box02 {
    width: 420px;
}

.Col3__table__box03 {
    width: 60px;
    text-align: right;
}

.Menu_title {
    font-weight: bold;
    font-size: 14px;
}

.Menu_caption {
    font-size: 13px;
    color: #b5b5b5;
}

.label01,.label02 {
    padding: 0 7px;
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px;
}

.label01 {
    background-color: #3A1E12;
    color: #fff;
}

.label02 {
    border: 1px solid #3A1E12;
    color: #3A1E12;
}

.label03,label04 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px;
    color: #3A1E12;
}

.label03 i,label04 i {
    margin-right: 5px;
}

section .Col3__table:last-of-type {
    margin-bottom: 0;
}

.Col2__table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.Col2__table__box01 {
    width: 490px;
}

.Col2__table__box02 {
    width: 160px;
    text-align: right;
}

section .Col2__table:last-of-type {
    margin-bottom: 0;
}

.GoogleMap {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 30px;
}

.GoogleMap iframe,
.GoogleMap object,
.GoogleMap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.access_table {
    border-collapse: collapse;
    width: 100%;
}

.access_table th,
.access_table td {
    padding: 10px;
    border: 1px solid #b5b5b5;
}

.access_table th {
    background-color: #f89174;
    width: 30%;
    color: #fff;
}


.Table__Basic {
  width: 100%;
  margin-top: 30px;
}

.Table__Basic th {
    background-color: #f89174;
    width: 30%;
    color: #fff;
}

.Table__Basic th,
.Table__Basic td {
    padding: 15px;
    border: 1px solid #b5b5b5;
}

.Table__Basic__input {
    height: 2em;
    line-height: 2em;
}

.Table__Basic__input,
.Table__Basic__input-harf,
.Table__Basic__textarea {
    font-size: 15px;
    line-height: 1.75;
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 0 .4em;
    border: 1px solid #E0E0E0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333333;
    display: block;
}

.Table__Basic__input,
.Table__Basic__textarea {
    width: 100%;
}

.Table__Basic__textarea {
    height: 10em;
    resize: vertical;
}

.form-button-submit {
    font-size: 15px;
    line-height: 1.75;
    font-family: 'Noto Sans Japanese', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 250px;
    padding: 15px 0;
    border: 1px solid #f89174;
    border-radius: 0;
    margin: 30px auto 0;
    background: #f89174;
    display: block;
    color: #FFF;
    cursor: pointer;
    border-radius: 10px;
}

@media screen and (max-width: 959px) {
.contents-grid {
    flex-direction: column-reverse;
    padding: 0 10px;
}

.contents-aside {
    margin: 30px auto auto;
}

.Col3__Box {
    text-align: center;
}

}

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

.Col3 {
    display: block;
}

.Col3__Box:not(:nth-child(3n)) {
    margin-right: 0;
}

.Col2_Box {
    display: block;
}

.Col2_Box_inner.TextBox {
    margin-top: 15px;
}

.Col3__table {
    display: block;
}

.Col3__table__box01 {
    width: 100%;
    text-align: center;
}

.Col3__table__box02 {
    width: 100%;
    margin-top: 15px;
}

.Col3__table__box03 {
    width: 100%;
}

}

/* sidebar
--------------------------------------------------------- */
ul.banner-area li + li {
    margin-top: 20px;
}

/* Footer
--------------------------------------------------------- */
.Footer {
    width: 100%;
    background: #fff;
    flex-shrink: 0;
    margin-top: 50px;
}

.Footer__Contents {
    background: #3A1E12;
    color: #fff;
}

.Footer__Contents__Inner {
    width: 100%;
    max-width: 980px;
    padding: 20px 0;
    margin: 0 auto;
    color: #fff;
}

.Footer__Contents__H2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 5px;
}

.Footer__Col2 {
    display: flex;
    justify-content: space-between;
}

.Footer__Col2__Box {
    flex-basis: calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
}

.Footer-Inner {
    width: 100%;
    max-width: 980px;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
}

.Footer-List {
    margin-top: 15px;
}

.Footer-Tel {
    font-size: 45px;
    line-height: 1;
}

.Footer-Tel a {
    color: #fff;
    text-decoration: none;
}

ul.Footer-List li i,.button-form i {
     margin-right: 10px;
}

.button-form {
    width: 310px;
    margin-top: 20px;
}

.button-form a {
    padding: 20px 0;
    border: 1px solid #f89174;
    background: #f89174;
    display: block;
    color: #FFF;
    text-align: center;
    border-radius: 10px;
}

.button-form a, .button a::before, .button a::after, .form-button-submit:hover {
    transition: background .3s, color .3s;
}

.button-form a:hover, .button a:active, .form-button-submit:hover {
    background: #FFF;
    color: #f89174;
    text-decoration: none;
}

@media screen and (max-width: 959px) {
.Footer__Col2 {
    display: block;
}

.Footer__Col2__Box {
    max-width: 100%;
    text-align: center;
}

.button-form {
    margin: 20px auto auto;
}

.Footer__Contents__Inner {
    padding: 20px 10px;
}

}

/* ----- 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;
}