@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url("font-awesome.min.css");

body.is-loading * {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

body,
input,
select,
textarea {
    color: #57595a;
    font-size: 15pt;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.75em;
    font-family: Roboto Slab, Garamond, Times New Roman, A1明朝, A1 Mincho, 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HiraMinProN-W3, HGS明朝E, ＭＳ\ Ｐ明朝, MS PMincho, serif !important;
    background-color: #000
}

a {
    -moz-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    color: #936a00;
    text-decoration: none
}

a:hover {
    border-bottom-color: transparent;
    text-shadow: 1px 1px 8px #936a00
}

b,
strong {
    font-weight: 700
}

blockquote,
dl,
ol,
p,
table,
ul {
    margin: 0 0 2em;
    font-size: .9em;
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 300;
    line-height: 1.75em;
    margin-bottom: 1em;
    color: #fff
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none;
    border: 0
}

h2 {
    font-size: 4em;
    letter-spacing: 10px;
    text-shadow: 1px 1px 10px #000;
    line-height: 1em
}

h2 span.min {
    font-size: .3em;
    line-height: 7;
    display: block
}

h3 {
    font-size: 1.15em;
    letter-spacing: .025em
}

sub {
    top: .5em
}

sub,
sup {
    font-size: .8em;
    position: relative
}

sup {
    top: -.5em
}

hr {
    border-top: solid 1px hsla(192, 2%, 50%, .2);
    border: 0;
    margin-bottom: 1.5em
}

blockquote {
    border-left: solid .5em hsla(192, 2%, 50%, .2);
    font-style: italic;
    padding: 1em 0 1em 2em
}

article.special,
section.special {
    text-align: center
}

header.major {
    padding-bottom: 1em
}

header.special {
    margin-bottom: .5em;
    position: relative;
    text-align: center
}

header.special:before {
    left: 0
}

header.special:after {
    right: 0
}

header.special h2 {
    margin-bottom: 0;
    line-height: 1;
    margin-bottom: .3em;
    letter-spacing: 0
}

header.special h2+p {
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em
}

header.special .icon {
    cursor: default;
    height: 7em;
    left: 0;
    position: absolute;
    text-align: center;
    top: 1em;
    width: 100%
}

header.special .icon:before {
    font-size: 3.5em;
    opacity: .35
}

footer>:last-child {
    margin-bottom: 0
}

footer.major {
    padding-top: 3em
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    -moz-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: 0;
    border: solid 1px hsla(192, 2%, 50%, .2);
    color: inherit;
    display: block;
    padding: .75em;
    text-decoration: none;
    width: 100%;
    outline: 0;
    display: inline-block
}

input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
textarea:focus {
    border-color: #83d3c9;
    border-color: #2a2a2a;
    border-radius: 5px;
    background-color: #171717
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text] {
    line-height: 1em;
    margin: 0 auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .5;
    position: relative;
    top: 3px
}

:-moz-placeholder,
::-moz-placeholder {
    color: inherit;
    opacity: .5
}

:-ms-input-placeholder {
    color: inherit;
    opacity: .5
}

.formerize-placeholder {
    color: hsla(192, 2%, 50%, .5) !important
}

.image {
    border: 0;
    position: relative
}

.image.fit {
    display: block
}

.image.fit img {
    display: block;
    width: 100%
}

.image.featured {
    display: block;
    margin: 0 0 2em
}

.image.featured img {
    display: block;
    width: 100%
}

.icon {
    position: relative
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-transform: none !important
}

.icon.circle {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 0;
    border-radius: 100%;
    display: inline-block;
    font-size: 1.25em;
    height: 2.25em;
    left: 0;
    line-height: 2.25em;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 2.25em
}

.icon.circle:hover {
    top: -.2em
}

.icon.circle.fa-twitter {
    background: #70aecd;
    color: #fff
}

.icon.circle.fa-twitter:hover {
    background: #7fb7d2
}

.icon.circle.fa-facebook {
    background: #7490c3;
    color: #fff
}

.icon.circle.fa-facebook:hover {
    background: #829bc9
}

.icon.circle.fa-google-plus {
    background: #db6b67;
    color: #fff
}

.icon.circle.fa-google-plus:hover {
    background: #df7b77
}

.icon.circle.fa-github {
    background: #dcad8b;
    color: #fff
}

.icon.circle.fa-github:hover {
    background: #e1b89b
}

.icon.circle.fa-dribbble {
    background: #da83ae;
    color: #fff
}

.icon.circle.fa-dribbble:hover {
    background: #df93b8
}

.icon.featured {
    cursor: default;
    display: block;
    margin: 0 0 1.5em;
    opacity: .35;
    text-align: center
}

.icon.featured:before {
    font-size: 5em;
    line-height: 1em
}

.icon>.label {
    display: none
}

ol.default {
    list-style: decimal;
    padding-left: 1.25em
}

ol.default li {
    padding-left: .25em
}

ul.default {
    list-style: disc;
    padding-left: 1em
}

ul.default li {
    padding-left: .5em
}

ul.icons {
    cursor: default
}

ul.icons li {
    display: inline-block;
    line-height: 1em;
    padding-left: .5em
}

ul.icons li:first-child {
    padding-left: 0
}

ul.featured-icons {
    cursor: default;
    margin: -.75em 0 0;
    opacity: .35;
    overflow: hidden;
    position: relative
}

ul.featured-icons li {
    display: block;
    float: left;
    text-align: center;
    width: 50%
}

ul.featured-icons li .icon {
    display: inline-block;
    font-size: 6.25em;
    height: 1.25em;
    line-height: 1.25em;
    width: 1em
}

ul.buttons {
    cursor: default
}

ul.buttons:last-child {
    margin-bottom: 0
}

ul.buttons li {
    display: inline-block;
    padding: 0 0 0 1.5em
}

ul.buttons li:first-child {
    padding: 0
}

ul.buttons.vertical li {
    display: inline-block;
    padding: 1.5em 0 0;
    color: #fff
}

ul.buttons.vertical li:first-child {
    padding: 0
}

table,
table.default {
    width: 100%
}

table.default tbody tr {
    border-bottom: solid 1px hsla(192, 2%, 50%, .2)
}

table.default td {
    padding: .5em 1em
}

table.default th {
    font-weight: 400;
    padding: .5em 1em;
    text-align: left
}

table.default thead {
    background: #7c8081;
    color: #fff
}

.button,
input[type=button],
input[type=reset],
input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    background: 0;
    border: solid 1px #936a00;
    color: #936a00;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    font-weight: 900;
    letter-spacing: 2px;
    min-width: 18em;
    padding: 0 .75em;
    line-height: 3.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #936a00;
    border-color: #936a00;
    color: #fff
}

