@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);



body > section.section.concept > div > section {
    width: 680px;
}

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

body {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Roboto Slab", "EB Garamond", "Times New Roman", "MS PMincho", serif;
    font-size: 12px;
    line-height: 1.75;
    color: #010101;
    letter-spacing: 0;
    width: 100%;
    min-width: 320px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto | grayscale
}


a {
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    -webkit-touch-callout: none;
    display: block;
    font: inherit;
    color: inherit;
    vertical-align: baseline
}

a:active,
a:hover {
    outline-width: 0
}


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

hr {
    box-sizing: content-box;
    height: 0
}

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

a,
body,
canvas,
dd,
dl,
dt,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
label,
li,
nav,
object,
ol,
p,
section,
small,
span,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

::after,
::before,
:after,
:before,
a,
address,
article,
aside,
body,
button,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
img,
input,
li,
nav,
p,
section,
textarea,
ul {
/*    font-weight: normal;*/
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}

ol,
ul {
    list-style: none;
}

img.img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


@font-face {
    font-family: Cinzel;
    font-style: normal;
    font-weight: 400;
    src: local("Cinzel-Regular"), url(../fonts/cinzel.eot);
    src: local("Cinzel-Regular"), url(../fonts/cinzel.eot?#iefix) format("embedded-opentype"), url(../fonts/cinzel.ttf) format("truetype"), url(../fonts/cinzel.woff) format("woff"), url(../fonts/cinzel.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: AlexBrush-Regular;
    font-style: normal;
    font-weight: 400;
    src: local("AlexBrush-Regular"), url(../fonts/AlexBrush-Regular.eot);
    src: local("AlexBrush-Regular"), url(../fonts/AlexBrush-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/AlexBrush-Regular.ttf) format("truetype"), url(../fonts/AlexBrush-Regular.woff) format("woff"), url(../fonts/AlexBrush-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Bentham;
    font-style: normal;
    font-weight: 400;
    src: local("Bentham"), url(../fonts/bentham.eot);
    src: local("Bentham"), url(../fonts/bentham.eot?#iefix) format("embedded-opentype"), url(../fonts/bentham.ttf) format("truetype"), url(../fonts/bentham.woff) format("woff"), url(../fonts/bentham.woff2) format("woff2")
}

.ja {
    font-family: "AlexBrush-Regular",HiraKakuProN-W3,'Noto Sans JP', "Times New Roman", Meiryo, sans-serif;
}

.en {
    font-family: "AlexBrush-Regular",Cinzel, HiraMinProN-W3, "Yu Mincho", YuMincho, "Roboto Slab", "EB Garamond", "Times New Roman", "MS PMincho", serif;
}


@media (min-width:768px) {

    body {
        font-size: 14px;
        line-height: 1.71429
    }
}

.color-gold {
    color: #445dc3
}

.color-white {
    color: #fff
}

.color-gray {
    color: #665c50;
    font-family: AlexBrush-Regular, serif
}






/* ===== fonts 設定 ===== */

.s{
    font-size: small;
}
.m{
    font-size: 1.3em;
}
.l{
    font-size: 2em;
}

@media (max-width: 768px) {

    .m {
        font-size: 1em;
    }
    .l {
        font-size: 1.5em;
    }

}

.content {
    max-width: 768px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .content {
        padding: 5%;
    }

}

/* ===== Images 設定 ===== */

.img {
    max-width: 100%;
    height: auto;
}

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

        .header-image,
        .section-fixed-bg,
        .section-full-width-bg {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

/* ===== VIEW ボタン設定 ===== */

.section-anchor {
    margin: 1em auto;
    border: 1px solid #445dc3;
    line-height: 3.3;
    background-color: #445dc3;
    color: #fff;
    text-align: center;
    width: 17em;
    border-radius: 3px;
    -webkit-transition: background-color 250ms, color 250ms;
    transition: background-color 250ms, color 250ms;
}

/*
.section-anchor::before{
    content: "\f101";
    font-family: 'FontAwesome';
    padding-right: .5em;
    color: #FFF;
}
*/

.section-anchor:hover:before{
    color: #445dc3;
}


.section-anchor:hover {
/*    border: 1px solid #ab892f;*/
    color: #063A56;
    background-color: #FFF;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}


a:hover {
    transition-duration:.3s;
}


.view {
    margin: 2em auto;
}


/* 詳しくみる */

.kuwasiku{
    text-align: center;
}

.kuwasiku-anchor {
  font-family: 'Noto Sans JP';
  margin: 1em 0;
  display: inline-block;
  width: 150px;
  height: 34px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 34px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #ab892f;
  color: #ab892f;
  line-height: 30px;
  overflow: hidden;
  border-radius: 17px;
}
.kuwasiku-anchor::before,
.kuwasiku-anchor::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.kuwasiku-anchor,
.kuwasiku-anchor::before,
.kuwasiku-anchor::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.kuwasiku-anchor:hover {
    text-align: center;
  color: #fff;
}
.kuwasiku-anchor::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.kuwasiku-anchor:hover::after {
  background: #ab892f;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* ===== section 設定 ===== */


.section-header {
    text-align: center;
    background-color: #FFF;
}

.section-heading-span {
    display: inline-block;
    width: 300px;
/*  border-bottom: 1px solid #445dc3;
    padding-bottom: 10px;*/
    font-family: "AlexBrush-Regular";
    font-size: 3em;
    line-height: 1;
}

.section-heading .en {
    font-size: 90%;
}

.section-heading {
    color: #665c50;
}

.container{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-moz-flex;
        display:flex;
        -webkit-box-lines:multiple;
        -moz-box-lines:multiple;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        align-items: center;
        justify-content: center;
}

.section-inner.container{
    padding-top: 2%;
}

@media (max-width:767px) {

    .container > div{
        width: 100%;
    }

    .section-heading-span {
        font-size: 4em;
    }
}

/* ===== Slick 設定 ===== */
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ab892f;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '◉';
    /* text-align: center; */
    opacity: .25;
    color: #ab892f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: 25px;
}
.slick-next{
    right: 25px;
}



.slick-prev:before,
.slick-next:before{
    font-size: 50px;
    opacity: .5;
}
.slick-dots {
    bottom: -40px;
}


/* ===== page 設定 ===== */
        .banquet-contents-inner,
        .section-badge-paragraph,
        .section-badge:after,
        .section-badge:before,
        .sidebar-toggle:after {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .header-heading-span.ja,
        .section-subheading-span.small,
        body {
            font-family: HiraMinProN-W3, "Yu Mincho", YuMincho, "Roboto Slab", "EB Garamond", "Times New Roman", "MS PMincho", serif
        }

        .badgenav-inner-anchor,
        .badgenav-inner-paragraph,
        .banquet-button,
        .breadcrumbs-item,
        .footer-paragraph,
        .footerfair-button,
        .footerinfo-anchor,
        .gnav-bottom-anchor,
        .section-badge-paragraph,
        .section-paragraph,
        .section-table-span.top,
        .sidebar-info,
        .sidebar-toggle-span.ja {
            font-family: 'Noto Sans JP', "Times New Roman", Meiryo, sans-serif
        }

        .banquet-span.en,
        .gnav-item-span.en,
        .gnav-right,
        .sidebar-toggle-span.en {
            font-family: Cinzel, HiraMinProN-W3, "Yu Mincho", YuMincho, "Roboto Slab", "EB Garamond", "Times New Roman", "MS PMincho", serif
        }

        .header-heading-span.en {
            font-family: AlexBrush-Regular;
            font-weight: 400;
            font-size: 46px;
            line-height: .9;
            letter-spacing: -.025em;
            text-align: center;
            color: #445dc3
        }

        @media (min-width:768px) {
            .header-heading-span.en {
                font-size: 60px
            }
        }

        @media (min-width:1025px) {
            .header-heading-span.en {
                font-size: 78px
            }
        }

        .header-heading-span.ja {
            font-weight: 400;
            font-size: 9px;
            line-height: 2;
            letter-spacing: .075em;
            text-align: center;
            color: #665c50
        }

        @media (min-width:768px) {
            .header-heading-span.ja {
                font-size: 14px
            }
        }

        @media (min-width:1025px) {
            .header-heading-span.ja {
                font-size: 18px
            }
        }

        .section-heading {
            font-size: 14px;
            line-height: 1.75;
            letter-spacing: .05em;
            color: #44403b;
            text-align: center;
            padding: 40px 0 20px
        }

        @media (min-width:768px) {
            .section-heading {
                font-size: 16px;
                letter-spacing: .1em
            }
        }

        @media (min-width:1025px) {
            .section-heading {
                font-size: 18px;
                letter-spacing: .05em
            }
        }

        .gnav-bottom-anchor,
        .sidebar-toggle-span.en,
        body {
            font-size: 12px;
            line-height: 1.75;
            color: #010101;
            letter-spacing: 0
        }

        @media (min-width:768px) {
            .gnav-bottom-anchor,
            .sidebar-toggle-span.en,
            body {
                font-size: 14px;
                line-height: 1.71429
            }
        }

        @media (min-width:1025px) {
            .gnav-bottom-anchor,
            .sidebar-toggle-span.en,
            body {
                line-height: 2;
                letter-spacing: .025em
            }
        }

        .section-subheading-span.large,
        .section-subheading-span.white {
            font-family: Bentham, serif;
            font-size: 30px;
            line-height: .8;
            letter-spacing: -.025em;
            text-align: center
        }

        .color-gray,
        .section-subheading-span.tiny,
        .section-subheading-span.white {
            font-family: AlexBrush-Regular, serif
        }

        @media (min-width:768px) {
            .section-subheading-span.large,
            .section-subheading-span.white {
                font-size: 45px
            }
        }

        @media (min-width:1025px) {
            .section-subheading-span.large,
            .section-subheading-span.white {
                font-size: 68px
            }
        }

        .section-subheading-span.small {
            font-size: 20px;
            line-height: .65;
            letter-spacing: 0;
            text-align: center
        }

        @media (min-width:768px) {
            .section-subheading-span.small {
                font-size: 30px
            }
        }

        @media (min-width:1025px) {
            .section-subheading-span.small {
                font-size: 45px
            }
        }

        .section-subheading-span.tiny {
            font-size: 16px;
            line-height: 1;
            letter-spacing: 0;
            text-align: center
        }

        .color-gold {
            color: #445dc3
        }

        .color-white {
            color: #fff
        }

        .color-gray {
            color: #665c50
        }

        @media (min-width:768px) {
            .section-subheading-span.tiny {
                font-size: 34px
            }
            .section-heading {
                padding: 20px 0;
            }
        }

        @media (min-width:1025px) {
            .section-subheading-span.tiny {
                font-size: 42px
            }
            .section-heading {
                padding: 40px 0;
            }
        }

        .banquet-contents:after,
        .banquet-contents:before {
            content: "";
            display: block;
            border: 1px solid #fff;
            width: calc(100% + 4px);
            height: calc(100% + 4px);
            position: absolute
        }

        @media (min-width:1200px) {
            .banquet-contents:after,
            .banquet-contents:before {
                width: calc(100% + 6px);
                height: calc(100% + 6px)
            }
        }

        .banquet-contents:before {
            top: 0;
            left: 0
        }

        .banquet-contents:after {
            right: 0;
            bottom: 0
        }

        .mariage-hikone-logo {
            fill: #445dc3
        }

        ::-moz-selection {
            background-color: #faeede
        }

        ::selection {
            background-color: #faeede
        }

        body {
            width: 100%;
            min-width: 320px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: auto | grayscale
        }

        .header {
            padding-bottom: 40px
        }

        .header-heading {
            text-align: center;
            padding: 1em 0;
            background-color: #fefefd;
            box-shadow: 0 4px 13px 0 rgba(36, 15, 2, .18)
        }

        .header-heading-span.linebreak {
            display: block
        }

        .header-heading-span.en {
            min-width: 2.3em;
            display: inline-block;
            border-bottom: 1px solid #445dc3
        }

        .header-heading-span.ja {
            display: inline-block;
            position: relative
        }

        .header-heading-span.ja:after,
        .header-heading-span.ja:before {
            content: "";
            margin: auto;
            width: 1em;
            height: 1px;
            background-color: #665c50;
            position: absolute;
            top: 0;
            bottom: 0
        }

        .header-heading-span.ja:before {
            left: -2em
        }

        .header-heading-span.ja:after {
            right: -2em
        }

        .header-image {
            width: 100%;
            height: 225px;
            background-image: url(../images/chapel/640/main.jpg);
        }

        @media (min-width:768px) {
            .header-heading {
                padding: 2em 0
            }
            .header-image {
                height: 420px;
                background-image: url(../images/chapel/1024/main.jpg)
            }
        }

        @media (min-width:1025px) {
            .header-heading {
                padding: 2em 0
            }
            .header-image {
                height: 680px;
                background-image: url(../images/chapel/1920/main.jpg)
            }
        }
        .breaksp {
            display: block
        }

        .section-heading .large {
            font-size: 16px
        }

        .section-badge {
            overflow: hidden;
            margin: auto;
            border-radius: 50%;
            position: absolute;
            top: 183.5px;
            left: auto;
            right: 8px;
            background-color: #f2e7de;
            width: 83px;
            height: 83px
        }

        @media (min-width:768px) {
            .breaksp {
                display: none
            }
            .section-heading .large {
                font-size: 21px
            }
            .section-badge {
                top: 368.5px;
                left: 0;
                right: 0;
                -webkit-transform: translateX(176px);
                transform: translateX(176px);
                width: 103px;
                height: 103px
            }
        }

        @media (min-width:1025px) {
            .section-heading .large {
                font-size: 23px
            }
            .section-badge {
                top: 577px;
                -webkit-transform: translateX(410px);
                transform: translateX(410px);
                width: 206px;
                height: 206px
            }
        }

        .section-badge-paragraph {
            width: 100%;
            z-index: 1;
            line-height: 1;
            text-align: center;
            color: #fff;
            font-size: 8px
        }

        .section-badge:after,
        .section-badge:before {
            content: "";
            display: block;
            width: 100%
        }

        .section-badge:before {
            background-color: #fff;
            height: 30px
        }

        @media (min-width:768px) {
            .section-badge-paragraph {
                font-size: 10px
            }
            .section-badge:before {
                height: 37px
            }
        }

        @media (min-width:1025px) {
            .section-badge-paragraph {
                font-size: 20px
            }
            .section-badge:before {
                height: 74px
            }
        }

        .section-badge:after {
            height: 20px
        }

        .section-badge.chatoyant:after {
            background-color: #ca7888
        }

        .section-badge.ensoleille:after {
            background-color: #9d6714
        }

        .section-badge.erie:after {
            background-color: #1b2c1e
        }

        .section-badge.the_wonder_garden:after {
            background-color: #9d6714
        }

        .section-contents {
            background-color: #fff;
        }

        .section-contents.fixed {
            margin-top: 212px
        }

        @media (min-width:768px) {
            .section-badge:after {
                height: 26px
            }
            .section-contents {
                text-align: center;
                position: relative
            }
            .section-contents.fixed {
                margin-top: 278px
            }
        }

        @media (min-width:1025px) {
            .section-badge:after {
                height: 52px
            }
            .section-contents.fixed {
                margin-top: 420px
            }
        }

        .section-image:last-child {
            margin-top: 20px
        }

        .section-gallery,
        .section-paragraph {
            margin: 0 auto;
            max-width: 480px
        }

        .section-gallery {
            width: 93.75%
        }

        @media (min-width:768px) {
            .section-gallery,
            .section-paragraph {
                max-width: none
            }
            .section-gallery {
                width: 768px
            }
        }

        @media (min-width:1025px) {
            .section-gallery {
                width: 1024px
            }
        }

        @media (min-width:768px) {
            .section-gallery {
                overflow: hidden
            }
            .section-gallery.left .section-image:first-child,
            .section-gallery.right .section-image:last-child {
                float: left
            }
            .section-gallery.left .section-image:last-child,
            .section-gallery.right .section-image:first-child {
                float: right
            }
            .section-gallery.left .section-image:first-child,
            .section-gallery.right .section-image:first-child {
                width: 506px
            }
            .section-gallery.left .section-image:last-child,
            .section-gallery.right .section-image:last-child {
                margin: 0;
                width: 254px
            }
        }

        @media (min-width:1025px) {
            .section-gallery.left .section-image:first-child,
            .section-gallery.right .section-image:first-child {
                width: 676px
            }
            .section-gallery.left .section-image:last-child,
            .section-gallery.right .section-image:last-child {
                margin: 0;
                width: 338px
            }
        }

        @media (max-width:767px) {
            .section-gallery.left .section-image,
            .section-gallery.right .section-image {
                width: 100%;
            }
        }

        .section-paragraph {
            padding: 20px 0 40px;
            width: 93.75%;
            text-align: justify
        }

        @media (min-width:768px) {
            .section-paragraph {
                padding: 40px 0 80px;
                width: 600px
            }
        }

        @media (min-width:1025px) {
            .section-paragraph {
                padding: 40px 0 120px;
                width: 700px
            }
        }

        .section-paragraph.fixed {
            padding-bottom: 40px
        }

        @media (min-width:768px) {
            .section-paragraph.fixed {
                padding-bottom: 80px
            }
        }

        @media (min-width:1025px) {
            .section-paragraph.fixed {
                padding-bottom: 120px
            }
        }

        .section-paragraph.onBox {
            display: block;
            padding: 20px 1em;
            width: 100%;
            top: 0;
            right: auto;
            background-color: transparent;
            position: relative
        }

        @media (min-width:768px) {
            .section-paragraph.onBox {
                display: inline-block;
                padding: 25px 13px;
                width: 353px;
                position: absolute;
                top: -260px;
                left: -416px;
                right: 0
            }
        }

        @media (min-width:1025px) {
            .section-paragraph.onBox {
                display: inline-block;
                padding: 35px 30px;
                width: 395px;
                position: absolute;
                top: -310px;
                left: -568px
            }
        }

        @media (min-width:768px) {
            .section-paragraph.onBox {
                background-color: rgba(255, 255, 255, .8)
            }
        }

        .section-subheading {
            margin-top: -86px;
            margin-left: 0;
            position: relative;
            top: 86px;
            background-color: transparent
        }

        @media (min-width:768px) {
            .section-subheading {
                margin-top: -184px;
                margin-left: 410px;
                width: 358px;
                top: 144px;
                display: inline-block
            }
        }

        @media (min-width:1025px) {
            .section-subheading {
                margin-top: -256px;
                margin-left: 580px;
                width: 444px;
                top: 216px
            }
        }

        .section-subheading:after,
        .section-subheading:before {
            display: block;
            content: "";
            margin: auto;
            width: 1px;
            height: 50px;
            background-color: #665c50
        }

        .section-subheading.onBox {
            margin-top: -20px;
            margin-left: 0;
            margin-right: 0;
            top: 20px;
            z-index: 1
        }

        @media (min-width:768px) {
            .section-subheading:after,
            .section-subheading:before {
                width: 2px;
                height: 90px
            }
            .section-subheading.onBox {
                margin-top: -70px;
                margin-right: 410px;
                top: 90px
            }
        }

        @media (min-width:1025px) {
            .section-subheading:after,
            .section-subheading:before {
                width: 2px;
                height: 134px
            }
            .section-subheading.onBox {
                margin-top: -104px;
                margin-right: 580px;
                top: 124px
            }
        }

        .section-subheading.onBox:after,
        .section-subheading.onBox:before {
            height: 40px
        }

        @media (min-width:768px) {
            .section-subheading.onBox:after,
            .section-subheading.onBox:before {
                height: 93px
            }
        }

        @media (min-width:1025px) {
            .section-subheading.onBox:after,
            .section-subheading.onBox:before {
                height: 112px
            }
        }

        .section-subheading-span {
            display: block;
            font-weight: 400
        }

        .section-fixed-bg {
            width: 100%;
            width: 100vw;
            height: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: -1;
            background-image: url(../images/chapel/640/fixed-bg.jpg)
        }

        .section-full-width-bg {
            width: 100%;
            height: 200px;
            background-image: url(../images/chapel/640/full-width.jpg)
        }

        .section-table {
            overflow: hidden;
            margin: -20px auto 40px;
            border-width: 1px;
            border-style: solid;
            border-color: #665c50;
            width: 93.75%;
            max-width: 480px;
            background-color: #fff
        }

        @media (min-width:768px) {
            .section-full-width-bg {
                height: 350px;
                background-image: url(../images/chapel/1024/full-width.jpg)
            }
            .section-table {
                margin: -40px auto 80px;
                max-width: 512px
            }
        }

        @media (min-width:1025px) {
            .section-full-width-bg {
                height: 440px;
                background-image: url(../images/chapel/1920/full-width.jpg)
            }
            .section-table {
                margin: -80px auto 120px;
                border-width: 2px;
                max-width: 560px
            }
        }

        .section-table-cell {
            float: left;
            width: 50%;
            text-align: center
        }

        .section-table-cell.left {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #665c50
        }

        .section-table-span {
            line-height: 1
        }

        .section-table-span.top {
            display: inline-block;
            margin: 1.5em auto .5em;
            border-bottom: 1px solid #000;
            padding: 0 1.5em .5em;
            font-size: 8px
        }

        @media (min-width:768px) {
            .section-table-span.top {
                margin: 1.5em auto 1em;
                padding: 0 1.5em 1em;
                font-size: 10px
            }
        }

        @media (min-width:1025px) {
            .section-table-cell.left {
                border-right-width: 2px
            }
            .section-table-span.top {
                margin: 1.5em auto .5em;
                padding: 0 1.5em .5em;
                font-size: 11px
            }
        }

        .section-table-span.bottom {
            margin-bottom: .5em;
            display: block;
            font-family: AlexBrush-Regular;
            font-size: 16px;
            color: #445dc3
        }

        @media (min-width:768px) {
            .section-table-span.bottom {
                font-size: 24px
            }
        }

        @media (min-width:1025px) {
            .section-table-span.bottom {
                font-size: 24px
            }
        }

        @media (min-width:1025px) {
            .banquet-item {
                overflow: hidden;
            }
            .banquet-item .zoom {
                transition: .3s ease;
            }
            .banquet-item:hover .zoom {
                transform: scale(1.1, 1.1);
                transition: .3s ease;
            }
        }




/* flexslider ======================================================== */


.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    }
 100% {
   opacity: 1;
   -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
}


/* =================================================
   PC Style
================================================== */


.section-inner{
    padding: 30px 15px;
    max-width: 1130px;
    margin: 0 auto;
}

.section-header {
padding-bottom: 80px;
}

.section-header h3 {
font-size: 20px;
color: #656565;
}

.section-heading{
    padding: 0;
}

.section-heading span.section-heading-span{
font-family: 'Prata', serif;
font-size: 40px;
letter-spacing: .05em;
width: 100%;
}
.section-heading span.en{

}

.hr_icon{
position: relative;
display: inline-block;
padding: 0 55px;
}

.hr_icon span:after{
content: '◆';
font-size: .5em;
color: #44403b;
}

.hr_icon:before, .hr_icon:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #44403b;
}

.hr_icon:before {left:0;}
.hr_icon:after {right: 0;}



/* ------------- sp ------------- */

@media (max-width:768px) {

    .section-inner{
        padding: 15px;
    }
    .section-heading span.section-heading-span{
    font-size: 30px;
    }
    .section-header h3 {
    font-size: 14px;
    }
    .section-header {
    padding-bottom: 40px;
    }

}


/* ========== reserve ========== */

.center_txt{
    text-align: center;
}