.button.special,
input[type="button"].special,
input[type="reset"].special,
input[type="submit"].special {
    background: #936a00;
    border-color: #936a00;
    color: #fff !important
}

.button.special:hover,
input[type="button"].special:hover,
input[type="reset"].special:hover,
input[type="submit"].special:hover {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    background: #fff;
    border: solid 1px #936a00 !important;
    color: #936a00 !important
}

.button.fit,
input[type="button"].fit,
input[type="reset"].fit,
input[type="submit"].fit {
    width: 100%
}

.button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
    font-size: .7em;
    min-width: 14em;
    padding: .5em 0
}

.wrapper {
    padding-bottom: 2em;
    padding-top: 1em
}

.wrapper.style1 {
    padding: 0
}

.wrapper.style2 {
    background-color: hsla(0, 100%, 97%, .4);
    background-image: url(images/light-bl.svg), url("images/light-br.svg");
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 25em, 25em;
    color: #454545
}

.wrapper.style2 .button:hover {
    background: #fff !important
}

.wrapper.style3 {
    color: inherit;
    padding-top: 5em;
    padding-bottom: 3em
}

.wrapper.style4 {
    color: inherit;
    padding: 1em
}

@-moz-keyframes a {
    0 {
        top: -5em
    }

    to {
        top: 0
    }
}

@-webkit-keyframes a {
    0 {
        top: -5em
    }

    to {
        top: 0
    }
}

@-o-keyframes a {
    0 {
        top: -5em
    }

    to {
        top: 0
    }
}

@-ms-keyframes a {
    0 {
        top: -5em
    }

    to {
        top: 0
    }
}

@keyframes a {
    0 {
        top: -5em
    }

    to {
        top: 0
    }
}

#header {
    background: #000;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .075);
    color: inherit;
    cursor: default;
    font-size: .8em;
    left: 0;
    padding: 1em 1.5em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    height: 5pc
}

#header h1 {
    font-weight: 900;
    margin: 0
}

#header h1 span {
    font-weight: 300
}

#header nav {
    letter-spacing: .075em;
    position: absolute;
    right: 1.5em;
    text-transform: uppercase;
    top: .75em;
    font-size: 1.1em
}

#header nav ul li {
    display: inline-block;
    margin-left: .5em
}

#header nav ul li.back {
    transition: all .2s ease-in-out
}

#header nav ul li>ul {
    display: none
}

#header nav ul li a {
    color: #936a00;
    display: inline-block;
    line-height: 1em;
    padding: .6em .75em;
    text-decoration: none;
    font-weight: 400
}

#header nav ul li a:hover {
    color: #936a00;
    text-shadow: 1px 1px 5px #936a00
}

#header nav ul li .tel a:hover {
    color: #fff
}

#header nav ul li .button,
#header nav ul li input[type="button"],
#header nav ul li input[type="reset"],
#header nav ul li input[type="submit"] {
    font-size: 1em;
    min-width: 0;
    width: auto
}

#header nav ul li.submenu>a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-transform: none !important;
    content: '\f107';
    margin-right: .65em
}

#header nav ul li.active>a,
#header nav ul li:hover>a {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    border: 0
}

#header nav ul li.current>a {
    font-weight: 900
}

#header.reveal {
    -moz-animation: a .5s;
    -webkit-animation: a .5s;
    -o-animation: a .5s;
    -ms-animation: a .5s;
    animation: a .5s;
    border-bottom: 1px solid #936a00
}

#header.alt {
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
    background: transparent;
    box-shadow: none;
    color: #454545
}

#header.alt nav {
    right: 2.5em;
    top: 1.3em
}

#header.alt nav ul li.active>a,
#header.alt nav ul li:hover>a {
    border: medium 0 0;
    text-shadow: 1px 1px 8px #936a00;
    color: #fff;
    -moz-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out
}

.dropotron {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .075);
    line-height: 2.25em;
    min-width: 13em;
    padding: 1em 0;
    margin-top: -1px
}

.dropotron.level-0 {
    font-size: .8em;
    font-weight: 400;
    margin-top: 1.5em
}

.dropotron.level-0:before {
    border-bottom: solid .5em #fff;
    border-left: solid .5em transparent;
    border-right: solid .5em transparent;
    content: '';
    left: .75em;
    position: absolute;
    top: -.45em
}

.dropotron>li {
    border-top: solid 1px hsla(192, 2%, 50%, .2)
}

.dropotron>li>a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    color: #333;
    text-decoration: none;
    padding: 0 1em;
    border: 0
}

.dropotron>li:hover>a {
    background: #936a00;
    color: #fff
}

.dropotron>li:first-child {
    border-top: 0
}

@-moz-keyframes b {
    0 {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes b {
    0 {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes b {
    0 {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes b {
    0 {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes b {
    0 {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#banner {
    background-attachment: fixed;
    background-color: #000;
    background-image: url(../image/img_20.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: default;
    padding: 4em 0;
    margin-top: 5pc;
    border-top: 5px solid #936a00;
    border-bottom: 5px solid #936a00
}

#banner,
#banner .inner {
    color: #fff;
    text-align: center
}

#banner .inner {
    -moz-animation: b 1s .25s ease-in-out;
    -webkit-animation: b 1s .25s ease-in-out;
    -o-animation: b 1s .25s ease-in-out;
    -ms-animation: b 1s .25s ease-in-out;
    animation: b 1s .25s ease-in-out;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background: rgba(0, 0, 0, .5);
    display: inline-block;
    opacity: 0;
    padding: 3em
}

#banner .inner header {
    display: inline-block;
    margin: 0 0 2em;
    padding: 9pt 0 0
}

#banner .inner header h2 {
    border-bottom: solid 2px;
    border-top: solid 2px;
    font-size: 2.5em;
    font-weight: 900;
    letter-spacing: .2em;
    margin: 0;
    padding-left: .05em;
    position: relative;
    text-transform: uppercase;
    line-height: 1.2em;
    padding-top: 20px
}

#banner .inner p {
    letter-spacing: .1em;
    margin: 0;
    text-transform: uppercase;
    color: #333;
    font-size: 110%
}

#banner .inner p a {
    font-weight: 400;
    text-decoration: none;
    background-color: hsla(0, 0%, 100%, .5)
}

#banner .inner p a.button:hover {
    background-color: #936a00
}

#banner .inner footer {
    margin: 2em 0 0
}

#main .sidebar section {
    border-top: solid 1px hsla(192, 2%, 50%, .2);
    margin: 3em 0 0;
    padding: 3em 0 0
}

#main .sidebar section:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

body.index #main {
    padding-top: 5em;
    padding-bottom: 2.5em
}

#contact,
body.index #main {
    background-image: url(../image/bg_02.png);
    background-repeat: repeat
}

#contact {
    background-attachment: fixed;
    color: #fff;
    padding: 5em;
    text-align: center
}

#contact header {
    margin-bottom: 0
}

#images #contact,
#images #main {
    background-image: none
}

#images a.kurokirari {
    font-size: .8em
}

#footer {
    color: #454545;
    padding: 1em;
    text-align: center;
    border-top: 5px solid #936a00;
    border-bottom: 10px solid #936a00
}

#footer .copyright {
    font-size: 13px;
    line-height: 1.4
}

#footer .copyright a {
    color: #936a00;
    border: 0
}

#footer .copyright li {
    display: inline-block;
    margin-left: 1em;
    padding-left: 1em;
    border-left: dotted 1px
}

#footer .copyright li:first-child {
    margin: 0;
    padding: 0;
    border: 0
}

:focus {
    outline: 0 !important;
    box-shadow: none !important
}

#topButton .toggle {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

#topButton .toggle:before {
    color: #fff;
    font-weight: 700;
    content: 'MENU';
    font-size: 1em;
    height: 30px;
    left: 0;
    line-height: 30px;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    font-family: Roboto Slab, Garamond, Times New Roman, A1明朝, A1 Mincho, 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HiraMinProN-W3, HGS明朝E, ＭＳ\ Ｐ明朝, MS PMincho, serif !important
}

#topButton .toggle:after {
    background: #936a00;
    border-radius: 0 0 4px 4px;
    content: '';
    height: 30px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: 0;
    width: 5pc
}

#sideButton .toggle {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

#sideButton .toggle:before,
#topButton .toggle:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-transform: none !important
}

#sideButton .toggle:after {
    background: #936a00;
    border-radius: 2px;
    content: '';
    height: 40px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 67px
}

#sidePanel,
#topPanel {
    background: #1c2021;
    color: #fff;
    font-size: .8em;
    letter-spacing: .075em;
    text-transform: uppercase
}

#sidePanel nav,
#topPanel nav {
    padding: .25em .5em 1em
}

#sidePanel .link,
#topPanel .link {
    border: 0;
    border-top: solid 1px hsla(0, 0%, 100%, .05);
    color: inherit;
    display: block;
    height: 3em;
    line-height: 3em;
    opacity: .75;
    text-decoration: none;
    text-transform: lowercase
}

#sidePanel .link.depth-0,
#topPanel .link.depth-0 {
    font-weight: 900
}

#sidePanel .link:first-child,
#topPanel .link:first-child {
    border-top: 0
}

#sidePanel .indent-1,
#topPanel .indent-1 {
    display: inline-block;
    width: 1em
}

#sidePanel .indent-2,
#topPanel .indent-2 {
    display: inline-block;
    width: 2em
}

#sidePanel .indent-3,
#topPanel .indent-3 {
    display: inline-block;
    width: 3em
}

#sidePanel .indent-4,
#topPanel .indent-4 {
    display: inline-block;
    width: 4em
}

#sidePanel .indent-5,
#topPanel .indent-5 {
    display: inline-block;
    width: 5em
}

.tel {
    color: #936a00;
    font-weight: 700;
    font-size: 1.5em;
    letter-spacing: 1.5px;
    display: block
}

.tel a {
    border: 0;
    letter-spacing: 0
}

.tel a:hover {
    color: #936a00
}

.small {
    font-size: 85%
}

.big {
    font-size: 110%
}

ul.footerMap {
    text-align: center
}

.wrapper h3 {
    font-weight: 700
}

#footer section.wrapper {
    margin-bottom: 2em;
    margin-top: 2em
}

section.style2 .button {
    background-color: #936a00
}

#footer p.footerTitle {
    margin-bottom: .2em;
    padding-left: 0
}

p#logo {
    float: left;
    font-size: 5.5em;
    text-shadow: 1px 1px 2px #936a00;
    margin: 0
}

p#logo a {
    border: 0
}

.clear {
    clear: both
}

a:hover img {
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)"
}

.fa-caret-right {
    color: #936a00
}

article#main,
article#main_sec {
    background-position: center center
}

article#main_sec {
    background-repeat: no-repeat;
    margin-top: 2.2em
}

.fa-fx {
    padding-right: 5px
}

.banner {
    margin-bottom: 0
}

.banner a {
    border: 0
}

section.feature img {
    border: 1px solid #936a00
}

section.feature a {
    color: #fff
}

section.feature a:hover {
    color: #936a00
}

section.feature h4 {
    font-weight: 700;
    font-size: 110%
}

table.brwsr2 {
    margin: 0 auto;
    width: 100%;
    border: 0;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: hsla(0, 50%, 96%, .5)
}

table.brwsr2 th {
    width: 25%;
    border-right: solid 1px #666;
    font-weight: 700;
    padding-right: 2px
}

table.brwsr2 td.data,
table.brwsr2 th {
    vertical-align: middle;
    margin: 0;
    text-align: center;
    font-size: 90%
}

table.brwsr2 td.data {
    padding: 0;
    width: 10%;
    border: 0;
    font-size: 80%;
    line-height: 1pc;
    white-space: nowrap;
    overflow: hidden
}

table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle
}

table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e
}

section#clinic_detail {
    padding: 4em;
    margin-top: 2em;
    margin-bottom: 2em
}

.red {
    color: red
}

.blue {
    color: #936a00
}

.center {
    text-align: center
}

.f_left {
    float: left;
    padding-right: 5px
}

.f_right {
    float: right
}

.detail {
    width: 100%;
    border-collapse: collapse;
    background-color: hsla(0, 0%, 100%, .8);
    margin: 1em 0 1.5em
}

.detail td,
.detail th {
    padding: 5px;
    border: 1px solid #ccc;
    font-size: .9em;
    line-height: 1.7
}

.detail th {
    font-weight: 700;
    width: 25%;
    vertical-align: middle
}

.detail thead th {
    background: #e6e6e6
}

.small {
    font-size: 85%;
    font-weight: 400
}

.h02 {
    padding: 10px 10px 5px;
    line-height: 1.4;
    border: 1px solid #fec5d5;
    border-bottom: 4px solid #fec5d5;
    border-radius: 10px
}

.fa-th-large {
    color: #fec5d5
}

.fa-fw {
    padding-right: 5px
}

.h03 {
    font-size: 100%;
    border-left: 6px solid #eee;
    padding: 5px 0 5px 8px;
    font-weight: 700;
    line-height: 1.2
}

.cavity p {
    overflow: hidden
}

#sec_top {
    margin-top: 5em
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: right
}

.breadcrumb>li+li:before {
    content: "> "
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>.active {
    color: #777
}

ul.nav {
    list-style: none;
    padding: 5px;
    background-color: rgba(249, 211, 227, .3)
}

ul.nav li {
    margin-bottom: 3px;
    background-color: #fff;
    font-size: 1.1em
}

li#interview {
    margin-top: 10px;
    margin-bottom: 5px
}

#calendar span.calTitle {
    color: #936a00;
    font-weight: 700;
    padding: 5px 0;
    display: block
}

.navbutton {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    background: 0;
    border: solid 1px #fec5d5;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    font-weight: 900;
    padding: 0 .75em;
    line-height: 3.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%
}

.navbutton.special {
    background: #936a00;
    border-color: #936a00;
    color: #fff !important
}

.navbutton.special:hover {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    background: hsla(0, 0%, 100%, .8) !important;
    border: solid 1px #936a00 !important;
    color: #936a00 !important
}

.navbutton:hover {
    background-color: rgba(249, 211, 227, .3);
    transition: all .3s ease-in-out 0
}

ul.lnav i.fa {
    color: #fec5d5;
    font-size: 1.2em
}

table.cal {
    margin: 0
}

.list {
    background-color: #fffaf0;
    padding: 15px;
    list-style-type: none;
    line-height: 2;
    box-shadow: 1px 1px 3px #ccc
}

.img_border {
    padding: 2px;
    border: 1px solid #eee
}

.left {
    text-align: left
}

.logo {
    margin-bottom: 0
}

.line {
    border: 1px solid #eee
}

.bold {
    font-weight: 700
}

.list p img {
    background-color: #fff
}

table.prosthesis {
    border: 1px solid #bababa;
    margin-bottom: 9pt
}

table.prosthesis th {
    background: #e6e6e6;
    border: 1px solid #ccc;
    color: #333;
    font-weight: 400;
    padding: 6px;
    text-align: center;
    white-space: nowrap
}

table.prosthesis td {
    border: 1px solid #ccc;
    padding: 6px;
    vertical-align: middle
}

#index table.none {
    margin: 0 auto 15px;
    font-size: 100%
}

#index table.none,
#index table.none th {
    padding: 2px;
    border: 0
}

#index table.none td {
    padding: 2px;
    border: 0
}

table.prosthesis {
    margin-bottom: 15px
}

table.prosthesis th {
    text-align: left;
    font-weight: 700;
    font-family: メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
    letter-spacing: .1em
}

table.prosthesis .second {
    width: 7em
}

table.prosthesis .fourth {
    width: 15%;
    text-align: center
}

table.prosthesis .fourth p {
    margin: 0;
    text-align: center
}

table.prosthesis dl {
    line-height: 1.7;
    margin: 6px 0 0;
    padding: 0
}

table.prosthesis dl dt {
    clear: both;
    float: left;
    width: 60px;
    padding: 2px 0;
    vertical-align: middle
}

table.prosthesis dl dd {
    padding: 2px 0 2px 60px
}

table.prosthesis dl dd img {
    vertical-align: middle
}

.over {
    overflow: hidden
}

.merit {
    width: 70%
}

@media screen and (max-width:1235px) {
    #header nav ul li.pc {
        display: none
    }

    #header nav ul li a i.fa-fx {
        padding-right: 0
    }

    #header nav ul li a i.fa-phone {
        color: #fff
    }

    #header nav ul li a i.fa-phone:hover {
        color: #936a00
    }
}

@media screen and (min-width:1236px) {
    #header nav ul li.sp {
        display: none
    }
}

.fa-star {
    color: #e7ca00
}

.openpink {
    color: #f19ec2
}

.darkpink {
    color: #ed2082
}

#clinicImage th img {
    width: 100%;
    margin: 0
}

#rssArea dt {
    font-weight: 700
}

#rssArea dd {
    padding-bottom: 15px
}

#news {
    text-align: left;
    position: relative
}

#news dt {
    font-weight: 700;
    padding-left: 10px;
    color: #fff;
    background: #febbbb;
    background: -moz-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(254, 187, 187, 1)), color-stop(45%, rgba(254, 144, 144, 1)), color-stop(100%, rgba(255, 92, 92, 1)));
    background: -webkit-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
    background: -o-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
    background: -ms-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
    background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#febbbb', endColorstr='#ff5c5c', GradientType=0);
    border-radius: 10px;
    margin-bottom: 5px
}

#news dd {
    padding-bottom: 30px;
    padding-left: 5px
}

section.groupsec {
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 0;
    margin-top: 0
}

article#newsBlog,
section.groupsec {
    background-image: url(../image/boken10.jpg);
    background-size: cover
}

article#newsBlog {
    border-top: 5px solid #936a00;
    border-bottom: 5px solid #936a00;
    background-position: center
}

#bird {
    top: -3pc;
    left: 0
}

#bird,
#risu {
    position: absolute
}

#risu {
    bottom: 10px;
    right: 10px
}

#map {
    position: relative
}

.acc {
    position: absolute;
    top: -40px;
    right: -20px
}

.lux {
    font-family: Radley, serif !important
}

.min {
    font-family: Roboto Slab, Garamond, Times New Roman, A1明朝, A1 Mincho, 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HiraMinProN-W3, HGS明朝E, ＭＳ\ Ｐ明朝, MS PMincho, serif !important
}

.gochi {
    font-family: Roboto, sans-serif !important
}

.text-white {
    color: #fff
}

.kirari {
    display: inline-block;
    background-image: -webkit-linear-gradient(#936a00 0, #bf9427 95%, #936a00 100%);
    background-image: linear-gradient(#936a00 0, #bf9427 95%, #936a00 100%);
    color: #fffbd5;
    box-shadow: 0 -2px 0 #bf9427;
    position: relative;
    overflow: hidden;
    letter-spacing: 1px;
    border: #fffbd5 1px solid;
    padding: 2% 3%;
    margin-top: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 1em
}

.goldkirari:hover,
.kirari:before,
.kurokirari:before {
    content: "";
    background-image: -webkit-linear-gradient(130deg, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 80%);
    background-image: linear-gradient(130deg, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 80%);
    width: 200%;
    height: 200%;
    position: absolute;
    top: -100%;
    left: -200%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.goldkirari:hover,
.kirari:hover,
.kurokirari:hover {
    text-decoration: none;
    color: #fff
}

.goldkirari:hover,
.kirari:hover:before,
.kurokirari:hover:before {
    top: 0;
    left: 100%
}

.kurokirari {
    display: inline-block;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, #45484d 0, #000 100%);
    background: -o-linear-gradient(top, #45484d 0, #000 100%);
    background: -ms-linear-gradient(top, #45484d 0, #000 100%);
    background: linear-gradient(to bottom, #45484d 0, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    color: #fdf2db;
    line-height: 30px;
    text-align: center;
    font-size: .9em;
    border-radius: 10px;
    font-weight: 700;
    position: relative;
    font-weight: 400;
    overflow: hidden;
    padding: 1em;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #fdf2db;
    margin-top: 15px;
    font-size: 1.4em
}

.kirari:hover {
    text-decoration: none;
    color: #fff
}

.small {
    font-size: .8em
}

.subtitle {
    font-size: 1em;
    letter-spacing: .5px
}

span.topRecruit {
    font-size: 3em;
    font-family: Radley, serif !important;
    letter-spacing: 1.5px;
    color: #fdf2db;
    text-shadow: 1px 1px 1px #000
}

#recruit {
    background-image: url(../image/recruit_bg.jpg);
    background-size: 100%;
    border: 1px solid #936a00;
    padding: 4em;
    padding-bottom: 2.5em;
    margin-top: 4em
}

#recruitContent #recruit {
    background-color: hsla(0, 0%, 100%, .35);
    background-image: none
}

#recruit header.special h2 {
    color: #936a00;
    font-size: 4em;
    text-shadow: 1px 1px 2px #936a00;
    letter-spacing: 2px
}

#recruit p {
    color: #936a00;
    text-align: center
}

#recruit header {
    padding-bottom: 0;
    margin-bottom: 0
}

#images h3 a.button,
#recruit h3 a.button {
    font-weight: 400
}

#images h3 a.button:hover,
#recruit h3 a.button:hover {
    background-color: transparent;
    box-shadow: 1px 1px 20px #936a00;
    font-weight: 400;
    text-shadow: none;
    color: #936a00;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

p#logo img {
    width: 200px
}

p.sister img {
    width: 300px;
    border: 1px solid #936a00
}

p.sister a {
    border: 0
}

.groupsec p.more_g a {
    color: #fff;
    border: 0
}

.groupsec p.more_g a:hover {
    color: #936a00
}

.groupsec header.special {
    margin-bottom: 0;
    padding-bottom: 0
}

#map_custmomize {
    border: 5px solid #935a00;
    margin-bottom: 10px;
    width: 100%;
    height: 500px
}

.footerMap .kirari {
    padding: 2px 5px
}

.footer a {
    border: 0;
    color: #fff
}

.footer a:hover {
    color: #fff;
    text-shadow: 1px 1px 5px #fff;
    transition: ease-in .2
}

#contact h4 {
    color: #000
}

.second #banner header {
    background-color: rgba(0, 0, 0, .45);
    padding: 1em
}

.second #banner header h1 {
    font-size: 4em;
    margin-bottom: 0;
    line-height: 1;
    text-shadow: 1px 1px 5px #000;
    letter-spacing: 3px
}

.second #banner header h2 {
    font-size: 2em;
    margin-bottom: 0;
    letter-spacing: .2px;
    font-size: 1.4em
}

.second #main {
    padding-top: 2em;
    padding-bottom: 3em;
    background-image: url(../image/recruit_bg.jpg);
    background-size: cover
}

#access #main,
#contactForm #main,
#thanks #main {
    background-image: url(../image/bg_02.png);
    background-size: inherit
}

#access #footer {
    background-image: url(../image/boken10.jpg);
    background-size: cover
}

#access #footer section.wrapper {
    padding-top: 2em
}

#images #banner {
    background-image: url(../image/img_12.jpg)
}

.images img {
    width: 25%;
    border: 1px solid #936a00
}

#images #banner header h1 {
    margin-bottom: 15px
}

#images header.special h2 {
    margin-bottom: .3em
}

#images #footer {
    background-image: url(../image/bg_02.png)
}

#recruitContent #contact {
    background-image: none
}

#detail header.special h2 {
    color: #936a00;
    font-size: 2.5em;
    letter-spacing: 4px;
    text-shadow: 1px 1px 2px #936a00;
    padding-bottom: .4em
}

#recruitContent #detail p strong {
    color: #121212;
    font-weight: 400;
    font-size: .8em
}

#recruitContent #detail p {
    margin-bottom: .5em;
    color: #936a00
}

#recruitContent #banner {
    background-image: url(../image/img_02.jpg)
}

#recruitContent header.special {
    margin-bottom: 0
}

#recruitTable {
    color: #121212
}

#recruitTable th {
    text-align: center;
    width: 22%;
    background-color: #fdf2db;
    font-weight: 700;
    vertical-align: middle;
    color: #121212
}

#recruitTable td,
#recruitTable th {
    line-height: 2.4;
    border: 1px solid #936a00
}

#recruitTable td {
    text-align: left;
    background-color: hsla(0, 0%, 100%, .4);
    padding-left: 1.5em
}

#recruitTable .fa {
    color: coral
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff
}

#wax-section {
    padding: 6em 0 2.5em;
    background-image: url(../image/bg_01.png);
    border: 5px solid #936a00
}

#wax-section h2,
#wax-section h3 {
    color: #936a00;
    text-shadow: 1px 1px 5px #936a00
}

#wax-section p {
    color: #936a00
}

#wax img {
    border: 1px solid #936a00
}

#wax img:hover {
    opacity: .6
}

#wax-section.more_g a {
    color: #fff;
    font-size: 1.2em;
    text-shadow: -1.5px .5px 8px #936a00, .5px -.5px 8px #936a00
}

#wax-section.more_g a:focus,
#wax-section.more_g a:hover {
    color: #936a00;
    text-shadow: none
}

#contact input[type=email],
#contact input[type=password],
#contact input[type=tel],
#contact input[type=text],
#contact textarea {
    width: 100% !important;
    border: solid 1px hsla(192, 2%, 50%, 1);
    box-shadow: none;
}
#contact input[type=email]:focus,
#contact input[type=password]:focus,
#contact input[type=tel]:focus,
#contact input[type=text]:focus,
#contact textarea:focus {
    background: none;
}
#contact form#mailformpro {
    width: 60%;
}
#contact form#mailformpro dl dd {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#contact .mfp_achroma {
    background: none;
}
#contact form#mailformpro label.mfp_not_checked,
#contact form#mailformpro label.mfp_checked {
    color: #fff;
    background: none;
    padding: 0;
    border: none;
    margin: 0;
}

@media(max-width:768px) {
    #contact form#mailformpro {
        width: 100%;
    }
    #contact input[type=email],
    #contact input[type=password],
    #contact input[type=tel],
    #contact input[type=text],
    #contact textarea {
        font-size: 14px;
    }
}